/* 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;}
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;}
a {color: #292929; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}

/*.adwrap {
    width: 900px;
    margin: 0 auto;
    margin-bottom: 20px;
	
}*/
.adbox{position: relative; padding: 4px;}
.adbox a{display:block;}
.adbox a:hover{opacity: 0.8;}

.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-1{width:100%;}
.col-2{width:50%;}
.col-3{width:32.33%;}
.col-4{width:25%;}
.col-5{width:20%;}

body {
	margin: 0;
	padding: 0;
	font-size:13px;	
	color:#000;	
}

.left{ float:left;display:inline-block;width: 100%;}
.right{ float:right;}

/*------------------------------- pc ----------------------------------*/
.container {
    width: 100%;
    height: 100%;
	font-family:Arial,微軟正黑體;	
	background: url(images/con_bg.jpg) center 0 no-repeat;
	overflow: hidden;	
}
.header {width: 100%;}
.top_content {
    max-width: 960px;
	margin:0 auto;	
	position:relative;	
	height: 680px;	
}
.top_content .mobile {
	display: none;
}
.top_content .main-title {display: block;max-width: 600px;margin: 0 auto;padding-top: 60px;}

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

/*滑動menu*/

.sticky {
	top:40px !important;
	position: fixed !important;	
	/*height: 62px !important;*/	
}
.block-menu {
	position: absolute;
	width: 100%;	
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.block-menu ul {
	font-size: 0;
    position: relative;	 
    margin: auto;
	text-align: center;	
}
.block-menu ul div {
	display: inline-block;	
}  
.block-menu li, .block-menu ul div{	
	display: inline-block;
}
.block-menu li a.nav-s-01 {color: #535353;padding: 6px 10px 6px;font:18px "微軟正黑體";letter-spacing: 2px; line-height: 50px;margin-left: 6px;margin-right: 6px;font-weight: 600;border-radius: 10px;}
.block-menu li a:hover.nav-s-01{color: #fff;background-color: #bc2b30;}
.block-menu li a.active.nav-s-01{color: #fff;background-color: #bc2b30;}

.menu-list {width: 100%;margin: 0 auto;}
.menu-list ul {background-color: #bc2b30;margin: 0;padding: 0;list-style: none;overflow: hidden;}
.menu-list li {flex: 1;text-align: center;margin-top: 3px;}
.menu-list li a.nav-01 {display: block;padding: 10px 40px;letter-spacing: 3px;color: white;text-decoration: none;font-size:26px;margin-left: 5px;margin-right: 5px;}
.menu-list li a:hover.nav-01,.menu-list li.on a.nav-01{background-color: #fff; color: #bc2b30;font-weight: bold;border-top-left-radius: 10px;border-top-right-radius: 10px;}


#togglenav {
    display: none;
    z-index: 10;
    position: fixed;
    right: 0;
    overflow: hidden;
    line-height: 35px;
    width: 100%;
    cursor: pointer;
}
.MainHeight{
		position:fixed !important;
		top:30px !important;
		z-index: 10 !important;
	}
.main { 
	width: 100%; 
	margin: 0 auto;	
	padding-top: 60px;
}
.main h2{
	display:block;
	width:920px;
	height:93px;
	margin:0 auto;
	margin-top: 100px;
	margin-bottom: 20px;
}
.area01 h2{ background: url(images/tit-bg.png) left 0  no-repeat;}
.area02 h2{ background: url(images/tit-bg.png) left -118px  no-repeat;}
.area03 h2{ background: url(images/tit-bg.png) left -236px  no-repeat;}
.t-title{margin: 0 auto;padding-left: 140px;padding-top: 25px;font: 45px "微軟正黑體";font-weight: bold;letter-spacing: 2px;}
.t-title span{display: inline;font: 26px "微軟正黑體";padding-left: 10px;letter-spacing: 1px;}
.box-bg1{width: 100%;background: url(images/bg1.png) center top 0 no-repeat;padding-bottom: 100px}
.box-bg2{width: 100%;background-image:url(images/bg2.png),url(images/bg-2.png);background-position: bottom,top;background-repeat: no-repeat, repeat;background-color: #f9f7f0;padding-bottom: 150px;}

/***行程***/
.box-01{padding:40px 0 0px 0;}
.box-02{padding:40px 0 0px 0;}

/*共同*/
.content{max-width: 1550px;margin: 0 auto;}
.content-product{max-width: 1100px;margin: 0 auto;}
.info_box{width:100%;margin: 0 auto;}
.wrap-m {width: 98%;margin: 0 auto;overflow:hidden;padding: 0px 10px 30px;}
.wrap {width: 96%;margin: 0 auto;overflow:hidden;padding: 40px 0px 30px;margin-top: 40px;border-top-right-radius: 100px;}
.bg-w{background-color: #fff;}
.bg-y{background-color: #f9f7f0;}
.pic-col-wrap{width: 85%;margin: 0 auto;display: block;overflow:hidden;}
.pic-col-wrap img.Sli-pic{border-top-right-radius: 90px;margin: 0 8px;}
.txt-box{width: 68%;margin: 0 auto;}
.txt-box .tit{display: block;color: #000;font-size:24px;letter-spacing: 2px;font-weight: bold;margin-top: 30px;margin-bottom: 5px;}
.txt-box .tit em{color: #f76c28;font: 24px "Arial";font-style: normal;padding-right: 3px;}
.txt-box p{display: block;padding-left: 24px;}
.txt-box strong{font-weight: bold;color: crimson;}
.txt-box p span{display: block;color: #535353;font-size:17px;line-height: 34px;}

/*表格*/
#customers,#customer {
  font-family: Arial, Helvetica, sans-serif,;
  border-collapse: collapse;
  width: 100%;
  font: 16px "微軟正黑體";
  background-color: white;
  margin-top: 10px;
}
#customers em,#customer em{font: 20px "微軟正黑體";font-style: normal;line-height: 40px;font-weight: bold;}
#customers td, #customers th ,#customer td, #customer th {
  border: 1px solid #ddd;
  padding: 8px;
}
#customers td span,#customer td span{font: 18px "微軟正黑體";font-weight: 600;}
#customers tr:nth-child(even),#customer tr:nth-child(even){background-color: #f2f2f2;}
#customers tr:hover ,#customer tr:hover{background-color: #fde4bd;}

#customers th ,#customer th{
	padding-top: 12px;
	padding-bottom: 12px;
	font: 20px "微軟正黑體";
	font-weight: 600;
	letter-spacing: 3px;
	text-align: center;
	background-color: #a36a11;
	color: white;
	}

/*----行程圖文----*/
.tour-box {width: 98%; margin: 10px auto 20px auto;text-align: center;clear: both;overflow: hidden;}
.tour-box a {width: 98%;text-decoration: none;margin: 0 auto;border-radius: 10px;border:1px #9a9a9a solid;}
.tour-box a:hover {}

.left-ph{width: 50%;float: left;}
.right-txt{width: 49%;float: right;}
.big-pic img{border-radius: 10px 0 0 10px;margin-bottom: -2px;}
.big-area{font: 600 15px "微軟正黑體";line-height: 1.8em; margin-top: 10px;text-align: left;}
.big-area span{display: inline-block;background-color:#1e1d3a;color: #fff;border-radius: 10px;padding: 3px 5px;}
.big-name{color: #333333; font: 600 20px "微軟正黑體";line-height: 1.5em;text-align: left;padding:10px;}
.main-big-box{}

.big-info-list {padding:0 20px;min-height: 130px;}
.big-info-list li  { font: 600 15px "微軟正黑體";text-align: left; color:#4f488f;margin-top: 8px;}
.big-price { font: 600 15px "微軟正黑體";padding-bottom: 10px;}
.big-price span{color: #F50909;font: 600 24px "微軟正黑體" ;margin: 0 2px;}


/*----飯店圖文----*/
.sp-box { width: 100%; margin:0 auto; clear:both; overflow: hidden;text-align: center;padding: 30px 0;}
.sp-tour {width:31%;display: inline-block; vertical-align: top;position: relative;margin-right: 1%;}
.sp-tour a {width: 100%; height: 100%; display: block;margin-right: 1%; text-decoration: none; border:1px solid #a9a9a9; border-radius: 10px; }
.sp-tour a:hover { border:1px solid #a9a9a9; }
.sp-tour-pic img{border-radius: 10px 10px 0 0;}
.sp-hot{position: absolute;top:0;left: 0;font: 600 15px "微軟正黑體";text-align: center;background-color: #eeabe5;display: inline-block;padding: 8px;color: #35305c;border-radius: 10px 0 10px 0;}
.sp-ct-in { background-color: #35305c; border-radius: 10px; }
.sp-tour-name { 
    color:#fff; font: 600 20px "微軟正黑體" ; line-height: 1.6em; text-align: left; padding:10px;
}
.sp-tour .tour-info-list { padding:0 20px;min-height: 70px;}
.sp-tour .tour-info-list li  { font: 600 15px "微軟正黑體";text-align: left; color:#fff;margin-top: 8px;}
.sp-tour .tour-price  { font: 600 15px "微軟正黑體";color: #fff;padding-bottom: 10px;}
.tour-price span{color: #eeabe5; font: 600 24px "微軟正黑體" ;margin: 0 2px;}

/*----飯店行程----*/
.htl-box { width: 100%; margin:0 auto; clear:both; overflow: hidden;text-align: center;padding: 30px 0 0 0;}
.htl-list {width:47%;display: inline-block; vertical-align: top;position: relative;margin-right: 1%;}
.htl-list a {width: 100%; height: 100%; display: block;margin-top: 2%; margin-right: 1%;text-decoration: none; border-radius: 10px;border:1px #9a9a9a solid;background: #fff url("images/hotel_bg.png") bottom right no-repeat;}
.htl-list a:hover {}
.htl-list-name { 
    color:#333333; font: 600 20px "微軟正黑體" ; line-height: 1.6em; text-align: left; padding:10px;
}
.htl-list .tour-info-list { margin:2px 0px; padding:0 20px;min-height: 60px;}
.htl-list .tour-info-list li  { font: 600 15px "微軟正黑體";text-align: left; color:#4f488f;margin-top: 8px;}
.htl-list .htl-price  { font: 600 15px "微軟正黑體";padding-bottom: 10px;}
.htl-price span{color: #F50909;font: 600 24px "微軟正黑體" ;margin: 0 2px;}


/*---直式行程---*/
.product {max-width: 1000px;margin: 0 auto;margin-bottom: 10px;display:block;padding: 0 20px;overflow:hidden;}
.product li {display: block;font-weight: bold;padding: 10px 0px 0px;overflow: hidden;border-bottom: dashed 1px #c9c9c9;margin-bottom: 20px;}
.product li p{display: inline-block;letter-spacing: 0.5px;font: 600 15px "微軟正黑體";padding: 1px 1px 2px;margin-bottom: 10px;}
.product li h4{padding-left: 15px;display: inline;font: 600 15px "微軟正黑體";}
.product li em{display: inline-block;color: #535353;letter-spacing: 1px;font: 16px "微軟正黑體";padding: 1px 4px 2px;}
.txt_l{width: auto;font-size:20px;color: #333333;line-height: 2;}
.txt_r{width: auto;text-align:right;font-family:"微軟正黑體";}
.txt_r span{ font: 600 15px "微軟正黑體";}
.txt_r span strong{ color: #F50909;font: 600 24px "微軟正黑體" ;margin: 0 2px;}
.txt_r span strong em{ color: #aaaaaa;font-style: normal;font-size:20px;font-weight: bold;}
.t-place {font-size:18px;color: #fff;letter-spacing: 0.5px;border-radius: 5px;font-weight: normal;padding: 5px 4px;margin-right: 5px;}
.d-purple{color: #957fa1;}
.d-green{color: #49a55a;}
.d-orange{color: #f76c28;}
.d-purple{color: #957fa1;}
.t-center{text-align: center;font: 600 24px "微軟正黑體";padding-bottom: 2%;}
.t-green{color: #59a367;}
.t-orange{color: #ac5429;}
.t-purple{color: #4f488f;}
.l-green{border: 1px solid #8fd89d;background-color: #ecfdef;}
.l-orange{border: 1px solid #f4be7d;background-color: #fdf2e3;}
.t-bg-green{background-color: #49a55a;}
.t-bg-orange{background-color: #cc7712}
.t-bg-purple{background-color: #34305b;}
.city-list{text-align: right;font-size: 15px;display: inline-block;width: 100%;padding: 10px 0 10px;margin-top: 10px;margin-bottom: 10px;}
.city-list a{color: #fff; background: #e25025; margin-left: 10px;margin-bottom: 10px; padding:8px 10px;text-decoration: none;border-radius: 10px;}
.city-list a:hover{background: #c53a11;text-decoration: none;color: #fff;}

.htl-tour a{display: block;overflow: hidden;}
.htl-tour a:hover{background: #F9F7F0;background: #FDFBF6;}

.city-list a:empty {display: none;}
.city-list em {font-size: 15px;color: #fff !important; background: #998f8c;margin-bottom: -10px; margin-left: 10px;padding:8px 10px !important;text-decoration: none;border-radius: 10px;font-style: normal;}
.city-list em:empty {display: none;}

.min-title{font: 600 18px "微軟正黑體";color: #fff; padding: 10px;background-color: #f76c28;border-radius: 0 10px 0 10px;display: inline-block;margin-bottom: 5px;}

.tkt-box{max-width:700px;margin: 0 auto;padding: 20px 30px;font-size:24px;line-height: 36px;letter-spacing: 2px;margin-bottom: 3px;text-align: center;border-bottom-right-radius: 50px;border-top-right-radius: 50px;}
.tkt-box strong{color: red;}

.sliders2{ margin:0 auto; width:100%;display: block;margin-top: 50px;}

img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

:first-child.wow{ *visibility:visible ! important; visibility:visible\9 ! important;}

@media screen and (max-width: 1200px) {
	.big-info-list {min-height:inherit;margin-bottom: 8px; }
}

@media only screen and (min-width: 769px) and (max-width:960px){	
    html,body { width: 100%; min-height: 100%; }	
    .main h2{width:100%;}
	.top_content {max-width: 100%;}
	.content{max-width: 100%;}
    .content-product{max-width: 100%;}
	.t-title{font: 36px "微軟正黑體";font-weight: bold;}
}

/*------------------------------- 平板 ----------------------------------*/

@media screen and (max-width: 768px) {
    * { box-sizing: border-box; }
    html,body { width: 100%; min-height: 100%; }	
	.col-3{width:50%;}	
    .container {background: inherit;}
    /***按鈕列***/
    #nav {display: none;}
	.menu{display: none;}
    #togglenav {display: block;z-index: 9999;position: fixed;right: 0;overflow: hidden;line-height: 35px;width: 100%;cursor: pointer;}	
	.main {padding-top: 0px;}
	.main h2{width:100%;height:auto;margin-bottom: 20px;margin-top: 0px;}
	.area01 h2{ background: inherit;border-bottom: solid 2px #957fa1;}
    .area02 h2{ width: 90%;background: inherit;border-bottom: solid 2px #f76c28;}
	.t-title{font: 45px "微軟正黑體";line-height: 55px;padding-left: 0px;padding-top: 0px;padding-bottom: 10px;text-align: center;font-weight: bold;}
	.top_content {max-width: 100%; height: auto; padding: 0;margin-top: 40px;}
    .top_content .mobile {display: block;width: 100%;height: auto;position: inherit;margin: 0 auto;}	
	.top_content .main-title{display: none;}
	.box-01,.box-02{padding:70px 0 80px 0;}	
	.wrap {width: 94%;padding: 10px;border-radius: 20px;}
	.pic-col-wrap{width: 100%;}	
	.txt-box{width: 90%;margin: 0 auto;}
	.txt_l{line-height: 1.5;width: 85%;}
	.product {max-width: 100%;padding: 0 10px;}
	.product li p em{display: block;margin-left: 0px;}
	.city-list,.city-list1{margin-top: 5px;}
	.tkt-box{max-width:90%;}
	
	.left-ph{width: 100%;float: inherit;}
	.right-txt{width: 100%;float: inherit;}
	.big-pic img{border-radius: 10px 10px 0 0;margin-bottom: 0;}
	.main-big-box{padding: 10px;}
		
}


/*------------------------------- 手機 ----------------------------------*/

@media (max-width: 680px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.left,.right{ float:none;}	
	.t-title span{display: block;padding-left: 0px;}
   	.txt_l{line-height: 1.5;width: 100%;}
	.txt_r{text-align:center;margin-top: 5px;}		
	.product li{padding: 10px 10px 0px;}    
	.product li em{margin-left: 5px;}
	.product li p{margin-bottom: 0px;}
	.city-list{padding: 10px 0 10px;margin-top: 5px;margin-bottom: 0px;text-align: center;}
	.city-list a{display: inline-block;margin-left: 5px;margin-right: 5px;}	
	.txt-box p {text-align: justify;}
	.txt-box p span {display: inline;line-height: 30px;}	
	.txt-box .tit em{font: 22px "Arial";}
	.sp-tour {width:98%;margin-right: inherit;margin-top: 2%;}	
	.sp-tour .tour-info-list {min-height: inherit;margin-bottom: 8px;}	
	.htl-box {padding: 0;}
	.htl-list {width:98%;margin-right: inherit;}
	.htl-list .tour-info-list {min-height: inherit;margin-bottom: 8px;}
	#customers td, #customers th ,#customer td, #customer th{vertical-align: middle;text-align: center;}
	#customers td span,#customer td span{/*writing-mode:vertical-lr;*/letter-spacing: 2px;font: 18px "微軟正黑體";font-weight: 600;}
	
}