@media (max-width: 768px) { body { position: relative; padding-top: 54px; } .wap_inner_header { width: 100%; height: auto; position: absolute; overflow: hidden; top: 0; z-index: 333; } .wap_inner_header.on { height: 100%; position: fixed; } .wap_inner_header div.menu { height: 100%; width: 100%; display: none; } .wap_inner_header div.menu.on { display: block; } .wap_inner_header div.menu ul li { width: 100%; } .wap_inner_header div.circle.expand { height: 1700px; background: rgba(0, 0, 0, 0.8); } .wap_inner_header div.navbar { margin-bottom: 0; } .wap_inner_header div.menu ul { padding-top: 66px; } .wap_inner_header div.menu ul li { position: static; margin: 10px 0; } .wap_inner_header div.menu ul li a { color: #ffffff; } .wap_inner_header div.burger { right: 17px; left: inherit; height: 26px; top: 11px; width: 27px; position: absolute; } .wap_inner_header div.navbar { background: white; height: 54px; } div.x, div.y, div.z { background: #b18c4b; height: 3px; width: 26px; margin: inherit; } div.x { top: 1px; } div.y { top: 12px; } div.z { top: 23px; } div.collapse { top: 13px; } .wap_inner_header div.burger.open .x, .wap_inner_header div.burger.open .z { background: white; } .wap_inner_header .logo { margin-top: 0; padding-left: 0px; line-height: 2; display: flex; align-items: center; } .wap_inner_header .logo > div { margin-top: 9px; line-height: 19px; margin-left: 10px; } .wap_inner_header .logo .cpn { font-weight: bold; font-size: 14px; clear: both; /* letter-spacing: 3px;*/ text-align: left; } .wap_inner_header .logo .en { font-size: 12px; text-transform: uppercase; color: black; } .wap_inner_header .logo img { margin-top: 13px; margin-right: 0px; margin-left: 9px; display: block; width: 269px; } .wap_inner_header div.menu .lv2 { display: none; background: #494949; } .wap_inner_header div.menu .lv2 ul { padding-top: 0; } .mt { margin-top: 60px; } } /*# sourceMappingURL=wap_inner_header.css.map */