/* 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:33.33%;}
.col-4{width:25%;}
.col-5{width:20%;}

body {
	margin: 0;
	padding: 0;
	font-size:13px;
	color:#000;
	background:url(images/bg.jpg) repeat;
}
h1,h2,h3 { display: none;}
.left{ float:left;display:inline-block;width: 100%;}
.right{ float:right;}

/*------------------------------- pc ----------------------------------*/
.container {
    width: 100%;
    height: 100%;
	font-family: Verdana,'微軟正黑體';
	background: url(images/con_bg.jpg) center 0 no-repeat;
	overflow: hidden;
}
.header{clear:both;overflow: hidden;min-height: 0px;}
.top_content {
    max-width: 960px;
	margin:0 auto;	
	position:relative;	
	height: 667px;	
}
.top_content .mobile {
	display: none;
}

.top_content .main-title {display: block;margin:0 auto;position: relative;top:60px;width: 500px;height: 500px;background: url(images/title.png) 0 0 no-repeat;text-indent:-6000px;}



h1,h2,h3 { display: none;}

.main {width: 100%;margin: 0 auto;padding-bottom: 300px; background: url(images/bottom_bg.jpg) 0 bottom no-repeat;}
.top_bg { 
	width: 100%; 
	margin: 0 auto;
	background:url(images/top_bg.png) no-repeat top center;
}
.main h4{
	display:block;
	width:600px;
	height:80px;
	margin:0 auto;
	margin-bottom: 70px;
	font: 36px "微軟正黑體";color: #fff;line-height: 80px;text-align: center;
	background: url(images/tit-bg.png) center 0  no-repeat;
}
.main h4 span{display:block;font: 30px "微軟正黑體";color: #841c7b;line-height: 30px;text-align: center;margin-top: 5px;}

.box-tour{width: 100%; padding: 60px 0 20px;}
.wrap-tour {max-width: 960px;margin: 0 auto;margin-bottom: 20px;}
.wrap-tour .des_box{background-color: #fff;padding: 30px;border-radius:20px;overflow: hidden;}
.hol-box{width: 100%;border-bottom: 2px #2b7ffc dashed;margin-bottom: 15px;padding-bottom: 10px;}
.big_tit{width: 35%;}
.big_tit .mark{
	display:inline-block;
	background:#2b7ffc right top no-repeat;
	padding:0 20px 0 15px;	
	height:50px;
	line-height: 50px;
	font-size: 30px;
	color:#fff;
	border-bottom-right-radius: 25px;
	border-top-right-radius: 25px;
} 
.hol{ width: 65%;text-align: right;}
.hol em{ text-align: right;font-size: 32px;line-height: 50px; display:inline-block;color:#2b7ffc;font-style: normal;font-weight: bold;}
.hol span{ padding-left: 15px;text-align: left;font-size: 18px;display:inline-block;color:#2b7ffc;line-height: 24px;}
.pic_slide{width: 45%;}
.con{ width: 55%;}

/*---行程---*/
.product ul{display:block;padding-left: 15px;}
.product .rule{font: 15px "微軟正黑體";color: #434343;padding-top: 5px;}
.product li {display: block;border-bottom: #C5C5C5 2px dashed;}
.product li a {display: block;padding:6px 5px;font: 15px "微軟正黑體";color: #434343;font-weight: bold;overflow:hidden;}
.product li a:hover { background-color:#fffde5;}
.product li p{display: block;}
.txt_l{width: auto;font-size:22px;color: #000;line-height: 1.5;font-weight: bold;}
.txt_l span.date{ background-color: #9a6b40; color: #fff;font-size:16px;padding: 5px;}
.txt_l span.intro{ color: #7d7d7d;font-size:14px;}
.txt_l span.intro em{ font-style: normal;margin-right: -12px;}
.txt_l span.dis{ margin-right: -20px;}
.txt_r{width: auto;text-align:right;font-family:"微軟正黑體";}
.txt_r span.price{ color: #F50909;font-size:24px;}
.txt_r em{ color: #000;font-size:14px;font-style: normal;}

/*---贈品---*/
.gift_area{clear: both; width: 100%;margin: 0 auto;overflow: hidden;}
.gift{float: left; width: 23%;margin-left: 1%;margin-right: 1%;box-sizing:border-box;margin-bottom: 20px;}
.gift .title-gift{margin: 0 auto;text-align: center;color: #fff;background-color: #2b7ffc; font-size: 36px;padding: 15px 0;letter-spacing: 1px;border-top-right-radius: 25px;border-top-left-radius: 25px;}
.gift_wrap{background-color: #fff;}
.gift .pic{width: 100%;display: block;}
.gift .mobile {display: none;}
.gift .name{line-height: 30px; font-size: 20px;text-align: center;color: #085ede; font-weight: bold;border-bottom: 1px dashed #085ede;padding-bottom: 5px;margin: 0 10px;margin-bottom: 5px;}
.gift .name span{color: #e60012;}
.gift .note{font-size: 14px;line-height: 20px;color: #7d7d7d;text-align: center;min-height: 90px;}
.gift .note em{color: #e60012;text-align: center;font-style: normal;display: block;}
.gift .note p{font-size: 14px;color: #000;text-align: center;}
.gift .note p span{color: #e60012;font-size: 24px;line-height: 50px;}



.sliders2{ margin:0 auto; width:100%;display: block;}


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


@media only screen and (min-width: 769px) and (max-width:960px){	
    html,body { width: 100%; min-height: 100%; }	
	#nav {display: block;width: 100%; }
	#nav ul{max-width:100%;}
	.wrap-tour {max-width: 100%;}
	.box-tour{width: 95%; padding: 60px 20px 0 20px;}
	.con_box{margin: 15px;}
    .hol em{display:block;text-align: center;}
    .hol span{ display:block;text-align: center;}
	.gift{float: left; width: 48%;}
	
}

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

@media screen and (max-width: 768px) {
    * { box-sizing: border-box; }
    html,body { width: 100%; min-height: 100%; }	
	.col-3{width:50%;}
	.container {background: inherit;}
	.top_content {  width: 100%;  height: auto; padding: 0;}
    .top_content .main-title{display: none;}
	.top_content .mobile {display: block;width: 100%;height: auto;position: inherit;margin: 0 auto;}
	.main {	background: inherit;padding-bottom: 50px;}
	.top_bg { background: inherit;}
	.main h4{width:100%;margin-top: 40px;}	
	.wrap-tour {max-width: 100%;}	
	.box-tour{padding: 10px 20px;}		
    .pic_slide{width: 52%;}
    .con{ width: 48%;}
	.con_box{margin: 15px;}	
	.big_tit{width: 50%;}
    .hol{ width: 50%;text-align: left;}
	.hol em{ text-align: left;}
    .hol span{ padding-left: 0px;text-align: left;}
	.gift{float: left; width: 48%;}	
	.gift .name{line-height: 50px; font-size: 30px;}
	.gift .note{font-size: 20px;line-height: 30px;}
	.gift .note p{font-size: 20px;}
    .gift .note p span{font-size: 36px;line-height: 70px;}

	
}


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

@media (max-width: 680px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.left,.right{ float:none;}	
	.wrap-tour {padding-bottom: 10px;margin-bottom: 30px;}
	.wrap-tour .des_box{padding: 20px;}
	.box-tour{padding: 10px 20px 5px;}	   
	.pic_slide{width: 100%;padding-bottom: 2px;}
    .con{ width: 100%;}
	.con_box{margin: 20px;}	
	.big_tit{width: 100%;}
    .hol{ width: 100%;}
	.product ul{padding-left: 0px;}
	.txt_r{text-align:center;}
	.gift{float: none; width: 100%;margin-left: 0%;margin-right: 0%;}
	.gift .mobile {display: block;}
	.gift .pic{display: none;}
	
}

@media (max-width: 320px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.big_tit .mark{	font-size: 24px;} 
	.main h4{font-size: 30px;} 
	.main h4 span{font-size: 24px;} 
	.gift .name{font-size: 24px;line-height: 36px;} 
	
}