html,body { font-size:10px; }
@media screen and (min-width:500px) and (max-width:767px) { html,body { font-size:16px; } }
@media screen and (min-width:768px) and (max-width:1023px) { html,body { font-size:20px; } }
@media screen and (min-width:1024px) and (max-width:1279px) { html,body { font-size:24px; } }
@media screen and (min-width:1280px) and (max-width:1366px) { html,body { font-size:28px; } }
@media screen and (min-width:1367px) { html,body { font-size:32px; } }

.mob{ display: block !important; }
.pc{ display: none !important; }
.body { padding: 0 1rem; min-width: auto; }


header .logo { width: 28%; margin-right: 22%; }

header .nav{ width:50%; margin-right: 0%; }

header .nav a {
    padding: 0 1rem;
    white-space: nowrap;
}

footer .footer-info {
    flex-flow: row wrap;
	width: 80%;
    margin:3.5rem auto;
}

footer .footer-info .left-box img { position: relative; width: 100%; }
footer .footer-info .left-box{ margin-bottom: 2rem; }
footer .copyright { width:80%; flex-flow:column nowrap;  }
footer .copyright a { margin:1rem 0; }

.header-hide{ transform:translateY(-6rem); -webkit-transform:translateY(-6rem); -moz-transform:translateY(-6rem); transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; }

.logo-tit { font-size: 1.875rem; }

#bannerStage div.stage .body .pic .pic-img{  padding-bottom: 64%; }
#bannerStage div.stage .body .pic .pic-img:after{ height:-moz-calc(100% - 1rem); height:-webkit-calc(100% - 1rem); height: calc(100% - 1rem); }

#bannerStage div.stage .body .desc{ position: relative; width: 48%; padding-top: 2.5rem; z-index: 20; }
#bannerStage div.stage .body .desc h1{ position: relative; font-size: 2.4rem; color:#FFFFFF; line-height: 2.4rem; margin-bottom: 3rem; }
#bannerStage div.stage .body .desc h1:after{ bottom: -1.5rem; }
#bannerStage div.stage .body .desc h2{ position: relative; font-size: 1.25rem; color:#FFFFFF; line-height: 1.25rem; margin-bottom: 0.75rem;  }
#bannerStage div.stage .body .desc p{ position: relative; font-size: 1rem; color:#8e8b8e; line-height: 1rem; }

#bannerStage #goLeft{ display: none; }
#bannerStage #goRight{ display: none; }

main .bor01{ -border-top: #191919 solid 2rem; }

main .item-box{ padding: 6rem 0; }
.dlz{ margin-left: 6rem; }

.dlz li{ font-size: 1.25rem; margin-bottom: 3rem; }
.dlz li.active{ color: #02b0ef; font-size: 1.875rem; }

.item ul li{ position: relative;padding-left: 4rem; font-size: 1rem; line-height: 1rem; color: #FFFFFF; margin-bottom: 2rem; }