@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Nunito Sans, sans-serif;}
html, body { width: 100%; background: #f1f1f1;}
img { border: none; display: block; }
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main { width: 1200px; height: 100%; margin: 0 auto; }
.symain { max-width: 2000px; margin: auto; padding-left: 6px; padding-right: 6px;}
.f_12{ font-size:12px;}
@media screen and (min-width:760px) {
.f_13{ font-size:13px;}
.f_14{ font-size:14px;}
.f_15{ font-size:15px;}
.f_16{ font-size:16px;}
.f_17{ font-size:17px;}
.f_18{ font-size:18px;}
.f_26{ font-size:26px;}
.f_29{ font-size:29px;}
.f_32{ font-size:32px;}
}
@media screen and (max-width:760px) {
.f_13{ font-size:12px;}
.f_14{ font-size:12px;}
.f_15{ font-size:13px;}
.f_16{ font-size:14px;}
.f_17{ font-size:15px;}
.f_18{ font-size:16px;}
.f_26{ font-size:21px;}
.f_29{ font-size:24px;}
.f_32{ font-size:27px;}
}
.top{ margin-top: 6px; margin-bottom: 6px; border-radius: 24px; background:#3c4043; display:flex; padding:10px 23px; height:41px; position:relative; text-align:center;}
.top span{ line-height:21px; color:#fff; text-decoration:underline;}
@media screen and (min-width:760px) {
.top a img{ height:15px; margin:3px 12px;}
.top span{ position:absolute; left:50%; transform: translateX(-50%); top:10px;}
}
@media screen and (max-width:760px) {
.top a{ display:none;}
.top span{ width:100%;}
}


.footer{ border-radius:26px; background:#141414; padding:30px; color:#fff; margin-top:5px;}

.footer h3{ line-height:45px;}
.footer a{ color:#ddd; display:inherit; line-height:35px;}
.footer a:hover{ color:#aaa;}
.footer .copyright{ margin-top:3%;}
.footer img{ float:right; max-width:100%;}