error code: 1015 o;
transform: translate(-100%, 0);
transition: all 0.3s;
position: relative;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
max-width: 450px;
z-index: 10;
}
.mobile_menu .mobile_menu_top {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
padding: 0 15px;
height: 50px;
border-bottom: 1px solid #ddd;
}
.mobile_menu .mobile_nav {
/* padding: 15px 0; */
}
.mobile_menu .mobile_nav li a {
/* line-height: 3; */
padding: 0 18px;
height: 64px;
display: flex;
align-items: center;
box-sizing: border-box;
}
.mobile_menu .mobile_nav li > .avtive {
background-color: #e3e3e3;
}
.mobile_menu .mobile_nav li .child_mobile_nav {
display: none;
}
.mobile_menu .mobile_currency {
padding: 0 15px;
margin-bottom: 12px;
}
.mobile_menu .mobile_currency .mobile_currency_text_wrap {
position: relative;
}
.mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_text svg {
transition: all .2s ease;
}
.mobile_menu .mobile_currency .mobile_currency_text_wrap.open .mobile_currency_text svg{
transform: rotate(180deg);
}
.mobile_menu .mobile_currency .mobile_currency_text_wrap.open .mobile_currency_list {
display: block;
}
.mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_list {
position: absolute;
width: 100%;
padding: 6px;
border: 1px solid var(--menu-color);
border-radius: 2px;
box-sizing: border-box;
max-height: 150px;
overflow-y: auto;
background-color: var(--nav-bg);
color: var(--menu-color);
display: none;
}
.mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_list[position=bottom] {
top: calc(100% + 6px);
}
.mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_list[position=top] {
bottom: calc(100% + 6px);
}
.mobile_menu .mobile_currency .mobile_currency_text_wrap .mobile_currency_list .mobile_web-currency {
display: flex;
align-items: center;
gap: 6px;
padding: 4px 0;
}
.mobile_menu .mobile_currency .mobile_currency_text {
height: 40px;
width: 100%;
border: 1px solid var(--menu-color);
border-radius: 2px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 6px;
box-sizing: border-box;
}
.mobile_menu_on {
opacity: 1;
visibility: visible;
}
.mobile_menu_on .mobile_menu_wrapper {
transform: none;
}
@media (max-width: 1200px) {
#header_box .pop_search_wapper {
padding-left: 3.5rem;
padding-right: 3.5rem;
box-sizing: border-box;
}
}
@media (max-width: 768px) {
#header_box .pop_search_wapper {
padding-left: 2rem;
padding-right: 2rem;
box-sizing: border-box;
}
/* #header_box .pop_search form{
width: calc(100% - 50px);
} */
#header_box .mobile_menu_icon {
display: flex;
}
#header_box .header_wapper {
flex-wrap: nowrap;
}
#header_box .nav {
display: none;
}
#header_box .header_icon > .saerch_icon, #header_box .header_icon > .account_icon {
display: none;
}
/* #header_box .header_icon .saerch_icon{
display: none;
} */
#header_box .header_icon a svg {
width: 26px;
height: 26px;
}
#header_box .mobile_menu_icon svg {
width: 26px;
height: 26px;
}
#header_box .pop_search_on .pop_search_wapper {
height: 125px;
padding: 0 15px;
}
#header_box .currency_box {
display: none;
}
#header_box .header_icon > a {
margin-left: 0;
}
#header_box .header_icon {
flex: none;
}
}
@media (max-width: 767px) {
.container_wapper {
padding-left: 1rem;
padding-right: 1rem;
box-sizing: border-box;
}
#footer_box .footer_link {
flex-wrap: wrap;
}
#footer_box .footer_link dl {
width: 100%;
margin-bottom: 30px;
text-align: center;
}
#header_box .header_icon > a {
margin-left: 0;
}
}
#header_box .nav .nav-li .nav-li-a{
position: relative;
}
#header_box .nav .nav-li{
position: static;
}
#header_box .nav .nav-li:hover .nav-li-a::after {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 3px;
background-color: var(--menu-color);
content: "";
}
#header_box .nav .nav-li:hover .nav-child {
display: block;
}
@media (max-width: 767px) {
#header_box .saerch_icon,
#header_box .account_icon {
display: none;
}
.mobile_menu-clear {
left: calc(70% + 30px) !important;
z-index: 10;
}
}
.nav-box {
position: relative;
}
.nav-child {
/* display: flex; */
display: none;
position: absolute;
left: 0;
padding: 80px 0;
background-color: var(--nav-bg);
/* justify-content: center; */
/* visibility: hidden; */
min-width: 100vw;
z-index: 1000;
}
.nav-child ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
row-gap: 50px;
}
.nav-child li {
margin: 0 20px;
}
.nav-child dt {
font-size: 14px;
line-height: 18px;
color: var(--menu-color);
margin-bottom: 30px;
}
.nav-child dd a {
font-size: 14px;
line-height: 18px;
color: var(--menu-color);
font-weight: 300;
opacity: 0.6;
}
.nav-child dd + dd {
margin-top: 30px;
}
.mobile_nav-item {
display: flex;
align-items: center;
justify-content: space-between;
}
.mobile_nav-item svg {
cursor: pointer;
padding: 12px 18px;
transition: transform .25s;
}
.mobile_nav-item-open svg {
transform: rotate(180deg);
}
.search-mobile-box {
padding: 12px;
display: flex;
align-items: center;
}
.search-mobile-icon {
margin-right: 13px;
}
.search-mobile-input {
flex: 1;
height: 46px;
font-size: 14px;
line-height: 36px;
}
.button-claer {
background-color: transparent;
padding: 0;
}
.mobile_menu-clear {
position: absolute;
top: 28px;
left: 500px;
}
.logo-pc-img{
max-width:400px
}
.logo-wap-img{
max-width:200px;
display:none;
}
@media (max-width: 767px) {
.logo-pc-img{
display:none;
}
.logo-wap-img{
display:block;
}
}
.headerNavItemA .headerNavItemImg {
display: inline-flex !important;
}
.default-header-menu {
align-items: center;
}
.mobile_nav .headerNavItemImg {
display: inline-flex !important;
}
.default-header-menu .more-menu {
height: 100%;
}
/* */
@media screen and (max-width: 768px) {
#app_googletranslate-wrap-static {
padding: 20px 18px 20px 9px !important;
}
}
