/* 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/summer_bg.jpg) top no-repeat;*/
	background:#8990fc;
}
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,微軟正黑體;
	overflow: hidden;
}
.header {
    width: 100%;    
	background: url(images/header-w1.png) center 0 no-repeat;
	background-color: #e5007f;
}
.top_content {
    width: 925px;
	margin:0 auto;
	position:relative;	
	height: 450px;	
}
.top_content .mobile {
	display: none;
}
.top_content .main-title {display: block;position: absolute;/*background: url(images/header-w1.png) 0 0 no-repeat;*/}
.top_content .main-logo {display: block;position: absolute;right:20px;top: 390px; width: 322px;height: 45px;background: url(images/logo.png) 0 0 no-repeat;}
.top_content .banner{display: block;width: 560px;padding-top: 45px;margin-left: 30px;}
.bannerbox{
	width: 98%;
	margin: 0 auto;
}
h1,h2,h3 { display: none;}

/***按鈕列***/
#nav {
	width: 100%;
	height:55px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(images/nav_bg.jpg) center repeat-x;
    z-index: 999;
}
#menu {
	width: 598px;
	height:55px;
	margin:0 auto; 
	overflow:hidden;	
}
#menu li { display: block; float: left;}
#menu li a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
	text-indent:-9999px;
}
#menu li a.nav01 {
	width: 115px;
    height: 55px;	
	background: url(images/nav.png) 0 0 no-repeat;
}
#menu li a:hover.nav01,#menu li.on a.nav01{background: url(images/nav.png) 0 -55px no-repeat;}

#menu li a.nav02 {
	width: 115px;
    height: 55px;		
	background: url(images/nav.png) -115px 0 no-repeat;
}
#menu li a:hover.nav02,#menu li.on a.nav02{background: url(images/nav.png) -115px -55px no-repeat;}

#menu li a.nav03 {
	width: 135px;
    height: 55px;		
	background: url(images/nav.png) -230px 0 no-repeat;
}
#menu li a:hover.nav03,#menu li.on a.nav03{background: url(images/nav.png) -230px -55px no-repeat;}

#menu li a.nav04 {
	width: 115px;
    height: 55px;		
	background: url(images/nav.png) -365px 0 no-repeat;
}
#menu li a:hover.nav04,#menu li.on a.nav04{background: url(images/nav.png) -365px -55px no-repeat;}

#menu li a.nav05 {
	width: 115px;
    height: 55px;		
	background: url(images/nav.png) -480px 0 no-repeat;
}
#menu li a:hover.nav05,#menu li.on a.nav05{background: url(images/nav.png) -480px -55px no-repeat;}


#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;
}
.main h4{
	display:block;
	width:248px;
	height:102px;
	margin:0 auto;	
	text-indent:-9999px;
}
#area01 h4{ background: url(images/title.png) 0 0  no-repeat; text-indent: -3000px;}
#area02 h4{ background: url(images/title.png) 0 -102px  no-repeat;}
#area03 h4{ background: url(images/title.png) 0 -204px  no-repeat;}
#area04 h4{ background: url(images/title.png) 0 -306px  no-repeat;}
#area05 h4{ background: url(images/title.png) 0 -408px  no-repeat;}


.main h5{
	display:block;
	width:500px;
	height:36px;
	margin:0 auto;
	margin-top: 10px;
	font:20px "微軟正黑體";
	line-height: 36px;
	text-align: center;
	color: #fff100;
	background: url(images/h5_bg.png) 0 0  no-repeat;
}



/***tour行程推薦***/
.box-tour{ background: url(images/tour_bg.jpg)repeat;}
.wrap-tour {
    width: 900px;	
	padding-top: 80px;
	padding-bottom: 70px;
    margin: 0 auto;
    overflow: hidden;
}
.product_box {
	width: 80%;
	margin: auto;
	margin-top: 30px;
	background:#ffffff;
	border-radius: 10px;
	overflow: hidden;
}
.product_box:hover {
	-webkit-transform: translateY(3%);
    -moz-transform: translateY(3%);
    -ms-transform: translateY(3%);
    transform: translateY(3%);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.product_infor {
	width: 100%;
	background:#ffffff;
	display: table;
	color:#333333;
}
.product_text {
	width: 600px;
	font:18px "微軟正黑體";
	padding: 10px 0px 10px 20px;
	line-height: 30px;
}
.product_text span {
	font-size: 14px;
	margin-left: 10px;
	color: #373eb9;
}
.product_date {
	width: 700px;
	font-size: 14px;
	color: #373eb9;
	line-height: 21px;
	padding:0 0px 10px 20px;
}
.product_date span {
	font-size: 14px;
	margin-left: 10px;
	color: #22ac38;
}
.product_price {		
	color:#d6001c;
	padding: 15px 10px 10px 0px;
	font-size: 18px;
}



/***介紹***/
.box-park{ background: url(images/wrap-main_bg.png) #8fc31f top repeat-x;}
.box-garden{ background: url(images/wrap-main_bg.png) #2fb0e5 top repeat-x;}
.box-Hotel{ background: url(images/wrap-main_bg.png) #febd16 top repeat-x;}
.box-water{ background: url(images/wrap-main_bg.png) #2fb0e5 top repeat-x;}
.box-food{ background: url(images/wrap-main_bg.png) #ef3e5c top repeat-x;}
.box-yg{ background: url(images/wrap-main_bg.png)#62c6bb top repeat-x;}
.wrap-main {
    width: 960px;	
	padding-top: 80px;
	padding-bottom: 60px;
    margin: 0 auto;
    overflow: hidden;
}
.wrap-main img.mobile{ display:none;}
.wrap-main .list_pic {
    width: 630px;    
	margin-top: 20px;
	margin-left: 10px;
	padding-left: 10px;
	padding-bottom: 35px;
	position: relative;
	background: url(images/list_pic_bg.png) no-repeat;
}
#pic{width: 600px;}
.wrap-main .list_txt {width: 310px;margin: 60px 0px 0px 0px;}
.list_txt div{font:14px "微軟正黑體";color:#313131;background-color: #fff;padding: 10px 20px;line-height: 24px;}
.list_txt em{font-size: 18px;color:#b48610;}
.list_txt strong{font-size: 14px;color:#87650f;}
.box-park em{font-size: 18px;color:#567c03;}
.s_pic{width: 280px;}
.theme{
	display: block;
	position: absolute;
    right: 590px;
	margin-top: -10px;
    background: url(images/theme_1.png) center 0 no-repeat;
    width: 60px;
    height: 64px;	
}





: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%; }
	.left,.right{ float:none;}
	.top_content {width: 100%;}	
	.wrap-tour,.wrap-main {width: 100%;}	
	.wrap-main .list_pic {width: 100%;margin: auto;padding: 30px 50px 0;background: inherit;}	
    #pic{width: 100%;}
    .wrap-main .list_txt {width: 100%;margin: auto;padding: 0 50px;}
	.s_pic{width: 280px;float: right;}
	.theme{display: none;}
	.product_price {padding: 0px 0px 10px 20px;}


}

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

@media screen and (max-width: 768px) {
    * { box-sizing: border-box; }
    html,body { width: 100%; min-height: 100%; }
	.left,.right{ float:none;}
    .header {width: 100%;height: auto;position:inherit;background: inherit;}
    .top_content {  width: 100%;  height: auto; background: inherit; padding: 0}
    .top_content .mobile {display: block;width: 100%;height: auto;position: inherit;margin: 0 auto;}	
	.top_content .main-title{display: none;}
	.top_content .main-logo{display: none;}
    .top_content .banner{display: none;}
    /***按鈕列***/
    #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;}
	.main h5{width:90%;height:100%;padding: 0 10px;	background: #3e46d4;}
	.wrap { width: 100%;}	
	.box-tour{ margin-bottom:0px; padding-top:0px; margin-top:0px;background: inherit; }
	.wrap-tour {width: 100%;height: 100%; margin-bottom: 30px;padding-top: 0px;padding-bottom: 0px;}
	.wrap-main {width: 100%;padding-top: 20px;padding-bottom: 0px;}
    .product_text span {clear: both;display: inline-block;}	
	.product_box {
		width:90%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: auto;
		float: none;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.wrap-main .list_pic {width: 100%;margin: auto;padding: 20px 30px 0;background: inherit;}
    #pic{width: 100%;}
    .wrap-main .list_txt {width: 100%;margin: auto;padding: 0 30px 30px;}
	.s_pic{float: right;}
	.theme{display: none;}
	.product_text {	width:100%;}
    .product_date {width:100%;}
	.product_price {padding: 0px 0px 10px 20px;}
	
	
	
	
	
	
	
	

	
	

	

}


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

@media (max-width: 480px) {
    * { box-sizing: border-box; }
    html, body {width: 100%; min-height: 100%; }
	.left,.right{ float:none;}	
	.product_box {
		width:90%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: auto;
		float: none;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.wrap-main .list_pic {padding: 20px 20px 0;}
    .wrap-main .list_txt {;padding: 0 20px 20px;}
	.s_pic{float: none;}