/* 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;		
}
h1,h2,h3 { display: none;}
.left{ float:left;display:inline-block;width: 100%;}
.right{ float:right;}

/*------------------------------- pc ----------------------------------*/

.header {
    width: 100%;
}

h1,h2,h3 { display: none;}

#web-outer{	
	clear: both;
	overflow: hidden;
	font-family:Arial,微軟正黑體;
}
#demo-1 {
	position: relative; /* can either be relative, absolute or fixed. If position is not set (i.e. static), it would be set to "relative" by script */
	overflow: hidden; /* to bound the empty top space created by inner element's top margin */
	width: 100%;
	min-height: 600px;
	background-color: #999;
		}


/***大圖***/
.logo { width: 100%; z-index: 999; text-align: center; height: 120px; left:0px; top:80px;position:absolute;}
.logo img {max-width: 331px;}

/*滑動menu*/
.sticky {
	top:30px !important;
	position: fixed !important;	
	height: 65px !important;
}

.block-menu {
	position: absolute;
	top: 600px;
	width: 100%;
	height: 65px;
	z-index: 10;
	background: url(images/nav_bg.jpg)repeat-x;
}

.block-menu ul {
	font-size: 0;
    position: relative;
    width: 100%;
    max-width: 960px;
    margin: auto;
	text-align: center;
}
  
.block-menu li {	
	line-height: 35px;
	color: #fff;
	padding-top: 3px; 
	font:21px "微軟正黑體";	
	display: inline-block;
    height: 32px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;    
}

.block-menu a {
	display: inline-block;
    width: 120px;    
    text-align: center;
    z-index: 11;
	color: #fff;
    position: relative;   
	background-color: #20b6c5;
	margin: 20px 10px 0px;
	border: 1px #20b6c5 solid;
}

.block-menu a:hover {
	color: #fff;background-color: #1d96a2;border: 1px #fff solid;
}

.active span {
	position: absolute;
	display: block;
	right: 0px;
	top:0px;
	width: 100%;
	height: 100%;
	background-color: #1d96a2;
	border: 1px #fff solid;
	z-index: -1;
}




#togglenav {
    display: none;
    z-index: 9999;
    position: fixed;
    right: 0;
    overflow: hidden;
    line-height: 35px;
    width: 100%;
    cursor: pointer;
}


.main {width: 100%;margin: 0 auto;background: url(images/tour_bg.jpg)repeat;overflow: hidden;margin-top: 50px;}
/***地圖***/
.map{width: 100%;overflow: hidden;background: url(images/map_bg.jpg) center 0 repeat-x;padding-top: 30px;overflow: hidden;}
.wrap-map {width: 900px;margin: 0 auto;overflow: hidden;}
.map-point {width: 100%;margin: 0 auto;text-align: center;display:block;}
.map-point li{display: inline-block;width: 15%;margin:5px;font: 15px "微軟正黑體";line-height: 1.2;}
.map-pic {width: 110px;height:110px;/*border-radius:90px;background:#28abf6;line-height:90px;*/margin: 0 auto;margin-bottom:5px;}


/***行程推薦***/
.box-tour{width: 100%;padding-top: 60px;padding-bottom: 50px;}
.wrap-tour {width: 700px;margin: 0 auto;background-color: #fff;border-radius:10px;}
.wrap-tour .des_box{padding: 25px 25px 0;overflow: hidden;margin-top: 20px;}
.sale_info{display: block;margin: 0 auto;}
.sale_info .pic_slide{position:relative;display: block;width: 55%;float: left;}
.sale_info .con{display: block;width: 42%;float: right;padding-left:2%;}
.sale_info .con .name{padding-top: 10px;font-size:18px;color: #ec6941;line-height: 1.5;} 
.sale_info .con .tour_des{padding-top: 5px;font-size:15px;color: #727171;line-height: 1.5;} 
.sliders2{ width:55%;float: left;}

/***直式行程***/
.product_box {width:95%;margin: auto;}
.tour_list_box {margin-top:10px;}
.tour_list_box ul{overflow:hidden;}
.tour_list_box li{
	display: block;
    overflow: hidden;
	border-bottom:1px dashed #d5d5d5;
	margin: 15px 0 10px;
	position:relative;}
.tour_list_box .leftbox{
	float: left;
	width:47%;}
.tour_list_box .leftbox span{
	color:#ff0000;	
	}
.tour_list_box li p.b {
    font: 15px "微軟正黑體";
    line-height: 1.5;    
    margin-bottom: 5px;
	*padding-left: 10px;}
.tour_list_box li .price {
    float: left;
    display: block;
    width: 15%;
    font-size: 13px;
	/*padding-left: 15px;*/
    text-align: right;    
	letter-spacing:1px;}
.tour_list_box li .price strong{
	font-size:22px;
	color: #dd0000;}
.pink {
    float: right;
    width: 35%;
    overflow: hidden;
    text-align: center;
	margin-bottom: 15px;}
.pink a {
    float: left;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: #eb6100;
    padding: 7px 5px;
    margin: 0 3px;
    border-radius: 4px;}
.pink a:hover{background:#eb4200;}

/***大標***/
.tour-title {
	background:url(images/tit.png) center top 0px no-repeat;
	height:95px;	
	text-indent:-3000px;
	margin-bottom: 10px;	
}
.view-title {
	background:url(images/tit.png) center top -95px no-repeat;
	height:95px;	
	text-indent:-3000px;
	margin-bottom: 10px;	
}
.video-title {
	background:url(images/tit.png) center top -190px no-repeat;
	height:95px;	
	text-indent:-3000px;
	margin-bottom: 10px;	
}
.play-title {
	background:url(images/tit.png) center top -285px no-repeat;
	height:95px;	
	text-indent:-3000px;
	margin-bottom: 10px;	
}
/***大橋特點***/
.view{width: 100%;padding-top: 60px;/*margin-top: -30px;*/}
.box-blue{ background: url(images/bg_1.jpg) center 0 no-repeat}
.box-Orange{ background: url(images/bg_2.jpg) center 0 no-repeat}
.box-green{ background: url(images/bg_3.jpg) center 0 no-repeat}
.box-purple{ background: url(images/bg_4.jpg) center 0 no-repeat}
.wrap-box {width: 800px;height:490px;margin: 0 auto;overflow: hidden;}
.wrap-box .mobile {	display: none;}
.wrap-box .intro1{width: 320px;margin: 0 auto;margin-right: 10px;margin-top: 150px;background: #fff;border-radius: 15px;}
.wrap-box .intro1 .txt{width: 85%;margin: 0 auto;padding: 15px 0 20px;color: #000;font-size: 16px;line-height: 24px;letter-spacing: 2px;}
.wrap-box .intro2{width: 320px;margin: 0 auto;margin-left: 10px;margin-top: 150px;background: #fff;border-radius: 15px;}
.wrap-box .intro2 .txt{width: 85%;margin: 0 auto;padding: 15px 0 20px;color: #000;font-size: 16px;line-height: 24px;letter-spacing: 2px;}
.wrap-box .intro3{width: 320px;margin: 0 auto;margin-right: 10px;margin-top: 150px; background: #fff;border-radius: 15px;}
.wrap-box .intro3 .txt{width: 85%;margin: 0 auto;padding: 15px 0 20px;color: #000;font-size: 16px;line-height: 24px;letter-spacing: 2px;}
.wrap-box .intro4{width: 320px;margin: 0 auto;margin-left: 10px;margin-top: 150px;background: #fff;border-radius: 15px;}
.wrap-box .intro4 .txt{width: 85%;margin: 0 auto;padding: 15px 0 20px;color: #000;font-size: 16px;line-height: 24px;letter-spacing: 2px;}
.intro1-title {background: #0068b7;color: #fff;font:22px "微軟正黑體";text-align: center;line-height: 42px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.intro2-title {background: #eb6100;color: #fff;font:22px "微軟正黑體";text-align: center;line-height: 42px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.intro3-title {background: #22ac38;color: #fff;font:22px "微軟正黑體";text-align: center;line-height: 42px;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.intro4-title {background: #9b21dc;color: #fff;font:22px "微軟正黑體";text-align: center;line-height: 42px;border-top-left-radius: 15px;border-top-right-radius: 15px;}

/***影片介紹***/
.video_zone{width: 100%;overflow: hidden;background: url(images/video_bg.png) #fff center 0 no-repeat;padding-top: 60px;}
.wrap-video {width: 800px;margin: 0 auto;padding-bottom: 130px;}
.Show { width: 90%; height: 385px;margin: 0 auto;border-radius: 15px;padding: 15px;background: #e7f2ce;}

/***環遊三地***/
.play{width: 100%;background: url(images/play_bg.jpg) repeat;padding-bottom: 30px;}
.play-cloud{width: 100%;height:auto;background: url(images/play-cloud.png)center 0 no-repeat;padding-top: 60px;}
.wrap-play {width: 700px;margin: 0 auto;}
.wrap-play .des_box{padding: 25px 25px 0;overflow: hidden;}
.play_info{display: block;margin: 0 auto;}
.play_info .pic_slide{position:relative;display: block;width: 55%;float: left;border: 5px #fff solid;}
.play_info .con{display: block;width: 42%;float: right;margin-left:2%;background: #fff;border-radius: 15px;margin-top: 30px;}
.play_info .con .name{padding-top: 10px;font-size:18px;color: #ec6941;line-height: 1.5;} 
.play_info .con .tour_des{padding: 10px;font-size:15px;color: #727171;line-height: 1.5;} 

.play-title1 {
	background:url(images/play-title.png) center top 0px no-repeat;
	height:63px;	
	text-indent:-3000px;	
	margin-top: -20px;}
.play-title2 {
	background:url(images/play-title.png) center top -63px no-repeat;
	height:63px;	
	text-indent:-3000px;	
	margin-top: -20px;}
.play-title3 {
	background:url(images/play-title.png) center top -126px no-repeat;
	height:63px;	
	text-indent:-3000px;	
	margin-top: -20px;}
	
	
	

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


@media only screen and (min-width: 769px) and (max-width:960px){
	* { box-sizing: border-box; }
    html,body { width: 100%; min-height: 100%; }
	#menu {width: 100%;}
	#menu li {margin-left: 18px;}
    .wrap-box {width: 100%;}
	.wrap-map {width: 100%;}
	
	
}

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

@media screen and (max-width: 768px) {
    * { box-sizing: border-box; }
    html,body { width: 100%; min-height: 100%; }		
    /*.flexslider{height: 500px;}*/
    .logo {top:30px;}
    /***按鈕列***/
    #nav {display: none; }	
    #togglenav {display: block;z-index: 9999;position: fixed;right: 0;overflow: hidden;line-height: 35px;width: 100%;cursor: pointer;}
	.main {width: 100%;margin: 0 auto;}
	/*.map{background: inherit;}*/
    .wrap-map {width: 95%;}	
	.wrap-tour {width: 90%;} 	
	/***大橋特點***/
	.wrap-box {width: 90%;height:auto;}
	.box-blue{ background: inherit;}
    .box-Orange{ background: inherit;}
    .box-green{ background: inherit;}
    .box-purple{ background: inherit;}
	.wrap-box .mobile {	display: block;width: 100%;}
	.wrap-box .intro1{width: 100%;margin-right: 0px;margin-top: 0px; padding-top: 0px;}
	.wrap-box .intro2{width: 100%;margin-left: 0px;margin-top: 20px; padding-top: 0px;}
	.wrap-box .intro3{width: 100%;margin-right: 0px;margin-top: 20px; padding-top: 0px;}
	.wrap-box .intro4{width: 100%;margin-left: 0px;margin-top: 20px; padding-top: 0px;}
    .wrap-box .intro1 .txt{width: 100%;padding: 2% 5%;background:#d3ebfd;}
	.wrap-box .intro2 .txt{width: 100%;padding: 2% 5%;background:#fee9db;}
	.wrap-box .intro3 .txt{width: 100%;padding: 2% 5%;background:#dffde4;}
	.wrap-box .intro4 .txt{width: 100%;padding: 2% 5%;background:#f4e3fd;}
	/***影片介紹***/
	.wrap-video {width: 100%;height:auto;padding-bottom: 50px;}
	.Show {	height: auto;}
	.view{margin-bottom: 60px;}
	/***環遊三地***/
	.wrap-play {width: 90%;margin: 0 auto;}
	.play-cloud{width: 100%;height:auto;background: inherit;}
	
	
	
	/***行程***/	
	.tour_list_box li .price{float: right;width:40%;text-align: right;}	
	.pink { float:none; width: 100%; overflow: hidden; margin:0 auto; padding: 5px 0 12px 0; margin-bottom: 10px;}
	.pink a {float: none; padding: 7px 5px; margin-right: 5px; margin-bottom: 10px;  margin-left: 2px; }
	

	

}


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

@media (max-width: 680px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.left,.right{ float:none;}		
	#demo-1 { min-height: 450px;}
	.tour-title {margin-top: 15px;}
    .video-title {margin-top: 15px;}
	.video-title {margin-top: 15px;}	
	.map-point li{display: inline-block;width: 48%;margin:0px;font: 15px "微軟正黑體";line-height: 1.2;}
	
	
	.tour_list_box li {border-bottom: 1px dashed #7D7D7D; margin: 10px 0;}
	.tour_list_box li p.b {
		float: none;
		margin: 0 10px 5px;
		padding: 0;
		background: none;
		text-align: left;
		font-size: 18px;
		line-height: 1.5;}	
	.tour_list_box li .price{float: none;width:100%;text-align: center;}	
	.tour_list_box .leftbox{float: none;width: 100%;}		
	.tour_list_box li p.b:before{display:none}
	.pink{ width: 100%; overflow: hidden; margin:0 auto; padding: 5px 0 5px 0; margin-bottom: 0px;}	
	.pink a {padding: 7px 10px; margin-right: 5px; margin-bottom: 10px;}
	
	
	.sale_info .pic_slide{width:100%;}
    .sale_info .con{width:100%;}
	.sliders2{ width:100%;}
	.wrap-play .des_box{padding: 15px 15px 0;background:#fff;margin-top: 10px;border-radius: 15px;}
    .play_info .con{display: block;width: 100%;}
	
    
	
}