@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;
}
html {
    image-rendering: -webkit-optimize-contrast;
}
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%;}

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

body {
	font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
	background: url("../img/bg01.jpg") top repeat;
}

h1,h2,h3 { display:none; }

#web-outer{	
	clear: both;
	overflow: hidden;
}
.header{clear:both;overflow: hidden;}

.container2 {width:100%;position:relative; margin-top:0px; }
.container3{width:100%;}
.logo {display: block; max-width: 818px;position: absolute;left: 30%;right: 10%; top:-15%; z-index: 200;}

.slide{margin: 0 auto;}
.slide ul li p.ps{position: absolute;right: 10px;bottom: 10px;color: #666;padding: 5px; background-color: #fff; font-size: 13px;border-radius: 10px;}
.slide ul li p.t-logo{max-widsth: 142px; position: absolute;right: 10px;bottom: 50px;}


/*-------------------------------------選單---------------------------------------------*/
#main-nav {
    z-index: 990;
    overflow: hidden;
 }
 
 .block_menu {
     z-index: 990;
     width: 100%;
     text-align:center;
     font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;
     height: 124px;
     background:url("../img/nav_bg.png") top repeat-x;
     z-index: 990;
	 padding-top: 15px;
	
 }
 
 .sticky { top: 30px; }
 
#nav li { display:inline-block;  }
#nav li a { display: inline-block;margin-right: 15px;  }

.menu {}
.menu a { width: 185px;height: 124px;text-indent:-5000px;background: url("../img/nav01.png") 0 0 no-repeat;}
.menu a:hover,.menu a.active{ background: url("../img/nav01.png") 0 -124px;} 
.menu02 a { width: 185px;height: 124px;text-indent:-5000px;background: url("../img/nav02.png") 0 0 no-repeat;}
.menu02 a:hover,.menu02 a.active{ background: url("../img/nav02.png") 0 -124px;}
.menu03 a { width: 185px;height: 124px;text-indent:-5000px;background: url("../img/nav03.png") 0 0 no-repeat;}
.menu03 a:hover,.menu03 a.active{ background: url("../img/nav03.png") 0 -124px;}
.menu04 a { width: 185px;height: 124px;text-indent:-5000px;background: url("../img/nav04.png") 0 0 no-repeat;}
.menu04 a:hover,.menu04 a.active{ background: url("../img/nav04.png") 0 -124px;}

 
 .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: 160px;margin-top: -160px;}
.block-first02{overflow: hidden;padding-top: 90px;margin-top: -90px;}

/*背景*/
.bg02{background: url("../img/bg02.png") bottom no-repeat;}
.bg03{background: url("../img/bg03.png") top no-repeat;}
.bg04{background:#ebfbe5 url("../img/bg04.png") top repeat;}
.bg05{background:url("../img/bg05.png") top no-repeat;}
.bg06{background:url("../img/bg06.png") bottom no-repeat;}
.bg07{background: #fffdf2 url("../img/bg07.png") bottom no-repeat;}
.bg08{background: url("../img/bg08.png") top no-repeat;}
.bg09{background:#beecf1 url("../img/bg09.png") top repeat;}
.bg10{background: url("../img/bg10.png") top no-repeat;}

/*航班資訊*/
#flight{}
.vip{width: 80%;font-size: 22px;line-height: 1.8em;font-weight: bold;margin: 10px auto 0 auto;text-align: center;}
.vip .title{max-width: 263px;margin: 30px auto 10px auto;}
.vip strong{font-size: 40px;color: #dd0049;font-weight: 600;}
.flight-box{max-width: 960px; margin: 0 auto;padding: 70px 0 150px 0;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.flight-title{background: url("../img/title_bg01.png") bottom no-repeat; text-align: center;font-size: 45px;font-weight: bold;color: #1779d5;margin: 0 auto;}
.flight-title img{max-width: 320px;display: block;margin: 0 auto 30px auto;}
.top-tilte{width: 200px; background-color: #1779d5;border-radius: 50px;padding: 15px;margin: 50px auto 30px auto;color: #fff;font-size: 30px;text-align: center;}
.flight-note{width: 50%;margin: 0 auto;font-size: 15px;line-height: 1.8em;color: #666;text-align: center;padding-top: 10px;}

/*表格*/
.product-table-head {
    color:#333;
	background:#e9ffff;
	border-right: 1px solid #c5e7e7;
	border-bottom:  1px solid #c5e7e7;
	vertical-align: middle;
}
.product-table-head:last-child {
	border-right:0;
}

.product-table-td {
	background:#fffdeb;
	border-right: 1px solid #c5e7e7;
	vertical-align: middle;
}

.product-table-td:last-child {
	border-right:0;
}

.product-table-bottom {
	border-bottom:  1px solid #c5e7e7;
}
.product-table {
	border: 1px solid #c5e7e7;
	border-radius: 15px;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
}

/*推薦行程*/
#stroke{clear: both;overflow: hidden;}
.stroke-from{max-width: 960px;margin: 0 auto;padding: 0 0 150px 0;}
.stroke-box{max-width: 960px;margin: 0 auto;padding: 100px 0 0 0;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;clear: both;overflow: hidden;}
.stroke-title{background: url("../img/title_bg02.png") bottom no-repeat; text-align: center;font-size: 45px;font-weight: bold;color: #1e8c19;margin: 0 auto;}
.stroke-title img{max-width: 214px;display: block;margin: 0 auto 30px auto;}
.top-tilte02{width: 200px; background-color: #086c45;border-radius: 50px;padding: 15px;margin: 50px auto 30px auto;color: #fff;font-size: 30px;text-align: center;}
.top-tilte03{width: 200px; background-color: #2167b5;border-radius: 50px;padding: 15px;margin: 50px auto 30px auto;color: #fff;font-size: 30px;text-align: center;}
.top-tilte04{width: 200px; background-color: #9e51b1;border-radius: 50px;padding: 15px;margin: 50px auto 30px auto;color: #fff;font-size: 30px;text-align: center;}

/*行程*/
.ct-box { max-width: 960px; margin:20px auto 0 auto; clear:both; overflow: hidden;  text-align: center;}
.ct50 {  width:49%;  display: inline-block; vertical-align: top;margin-top: 15px;float: left; }
.ct50 a { background: #fff; text-decoration: none; display:block; margin:0 6px;}
.ct50 a:hover { background: #fffff4; }
.ct50 a .main-tour-box { padding:12px; min-height: 360px; position: relative;}

.tour-pic { position: relative;}
.tour-stroke { position: absolute; top:28px;font-size: 15px; background: #28986c; border-radius: 0 10px 10px 0; color:#fff; padding:5px;width:60px; text-align: center;}
.tour-pkg { position: absolute; top:28px;font-size: 15px; background: #2167b5; border-radius: 0 10px 10px 0; color:#fff; padding:5px;width:60px; text-align: center;}
.tour-name { color:#333; font: 600 20px "微軟正黑體";background-color: #bae3a9;line-height: 1.5em; padding:10px;text-align: left;margin-top: -3px;}
.tour-name02 { color:#333; font: 600 20px "微軟正黑體";background-color: #cee3f7;line-height: 1.5em; padding:10px;text-align: left;margin-top: -3px;}
.tour-name03 { color:#333; font: 600 20px "微軟正黑體";background-color: #ead5ef;line-height: 1.5em; padding:10px;text-align: left;margin-top: -3px;}
.tour-name span { font-family: 'Noto Sans TC', sans-serif; font-weight: 500;}
.tour-info-list { margin:10px 0;  min-height: 60px; padding-bottom:20px;}
.tour-info-list li  { 
    font: 600 15px "微軟正黑體"; color: #6c6c6c; line-height: 1.8em;
    padding-left: 12px; text-indent: -12px; 
    text-align: left;
}
/*.tour-info-list li::before {
    content: "◆";
    font-size:13px;
    padding-right: 6px;
}*/
.tour-info-list li span {color: #eb4600;}
.tour-price { color: #252525; font: 600 15px "微軟正黑體" ; position:absolute; bottom:5px; left:38%;}
.tour-price span {  color:#de1335;  font: 600 29px "微軟正黑體" ; font-family: 'Barlow', sans-serif; }

.ny-more{width: 310px;font-size: 18px;line-height: 1.8em;margin: 30px auto;text-align: center;}
.ny-more a{text-decoration: none;background-color: rgba(58, 144, 102, 0.8);	color: #fff;padding: 8px;border-radius: 25px;}
.ny-more a:hover{background-color: #a2ce69;}

/*大禮包*/
#gift{}
.gift-box{max-width: 960px; margin: 0 auto;padding: 80px 0 80px 0;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.gift-title{background: url("../img/title_bg03.png") bottom no-repeat; text-align: center;font-size: 45px;font-weight: bold;color: #ff8401;margin: 0 auto;}
.gift-title img{max-width: 214px;display: block;margin: 0 auto 30px auto;}
.gift-note{width: 50%;margin: 0 auto;font-size: 15px;line-height: 1.8em;color: #666;text-align: center;padding-top: 10px;}

.big-gift{width: 98%;margin: 30px auto 0 auto;clear: both;overflow: hidden;}
.gift01{width: 48%;float: left;margin-right: 1%;}
.big-title{font-size: 20px;line-height: 1.5em;color: #333;font-weight: 600;}
.big-title strong{background-color: #00a3e0;color: #fff; width: 80px;text-align: center; padding: 5px;display: block;margin-bottom: 10px;}
.big-title em{font-style: normal; font-size: 13px;}
.big-title02{width: 280px; font-size: 20px;line-height: 1.5em;background-color: #159667;color: #fff;font-weight: 600;text-align: center;padding: 10px;border-radius: 25px;display: block;margin: 10px auto 20px auto;}
.big-ph{display: block;max-width: 600px;}
.big-note{font-size: 13px;color: #333;text-align: right;}

/*景點*/
#spot{}
.spot-box{max-width: 960px; margin: 0 auto;padding: 80px 0 80px 0;font-family:"微軟正黑體","黑體", Arial, Helvetica, sans-serif;}
.spot-title{background: url("../img/title_bg04.png") bottom no-repeat; text-align: center;font-size: 45px;font-weight: bold;color: #108fa6;margin: 0 auto;}
.spot-title img{max-width: 214px;display: block;margin: 0 auto 30px auto;}
.top-spot{max-width: 340px;margin: 30px auto 10px auto;}
.spot{max-width: 950px; margin: auto;padding-bottom: 30px;}

.adbox{width: 30%;margin: 10px;background-color: #fff;padding: 8px;border-radius: 10px;}
.b-box{}
.b-box .ph img{border-radius: 8px 8px 0 0;}
.b-box .s-name{color:#fff; font: 600 20px "微軟正黑體";background-color: #47a6b9;line-height: 1.5em; padding:10px;text-align: center;display: block;}
.b-box .s-name02{color:#fff; font: 600 20px "微軟正黑體";background-color: #008a6b;line-height: 1.5em; padding:10px;text-align: center;display: block;}
.b-box .note{color:#666;font-size: 15px;line-height: 1.5em; padding:10px;display: block;}

@media screen and (min-width: 960px) and (max-width: 1540px) {
.logo {left: 20%;right: 10%; top:-10%;}
}

@media screen and (max-width:959px)  {
.logo {left: 20%;right: 10%; top:-10%;}
.ct50 a .main-tour-box {min-height: 430px;}	
}

/*---平板-----*/
@media screen and (max-width:768px)  {
.logo {left: 20%;right: 20%; top:-15%;}	
#main-nav{display: none;}	

/*錨點*/
.block-first,.block-first02{padding-top: 0;margin-top: 0;}	
.product-table {font-size: 15px;}
	
.flight-box{padding: 20px 10px;}
.flight-note{width: 90%;}
.vip{width: 90%;}	
	

.stroke-from{padding: 20px 10px;}	
.stroke-box {padding: 20px 10px;}

.gift-box{padding: 20px 10px;}
.gift01{width: 100%;float: inherit;margin-right: inherit;}	
.gift-note{width: 90%;}	
	
.spot-box{padding: 20px 10px;}	
	
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.ct50{width: 98%;float:inherit;margin: 15px auto 0 auto;}
}

/*---手機版-----*/
@media screen and (max-width:479px)  {
	.logo {max-width: inherit;width: 80%;left: 10%;right: 10%; top:-30%;}
	.slide ul li p.ps{right: 5px;}
	.slide ul li p.t-logo{max-width: inherit;width: 15%; right: 5px;}
	.ct50{width: 98%;float:inherit;margin: 15px auto 0 auto;}
	.tour-price {left:25%;}	
	.ny-more{margin: 20px auto;}	
}


/*---手機版-----*/
@media screen and (max-width:320px)  {	
	.logo {left: 8%;right: 5%; top:-22%;}
	.slide ul li p.ps{right: 5px;}
	.slide ul li p.t-logo{max-width: inherit;width: 30%; right: 5px;}
	}