@charset "utf-8";
/* CSS Document */




/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------------------------------------*/

body {	
    line-height: 1;	
	-webkit-text-size-adjust: none;/*防止allpe的safari瀏覽器字體變大*/
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
   /* border-collapse: collapse;*/
    border-spacing: 0;
}

a img {
	border: none;
}

.clean { clear:both;}

.clearfix {
  overflow: hidden;
  zoom: 1;
}

img { width:100%;}

h1, h2, h3 {display: none;}

.web-outer{	
	clear: both;
	overflow: hidden;
	min-height: 2500px;
}

.header{clear:both;overflow: hidden;}
.slide{margin:0 auto;z-index: 50;border-bottom: 3px #c8c69b solid;}


/*-------------------------------------選單---------------------------------------------*/
#main-nav {
    z-index: 990;
    overflow: hidden;
 }
 
.block_menu {
     z-index: 990;
     width: 100%;
     text-align:center;
     font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
     height: 50px;	
	 padding-top: 20px;
     background-color:#1b5039;
	 border-bottom: 3px #79715c solid;	 
     z-index: 990;	
 }
 
.sticky { top: 30px; }
#nav ul{background-color: antiquewhite;} 
#nav li { display:inline-block; }
#nav li a { display: inline-block;  }

.menu {}
.menu00 { width: 189px;height: 32px;text-indent:-5000px;background: url("img/nav.png") 0 0 no-repeat;margin-right: 10px;}
.menu00 a { width: 189px;height: 32px;text-indent:-5000px;background: url("img/nav.png") 0 0 no-repeat;margin-right: 10px;}
.menu01 a { width: 122px;height: 32px;text-indent:-5000px;background: url("img/nav.png") -189px 0 no-repeat;}
.menu01 a:hover, .menu01 a.active{ background: url("img/nav.png")-189px -32px;}
.menu02 a { width: 130px;height: 32px;text-indent:-5000px;background: url("img/nav.png") -311px 0 no-repeat;}
.menu02 a:hover, .menu02 a.active{ background: url("img/nav.png") -311px -32px;}
.menu03 a { width: 132px;height: 32px;text-indent:-5000px;background: url("img/nav.png") -441px 0 no-repeat;}
.menu03 a:hover, .menu03 a.active{ background: url("img/nav.png") -441px -32px;}
.menu04 a { width: 124px;height: 32px;text-indent:-5000px;background: url("img/nav.png") -573px 0 no-repeat;}
.menu04 a:hover, .menu04 a.active{ background: url("img/nav.png") -573px -32px;}
 .active {
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -o-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
 }
/*錨點*/
.block-first{overflow: hidden;padding-top: 100px;margin-top: -100px;}
.block-first02{overflow: hidden;padding-top: 40px;margin-top: -40px;}

.top-title {max-width: 824px;margin: 80px auto 0 auto;padding: 50px 10px 30px 10px;}

.main{max-width: 960px;margin: 80px auto;} 
.main02{max-width: 960px;margin: 80px auto 0 auto;padding: 120px 0;} 

/*嚴選名湯*/
.bg01{background: url("img/bg_01.png") top center no-repeat;}

.spa-box{width: 70%;margin: 0 auto;padding: 10px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.spa-title{max-width: 384px;}

.spa-box p{font-size: 15px;line-height: 3em;color: #373737;}
.spa-box p strong{font-weight: bold;font-size: 18px; margin-top: 15px;color: #9e9b61;display: block;}

.spa-photo{max-width: 900px;padding: 10px;margin: 50px auto 30px auto;position: relative;clear: both;}
.spa-bg01{max-width: 166px;position: absolute;top:0;left:0;}
.spa-bg02{max-width: 166px;position: absolute;bottom: -4px;right: 0;}


/*療癒功效*/
.bg02{background: #1b5039 url("img/bg_02.png") top center repeat;}
.main-effect{padding: 120px 10px;}
.effect-box{width: 100%;margin: 0 auto;padding: 0 10px 80px 10px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;overflow: hidden;}

.effect-ph{float: left;width: 28%; max-width: 236px;padding-top: 30px;}
.effect-txt{float: right;width: 70%;padding: 15px;}
.effect-title{max-width: 279px;}
.effect-txt p{font-size: 15px;line-height: 3em;color: #fff;margin-top: 15px;}

.img-box{
	padding: 8px;	
	border: solid 1px #497361;		
	margin: 0 auto;
	max-width: 786px;
}


/*味蕾邂逅*/
.bg03{background: url("img/bg_03.png") top center no-repeat;}
.food-box{width: 60%;margin: 0 auto 120px auto;padding: 10px; font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.food-title{max-width: 210px;}
.food-box p{font-size: 15px;line-height: 3em;color: #373737;}


/*推薦行程*/
.bg04{background-color: #f1efe0;}


.tour_list_box ul {
	width: 90%;
	min-height: 350px;
	margin: 0 auto;
	padding: 10px;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
}

.tour-title{max-width: 342px;margin: 0 auto 50px auto;}
	
.tour_list_box li{
	font-size: 18px;	
	line-height: 2em;
	color:#fff;	
	border-bottom:1px dashed #35322d;
	padding: 10px 0;
}
.tour_list_box p.txt{	
	font-size: 15px;
	color: #8F0002;
	font-weight: bold;
	padding:10px 0;
	font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
}


.tour_list_box li em  { color:#da6a26; font-style:normal; padding-left:6px;font-size:13px;   }
.tour_list_box .price{	
	font-size:15px;
	line-height:2em;
	color:#bc012d;		
	font-weight: bold;
	float: right;
}

.tour_list_box .price strong {	
	font-size:18px;
	line-height:2em;
		
}

.tour_list_box li a{	
	color:#5c5c5c;
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding: 3px 5px;
	font-weight: bold;
}
.tour_list_box li a:hover{	
	background-color:#fff;}


@media screen and (max-width: 959px) {
	.effect-box{margin: 30px auto;padding:0 0 10px 0;}
	.effect-ph{float: inherit;display: none;}
	.effect-txt{float: inherit;width: 90%;margin: 0 auto;}
	.tour_list_box .price{		
	float: inherit;
	display: block;
	text-align: center;
	}
}

/*平版*/
@media screen and (max-width: 768px) {
	.block_menu{display: none;}	
	.top-title {margin: 50px auto 0 auto;padding: 10px;}
	
	/*錨點*/
	.block-first{overflow: hidden;padding-top: 0;margin-top: 0;}
	.block-first02{overflow: hidden;padding-top: 0;margin-top: 0;}
	
	.main{margin: 40px auto;} 
	.main02{margin: 20px auto 0 auto;padding: 20px 0;} 
	
	.main-effect{padding: 30px 10px 50px 10px;}
	
	.spa-box{width: 90%;}
	.food-box{width: 90%;margin: 0 auto 50px auto;}	
	
}

/*手機*/
@media screen and (max-width: 480px) {
	
.spa-bg01{display: none;}
.spa-bg02{display: none;}
	
.img-box02{
	padding: 8px;	
	border: solid 1px #497361;
}	
	
	
}	

@media screen and (max-width: 320px) {}