@charset "utf-8";

/* CSS Document */
/**************** CSS3 Transitions ********************/



img,
span,
input,
div { transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; }

figure,
figcaption { transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; }

.slider * { transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; -o-transition: all 0s ease-in-out 0s; -ms-transition: all 0s ease-in-out 0s; }

img{max-width:100%;}




/************* Responsive **************/

@media (max-width: 400px) {
.arrowlist li{float:left; display:block; width:100%}
.txt-en, .txt-cr{width:250px}

}
@media (max-width: 480px) {
	

.container { width: auto !important; margin: 0 15px; }
.w33{width:100%; margin-bottom:20px;}
.qlimg img{width:100%;}

}
@media (min-width: 570px) {
}
@media (max-width: 767px) {
.container { width: auto !important; margin: 0 15px; }
.logo{float:none; width:100%; text-align:center; margin:0 0 10px 0}
.top-menu{height:auto; width:98%;  top:0; left:10px; /* position:absolute; */z-index:9999; text-align:center;}
.tab-strip{position:relative; bottom:0; top:50px;}
.tab-1, .tab-2, .tab-3{width:100%;  margin:0 0 50px 0; border:1px solid #ddd;}
.top-strip, slider{position:static;}
.top-strip{padding:10px 0;}
.ft-strip{text-align:center; position:relative;}
.ft-strip .floatL{float:none;}
.social{width:100%; text-align:center;}

/*about page*/
.ft-strip1{position:static; text-align:center; float:left;}
.ct-page{float:none;/* margin:100px 0 30px 0*/}


.ct-left, .ct-right{width:100%;}
.ct-left{margin-bottom:20px;}


}
 @media (max-width: 979px) {
}
 @media (Max-width: 1024px) {
}
 @media (max-width: 1199px) {
}
 @media (min-width: 1200px) {
}
 @media (min-width: 481px) and (max-width: 767px) {
.container { width: auto !important; margin: 0 15px; }	 



}
 @media (min-width: 768px) and (max-width: 979px) {

.container { width: 724px !important; }
.logo{float:none; width:100%; text-align:center; margin:0 0 10px 0}
.top-menu{height:auto; float:left; position:absolute; top:27px; left:0; right:0; position:fixed; z-index:9999}



}
@media (min-width: 980px) and (max-width: 1199px) {

.container { width: 924px !important; margin:0 auto; }
.logo{width:100%; text-align:center; margin-bottom:20px;}
}
 @media (min-width: 1200px) and (max-width: 1290px) {
}
 @media (min-width: 1200px) and (max-width: 1600px) {
}
@media (min-width: 1600px) {
}
@media \0screen\,screen\9 {
}