@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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
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;}

img { width:100%;}

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

/*html{scroll-behavior: smooth;}*/

/************************************************************************************
STRUCTURE 主要區塊
*************************************************************************************/


body {
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
	background-color: #84329B;
}

#web-outer {
	clear: both;
	overflow: hidden;
	background-color: #fff;
}

h1 {
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    width: 100%;
}

.header{clear:both;overflow: hidden;}
.slide{margin: 0 auto;z-index: 50;background-color: #2c8efd;}
.ps{position: absolute;bottom:0px;left: 100px;max-width: 285px;}
.ps2{position: absolute;bottom:0px;left: 100px;max-width: 226px;}
.ps3{position: absolute;bottom:0px;left: 100px;max-width: 263px;}
/*.ps{position: absolute;bottom:50px;left: 100px;background-color: rgba(255,255,255,0.9);font-size: 15px;line-height: 2.2em;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;font-weight: 600; border-radius: 30px;padding: 5px 10px;}*/
.bg-top{width: 100%;height: 367px; position: absolute;top:0;z-index: 100;background: url("../style/img/bg_top.png") top center no-repeat;}
.bg-bottom{width: 100%;height: 403px; position: absolute;top:397px;z-index: 100;background: url("../style/img/bg_bottom.png") bottom center no-repeat;}
.top_title{position: absolute; max-width: 450px;right: 8%; padding: 120px 0 0 0;z-index: 999;}
.header-md{display: none;}

/*選單*/
/* common and top level styles */
#navigation { width: 100%; z-index: 999;  }

.sticky {
    position:fixed;
	top:30px;
	width: 100%;
}

.navbar {
	overflow: hidden;
	background-color: #1371e6;
	z-index: 998;
	font-family: "微軟正黑體","黑體";	
	font-weight: bold;
	text-align: center;
	padding-left: 25%;	
 }

  .navbar-in {
	max-width: 960px;	
	margin:0 auto;
	text-align: center;  
  }

.navbar a {
	float: left;
	font-size: 16px;
	font-family: "微軟正黑體","黑體";
	color: #fff;
	text-align: center;
	padding: 16px 16px;
	text-decoration: none;
  }
  
.subnav {
	float: left;
	overflow: hidden;
	z-index: 998;
  }

.subnav p{display: inline-block;width: 100px;height: 53px; background-color: #FFF;}
  .subnav .subnavbtn {
	font-size: 18px;  
	border: none;
	outline: none;
	font-family: "微軟正黑體","黑體";
	color: #fff;
	padding: 15px 15px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	z-index: 998;
	font-weight: bold;
	border-right: 1px dashed #82c4f2;
  }
  
  .navbar a:hover, .subnav:hover .subnavbtn {
	background-color:#44acf6;
	display: block;
	color: #fff;
  }
	

  .subnav-content {
	display: none;
	position: absolute;
	left: 0;
	background-color:#44acf6;
	width: 100%;
	z-index: 999;	
	/*height: 54px;*/

  }

  .pd01 a:first-child { margin-left: 45%; }
 
    
  .subnav:hover .subnav-content {display: block; }

.navbar-in a{
	height: 25px;
	font-size: 18px;
	line-height: 25px;
	border: none;
	outline: none;
	font-family: "微軟正黑體","黑體";
	color: #fff;
	padding: 15px 15px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
	z-index: 998;
	font-weight: bold;
	border-right: 1px dashed #82c4f2;
}
  .subnav-content a {
	/*float: left;*/
	color: #fff;
	text-decoration: none;
	font-family: "微軟正黑體","黑體";	
	border-right: none;  
  }
  

  .subnav-content a:hover {
	background-color:#fff;
	color:#44acf6;
}

/*------media query----------*/


.bg-01{background-color: #188aff;}
.bg-02{background: url("img/bg_06.png") top no-repeat;}
.bg-03{background:#0066ff url("img/bg_08.png") top no-repeat;}
.bg-04{background: #fff url("img/bg_09.png") top no-repeat;}
.bg-05{background: url("img/bg_03.png") top no-repeat;}
.bg-06{background:#0066ff url("img/bg_10.png") top no-repeat;}
.bg-07{background: url("img/bg_05.png") top no-repeat;}
.bg-08{background: #fff url("img/bg_07.png") top no-repeat;}

.main{max-width: 960px;margin: 0 auto;}
/*小標名*/
.small-title{max-width: 306px; margin: 0 auto;padding: 80px 0 30px 0;}
.min-title{max-width: 310px; margin: 0 auto;padding: 80px 0 30px 0;}

/*影片*/
#video{padding-bottom: 50px;}

/*影音*/
.video-from{max-width: 1200px;margin: 0 auto;padding: 10px;z-index: 30;}
.video-box{width: 95%;border:10px #fff solid;margin: 0 auto;z-index: 30;}
.video{width:100%;height:500px;margin-bottom: -2px;}

.video-ps{font-size: 15px;color: #A4A4A4;text-align: center; margin: 50px auto 30px auto;font-family: "微軟正黑體","黑體";	}


#tour{padding-bottom: 80px;}
/*自由行*/
/*.pkg-box {margin: 10px auto;text-align: center;clear: both;overflow: ;padding-bottom: 10px;}*/
.pkg-box {margin: 10px auto;text-align: center;clear: both;overflow: ;padding-bottom: 10px;}
.pkg-box a {width: 95%; padding: 10px;border-radius: 10px;border:1px #fff solid; background-color: #188aff; text-decoration: none;margin: 0 auto;}
.pkg-box a:hover {}

.pkg-box2 {width: 95%;display: block;height: 100%; margin: 10px auto;clear: both;overflow: hidden;padding: 10px;border:1px #fff solid;border-radius: 10px; }

/*訂房*/
.htl-box {margin: 10px auto;text-align: center;clear: both;overflow: ;padding-bottom: 10px;}
.htl-box a {width: 95%; padding: 10px;border-radius: 10px;border:1px #fff solid; background-color: #188aff; text-decoration: none;margin: 0 auto;}
.htl-box a:hover {}

.left-ph{width: 50%;float: left;}
.right-txt{width: 49%;float: right;}

.big-pic img{border-radius: 10px;}
.big-name{color: #fff; font: 600 22px "微軟正黑體";line-height: 1.5em;text-align: left;margin-top: 5%;}
.big-name span{display: block; font: 600 15px "微軟正黑體";}
.big-name .hot{display: inline-block; font: 600 13px "微軟正黑體"; border-radius: 5px; background-color: #f8e968;color: #03098c;margin-left: 5px;margin-bottom: 3px; padding: 3px;} 
.big-area{font: 600 18px "微軟正黑體";line-height: 1.8em;color:#005eb8;text-align: left;padding: 10px;margin-top: 5px;}
.main-big-box{min-height: 200px;}
.big-info-list {}
.big-info-list p { 
    font: 600 15px "微軟正黑體" ; color: #a9eaff; line-height: 2em; text-align: left;text-indent: -8px;margin-left: 12px;margin-top: 5px;margin-bottom: 5px;   
}
.big-info-list strong{color: #3277d4;}
.price-box{clear: both;overflow: hidden;}
.price-list{float: left;padding-top: 5px;}
.price-list a{text-decoration:none;font: 600 15px "微軟正黑體" ; color: #fff;line-height: 1.5em;background-color: #0048ff; border-radius: 5px;padding: 3px 5px;margin-right: 5px; border:#0048ff 1px solid;margin-right: 10px;}
.price-list a:hover{color: #083ed7;border:#4fcbff 1px solid;background-color: #4fcbff;} 
.big-price {color:#ffe400; font: 600 15px "微軟正黑體"; text-align: right;padding-top: 10px;}
.big-price span {color:#ffe400; font: 600 28px "微軟正黑體";  font-family: 'Barlow', sans-serif; }

.big-price2 {color:#ffe400; font: 600 15px "微軟正黑體"; text-align: right;padding-top: 10px;}
.big-price2 span {color:#ffe400; font: 600 28px "微軟正黑體";  font-family: 'Barlow', sans-serif; }

.left{float: left;}
.right{float: right;}

/*行程列表*/
.pkg-list{width: 96%;padding: 10px; margin: 0 auto;clear: both;overflow: hidden;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.pkg-list ul{}
.pkg-list li{display: block;border-bottom: 1px dashed #fff;overflow: hidden;padding:10px 5px;}
.pkg-list li .tour-txt{clear: both;overflow: hidden;}
.pkg-list li .tour-txt .txt_l{font: 600 18px "微軟正黑體";line-height: 1.8em;color: #fff;}
.pkg-list li .tour-txt em{font-style: normal; font: 600 15px "微軟正黑體" ; color: #a9eaff; line-height: 2em;padding-left: 6px;}

.pkg-list li:hover {}
.pkg-setbox{width: 100%;display: block; text-align: left;margin-top: 10px;}
.pkg-setbox .set a{display: inline-block;text-decoration:none;font: 600 15px "微軟正黑體" ; color: #fff;line-height: 1.5em;background-color: #0048ff; border-radius: 5px;padding: 3px 5px;margin-top: 5px; margin-right: 5px; border:#0048ff 1px solid;}

.pkg-setbox .set a:hover{color: #083ed7;border:#4fcbff 1px solid;background-color: #4fcbff;}
.pkg-setbox .price{}
.txt-price{width: auto;text-align:right;margin-top: 5px;}
.txt-price span{ color:#ffe400; font: 600 15px "微軟正黑體"; text-align: right;}
.txt-price span strong{ color: #ffe400;font: 600 28px "微軟正黑體"; font-family: 'Barlow', sans-serif;}

/*票券*/
.tkt-list {margin-top:5px; text-align: left;}
.tkt-list li{margin-bottom:10px;padding:6px 15px;}
.tkt-list li a { 
    color: #fff; font: 600 18px "微軟正黑體"; text-decoration:none; display: block; width: 100%; height:100%;  
    padding-bottom:5px; border-bottom: 1px dashed #fff;clear: both;overflow: hidden;    
}
.tkt-list li a span { display: inline-block;}
.tkt-list li a em { font-style: normal; font: 600 15px "微軟正黑體" ; color: #a9eaff; padding-left: 6px;}
.tkt-list li a strong { display: inline-block; font: 600 15px "微軟正黑體";border: 1px #ffe401 solid;color:#ffe401; padding:5px;margin-right: 8px;text-align: center;border-radius: 10px;}
.tkt-list li a .hot{display: inline-block; font: 600 13px "微軟正黑體"; border-radius: 5px; background-color: #f8e968;color: #03098c;margin-left: 5px;margin-bottom: 3px; padding: 3px;} 
.tkt-list li a span.price_r span { font: 600 28px "微軟正黑體"; font-family: 'Barlow', sans-serif; color:#ffe400;}

.name_l { max-width:85%;}
.price_r { max-width:15%;  float: right; color:#ffe400; font: 600 15px "微軟正黑體";margin-right: 10px;}


/*酒店住宿*/
#hotel{padding-bottom: 80px;}
.main-box{max-width: 1300px;margin: 0 auto;}
.tab_wrap{	
	margin: 0 auto;	
}

ul.etabs {	
	padding: 0;	
	margin: 0 auto;
	width: 100%;
	text-align: center;
	}

ul.etabs{width: 100%;clear: both;overflow: hidden;}

ul.etabs li {    
	/*float: left;
	position: relative;
	text-indent:-5000px;*/	
	display: inline-block;
	margin: 10px 15px 10px 0;
	text-align: center;
	overflow: hidden;
	}

	ul.etabs li a {
		display: inline-block;				
		text-decoration: none;		
		font-size: 15px;
		color: #2f8ccd;
		font-weight: bold;
		line-height: 1.5em;
		padding: 5px 10px;
		border: #2086ef 1px solid;
		border-radius: 5px;
		background-color: #fff;
	}
	
ul.etabs li a:hover {color: #fff;background-color: #2086ef;}
ul.etabs li .active{color: #fff;background-color: #2086ef;}

.tab_box{
	margin-top: 20px;
}
.tab_container{
	max-width: 1200px;margin: 0 auto;
}

div.tab_container {clear: both;overflow: hidden; width: 100%;}
div.tab_container .tab_content {padding-top: 0px;}
div.tab_content .tab_box_Hotel {width: 100%;background-color: #0040e4; height: 100%;clear: both;overflow: hidden;}

.tab_box_line {width: 100%;margin:0px 0px -4px 0px;}
div.tab_content .tab_box_l {width: 50%;float: left;}
div.tab_content .tab_box_r {width: 50%;float: left;}
.tab_boxleft{display: block; width: 100%;}
.tab_boxright{width: 100%;}
.tab_box_txt {width: 50%;float: left;}
.txt_left{display: block; width: 100%;}
.txt_left_title{width: 65%;color: #fff; font: 600 25px "微軟正黑體";padding: 20px 10px 5px 10px;text-align: center;margin: 0 auto;border-bottom: 1px #fff solid;}
.txt_left_title_s{width: 76%;color: #fff; font: 600 15px "微軟正黑體";padding: 5px 10px 0px 10px;margin: 0 auto;line-height: 2em;}
.txt_right{display: block; width: 100%;margin: -2px 0 0 0;}

.tab_pc{display: block;}
.tab_ipad{display: none;}

/*璀璨娛樂*/
#play{padding-bottom: 80px; clear: both;overflow: hidden;}

.tab_wrap02{	
	margin: 0 auto;	
}

ul.etabs02 {	
	padding: 0;	
	margin: 0 auto;
	width: 100%;
	text-align: center;
	}

ul.etabs02{width: 100%;clear: both;overflow: hidden;}

ul.etabs02 li {    
	/*float: left;
	position: relative;
	text-indent:-5000px;*/	
	display: inline-block;
	margin: 10px 15px 10px 0;
	text-align: center;
	overflow: hidden;
	}

ul.etabs02 li a {
		display: inline-block;				
		text-decoration: none;		
		font-size: 15px;
		color: #7579e0;
		font-weight: bold;
		line-height: 1.5em;
		padding: 5px 10px;
		border: #7579e0 1px solid;
		border-radius: 5px;
	}
	
ul.etabs02 li a:hover {color: #fff;background-color: #7579e0;}



.play_box{max-width: 1200px; clear: both;overflow: hidden; margin: 0 auto;}
.play_txt{width: 36%;padding-top: 10%;}
.play_txt p{font: 600 15px "微軟正黑體";color: #6b6b6b;line-height: 2em;padding-bottom: 30px;}
.play_title{max-width: 280px;margin: 20px auto;}
.mini_title{display: none;}
.play_ph_box{width: 60%;position: relative;;background: url("img/bg_icon_01.png") top left no-repeat;}
.play_ph_box img{max-width: 700px;}
.play_from01{max-width: 151px; position: absolute;left: 12px;top:12px;}
.play_from02{max-width: 151px; position: absolute;right: 15px;bottom:50px;}
.play_bg01{padding: 15px 0 0 15px;}
.play_bg02{padding: 0 15px 15px 0;background: url("img/bg_icon_01.png") bottom 35px right no-repeat;}
.play_bg03{padding: 0 15px 15px 0;background: url("img/bg_icon_01.png") bottom right no-repeat;}

.play_box_bg01{background: url("img/play_bg.png") left bottom no-repeat;}
.play_box_bg02{background: url("img/play_bg.png") right bottom no-repeat;}

.product-slide{}

/*餐飲購物*/
#food{padding-bottom: 80px; clear: both;overflow: hidden;}
.food_box{max-width: 1200px; clear: both;overflow: hidden; margin: 0 auto 40px auto;}
.food_txt{width: 36%;padding-top: 10%;}
.food_txt p{font: 600 15px "微軟正黑體";color: #fff;line-height: 2em;padding-bottom: 30px;}
.food_title{max-width: 275px;margin: 20px auto;}
.food_mini_title{display: none;}
.food_ph_box{width: 60%;position: relative;;background: url("img/bg_icon_02.png") top left no-repeat;}
.food_ph_box img{max-width: 710px;}
.food_bg01{padding: 15px 0 0 15px;}
.food_bg02{padding: 0 15px 15px 0;background: url("img/bg_icon_02.png") bottom right no-repeat;}

@media only screen and (max-width:1500px){
.top_title{max-width: inherit;width: 30%;}	
.pd01 a:first-child { margin-left: 40%;}
.ps,.ps2,.ps3{position: absolute;left: 20px;}
}

@media only screen and (max-width:1300px){
.navbar {padding-left: 25%; }	
.pd01 a:first-child { margin-left: 35%;}
.main-box{max-width: inherit;width: 90%;}
.txt_left_title{padding: 20px 10px 5px 10px;}	
	
}
@media only screen and (max-width:1200px){
/*影音*/
.video-from{max-width: inherit;width: 80%;}	
.top_title{}		
div.tab_content .tab_box_l {width: 100%;float: inherit;display:none;}
div.tab_content .tab_box_r {width: 100%;float: inherit;}

.tab_box_txt {width: 100%;float: inherit;display: block;}
.txt_left_title{width: 90%;display: block;}
.txt_left_title_s{width: 90%;padding-bottom: 20px;}
	
.tab_pc{display: none;}
.tab_ipad{display: block;}	
	
}

@media only screen and (max-width:959px) {	
	.top_title{max-width: inherit;width: 40%;padding-top: 50px;}
	.ps,.ps2,.ps3{position: absolute;left: 0;}
	.bg-bottom{display: none;}		
	.pd01 a:first-child {margin-left: 30%;}	
	
	.main-big-box{min-height: inherit;}
	
	.play_txt{padding-top:0%;}
	.food_txt{padding-top:3%;}	
	
}

/*---平板-----*/
@media only screen and (max-width:768px) {
	
	.header{display: none;}	
	.header-md{display: block;max-width: 800px;margin-bottom: -4px;}
	
	.video-from{width: 90%;}	
	.top_title{}	
	#navigation { display: none;}	
	#myScrollspy {  display:none; }
	.main-navi { display: none;}	
	.video-box{max-width: inherit;width:90%; height: 400px;}
	
	.left{float: inherit;}
	.right{float: inherit;}
	
	.main{max-width: inherit;width:90%;}
	.big-name{margin-top: 10px;}
	.left-ph{width: 100%;float: inherit;}
	.right-txt{width: 100%;float: inherit;}	
	
	
	/*小標名*/
	.small-title{padding: 50px 0 30px 0;}
	.min-title{padding: 30px 0;}
	
	
	.price-list{float: inherit;display: block;text-align: center;}
	.big-price {display: block; text-align: center;}
	.pkg-setbox{text-align: inherit; float: inherit;}
	.pkg-setbox .set{display: block;text-align: center;}
	.txt-price{display: block; text-align:center;}
	.txt-price span{text-align: center;}
	
	.name_l { max-width:inherit;width: 100%;}
	.price_r { max-width:inherit;width: 100%;  float: inherit;text-align: center;}
	
	.play_txt{width: 100%;padding-top:0;padding-bottom: 10px;}
	.play_ph_box{width: 100%;}
	
	.food_txt{width: 100%;padding-top:0;padding-bottom: 10px;}	
	.food_ph_box{width: 100%;}
	
	
	
}

@media only screen and (max-width:600px) {
}
                                                                                                                                                            
/*---手機版-----*/
@media only screen and (max-width:480px) {}
@media only screen and (max-width:321px) {}