@charset "utf-8";

/*common responsive*/
@media (max-width: 1199px) {
* { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
.wrapper { width: auto; }
}

/*ipad*/
@media (max-width: 991px) {
.header_nav a{ padding-left:15px; font-size:16px;}
}
 @media (min-width: 768px) and (max-width: 991px) {
}

/* xs mobile*/
@media (max-width: 767px) {
.head-part .top_menu{ display:none;}
.header_nav a{ text-align:center; padding-left:0; font-size:14px;}
.header_nav a i{ display:none;margin-right:0;}
.header_ss{position:static;}
.header_ss span{width:59px; height:59px; position:absolute; top:36px; right:12px; background:url(../images/mobile_header_ss.png) no-repeat; cursor:pointer;}
.header_ss span.close{ background-image:url(../images/mobile_header_ss_close.png);}
.header_ss .ss{position:absolute; left:0; top:131px; z-index:20; width:100%; padding:37px 20px 0; height:124px; display:none; text-align:center;background:rgba(0,0,0,0.7);}
.header_ss form{ margin:auto; background:#fff;width:450px; border-radius:5px;}
.header_ss .inputTxt{float:none;width:380px;font-size:16px; height:38px; line-height:38px;}
.header_ss .inputBtn{float:none; margin-top:0;}
.footer { padding:20px 10px; }
.footer .mark { position:static;}
}
@media only screen and (max-width: 479px) {
.head-part .logo { margin-left: 8px; margin-top: 48px; }
.head-part .logo img{width:70%;}
.header_ss form{ width:270px; }
.header_ss .inputTxt{width:200px;}
}