/* 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-color: #000;
}
h1,h2,h3 { display: none;}
.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;background-color: #000; 
	overflow: hidden;	
}
.header {width: 100%;}
.top_logo {width: 100%;margin-top: 40px;}
.top_logo .logo{width: 960px;margin:0 auto;text-align: right;}
.top_content {width: 960px;margin:0 auto;height: 375px;}
.top_content .mobile {display: none;}
.top_content .main-title {display: block;margin:0 auto;margin-right:80px; width: 438px;height: 175px;}

h1,h2,h3 { display: none;}

/*滑動menu*/
.sticky {
	top:30px !important;
	position: fixed !important;	
	height: 43px !important;
	background-color: #e2bb20;
	padding: 0px 0 0;
}

.block-menu {
	position: absolute;
	top: 480px;
	width: 100%;	
	z-index: 10;
	background-color: #e2bb20;
}
.block-menu ul {
	font-size: 0;
    position: relative;
    width: 100%;
    max-width: 960px;	
    margin: auto;
	text-align: center;
}  
.block-menu li {
	/*width: 16%;*/
	font:20px "微軟正黑體";
	display: inline-block;    
    text-align: center;
    text-transform: uppercase;
    position: relative;
    cursor: pointer; 		
	margin-left: 10px;		
}
.block-menu a {
	display: block;      
    text-align: center;	
    z-index: 11;
	color: #734508;
    position: relative;	
	padding: 8px 10px;	
	
}
.block-menu a:hover {
	background-color: #734508;color: #fff;}
.block-menu .active {
	background-color: #734508;color: #fff;}
#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;	
	margin-top: 50px;
}
.main h4{
	display:block;
	width:600px;
	height:138px;
	margin:0 auto;
	margin-bottom: 30px;
	text-indent:-3000px;
}
#area01 h4{ background: url(images/tit-bg.png) center 0  no-repeat;}
#area02 h4{ background: url(images/tit-bg.png) center -138px  no-repeat;}
#area03 h4{ background: url(images/tit-bg.png) center -276px  no-repeat;}
#area04 h4{ background: url(images/tit-bg.png) center -414px  no-repeat;}

.box-play{width: 100%;background: url(images/play_bg.jpg) center bottom 0 no-repeat;background-color: #6a0284;padding: 60px 0 50px;}
.box-food{width: 100%;background: url(images/free_bg.jpg) center bottom 0 no-repeat;background-color: #026f2e; padding: 60px 0 60px;}
.box-tour{width: 100%;background: url(images/tour_bg.png) center top 0 no-repeat;background-color: #000; padding: 60px 0 60px;}


.left-box {width: 52%;margin: 5px;}
.right-box {width: 44%;margin: 5px;padding-top: 40px;}
.play-tit01{ height:50px;text-indent:-3000px; background: url(images/tit-s.png) left 0  no-repeat;}
.play-tit02{ height:50px;text-indent:-3000px;background: url(images/tit-s.png) left -50px  no-repeat;}
.play-tit03{ height:50px;text-indent:-3000px;background: url(images/tit-s.png) left -100px  no-repeat;}
.play-tit04{ height:50px;text-indent:-3000px;background: url(images/tit-s.png) left -150px  no-repeat;}
.txt {padding-top: 10px;}
.txt p{ font-size:15px;color: #fff;line-height: 1.8;}

/***美食***/
.wrap-food{width: 900px;margin: 0 auto;}
.intro-food {width: 33%;float: left;}
.intro-food .food-pic {width: 90%;margin: auto;margin-bottom: 50px;}
.txt-box{width: 100%;margin-top: -2px;padding: 10px 0 5px;text-align: center;font: 14px "微軟正黑體";}
.txt-box-bg-y{background-color: #e2bb20;}
.txt-box-bg-b{background-color: #734508;}
.txt-white{color: #fff;}
.txt-Brown{color: #734508;}
.txt-box span{ width:100%;padding: 3px 10px;}
.txt-box h5{ margin:5px 0 0; line-height:1.5em;}
.wrap-tour {width: 800px;margin: 0 auto;overflow: hidden;}
.wrap {width: 100%;padding: 20px 0 20px;}


/***介紹***/
.map{width: 100%;min-height: 950px; overflow: hidden;overflow: hidden;background: url(images/map_bg.jpg) center bottom 0 no-repeat;background-color: #280383;padding: 60px 0 60px;}
.wrap-map {width: 700px;margin: 0 auto;overflow: hidden;}
.wrap-map em{font: 54px "微軟正黑體";color: #fff;letter-spacing: 1.5px;font-style: normal;}
.wrap-map span{font: 18px "微軟正黑體";line-height: 1.8;color: #fff;letter-spacing: 1.5px;}
/*影片*/
.block-video {
	width: 100%;
	max-width: 700px;
	margin: auto;
	clear: both;
	margin: 20px auto 20px auto;
}

/***澳門說走就走***/
.wrap-tour .theme{width: 720px;margin: 0 auto;margin-top: 10px;}
.wrap-tour .product {width: 90%;margin: 0 auto;padding: 15px;/*background: #fff;border-radius: 15px;*/margin-top: 20px;}

/***直式行程***/
.product_box {width:100%;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 #fff100;
	margin: 0px 0 20px;
	position:relative;}
.tour_list_box .leftbox{
	float: left;
	width:47%;}
.tour_list_box .leftbox1{
	float: left;
	width:60%;}
.tour_list_box .leftbox span{
	color:#32a2a0;	
	}
.tour_list_box li p.b {
    font: 15px "微軟正黑體";
	color: #fff;
    line-height: 1.5;    
    margin-bottom: 5px;
	*padding-left: 10px;}
.tour_list_box li .price {
    float: left;
    display: block;
    width: 15%;
    font-size: 13px;
	color: #fff100;
	/*padding-left: 15px;*/
    text-align: right;    
	letter-spacing:1px;}
.tour_list_box li .price strong{
	font-size:22px;
	}
.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: #000;
    background: #fff100;
    padding: 7px 5px;
    margin: 0 3px;
    border-radius: 4px;}
.pink a:hover{background:#ff0000;color: #fff;}

.pink1 {
    float: right;
    width: 13.8%;
    overflow: hidden;
    margin-bottom: 15px;	
    text-align: center;
}
.pink1 a {    
	float: left;
	display: inline;
    text-align: center;
    font-size: 15px;
    color: #000;
    background: #fff100;
    padding: 7px 5px;
    margin: 0 3px;
    border-radius: 4px;}
.pink1 a:hover{background:#ff0000;color: #fff;}



.small-title{
	display: block;
	width: 90px;	
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
    color: #fff;
	text-align: center;
	border-radius: 15px;
	background: #e40ba9;
	margin-bottom: 10px;
}
.small-title1{
	display: block;
	width: 90px;	
	font-size: 20px;
	line-height: 36px;
	font-weight: bold;
    color: #fff;
	text-align: center;
	border-radius: 15px;
	background: #3822f7;
	margin-bottom: 10px;
}


/*----側欄按鈕---*/
.sidebtn {
	position:fixed;
	z-index: 999;
	top:50%;
	right:5px;
	background:url(images/sidebtn.png) 0 0 no-repeat;
	padding-top: 49px;
	width: 78px;
	height: 262px;
}
.sidebtn li {
}
.sidebtn li a {
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
    text-indent: -3000px;
}
.sidebtn li#btn1 {
	background:url(images/sidebtn.png) 0 -49px no-repeat;
    height: 49px;
}
.sidebtn li#btn1 a:hover,.sidebtn li#btn1 a.active {
	background:url(images/sidebtn.png) -78px -49px no-repeat;
}
.sidebtn li#btn2 {
	background:url(images/sidebtn.png) 0 -98px no-repeat;
    height: 49px;
}
.sidebtn li#btn2 a:hover,.sidebtn li#btn2 a.active {
	background:url(images/sidebtn.png) -78px -98px no-repeat;
}



: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%; }	
	.top_content {width: 100%;}
	#nav {display: block;width: 100%; }
	#nav ul{max-width:100%;}
	.wrap-tour {width: 95%;}
	.wrap-food{width: 95%;}
	.wrap-tour .product {width: 90%;}	
	.top_logo .logo{width: 100%;}
	.top_content .main-title {margin-right:0px;}
	.wrap-map {width: 80%;}
	
}

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

@media screen and (max-width: 768px) {
    * { box-sizing: border-box; }
    html,body { width: 100%; min-height: 100%; }	
	.col-3{width:50%;}
	#m1 li{display: none;}
	.container {background: inherit;}
    .top_content {  width: 100%;  height: auto; padding: 0;}
    .top_content .mobile {display: block;width: 100%;height: auto;position: inherit;margin: 0 auto;}	
	.top_content .main-title{display: none;}
	.left-box {margin-top: 30px;}
	.main {	margin-top: 0px;}
	.wrap-tour {width: 94%;}
	.wrap-food{width: 94%;}
	.wrap-tour .product {width: 100%;}
    /***按鈕列***/
    #nav {display: none;}	
    #togglenav {display: block;z-index: 9999;position: fixed;right: 0;overflow: hidden;line-height: 35px;width: 100%;cursor: pointer;}    
    .sidebtn {display: none;}	
	.top_logo {margin-top: 0px;}
	.top_logo .logo{display: none;}
    .wrap-map {width: 90%;margin-top: 20px;}	
	.map{min-height: 1100px;}
	
	
	/***行程***/	
	.tour_list_box .leftbox{float: left;width:100%;}
	.tour_list_box .leftbox1{float: left;width:100%;}
	.tour_list_box li .price{float: right;width:40%;text-align: right;}	
	.pink { float:none; width: 100%; overflow: hidden; margin:0 auto; padding: 0px 0 0px 0; margin-bottom: 5px;}
	.pink a {float: none; padding: 7px 5px; margin-right: 5px; margin-bottom: 10px;  margin-left: 2px; }
	.pink1 { float:none; width: 100%; overflow: hidden; margin:0 auto; padding: 10px 0 12px 0; margin-bottom: 10px;}
	.pink1 a {float: none; padding: 7px 5px; margin-right: 5px; margin-bottom: 10px;  margin-left: 2px; }	
	.intro-food {width: 50%;}
	.wrap {padding: 0px 0 0px;}
}


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

@media (max-width: 680px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.left,.right{ float:none;}	
	.main h4{display:block;width:100%;margin-bottom: 20px;}	  
	.left-box {width: 100%;margin: 0px;padding: 0 0px;}
    .right-box {width: 100%;margin: 0px;padding-top: 0px;padding: 0 20px;margin-bottom: 40px;} 	
	.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 .leftbox1{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;}
	.pink1{ width: 100%; overflow: hidden; margin:0 auto; padding: 10px 0 20px 0; margin-bottom: 0px;}	
	.pink1 a {padding: 7px 10px; margin-right: 5px; margin-bottom: 10px;}	    
	.intro-food {width: 100%;float: none;}

    .map{min-height: 600px;background: inherit;background-color: #280383;}
	
}