body,div,ul,ol,li,h1,h2,h3,p,tr,td,img{margin: 0;padding: 0;}
img { vertical-align:top;}

html{background:url(images/bg.jpg) repeat;}
body{background:url(images/bg.jpg) repeat-y center top; } /* background:url(全網頁墊底圖) repeat; */
.content{  margin: auto left; padding:0 0; background:url(images/final01_01.jpg) no-repeat center top;}	/* background:url(主視覺延伸寬1200px中間挖空圖) no-repeat center top;*/
.main-area{}

/*按鈕第一層*/
.navbig{position:relative; width:950px; height:80px; background:url(images/btn_bg.png) repeat-x left top; }
.navbig ul{ float:right; list-style:none;}
.navbig ul li{ float:left;}
/*.menu-1st.stuck{position:fixed; z-index:995; top:0px; background-color:#680527;}*/
.second-menu.stuck{position:fixed; z-index:996; top:0px;}
.intro-anchors.stuck{position:fixed; z-index:997; background-color:#FFFFFF; width:950px; display:block; top:40px;}
a[name^="a"]{position:relative; top:-100px;}


/* menu基本設定 */
.menu-1st{ width:950px; margin:0 auto; display:inline-block; position:absolute;}
.menu-1st a{ display:block;  height:80px;}
.menu-1st .m-01 a{width:192px;}
.menu-1st .m-02 a{width:184px;}
.menu-1st .m-03 a{width:180px;}
.menu-1st .m-04 a{width:195px;}
.menu-1st .m-05 a{width:199px;}



/* menu圖片位置 */
.m-01,.m-02,.m-03,.m-04,.m-05,.m-06{display:block;  background:url(images/btnd_1.png) no-repeat 0 0; margin:0;}
.m-01{background-position:0px -4px;}
.m-02{background-position:-192px -4px;}
.m-03{background-position:-376px -4px;}
.m-04{background-position:-556px -4px;}
.m-05{background-position:-751px -4px;}

.m-01:hover{background-position:0 -87px;}
.m-02:hover{background-position:-192px -87px;}
.m-03:hover{background-position:-376px -87px;}
.m-04:hover{background-position:-556px -87px;}
.m-05:hover{background-position:-751px -87px;}

.m-01:active{background-position:0 -170px;}
.m-02:active{background-position:-192px -170px;}
.m-03:active{background-position:-376px -170px;}
.m-04:active{background-position:-556px -170px;}
.m-05:active{background-position:-751px -170px;}


/* menu於該夜面下的設定設定 */
/* page1-index */
.page1 a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1a a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1b a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1c a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1d a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1e a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1f a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1g a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1h a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1i a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1j a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
.page1k a.pro01{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:0 -170px;}
/* page2-index2 */
.page2 a.pro02{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:-193px -170px;}

/* page3-index3 */
.page3 a.pro03{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:-376px -170px;}

/* page4-index4 */
.page4 a.pro04{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:-556px -170px;}

/* page5-index5 */
.page5 a.pro05{display:block; background:url(images/btnd_1.png) no-repeat 0 0; background-position:-750px -170px;}



/*menu-2*/
.second-menu{ display:block; width:950px; background-color:#791337; float:right; list-style:none; padding-top:10px; padding-bottom:10px;}
.second-menu li{ float:left;}
.second-menu li a{ color:#ffaac8; font-size:15px; font-family:"微軟正黑體"; text-decoration:none; padding:10px 12px 10px 12px;}
.second-menu li a:hover{ background-color:#ad2555; color:#FFFFFF;}


.sub{display:none; width:598px; background:#eee; border:1px solid #555;}
.sub a:link, .sub a:visited{float:left; width:auto; height:auto; margin-right:1em; background:none; line-height:1.5; text-decoration:none; padding:10px;}
.sub a:hover{text-decoration:underline;}

/* 以下便是透過寫在 body 上的 class name，來控制內層版面樣式與秀或不秀 */
.page1 .location-1 a, .page1a .location-2 a,.page1b .location-3 a, .page1c .location-4 a, .page1d .location-5 a, .page1e .location-6 a,
.page1f .location-7 a, .page1g .location-8 a,.page1h .location-9 a, .page1i .location-10 a, .page1j .location-11 a, .page1k .location-12 a,

 .page2 .location-6 a, .page2a .location-7 a, .page2b .location-8 a, .page2c .location-9 a, .page2d .location-10 a, .page2e .location-11 a, .page2f .location-12 a, .page3 .location-13 a, .page3a .location-14 a, .page3b .location-15 a, .page3c .location-16 a, .page3d .location-16a a, .page4 .location-17 a, .page4a .location-18 a, .page4b .location-19 a, .page4c .location-20 a, .page-5 .location-5 a{background:#ad2555; color:#FFFFFF;} /* 在那一頁上的TAB變色 */
.page1 .sub-1, .page1a .sub-2, .page1b .sub-3, .page1c .sub-4, .page-1d .sub-5{display:block;} /* page01子選單之細項秀出來 */


/*訂房追加選單*/
/*自由行選單*/
.second-menu li div{display:none; background:none;}
.second-menu li:hover div{display:block; position:absolute; z-index:899; margin:6px 0 0; background-color:#f83f80; }
.second-menu li div a.gonext, .second-menu li div a.gonext:link, .second-menu li div a.gonext:visited{display:inline-block; text-align:center; background:none; background-color:#179dda; padding:9px 0 0; color:#FFFFFF; height:24px; float:left; border:#0b83ba 1px solid; font-size:15px; padding:3px 5px;}
.second-menu li div a.gonext:hover{ background-color:#1670bc; }






/*內容*/
.pro_01{width:950px; margin:0 auto; clear:both;}
.box01{ background:url(images/free_mainbg01.jpg) repeat-y; margin-bottom:10px;}


/*內容 **index5 */

.attention, .attention2{ width:900px; margin-left:10px; padding:10px;}
.attention h3{ font-family:"微軟正黑體"; font-size:20px; color:#338cc5; letter-spacing:1px; line-height:28px; font-weight:bolder; display:block; border-bottom: 5px solid #338cc5;}
.attention ul{ list-style:none; padding:15px 10px 25px 10px;}
.attention ul li{ font-family:"微軟正黑體"; font-size:15px; line-height:20px; color:#4f616c; letter-spacing:1px; padding:5px; border-bottom: 1px dashed #CCCCCC;}
.attention2 h4{ font-family:"微軟正黑體"; font-size:18px; color:#338cc5; letter-spacing:1px; font-weight:bolder; margin:0;}
.attention2 ul{ list-style:none; padding:5px 10px 25px 10px;}
.attention2 ul li{ font-family:"微軟正黑體"; font-size:15px; line-height:20px; color:#4f616c; letter-spacing:1px; padding:5px; border-bottom: 1px dashed #CCCCCC;}





.foot2222{ background-color:#ff77a7; height:19px;}

/*回頂部*/
.scroll2top:link, .scroll2top:visited{background:url(images/gotop.png) no-repeat 0 0; height:56px; width:46px; margin-left:940px; bottom:0px;}
.scroll2top:hover{background:url(images/gotop.png) no-repeat;}
/* c23模組專用 */

q:before, q:after{content:"";} 
*+html .carrier li{min-height:1%;}
.carrier li:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.intro-anchors{display:block; font-size:18px; font-family:"微軟正黑體";}
.intro-anchors a{display:block; font-size:18px; font-family:"微軟正黑體"; color:#ad2555; padding:10px 0 18px 0; float:left; margin-left:10px; }
.intro-anchors a:hover{color:#0c7f76;}
.carrier{font-family:Verdana, Geneva, sans-serif,"新細明體"; margin-bottom:-5px;}
.carrier h4{ clear:both; background:url(images/tota1_4.jpg) no-repeat left top; width:950px; height:34px;text-align: left; font-size:24px; color:#0996d8; padding-left:35px; padding-top:0px; margin:0; }
.carrier ul{padding:0; margin:10px 10px 50px 0px; padding-right:50px; width:97%; }
.carrier li{list-style-type:none; border-bottom:1px dotted #ffcbe1; padding:10px 2px 7px 35px; line-height:1.3em;background:url(images/tota1_icon1.gif) no-repeat  10px 10px;}
.carrier li:hover{background:url(images/tota1_icon1.gif) no-repeat 10px 10px; background-color:#fffccf; }
/*.carrier li:last-child{border:none;}*/
.carrier li a:link, .carrier li a:visited{text-decoration:none; font-size:15px; font-family:"微軟正黑體"; color:#393636; letter-spacing:1px; line-height:22px; display:block; font-family:Verdana, Geneva, sans-serif;}
.carrier li a strong{font-weight:normal; display:block; font-size:22px; font-weight:bolder; font-family:"微軟正黑體"; color:#026cb6; margin:2px 0 6px 0; *margin:0;}
.carrier li a:hover strong{color:#ff59a1; text-decoration: underline;}
.carrier li a strong span{font-weight:normal; font-size:15px; color:#ff59a1; margin:0 0 6px; *margin:0;}
.carrier .box-head{ display:none;/*border-bottom:2px solid #800033; margin-top:-4px;*/}

.carrier .box-head:hover{background:#fff;}
.carrier .box-head a:link, .carrier .box-head a:visited{margin:-15px 0; cursor:default; }
.carrier .box-head a strong, .carrier .box-head a img, .carrier .box-head p span{display:none;}
.carrier .box-head q{display:block; font-weight:bold; padding-left:13px; color:#e5735c;}

.carrier li em.price{ font-size:15px; color:#f91d56; font-family:Verdana, Geneva, sans-serif ,arial; float:right; *margin-top:-1.2em; font-weight:bold;}
.carrier li em.price span, .carrier li em.price var{font-size:15px;font-weight:bold;}

.no-topic{display:block; margin-top:-5px;}
.no-topic .carrier h4{display:none;}


q:before, q:after{content:"";} 
*+html .carrier01 li{min-height:1%;}
.carrier01 li:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.intro-anchors{display:block; font-size:18px; font-family:"微軟正黑體";}
.intro-anchors a{display:block; font-size:18px; font-family:"微軟正黑體"; color:#ad2555; padding:10px 0 18px 0; float:left; margin-left:10px; }
.intro-anchors a:hover{color:#0c7f76;}
.carrier01 p{
	font-family:Verdana, Geneva, sans-serif,"新細明體";
	font-size: 15px;
	color: #666;
	margin:10px 0px 10px 8px;
}
.carrier01 h4{ clear:both; background:url(images/tota1_4.jpg) no-repeat left top; width:950px; height:34px;text-align: left; font-size:24px; color:#0996d8; padding-left:35px; padding-top:0px; margin:0; }
.carrier01 ul{padding:0; margin:10px 10px 50px 0px; padding-right:50px; width:97%; }
.carrier01 li{list-style-type:none; border-bottom:1px dotted #ffcbe1; padding:10px 2px 7px 35px; line-height:1.3em;background:url(images/tota1_icon1.gif) no-repeat  10px 10px;}
.carrier01 li:hover{background:url(images/tota1_icon1.gif) no-repeat 10px 10px; background-color:#fffccf; }
/*.carrier li:last-child{border:none;}*/
.carrier01 li a:link, .carrier01 li a:visited{text-decoration:none; font-size:15px; font-family:"微軟正黑體"; color:#393636; letter-spacing:1px; line-height:22px; display:block; font-family:Verdana, Geneva, sans-serif;}
.carrier01 li a strong{font-weight:normal; display:block; font-size:22px; font-weight:bolder; font-family:"微軟正黑體"; color:#026cb6; margin:2px 0 6px 0; *margin:0;}
.carrier01 li a:hover strong{color:#ff59a1; text-decoration: underline;}
.carrier01 li a strong span{font-weight:normal; font-size:15px; color:#ff59a1; margin:0 0 6px; *margin:0;}
.carrier01 .box-head{ display:none;/*border-bottom:2px solid #800033; margin-top:-4px;*/}

.carrier01 .box-head:hover{background:#fff;}
.carrier01 .box-head a:link, .carrier .box-head a:visited{margin:-15px 0; cursor:default; }
.carrier01 .box-head a strong, .carrier .box-head a img, .carrier .box-head p span{display:none;}
.carrier01 .box-head q{display:block; font-weight:bold; padding-left:13px; color:#e5735c;}

.carrier01 li em.price{ font-size:15px; color:#f91d56; font-family:Verdana, Geneva, sans-serif ,arial; float:right; *margin-top:-1.2em; font-weight:bold;}
.carrier01 li em.price span, .carrier li em.price var{font-size:15px;font-weight:bold;}