/*--------------------------------------
    eyoom (이윰빌더)
--------------------------------------*/

/*---------- Preloader ----------*/
.loader-wrap {position:fixed;overflow:hidden;top:0;bottom:0;left:0;right:0;z-index:1001}
.no-js .loader-wrap {display:none}
.loader {display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#006be2;-webkit-animation:loader-spin 1.7s linear infinite;animation:loader-spin 1.7s linear infinite;z-index:11}
.loader:before {content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e52700;-webkit-animation:loader-spin-reverse .6s linear infinite;animation:loader-spin-reverse .6s linear infinite}
.loader:after {content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#ec8b00;-webkit-animation:loader-spin 1s linear infinite;animation:loader-spin 1s linear infinite}
.loader-wrap .loader-section-left {position:fixed;top:0;left:0;width:51%;height:100%;background:#e5e5e5;z-index:10}
.loader-wrap .loader-section-right {position:fixed;top:0;right:0;width:51%;height:100%;background:#e5e5e5;z-index:10}
.sidebar-right-wrap {display: none!important;}
@-webkit-keyframes loader-spin {
    0% {-webkit-transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg)}
}
@keyframes loader-spin{
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes loader-spin-reverse{
    0% {-webkit-transform:rotate(0)}
    100% {-webkit-transform:rotate(-360deg)}
}
@keyframes loader-spin-reverse{
    0% {-webkit-transform:rotate(0);transform:rotate(0)}
    100% {-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}
}
.loaded .loader-wrap .loader-section-left {transform:translateX(-100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded .loader-wrap .loader-section-right {transform:translateX(100%);transition:all .7s .3s cubic-bezier(.645,.045,.355,1)}
.loaded .loader {opacity:0;transition:all .3s ease-out}
.loaded .loader-wrap {visibility:hidden;transform:translateY(-100%);transition:all .3s 1s ease-out}

/*---------- Wrapper ----------*/
.wrapper {position:relative;overflow:hidden}

/*---------- Header & Navbar ----------*/
#hd {position:relative;border-bottom:1px solid #d9dde3;background:#fff}
#hd:after {display:block;visibility:hidden;clear:both;content:""}
#hd-h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.to-content a {z-index:1000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
/* header wrap */
.header-wrap {position:relative;background-color:#fff;transition:all .3s ease 0s;z-index:1002}
.page-header-wrap {border-bottom:0}
/* top header */
.top-header {border-bottom:1px solid rgba(0,0,0,0.1)}
.top-header-nav:after {content:"";display:block;clear:both}
.top-header-nav li {float:left;display:block;padding:0;color:#151515;margin-right:15px;vertical-align:middle}
.top-header-nav li > a {display:block;color:#151515;height:55px;line-height:55px;padding:0}
.top-header-nav li > a i {margin-right:5px;color:#959595}
.top-header-nav .cs-nav {margin:0}
.top-header-nav .cs-nav.s-nav {margin-right:15px}
.top-header-nav .cs-nav a {position:relative;;display:block;width:90px}
.top-header-nav .cs-nav a.disabled {pointer-events:none}
.top-header-nav .cs-nav a span {display:block;position:absolute;width:90px;height:55px;text-align:center;border-left:1px solid rgba(0,0,0,0.1)}
.top-header-nav .cs-nav.s-nav a span {border-right:1px solid rgba(0,0,0,0.1)}
.top-header-nav .cs-nav .activate {color:#151515;font-weight:700;background-color:#fff;height:56px}
.top-header-nav .cs-nav .deactivate {color:#a5a5a5;background-color:#f8f8f8}
.top-header-nav .cs-nav .deactivate:hover {color:#30409e}
.top-header-nav li .eyoom-form {margin-top:16px}
.top-header-nav li.dropdown > a {cursor:pointer}
.top-header-nav li.dropdown .dropdown-menu {background-color:#fff;padding:5px 0;border:1px solid rgba(0,0,0,0.7);box-shadow:none;border-radius:0;margin:0;left:inherit;right:0}
.top-header-nav li.dropdown .dropdown-menu a {display:block;padding:5px 10px;color:#151515}
.top-header-nav li.dropdown .dropdown-menu a:hover {background-color:transparent;color:#cc2300}
.top-header-nav li.dropdown:hover > .dropdown-menu {display:block}
.top-header-nav.thn-end {float:right}
.top-header-nav.thn-end li.dropdown .dropdown-menu {left:inherit;right:0}
@media (max-width:991px) {
    .top-header-mobile-btn {display:block;position:absolute;top:12px;left:10px}
}
@media (max-width:576px) {
    .top-header-nav li {margin-right:5px}
}
/* header title */
.header-title {position:relative;text-align:center;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.header-title .top_area {flex: 1; gap: 100px;}
.header-title .top_area .logo {width: 226px; text-align: left;}
.header-title .title-logo img {width:auto;height:50px}
.header-title-mobile-btn {display:none}
.header-title .h_util {gap: 20px;}
.header-title .h_util a {width: 56px; color: #888; font-size: 0.8rem; padding-top: 40px;}
.header-title .h_util a.h_my {background: url("/shop/img/ic_user.png")no-repeat 50% 0;}
.header-title .h_util a.h_cart {background: url("/shop/img/ic_cart.png")no-repeat 50% 0;}
@media (max-width:991px) {
    .header-title-mobile-btn {display:block;position:absolute;top:5px;right:10px}
}
/*---------- Search Full ----------*/
.search-full {flex: 1; max-width: 498px;}
.search-field h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.search-field form {position:relative;width:100%;margin:0 auto}
.search-field #search_input {font-size:1.25rem;padding:8px 30px 8px 10px;-webkit-appearance:none;display:block;background:transparent;width:100%;border:2px solid var(--key-color);margin:0 auto; box-sizing: border-box;}
.search-field .search-btn {position:absolute;top:2px;right:0;width:45px;height:45px;border:0;cursor:pointer;color:#0078ff;background:url("/shop/img/ic_search.svg")no-repeat 50% 50% / 24px;font-size:1.25rem}
.search-full .search-close-btn {position:absolute;top:20px;right:20px;width:50px;height:50px;cursor:pointer;z-index:1}
.search-close-btn:after {content:"";height:50px;border-left:2px solid #fff;position:absolute;transform:rotate(45deg);left:24px}
.search-close-btn:before {content:"";height:50px;border-left:2px solid #fff;position:absolute;transform:rotate(-45deg);left:24px}
.gtranslate_wrapper a.glink img {height: 24px; border: 1px solid #e5e5e5; margin: 0 0 0 5px; box-sizing: border-box;}
@media (max-width:1199px) {
	.header-title .top_area {gap: 40px;}
	.header-title .top_area .logo {width: 180px;}
}
@media (max-width:991px) {
	.header-title .top_area {gap: 10px 30px;}
	.header-title .top_area .logo {width: 155px;}
	.header-title .title-logo img {width: 100%; height: auto;}
	.header-title .gtranslate_wrapper {display: none;}
	.header-title .h_util {position: absolute; top: 5px; right: 10px; gap: 5px;}
	.header-title .h_util a {font-size: 0; width: 30px; background-size: 24px!important; padding-top: 25px;}
	.search-full {flex: none;max-width: 100%;width: 100%;}
	.search-field #search_input {font-size: 0.9rem;}
	.search-field .search-btn {width: 40px; height: 40px; background-size: 20px;}
}

/* navbar */
.nav-wrap {border-bottom: 1px solid #e5e5e5;}
.nav-wrap .box {position: relative;}
.nav-wrap .box > ul {height: 56px; gap: 30px; padding-left: 250px; box-sizing: border-box;}
.nav-wrap .box > ul > ul {position: absolute; top: 16px; right: 0; gap: 10px;}
.nav-wrap .box > ul > ul > li > a {color: #999; font-size: 0.8rem;}
.navbar {padding:0}
.navbar-nav li {position: relative;list-style:none}
.navbar-nav a,.navbar-toggler {color:#151515}
.navbar-nav>li>.nav-link {font-weight:400;font-size:1.0625rem;padding:23px 10px !important}
.navbar-nav>li>.nav-link.active {color:#3949ab}
.navbar-nav>li>.nav-link:hover {color:#3949ab}
.navbar-nav .search-menu {position:absolute;top:0;right:0}
.navbar-nav>.nav-empty {font-size:.8125rem;padding:25px 10px !important;color:#151515}
.navbar-nav>.nav-empty>a {color:#53a5fa;padding:0}
.navbar-nav>li.dropdown-mega-menu>.nav-link {font-size:1.0625rem;padding:23px 15px !important}
.navbar-nav>li>.pc-search-btn {font-size:1.0625rem;padding:23px 10px !important}
@media (max-width:991px) {
	.nav-wrap > .container {padding: 0;}
	.nav-wrap .box > ul {height: 42px; padding: 0 20px; gap: 15px; font-size: 0.9rem; justify-content: center; box-sizing: border-box;}
	.nav-wrap .box > ul > ul {display: none;}
}
@media (max-width:480px) {
	.nav-wrap .box {overflow-x: auto;}
	.nav-wrap .box ul {min-width: 445px;}
}

.floating {position: absolute; top: 0; right: -130px; width: 90px; z-index: 5; background: var(--white);}
.floating h4 {height: 57px; line-height: 57px; font-size: 0.8rem; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center;}
.floating.fix .floating_box {position: fixed; top: 10px;}
.floating_box {width: 90px; border: 1px solid #e5e5e5; box-sizing: border-box; background: var(--white);}
.floating_box > ul {gap: 10px; padding: 15px 0;}
.floating_box > ul li a {display: block; text-align: center; font-size: 0.8rem;}
.floating_box > ul li.cart a {background: url("/shop/img/float_cart.png")no-repeat 50% 0; padding-top: 45px;}
.floating_box > ul li.wish a {background: url("/shop/img/float_heart.png")no-repeat 50% 0; padding-top: 45px;}
.floating_box > ul li.recent_view p.tit {font-size: 0.75rem; text-align: center; border-top: 1px solid #e5e5e5; padding: 5px 0;}
.floating_box > ul li.recent_view #stv_pg {font-size: 0.75rem; margin-top: 5px;}
.floating_box > ul li.recent_view #stv_ul {display: flex; flex-wrap: wrap; flex-direction: column; gap: 5px;}
.floating_box > ul li.recent_view #stv_btn {text-align: center;}
.floating_box > ul li.recent_view #stv_btn button {font-size: 0;}
.floating_box > ul li.recent_view #stv_btn button:nth-child(3),
.floating_box > ul li.recent_view #stv_btn button:nth-child(4) {display: none;}
.floating_box > ul li.recent_view #stv_btn button i {display: none;}
.floating_box > ul li.recent_view #stv_btn #up:after {content: ''; display: block; width: 30px; height: 30px; background: #fff url("/shop/img/arrow-left.svg")no-repeat 50% 50%; transform: rotate(90deg); border: 1px solid #e8e8e8; box-sizing: border-box;}
.floating_box > ul li.recent_view #stv_btn #down:after {content: ''; display: block; width: 30px; height: 30px; background: #fff url("/shop/img/arrow-left.svg")no-repeat 50% 50%; transform: rotate(-90deg); border: 1px solid #e8e8e8; border-top: 0; box-sizing: border-box;}
.floating_box > ul li.recent_view .li-empty {font-size: 0.75rem; text-align: center;}


.navbar-nav .dropdown-toggle::after {display: none;}
.navbar-nav .dropdown-toggle:only-child::after {display:none}
.navbar-nav .dropdown-mega-menu .dropdown-toggle::after {display:none}
.navbar-nav .dropdown-menu {background-color:#fff;border:1px solid rgba(0,0,0,0.7);border-radius:0;margin:0;min-width:12rem;padding:8px 0;top:120%;display:inherit;opacity:0;visibility:hidden;z-index:-1;transition:all 0.2s ease-in-out}
.navbar-nav .dropdown-menu .dropdown-toggler::after {position:absolute;right:10px;top:10px}
.navbar-nav .dropdown:hover>.dropdown-menu {z-index:10;top:100% !important;opacity:1;visibility:visible}
.navbar-nav .dropdown-submenu .dropdown-menu {left:100%;margin-top:1px}
.navbar-nav .dropdown-submenu:hover > .dropdown-menu {z-index:10;top:-10px !important;opacity:1;visibility:visible}
.navbar-nav .dropdown-item {position:relative;padding:5px 25px 5px 15px !important;color:#252525}
.navbar-nav .dropdown-item i {position:absolute;top:8px;right:15px}
.navbar-nav .dropdown-item.active,.navbar-nav .dropdown-item:active,.navbar-nav .dropdown-item:focus,.dropdown-item:hover {background-color:transparent}
.navbar-nav .dropdown-menu li a.active,.navbar-nav .dropdown-menu li a:hover,.navbar-nav .dropdown-menu>ul>.mega-menu-col ul>li:hover>a,.navbar-nav .dropdown-menu>ul>li:hover>a {background-color:transparent;color:var(--key-color);}
.navbar-nav .dropdown-mega-menu {position:static}
.navbar-nav .mega-menu {display:table;padding:15px 0;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}
.navbar-nav .dropdown-mega-menu .dropdown-menu {right:0}
.navbar-nav .mega-menu-col {border-right:1px solid #e5e5e5;flex:0 0 auto;width:20% !important}
.navbar-nav .mega-menu-col:nth-child(5) {border-right:0}
.navbar-nav .mega-menu-col:nth-child(10) {border-right:0}
.navbar-nav .mega-menu-col:nth-child(15) {border-right:0}
.navbar-nav .mega-menu-col:nth-child(6) h5,.navbar-nav .mega-menu-col:nth-child(7) h5,.navbar-nav .mega-menu-col:nth-child(8) h5,.navbar-nav .mega-menu-col:nth-child(9) h5,.navbar-nav .mega-menu-col:nth-child(10) h5,.navbar-nav .mega-menu-col:nth-child(11) h5,.navbar-nav .mega-menu-col:nth-child(12) h5,.navbar-nav .mega-menu-col:nth-child(13) h5,.navbar-nav .mega-menu-col:nth-child(14) h5,.navbar-nav .mega-menu-col:nth-child(15) h5 {border-top:1px solid #e5e5e5;padding-top:20px;margin-top:15px}
.navbar-nav .mega-menu-col h5 a {display:block;padding:5px 15px 10px !important;font-size:1.0625rem;color:#252525;font-weight:700}
.navbar-nav .mega-menu-col h5 a:hover, .navbar-nav .mega-menu-col h5 a.active {background-color:transparent;color:#30409e}
.navbar-nav .mega-menu-col .mega-menu-item {position:relative;padding:5px 15px;display:block;width:100%;clear:both;font-weight:400;color:#212529;text-decoration:none;white-space:nowrap}
.navbar-nav .mega-menu-col .menu3-ul .mega-menu-item {margin-left:15px;border-left:1px solid #d5d5d5;color:#757575}
.navbar-nav .mega-menu-col .menu3-ul .mega-menu-item:before {content:"";position:absolute;top:14px;left:0;width:5px;height:1px;background-color:#d5d5d5}

.navbar-nav .navbar-category .category_box {position: relative;}
.navbar-nav .navbar-category .category_box li a.nav-link {padding: 0 20px 0 45px; line-height: 32px; font-weight: 400;  font-size: 0.9rem; background-repeat: no-repeat; background-position: 20px 50%; letter-spacing: -1px;}
.navbar-nav .navbar-category .category_box li a.nav-link:hover {color: var(--key-color);}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(1) > a.nav-link {background-image: url("/shop/img/category_icon02.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(2) > a.nav-link {background-image: url("/shop/img/category_icon03.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(3) > a.nav-link {background-image: url("/shop/img/category_icon04.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(4) > a.nav-link {background-image: url("/shop/img/category_icon05.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(5) > a.nav-link {background-image: url("/shop/img/category_icon06.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(6) > a.nav-link {background-image: url("/shop/img/category_icon07.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(7) > a.nav-link {background-image: url("/shop/img/category_icon08.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(8) > a.nav-link {background-image: url("/shop/img/category_icon09.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(9) > a.nav-link {background-image: url("/shop/img/category_icon10.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(10) > a.nav-link {background-image: url("/shop/img/category_icon11.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(11) > a.nav-link {background-image: url("/shop/img/category_icon12.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(12) > a.nav-link {background-image: url("/shop/img/category_icon13.svg");}
.navbar-nav .navbar-category .category_box > ul > li:nth-child(13) > a.nav-link {background-image: url("/shop/img/category_icon14.svg");}
@media (min-width:992px) {
    .navbar {z-index:20}
	.navbar-toggler {display: none;}
    .navbar-nav {position: absolute; top: -56px; left: 0; background: #fff}
	.navbar-nav .navbar-category {position: relative; width: 226px; height: 100%; z-index: 1;}
	.navbar-nav .navbar-category button {display: block; width: 100%; height: 56px; text-align: left; font-size: 0.9rem; background: transparent; border: 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-left: 20px; box-sizing: border-box;}
	.navbar-nav .navbar-category button i {color: var(--key-color); font-size: 1.6rem; vertical-align: -4px; margin-right: 20px;}
	.navbar-nav .navbar-category:hover .category_box {display: block;}
	.navbar-nav .navbar-category .category_box {display: none; position: absolute; top: 56px; left: 0; background: #fff; z-index: 5; width: 100%; height: 430px; border: 1px solid #e5e5e5; padding: 5px 0; box-sizing: border-box;}
	.navbar-nav .navbar-category .category_box > ul > li {position: static;}
	.navbar-nav .navbar-category .category_box .dropdown-menu {top: -1px!important; left: 224px;border: 1px solid #e5e5e5;height: 430px; overflow-y: auto;}
	.navbar-nav .navbar-category .category_box .dropdown-menu a.nav-link {line-height: 32px; padding: 0 15px!important;}
}
@media (max-width:1199px) {
	.nav-wrap > .container {padding-left: 0;}
	.navbar-nav .navbar-category button {border-left: 0;}
	.floating {display: none;}
    .navbar-nav>li>.nav-link {padding:25px 7px !important}
}
@media (max-width:991px) {
    .navbar {height:0}
}
/* sidebar nav (mobile) */
.sidebar-left .sidebar-member-menu, .sidebar-left .sidebar-mobile-menu {display:none}
@media (max-width:991px) {
    .sidebar-left {position:fixed;bottom:0;z-index:1004;display:flex;flex-direction:column;max-width:100%;width:300px;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}
	.sidebar-left .gtranslate_wrapper {position: absolute; top: 13px; right: 40px;}
    .offcanvas-backdrop {z-index:1003}
    .sidebar-left .sidebar-left-content {padding-bottom:70px}
    .sidebar-left.show .sidebar-left-content {position:relative;height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
    .sidebar-left .offcanvas-header {padding:15px}
    .sidebar-left .sidebar-member-menu {position:relative;display:block;background-color:#e5e5e5;padding:5px 15px;border-top:1px solid #c5c5c5}
    .sidebar-left .sidebar-member-menu .sidebar-member-btn-box {display:block;float:left;width:50%}
    .sidebar-left .sidebar-member-menu .sidebar-member-btn {position:relative;background:#2b2b2e;width:130px;height:30px;line-height:30px;color:#fff;text-align:center;font-size:.8125rem;border-radius:3px}
    .sidebar-left .sidebar-mobile-menu {position:relative;display:block;margin-top:42px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
    .sidebar-left .sidebar-mobile-menu:after {content:"";display:block;clear:both}
    .sidebar-left .sidebar-mobile-menu a {display:block;float:left;width:50%;line-height:42px;padding:0 15px;border-bottom:1px solid #e5e5e5}
    .sidebar-left .sidebar-mobile-menu a:nth-child(odd) {border-right:1px solid #e5e5e5}
    .sidebar-left .sidebar-mobile-menu a:nth-child(5) {border-bottom:0}
    /* nav */
    .sidebar-left .navbar-nav {position:relative;margin:0;float:none;border-bottom:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > .nav-li-divider {display:none}
    .sidebar-left .navbar-nav > .nav-li-space {height:40px;border-bottom:none;border-top:1px solid #e5e5e5;background:#fff}
    .sidebar-left .navbar-nav > li {float:none;width: 100%;}
	.sidebar-left .navbar-nav > li.navbar-category button {display: none;}
    .sidebar-left .navbar-nav > li > a {line-height:42px;padding:0 15px !important;font-size:.9375rem;color:#000}
    .sidebar-left .navbar-nav > li > a > .nav-cate-icon {width:20px;text-align:center}
    .sidebar-left .navbar-nav > li a {border-bottom:none;border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > li a:hover {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav > li:first-child > a {border-top:1px solid transparent}
    .sidebar-left .navbar-nav > li > .nav-link.active {color:#cc2300}
    .sidebar-left .navbar-nav > li.navbar-nav-home {display:block}
    .sidebar-left .navbar-nav > li.navbar-nav-home > a {background:#2b2b2e;color:#fff;border-top:1px solid #2b2b2e}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open {position:absolute;top:1px;right:0;width:42px;height:42px;line-height:42px;margin:0;padding:0;text-align:center;border:0;border-left:1px solid #f0f0f0;z-index:1}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:before {font-family:'Font Awesome\ 5 Free';content:"\f067";font-weight:900;color:#353535}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open:hover {border-top:0}
    .sidebar-left .navbar-nav > li > .cate-dropdown-open.show:before {font-family:'Font Awesome\ 5 Free';content:"\f068";font-weight:900;color:#cc2300}
    .sidebar-left .navbar-nav .dropdown > a:after {display:none}
    .sidebar-left .navbar-nav .dropdown-menu {position:relative;border:0;float:none;width:auto;margin:0;padding:0;box-shadow:none;background-color:transparent;display:none}
    .sidebar-left .navbar-nav .dropdown-menu:after {content:"";position:absolute;top:10px;bottom:10px;left:20px;width:1px;background:#e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu > li > a {color:#555555;line-height:26px;border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu > li:first-child > a {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-menu.show {display:block;opacity:1;visibility:visible}
    .sidebar-left .navbar-nav .dropdown-submenu > a {position:relative;color:#555555;font-size:.9375rem;background:#fafafa;line-height:26px;padding:6px 15px 6px 35px !important;border-top:0}
    .sidebar-left .navbar-nav .dropdown-submenu > a:after {content:"";position:absolute;top:50%;left:15px;width:11px;height:11px;transform:translateY(-50%);border:2px solid #a5a5a5;border-radius:50%;background:#fff;z-index:1}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-submenu > a:hover {background:#e5e5e5;color:#000;border-top:0}
    .sidebar-left .navbar-nav .dropdown-submenu > a.active {background:#e5e5e5;color:#000;font-weight:700}
    .sidebar-left .navbar-nav .dropdown-submenu:first-child > a:hover {border-top:1px solid #e5e5e5}
    .sidebar-left .navbar-nav .dropdown-submenu:hover > .dropdown-menu {top:0 !important}
    .sidebar-left .navbar-nav .dropdown-menu.show .dropdown-menu {display:block;opacity:1;visibility:visible;left:0}
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a {border-top:0;padding: 6px 15px 6px 45px !important;}
    .sidebar-left .navbar-nav .dropdown-menu .dropdown-menu .dropdown-submenu > a:after {left:20px;width:12px;height:1px;border:0;border-radius:inherit;background:#d5d5d5}
    .sidebar-left .navbar-nav .dropdown-item i {position:absolute;top:12px;right:15px}
}

/*---------- Page Title ----------*/
.page-title-wrap {position:relative;width:100%;height:70px;padding:0}
.page-title-wrap > .container {position:relative}
.page-title-wrap h2 {margin:0;padding:30px 0 22px;font-size:1.45rem;font-weight:700;text-align: center;}
.page-title-wrap h2 i {display: none;}
.page-title-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:135px}
.page-title-wrap .sub-breadcrumb {color:#c5c5c5;font-size:.875rem}
.page-title-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
.page-title-wrap .sub-breadcrumb li {float:left;margin-left:7px}
.page-title-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
.page-title-wrap .sub-breadcrumb li:first-child:before {display:none}

@media (max-width:1200px){
	.page-title-wrap .sub-breadcrumb-wrap {right: 20px;}
}

/*---------- Sub Nav ----------*/
.sub-nav-wrap {position:relative;z-index:3;padding:20px 0 0;margin-bottom:40px}
.sub-nav-home {display:none}
.sub-nav-list {position:relative}
.sub-nav-title {position:relative;margin:0;padding:0 30px 0 15px;font-size:13px;line-height:30px;border:1px solid #c5c5c5}
.sub-nav-title i {position:absolute;top:8px;right:10px}
.sub-nav-list ul {display:none;position:absolute;top:31px;left:0;z-index:10;width:100%;padding:10px 0;border:1px solid #c5c5c5;border-top:0 none;background:#fff}
.sub-nav-list li a {display:block;padding:0 15px;font-size:13px;line-height:30px}
.sub-nav-depth1 {margin-bottom:10px}
.sub-nav-wrap .sub-breadcrumb-wrap {display:none}
@media (min-width:992px){
    .sub-nav-wrap {position:relative;width:100%;height:70px;background:#555;padding:0;margin-bottom:40px}
    .sub-nav-wrap .container {position:relative}
    .sub-nav-wrap-in:after {content:"";display:block;clear:both}
    .sub-nav-home {display:block;float:left}
    .sub-nav-home a {display:block;height:50px;padding:0 15px;line-height:50px;font-size:20px;color:#353535;border-left:1px solid #c5c5c5;border-right:1px solid #c5c5c5}
    .sub-nav-home a:hover {color:#cc2300}
    .sub-nav-list {float:left;margin:0 0 0 -1px}
    .sub-nav-title {min-width:200px;padding:0 45px 0 25px;line-height:50px;font-size:15px;border:0 none;color:#353535;border-right:1px solid #c5c5c5}
    .sub-nav-title.cursor-pointer {cursor:pointer}
    .sub-nav-title i {top:18px;right:20px}
    .sub-nav-title:hover {color:#cc2300;font-weight:700}
    .sub-nav-list ul {top:50px;padding:0}
    .sub-nav-list li {float:none}
    .sub-nav-list li a {padding:10px 15px;border-top:1px solid #c5c5c5;font-size:14px}
    .sub-nav-list li:first-child a {border-top:0}
    .sub-nav-list li a:hover {color:#303F9F;background:#fafafa}
    .sub-nav-list li.active a {color:#303F9F;font-weight:700}
    .sub-nav-wrap .sub-breadcrumb-wrap {display:block;position:absolute;top:25px;right:15px}
    .sub-nav-wrap .sub-breadcrumb {color:#c5c5c5}
    .sub-nav-wrap .sub-breadcrumb:after {content:"";display:block;clear:both}
    .sub-nav-wrap .sub-breadcrumb li {float:left;margin-left:7px}
    .sub-nav-wrap .sub-breadcrumb li:before {content:"/";margin-right:7px}
    .sub-nav-wrap .sub-breadcrumb li:first-child:before {display:none}
    .sub-nav-wrap .sub-breadcrumb a {color:#fff}

}
@media (max-width:992px) {
    .sub-nav-wrap {padding-top:20px;background:#fff}
}

/*---------- Body ----------*/
.basic-body {position:relative;padding:30px 0}
.basic-body:after {content:"";display:block;clear:both}

/*---------- Page Title ----------*/
.subpage-title {position:relative;font-size:1.5rem;border-bottom:1px solid #e5e5e5;font-weight:bold;padding:10px 0;line-height:1.7;color:#353535;background:#fff;margin-bottom:30px}
.subpage-title::after {content:"";position:absolute;bottom:-2px;left:0;width:50px;height:3px;background-color:#3F51B5}
.subpage-title .back-btn {display:block;position:absolute;top:16px;right:0;text-align:center;padding:6px 15px;margin:0;font-weight:400;line-height:1;border:1px solid #b5b5b5;font-size:.875rem}
.subpage-title .back-btn:hover {color:#303F9F}
@media (max-width:767px) {
    .subpage-title .back-btn {display:none}
}

/*---------- Main Contents ----------*/
.basic-body-main {float:left;padding:0;width:100%}
.shop-main-slider {position: relative;margin:-30px auto 30px}
.shop-main-slider .slide .swiper-slide {height: 429px; text-align: center;}
.shop-main-slider .slide .swiper-slide img {position: absolute; top: calc(50% - -10px); left: calc(50% - 80px); transform: translate(-50%,-50%); width: auto; max-width: 100%;}
.shop-main-slider .slide .swiper-button-prev,
.shop-main-slider .slide .swiper-button-next {transform:translate(-50%,-50%);width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0,0,0,0.2); background-repeat: no-repeat; background-position: 50% 50%;}
.shop-main-slider .slide .swiper-button-prev {left: calc(50% - 434px); background-image: url("/shop/img/arrow-left-white.svg");}
.shop-main-slider .slide .swiper-button-next {right: calc(50% - 317px); background-image: url("/shop/img/arrow-right-white.svg");}
.shop-main-slider .sale_prd {position: relative;right: auto; padding: 20px; box-sizing: border-box;}
.shop-main-slider .sale_prd .badge {position: absolute; top: 13px; left: 18px; display:inline-block; z-index: 1; font-family: "Lato"; background: #fff; border-radius: 50px; font-size: 0.8rem; color: var(--pink); font-weight: 800; padding: 5px 10px 4px 0px; box-shadow: 1px 1px 6px rgba(0,0,0,0.1);}
.shop-main-slider .sale_prd .badge .btn_pink {padding: 5px 10px 4px; border-radius: 50px; margin-right: 10px;}
.shop-main-slider .sale_prd .product-main-30 {margin: 0;}
.shop-main-slider .sale_prd .product-main-30 .item-main-wrap {width: 100%; padding: 0;}
.shop-main-slider .sale_prd .product-main-30 .product-img-in {border: 0;}
.shop-main-slider .sale_prd .product-main-30 .product-description .product-name {margin-top: 0;}
.shop-main-slider .sale_prd .product-main-30 .product-description .product-info {display: none;}
.shop-main-slider .sale_prd .product-main-30 .product-description .title-price:before {content: 'Special Offer '; font-weight: bold;}
.shop-main-slider .sale_prd .product-main-30 .product-description .title-price:after {content: '~';}
.shop-main-slider .sale_prd .btn_form {gap: 5px;}
.shop-main-slider .sale_prd .btn_form button {display: block; width: 100%; font-size: 0.88rem; height: 36px; box-sizing: border-box;}
.main_bn img {width: 100%;}
@media (min-width:992px){
	.shop-main-slider .sale_prd {position: absolute; top: 0; left: calc(50% - -310px); width: 260px; height: 429px; background: #fff; padding: 20px; box-sizing: border-box; z-index: 5;}
}
@media (max-width:991px) {
	.shop-main-slider .sale_prd .product-main-30 .item-main-30 {display: flex; flex-wrap: wrap; gap: 5px 20px;}
	.shop-main-slider .sale_prd .product-main-30 .item-main-30 > a {width: 200px;}
	.shop-main-slider .sale_prd .product-main-30 .product-img {width: 100%; height: 0; padding-bottom: 100%;}
	.shop-main-slider .sale_prd .product-main-30 .product-description {width: calc(100% - 220px);}
	.shop-main-slider .sale_prd .btn_form {position: absolute; bottom: 30px; left: 240px; width: calc(100% - 260px); max-width: 300px; flex-direction: row;}
	.shop-main-slider .sale_prd .btn_form button {flex: 1; width: auto;}
}
@media (max-width:480px) {
	.shop-main-slider .sale_prd .product-main-30 .item-main-30 > a {width: 100%;}
	.shop-main-slider .sale_prd .product-main-30 .product-description {width: 100%;}
	.shop-main-slider .sale_prd .btn_form {position: static; width: 100%; max-width: 100%;}
}
.main-heading h2 {position:relative;font-size:1.55rem;margin:0 0 30px; font-weight: 400;}
.main_benefit .box .left {width: calc(100% - 503px);}
.main_benefit .box .left > div {position: relative; float:left; width: calc(33.333% - -1px); border: 1px solid #e5e5e5; border-bottom: 0; margin: 0 -1px 0 0; height: 251px; box-sizing: border-box; background: #fff; }
.main_benefit .box .left > div img {width: 250px;}
.main_benefit .box .left > div.item10 {position: relative; display: block; width: 100%; height: 252px; overflow: hidden;}
.main_benefit .box .left > div.item10 .slick-slide a {position: relative; display: block; height: 252px;}
.main_benefit .box .left > div.item10 img {width: 100%; max-width: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 100%; object-fit: cover;}
.main_benefit .box .right {width: 503px;}
.main_benefit .box .right > div {position: relative; float: left; width: calc(50% - -1px); border: 1px solid #e5e5e5; border-top: 0; height: 251px; box-sizing: border-box; margin: 0 -1px; background: #fff;}
.main_benefit .box .right > div img {width: 250px;}
.main_benefit .box .right > div.item1 {width: 100%; height: 503px; border: 0;}
.main_benefit .box .right > div.item1 img {width: 100%;}

.main_rank .rank_tab {border: 1px solid #e8e8e8;}
.main_rank .rank_tab li {width: 14.285%;}
.main_rank .rank_tab li button {display: block; width: 100%; height: 70px; border: 1px solid #e8e8e8; font-size: 0.75rem;  background: #fafafa; text-align: center; margin: -1px -1px; border-right: 0; box-sizing: border-box;}
.main_rank .rank_tab li button:after {display: none;}
.main_rank .rank_tab li button:before {content: ''; display: block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 26px; margin: 0 auto 5px; opacity: .5}
.main_rank .rank_tab li:nth-child(1) button:before {background-image: url("/shop/img/category_icon01.svg");}
.main_rank .rank_tab li:nth-child(2) button:before {background-image: url("/shop/img/category_icon02.svg");}
.main_rank .rank_tab li:nth-child(3) button:before {background-image: url("/shop/img/category_icon03.svg");}
.main_rank .rank_tab li:nth-child(4) button:before {background-image: url("/shop/img/category_icon04.svg");}
.main_rank .rank_tab li:nth-child(5) button:before {background-image: url("/shop/img/category_icon05.svg");}
.main_rank .rank_tab li:nth-child(6) button:before {background-image: url("/shop/img/category_icon06.svg");}
.main_rank .rank_tab li:nth-child(7) button:before {background-image: url("/shop/img/category_icon07.svg");}
.main_rank .rank_tab li:nth-child(8) button:before {background-image: url("/shop/img/category_icon08.svg");}
.main_rank .rank_tab li:nth-child(9) button:before {background-image: url("/shop/img/category_icon09.svg");}
.main_rank .rank_tab li:nth-child(10) button:before {background-image: url("/shop/img/category_icon10.svg");}
.main_rank .rank_tab li:nth-child(11) button:before {background-image: url("/shop/img/category_icon11.svg");}
.main_rank .rank_tab li:nth-child(12) button:before {background-image: url("/shop/img/category_icon12.svg");}
.main_rank .rank_tab li:nth-child(13) button:before {background-image: url("/shop/img/category_icon13.svg");}
.main_rank .rank_tab li:nth-child(14) button:before {background-image: url("/shop/img/category_icon14.svg");}
.main_rank .rank_tab li.active button {background: #fff;}
.main_rank .rank_tab li.active button:before {opacity: 1;}

.main_rental > div {width: calc(25% - -1px); border: 1px solid #e8e8e8; margin: 0 0 -1px -1px; box-sizing: border-box;}
.main_rental > div p {background: #f7f7f7; padding: 10px; border-bottom: 1px solid #e8e8e8; font-size: 0.85rem;}
.main_rental > div img {width: 100%;}

.main_cs > .flex {gap: 20px;}
.main_cs > .flex > div {flex: 1; border: 1px solid #e8e8e8; padding: 20px; box-sizing: border-box;}
.main_cs h4 {font-weight: 600; font-size: 1.1rem; margin-bottom: 15px; }
.main_cs ul {display: flex; flex-wrap: wrap; flex-direction: column; gap: 5px;}
.main_cs ul li {position: relative; font-size: 0.9rem; padding-left: 15px;}
.main_cs ul li:before {content: ''; position: absolute; top: 10px; left: 5px; display: block; width: 3px; height: 3px; border-radius: 50%; background: #000;}
@media (max-width:1404px) {
	.main_benefit .box .left {width: calc(100% - 365px);}
	.main_benefit .box .left > div {height: 182px; text-align: center;}
	.main_benefit .box .left > div img {width: 180px;}
	.main_benefit .box .left > div.item10,
	.main_benefit .box .left > div.item10 .slick-slide a {height: 190px;}
	.main_benefit .box .right {width: 365px;}
	.main_benefit .box .right > div {height: 190px;}
	.main_benefit .box .right > div.item1 {height: 365px;}
	.main_benefit .box .right > div img {width: 180px;}
}
@media (max-width:1199px) {
	.shop-main-slider .slide .swiper-slide img {left: 0; transform: translateY(-50%);}
	.shop-main-slider .slide .swiper-button-prev {left: 30px;}
	.shop-main-slider .slide .swiper-button-next {right: calc(50% - 240px);}
	.shop-main-slider .sale_prd {left: auto; right: 20px;}
	
	.main_rental > div p {font-size: 0.75rem;}
}
@media (max-width:991px) {
	.shop-main-slider .slide .swiper-slide img {left: 50%; transform: translate(-50%,-50%);}
	.shop-main-slider .slide .swiper-button-prev {left: 20px; transform: none;}
	.shop-main-slider .slide .swiper-button-next {right: 20px; transform: none;}
	.shop-main-slider .sale_prd {left: auto; right: auto;}
	
	.main-heading h2 {font-size: 1.2rem; text-align: center;}
	
	.main_rank .rank_tab {background: #fafafa; border-top: 0;}
	.main_rank .rank_tab li {width: 20%;}
	.main_rank .rank_tab li button {margin: 0px -1px -1px;}
	.main_rank .rank_tab li:last-child button {width: calc(100% - -1px);border-right: 1px solid #e8e8e8;}
	
	.main_rental > div {width: calc(50% - -1px);}
	.main_rental > div p {font-size: 0.85rem;}
}
@media (max-width:768px) {
	.shop-main-slider .slide .swiper-slide {height: 0; padding-bottom: 60%;}
	.shop-main-slider .slide .swiper-button-prev,
	.shop-main-slider .slide .swiper-button-next {display: none;}
	
	.main_benefit .box .left {order: 1; width: 100%; margin: -1px 2px 0 -1px;}
	.main_benefit .box .left > div {width: calc(50% - -1px); height: auto;}
	.main_benefit .box .left > div img {position: static;width: 100%; transform: none;}
	.main_benefit .box .left > div.item10, 
	.main_benefit .box .left > div.item10 .slick-slide a {height: auto;}
	.main_benefit .box .left > div.item10 img {position: static; width: 100%; transform: none;}
	.main_benefit .box .right {order: 0; width: 100%;}
	.main_benefit .box .right > div {text-align: center; height: auto;}
	.main_benefit .box .right > div.item1 {height: auto; margin-bottom: -6px;}
	.main_benefit .box .right > div img {width: 100%;}
	
	.main_rank .rank_tab li {width: 33.333%;}
	
	.main_rental > div {width: 100%;}
	
	.main_cs > .flex > div {flex: none; width: 100%;}
}
@media (max-width:576px) {
    .main-slider {margin:0 -15px}
}

/*---------- Footer ----------*/
.footer {position:relative;border-top:1px solid rgba(0,0,0,0.15)}
.footer-top {padding:10px 0;border-bottom:1px solid #e2e2e2}
.footer-top:after {content:"";display:block;clear:both}
.footer-nav {width:50%;float:left}
.footer-nav a {color:#353535;font-size:0.85rem;margin-right:10px}
.footer-nav a:hover {text-decoration:underline}
.footer-right-nav {position:relative;width:50%;float:right;text-align:right}
.footer-right-nav a {color:#353535;font-size:.9375rem;margin-right:10px}
.footer-right-nav a:hover {text-decoration:underline}
.footer-cont-info {position:relative;font-size:.85rem;word-break:keep-all;line-height:1.6}
.footer .logo {position: absolute; margin-top: 15px;}
.footer_wrap {padding: 20px 0 20px 210px; box-sizing: border-box;}
.footer-cont-info strong {color:#353535}
.footer-cont-info span.info-divider {margin-left:5px;margin-right:5px;color:#d5d5d5}
.footer-cont-info a {color:#555555;text-decoration:underline}
.footer-cont-info a:hover {color:#353535}
.footer-copyright {color:#656565;font-size:.8rem;padding:15px 0}
@media (max-width:991px) {
    .footer-nav {width:100%;text-align:center}
    .footer-right-nav {width:100%;text-align:center;margin-top:10px}
	.footer .logo {position: static;text-align: center;}
	.footer_wrap {padding-left: 0; text-align: center;}
	.footer-cont-info br {display: none;}
}
@media (max-width:767px) {
	.footer-copyright span {display:none}
}


/*---------- Sidebar Member ----------*/
.sidebar-shop-member-wrap {position:fixed;top:0;bottom:0;right:0;z-index:1004;height:100%;background:#fff}
.sidebar-shop-member-btn {z-index:1002;position:absolute;top:50%;left:-47px;width:42px;height:100px;transform:translateY(-50%);background:#cc2300;border:0;font-size:1.25rem;color:#fff;border-radius:42px}
.sidebar-shop-member-btn.mo-btn {display:none}
.sidebar-shop-member-btn i {display:block;width:42px;height:50px;line-height:50px}
.sidebar-shop-member-btn .direction-icon {display:block;width:42px;height:50px;line-height:50px;background:#2B2B2E;border-bottom-left-radius:21px;border-bottom-right-radius:21px}
.sidebar-shop-member-btn.active .fa-outdent {display:none}
.sidebar-shop-member-btn.active .direction-icon:before {display:block;width:42px;height:50px;line-height:50px;content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900;background:#000;border-bottom-left-radius:21px;border-bottom-right-radius:21px}
.sidebar-shop-member {position:fixed;bottom:0;z-index:1004;display:flex;flex-direction:column;max-width:100%;width:300px;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out;overflow-y:auto !important;height:100%;-webkit-overflow-scrolling:touch}
.sidebar-shop-member-in {padding:15px}
.sidebar-shop-member .rside-nav-list {margin:0 0 25px;padding:0;list-style:none;border:1px solid #e5e5e5}
.sidebar-shop-member .rside-nav-list:after {content:"";display:block;clear:both}
.sidebar-shop-member .rside-nav-list li {float:left;width:50%}
.sidebar-shop-member .rside-nav-list li a {display:block;width:100%;padding:8px 10px;text-align:center;font-size:.875rem}
.sidebar-shop-member .rside-nav-list li:nth-child(1) {border-bottom:1px solid #e5e5e5}
.sidebar-shop-member .rside-nav-list li:nth-child(2) {border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
.sidebar-shop-member .rside-nav-list li:nth-child(4) {border-left:1px solid #e5e5e5}
.sidebar-shop-member .shop-member-box {position:relative;margin-bottom:25px}
.sidebar-shop-member .shop-member-box .shop-member-box-title {position:relative;height:38px;line-height:38px;text-align:center;background-color:#353535;color:#fff;margin-bottom:10px}
.sidebar-shop-member .shop-member-box .shop-member-box-title .badge {position:absolute;top:-10px;right:-8px}
.sidebar-shop-member .shop-member-box .panel .panel-heading {background-color:transparent;border:0;padding:0}
.sidebar-shop-member .shop-member-box .panel .panel-title {position:relative;height:40px;margin:0;font-size:.9375rem;color:#fff;line-height:1.5;background-color:#353535;border:0;padding:10px 26px 10px 60px;cursor:pointer}
.sidebar-shop-member .shop-member-box .panel .panel-title .count-num {display:block;position:absolute;top:0;left:0;width:50px;height:40px;line-height:40px;text-align:center;background-color:#000;color:#fb8c00;font-size:.875rem}
.sidebar-shop-member .shop-member-box .panel .panel-body {border:0;padding:0}
.sidebar-shop-member .shop-member-box .op-area {border:1px solid #d5d5d5;margin:10px 0 30px;padding:10px}
.sidebar-shop-member .shop-member-box .op-area h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sidebar-shop-member .shop-member-box .op-area li {border-bottom:1px solid #eaeaea;position:relative;padding:10px 0;min-height:90px;padding-left:80px}
.sidebar-shop-member .shop-member-box .op-area li a {font-weight:700;color:#000}
.sidebar-shop-member .shop-member-box .op-area li .prd-img {position:absolute;top:10px;left:0px;padding:3px;border:1px solid #eaeaea}
.sidebar-shop-member .shop-member-box .op-area li .prd-name {display:block;font-weight:700}
.sidebar-shop-member .shop-member-box .op-area li .prd-cost {display:block;font-weight:700;color:#cc2300;margin:3px 0 0}
.sidebar-shop-member .shop-member-box .op-area .li-empty {padding:30px 0;padding-left:0;color:#959595;border-bottom:0;text-align:center;min-height:inherit}
.sidebar-shop-member .shop-member-box #stv {position:relative}
.sidebar-shop-member .shop-member-box #stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}
.sidebar-shop-member .shop-member-box .stv-item {display:none;padding:0 9px;word-break:break-all}
.sidebar-shop-member .shop-member-box #up {position:absolute;bottom:10px;left:10px;width:30px;height:20px;overflow:hidden;border:1px solid #c5c5c5}
.sidebar-shop-member .shop-member-box #up span {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sidebar-shop-member .shop-member-box #down {position:absolute;bottom:10px;right:10px;width:30px;height:20px;overflow:hidden;border:1px solid #c5c5c5}
.sidebar-shop-member .shop-member-box #down span {position:absolute;font-size:0;line-height:0;overflow:hidden}
@media (max-width:767px) {
    .sidebar-shop-member-btn.pc-btn {display:none}
    /*.sidebar-shop-member-btn.mo-btn {display:block;z-index:1007}*/
    .sidebar-shop-member-btn {position:fixed;top:inherit;transform:inherit;bottom:15px;left:15px;width:45px;height:45px;line-height:45px;background:#4b4b4d;margin-bottom:0;font-size:1rem;border-radius:50%}
    .sidebar-shop-member-btn i {width:45px;height:45px;line-height:45px}
    .sidebar-shop-member-btn .direction-icon {display:none}
    .sidebar-shop-member-btn.active {background:#000}
    .sidebar-shop-member-btn.active i {display:none}
    .sidebar-shop-member-btn.active:before {content:"\f00d";font-family:'Font Awesome\ 5 Free';font-weight:900}
}

/*---------- Offcanvas ----------*/
.offcanvas-backdrop {z-index:1003}

/*---------- Eb BackToTop ----------*/
.eb-backtotop {position:fixed;right:15px;bottom:15px;height:46px;width:46px;cursor:pointer;display:block;-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.15);background:#fff;z-index:1003;opacity:0;visibility:hidden;transform:translateY(15px);-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop.active-progress {opacity:1;visibility:visible;transform:translateY(0)}
.eb-backtotop:after {position:absolute;content:"\f106";font-family:'Font Awesome\ 5 Free';font-weight:900;text-align:center;font-size:16px;color:#757575;left:0;top:0;height:46px;width:46px;line-height:28px;cursor:pointer;display:block;z-index:1;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop:hover:after {color:#cc2300}
.eb-backtotop svg path {fill:none}
.eb-backtotop svg.backtotop-progress path {stroke:#b5b5b5;stroke-width:4;box-sizing:border-box;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.eb-backtotop .progress-count {display:block;position:absolute;bottom:8px;left:0;right:0;font-size:11px;text-align:center;color:#a5a5a5}
.eb-backtotop {box-shadow:inset 0 0 0 2px rgba(0,0,0,0.15)}
.eb-backtotop:after {color:#2b2b2e}
.eb-backtotop svg.backtotop-progress path {stroke:#cc2300}