.subMenu{width: 100%; max-width:1400px; margin:0 auto; margin-bottom:20px;}
.subMenu .inner li{width:13.3%;height: 120px; line-height:50px; text-align:center; float:left; font-size:1.2em;}
.subMenu .inner li:nth-child(6){border-right:0; background-image:none; }


.subNavBtn{
	display: block;
	text-align: center; 
color: #7f7f7f; 
position:relative; 
font-size:1.5em;
}
.subNavBtn:hover{
	background-color:#d20059; 
transition: all 0.4s; 
color:#000;
}



.styles{ display:table;}
.styles > div{margin:20px 0 30px; width:100%; display:table-row;}
.styles img{width:100% !important;}
.styles .col{display:table-cell; vertical-align:top; padding:0px 15px;}
.styles .col1{width:100%;}
.style1 .col2:first-child{width:55%;}
.style1 .col2:last-child{width:40%;}
.style1 .col3{overflow:hidden;}
.style1 .col3:nth-child(1){width:25%;}
.style1 .col3:nth-child(2){width:30%;}
.style1 .col3:nth-child(3){width:45%;}

.style2 .col2{width:50%; position:relative;}
.style2 .col2:first-child .img_down{position:absolute; bottom:0; left:15px; width:100%; padding-right:30px;}
.style2 .col2:first-child{ padding-right:30px;}
.style2 .col3{overflow:hidden; width:33.33%;}

.style3 .col2{width:50%; float:left;}

/*-----order----*/
.white{color:#fff;}
.order_step{padding:20px 0;}
.order_table{width:100%; margin-bottom:50px; border:1px solid #d7d7d7;}
.order_head{ font-size:1.1em; letter-spacing:2px; padding:15px 20px; background-color:#0087be;
  background: -webkit-linear-gradient(left, #0087be, #2dacdf); 
  background: -o-linear-gradient(right, #0087be, #2dacdf); 
  background: -moz-linear-gradient(right, #0087be, #2dacdf); 
  background: linear-gradient(right, #0087be, #2dacdf);
  }	


.style2 .col2:first-child .img_down{position:static; width:100%; padding-right:0px; margin-top:20px;}
}

@media only screen 
and (max-width : 990px) {
.tourpage{padding:20px 0;}
.group_text_en{font-size:2.5em; line-height:50px; }
.group_text_zh{font-size:1.6em; margin-top:15px; padding:5px 100px;}
.product .product_texts{ height:180px; overflow:hidden; overflow-y:auto; font-size:0.85em;}
.product .product_img img{
-webkit-filter: contrast(1) blur(0px);
   -moz-filter: contrast(1) blur(0px);
     -o-filter: contrast(1) blur(0px);
    -ms-filter: contrast(1) blur(0px);
      	filter: contrast(1) blur(0px);
}
.search_bg{background:none #f9f9f9; overflow:hidden; padding:0 10px;}
.search_bg .searchArea{display:none;}


.tour_section{padding:30px;}
.subMenu .inner li{width:14%; font-size:1.1em; height:auto; line-height:normal;}
.subMenu .inner li:last-child{width:16%; font-size:1.1em;}
.subMenu .inner li a{padding:8px;}
.subMenu .inner li:nth-child(6){border-right:0; background-image:none; }


}

@media only screen 
and (max-width : 768px) {
.group_text_zh{font-size:1.5em; margin-top:15px; padding:5px 70px;}



.style1 .col2{display:block;}
.style1 .col2:first-child{width:100%;}
.style1 .col2:last-child{width:100%;}

.style2 .col2:last-child{width:100%; display:block; margin-top:20px;}

.order_row .order_cell .order_title{ min-width:90px; max-width:90px;}

.agreement{height:300px; font-size:0.8em; padding:10px;}
.order_finish .order_finish_box{width:80%; font-size:1.1em;}

}

@media only screen 
and (max-width : 480px) {
.group_text_en{ font-size:1.3em; line-height:25px; margin-top:-30px;}
.group_text_zh{font-size:1.3em; padding:0; margin-top:5px;}


.subMenu{margin:0;}
.subMenu .inner li{width:33.33%; height: auto; line-height:20px; background-image:none;}
.subMenu .inner li:last-child{width:100%; font-size:1em; line-height:20px;}
.subMenu .inner li{ font-size:1em;}

.news .newslist .newsimg p {opacity: 0; color:#fff; font-size:1.5em; text-shadow:0 0 2px #666; font-weight:bold;
	position: absolute;	top: 0;	left: 0; right:0; bottom:0; z-index:5;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,40%,0);
	transform: translate3d(-40px,40%,0);
	pointer-events: none;
}
.news .newslist:hover .newsimg p { opacity: 1;
	-webkit-transform: translate3d(30%,40%,0);
	transform: translate3d(30%,40%,0);
}



.graphic--kozakura {
	position: absolute;
	top: 0;
	left: 0;
	fill: rgba(255, 255, 255, 0.6);
	pointer-events: none;
	top: 1em;
	bottom: 0px;
	height: 4.5em;
	z-index: -1;
	-webkit-transition: -webkit-transform 0.7s, fill 0.7s;
	transition: transform 0.7s, fill 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 0.25, 0.5, 1);
} 
.graphic--kozakura.fortext{height:205px; top:0em;}

.input__field--kozakura:focus,
.input--filled .input__field--kozakura {
	-webkit-transition: opacity 0s 0.35s;
	transition: opacity 0s 0.35s;
	opacity: 1;
}

.input__field--kozakura:focus + .input__label--kozakura,
.input--filled .input__label--kozakura {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.input__field--kozakura:focus + .input__label--kozakura .input__label-content--kozakura,
.input--filled .input__label-content--kozakura {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
}

.input__field--kozakura:focus ~ .graphic--kozakura,
.input--filled .graphic--kozakura {
	fill: #fff; 
	-webkit-transform: translate3d(-66.6%, 0, 0);
	transform: translate3d(-66.6%, 0, 0);
}