body,div,ul,ol,li,h1,h2,h3,h4,p,tr,td,img,a{margin: 0;padding: 0; font-family:vedenda,\5FAE\8EDF\6B63\9ED1\9AD4,'Microsoft JhengHei',Helvetica, sans-serif,"新細明體"; font-size:16px; color:#333; font-weight:600; }
img {vertical-align:top; float:left; border:none; outline:none;}
ul{list-style:none;}
a{text-decoration:none; outline:none;}
*:focus{outline:none;}
*::-moz-focus-inner{border:none; outline:none;}
hr{ border:0; width:950px; height:5px; display:block; background:url(images/hr_bg.jpg) no-repeat 0 0; margin:0 auto 10px auto; +border-style:none;}
body{-webkit-text-size-adjust:100%;}
.txt24{font-size:24px;}
.txt21{font-size:21px;}
.txt18{font-size:18px;}
.txt14{font-size:14px;}
.c1{color:#333;}
.c2{color:#208eda;}
.c3{color:#ff3;}

/*首頁*/
.main{overflow:hidden;}
.contentBox{width:960px; margin:0 auto; overflow:hidden; padding:20px 0 0;clear:both; background:#75e5bc url(images/bg.jpg) repeat-x top left;}
/*coupon*/
.coupon {
    width:649px; 
    height: 501px;
    margin:10px auto;
    padding: 0;
    background: url(images/bodyBg.jpg) center top no-repeat;
}



/*按鈕第一層*/
a[name^="a"]{position:relative; height:1px; top:-138px; display:block;}/*錨點用的class *height:1px 必加*/

/*大圖輪撥*/
.main-slide{position:relative; width:100%; min-width:960px; background:url(images/bg_header.jpg) repeat-x left top; overflow:hidden;}
.movie{width:1280px !important; margin:auto;}
.film{ width:1280px; height:380px; }
.film img{display:block; float:left; border:none;}
.film:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}

/* menu區域 */
.menu{width:960px; height:55px; margin:0 auto;padding-top:5px; background:url(images/menu_bg.jpg) no-repeat center bottom; }
.nav{width:960px;}
.menu-first{margin:auto;padding:0 8px;height: 55px;overflow:hidden;vertical-align: top;}
.nav.stuck{position:fixed; z-index:997; top:0px; background:url(images/menu_bg.jpg) repeat;}
.nav.stuck .menu-sec, .nav.stuck .menu-sec2, .menu-sec3{top:90px; padding:3px 35px; }

/* 第一層選單 */
.menu-first ul{ list-style:none;}

.menu-first > li{
	display:inline-block;
	padding:0 20px;
	margin:8px -2px 0 -1px;
	cursor: pointer;
	height: 55px;
	vertical-align: top;
	
}

.menu-first > li a:link,
.menu-first > li a:visited{
	font:bold 20px/55px '微軟正黑體';
	color:#fff;
	display: inline-block;
	vertical-align: middle;

}
.menu-first > li.m6{background-color:#7fcadf;}
.menu-first > li.m6:hover,
.menu-first > li.m6.active{
	background-color:#71b3c5;
	margin:0 -2px 0 -1px;
	box-shadow: -3px -3px 8px rgba(0,0,0,0.2),3px -3px 8px rgba(0,0,0,0.2);
}
.menu-first > li.m7{background-color:#df7f8d;}
.menu-first > li.m7:hover,
.menu-first > li.m7.active{
	background-color:#c6737f;
	margin:0 -2px 0 -1px;
	box-shadow: -3px -3px 8px rgba(0,0,0,0.2),3px -3px 8px rgba(0,0,0,0.2);
}

/*
.m2{background-position:-160px 0px;}
.m3{background-position:-320px 0px;}
.m4{background-position:-960px 0px;}
.m5{background-position:-1120px 0px;}
.m6{background-position:-1280px 0px;}
.m7{background-position:-1440px 0px;}
.m8{background-position:-1600px 0px;}

.m1:hover{background-position:0px -75px;}
.m2:hover{background-position:-160px -75px;}
.m3:hover{background-position:-320px -75px;}
.m4:hover{background-position:-960px -75px;}
.m5:hover{background-position:-1120px -75px;}
.m6:hover{background-position:-1280px -75px;}
.m7:hover{background-position:-1440px -75px;}
.m7:hover{background-position:-1600px -75px;}

.m1.active{background-position:0px -75px;}
.m2.active{background-position:-160px -75px;}
.m3.active{background-position:-320px -75px;}
.m4.active{background-position:-960px -75px;}
.m5.active{background-position:-1120px -75px;}
.m6.active{background-position:-1280px -75px;}
.m7.active{background-position:-1440px -75px;}
.m8.active{background-position:-1600px -75px;}*/
/*menu最多可以開6個
.m4,.m5,.m6{display:block; background:url(images/menu.png) no-repeat 0 0; width:140px; height:75px; padding:0 10px;}

.m4{background-position:-480px 0px;}
.m5{background-position:-640px 0px;}
.m6{background-position:-800px 0px;}

.m4:hover{background-position:-480px -75px;}
.m5:hover{background-position:-640px -75px;}
.m6:hover{background-position:-800px -75px;}

.m4.active{background-position:-480px -75px;}
.m5.active{background-position:-640px -75px;}
.m6.active{background-position:-800px -75px;}*/

.menu-first span{ display:none;} 

/* 第二層選單 */
.menu-sec, .menu-sec2, .menu-sec3{ display:none; position: absolute; top:100px; width:960px;}/*先把第二層隱藏起來*/
.menu-sec{ margin-left:90px;}

.menu-sec a, .menu-sec2 a, .menu-sec3 a{width:auto; height:auto; margin-right:12px; background:#fff; padding: 10px 16px; color:#003; border-left:solid 4px #1ab47c; font-size:15px; text-indent:0; -webkit-box-shadow: 3px 3px 0 0 #4cd2a1;
  box-shadow: 3px 3px 0 0 #4cd2a1; }
.menu-sec a:hover, .menu-sec2 a:hover, .menu-sec3 a:hover{color:#c03;}

/*第二層menu 尋樂行程 */
.pd1 .menu-first .menu-sec{ display:block; width:945px; background-color: #75e5bc; margin: -20px 0 0 -10px; padding: 20px 0 3px 15px;}

/*第二層menu 享樂訂房*/
.pd2 .menu-first .menu-sec2{display:block; width:945px; background-color: #75e5bc; margin: -20px 0 0 -170px; padding: 20px 0 3px 15px;}

.pd3 .menu-first .menu-sec3{display:block; width:945px; background-color: #75e5bc; margin: -25px 0 0 0; padding: 20px 0 3px 15px;}
/*body+類別控制顯示*/
/* menu區域 結束*/

/*內容*/
.descript{ padding:14px; background:url(images/descri_bg.jpg) no-repeat; height:205px; clear:both; margin-left:19px;}
.descript img{ float:left;}
.info{ float:left; margin-left:10px; padding:40px 0 0 10px; width:725px; height:155px; background-color:#fff;}
.info h1{float:left; margin:-50px 0 0 -10px;}
.info h3{ background:url(images/h3_bg.png) no-repeat; font-size:18px; color:#09b676; line-height:43px; padding:0 20px; width:300px;float:left; margin:-50px 0 0 324px;}
.info ul{ float:left;}
.info ul li{ width:300px; line-height:44px; background:url(images/other_30.jpg) repeat-x left bottom; font-size:15px; color:#666;}
.info span{ margin-right:10px;}
.info span > img{ margin-top:15px;}
.info strong{ font-size:17px;}
.info > div{line-height:24px; margin-left:20px; float:left; width:400px; height:135px; background:url(images/other_30.jpg) repeat-x left bottom;}
.info div > p{ clear:both; margin-top:15px; font-size:15px;}
.info div > span{ width:100%;}
.info div span > img{ margin-top:0;}
.product{padding:16px 0;}
.product h2{ padding-left:240px; background:url(images/pro_tl.jpg) no-repeat left center; font-size:21px; color:#063; margin:0 auto 20px auto; width:500px; text-align:center; display:block;}
.product h2{ +background:url(images/pro_tl_i7.jpg) no-repeat left center; +text-align:center; +width:740px; +padding-left:0;}
.product h2:after{ background:url(images/pro_tr.jpg) no-repeat; content:''; width:240px; height:21px; display:block; float:right;}

.notice{ background:url(images/notice_bg.jpg) repeat; padding:65px 19px 50px 19px;}
.notice img{ margin:-65px 0 0 -19px;}
.notice li{ font-size:0.93em; line-height:1.87em; color:#4d4d4d;}
.notice strong{ margin-bottom:5px; display:block; font-weight:bold;}
.notice a{ color:#36c;}
.notice a:hover{ color:#09c;}

/*回頂部*/
.scroll2top:link, .scroll2top:visited{background:url(images/gotop.png) no-repeat 0 0; height:80px; width:80px; margin-left:890px; bottom:80px;}
.scroll2top:hover{background:url(images/gotop.png) no-repeat 0 -80px;}

/*c26模組專用*/
.group-type-ph{padding:0; margin:0;text-align: center;vertical-align: top;letter-spacing: 0}
.group-type-ph:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.ph{position:relative; display:inline-block;box-sizing: border-box; vertical-align: top;width:24%; height:290px; background:#fff; padding:10px; margin:0 0 18px; transition:all .3s ease-out; box-shadow:none;}
.ph:hover{/*border:1px solid #aeaeae;*/ box-shadow:0 2px 7px 5px rgba(23,139,96,.4);}
.ph.left{margin-left:0;}
.ph-img{ margin:0 auto;width:100%;}
.ph-img img{width:100%;display:block;}
.ph a:link,  .ph a:visited{text-decoration:none; border:none; color:#555;}
.ph a img{border:none; margin-bottom:10px;}

.ph-title{display:block; font-size:16px; color:#e7458a; border-bottom:dotted 1px #6c9; padding-bottom:10px;}/*大標不大標的大標*/
.ph-detail{padding:10px 0 8px 0; font-size:15px; font-weight:bold;text-align: left;height:2.5em;overflow:hidden;}/*真正的大標*/
.ph-feature{color:#396; display:block; font-size:15px; overflow:hidden;text-align: left;display:none;}/*內文小字*/

.ph .price{color:#f6ff92; font-size:15px; font-weight:bold; text-align:right; position:absolute; bottom:0; right:0px; background:#fff url(images/other_15.jpg) no-repeat bottom right; padding-right:20px; width:200px; line-height:44px;}
.ph .price span{font-size:22px; font-style:normal;}

@media screen and (max-width:1024px) {
.film{ width:1280px; height:380px; left:50% !important; margin-left:-780px !important; +left:50% !important; +margin-left:-780px !important; }
}


.areaImg{
	width:100%;
	display: block;
	margin:-60px auto 10px;
	box-shadow: 0 -8px 8px rgba(0,0,0,0.6);
}
.descript1{
	background-image: url(images/eventBg1.jpg),url(images/eventBg2.jpg);
	background-position: left top,right bottom;
	background-repeat:no-repeat,no-repeat;
	padding:20px 0;

}

.info1{ 
	width:96%;
	margin:0 auto;
	padding:15px;
	background-color:#fff;
	box-sizing: border-box;
	vertical-align: top;
}
.info1-left{
	display: inline-block;
	width:49%;
	padding:0 15px 0 0;
	box-sizing: border-box;
	vertical-align: top;
	text-align: center;
}
.info1-right{
	display: inline-block;
	width:50%;
	vertical-align: top;
}
.info1-mid{
	display: inline-block;
	width:49%;
	vertical-align: top;
}
.event-title{
	color:#00ba90;
	font:bold 20px/1.4 '微軟正黑體';
	margin:0 auto 8px;
	padding:0;
}
.infolist{
	list-style: disc;
	margin:0 auto;
	padding:0 0 15px 30px;
	color:#00ba90;
}

.infolist li{
	font:normal 16px/1.4 '微軟正黑體';
	color:#333;
	padding:0;
	margin:0 auto 5px;
}
.infolist li b{
	color:#00ba90;
	font-weight: bold;
}
.c26Area{
	display:none;
}
.submenu{
	display: block;
	margin:0 auto;
	padding:8px 15px;
	text-align: center;
	letter-spacing: 3px;
}

.submenu span{
	display: inline-block;
	font:normal 14px/1.4 '微軟正黑體';
	color:#333;
	margin:0 3px;
	padding:8px 10px;
	border-radius: 10px;
	border:1px solid #7fcadf;
	background-color:#fff;
	cursor: pointer;
	letter-spacing: 0;
}
.submenu span.act{
	color:#fff;
	background-color:#7fcadf;
	border:1px solid #fff;
}