header{color:#fff;background:#f286aa;position:absolute;top:0;left:0;right:0;z-index:1000}header .top{padding:9px 0;min-height:50px;background:#33384d;font-size:14px}header .top .container{white-space:nowrap}.header__recommend-title{line-height:20px}header .top .number{display:inline-block;margin-left:0;color:#f286aa;font-weight:600;font-size:15px;font-family:"SF Pro Display";line-height:18px}header .top a b{color:#f286aa;font-weight:400;display:inline-block;vertical-align:middle;max-width:100px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}header a,header a:hover{color:#fff}header .top select{margin-left:15px;padding:5px 10px;width:110px;height:30px;outline:0;border:0;border-radius:3px;background-color:#f5f7fa;color:#33384d;font-size:14px;line-height:21px}header .top>div span{position:relative;margin:0 5px}header .top>div a{font-family:"PingFang TC","Helvetica Neue",Helvetica,Arial,sans-serif;margin:0}header .top>div span{margin:0 0 0 5px}@-moz-document url-prefix(){header .top select{padding-left:5px}}header .top .container>div:nth-of-type(1){line-height:30px}header .top .container>div:nth-of-type(2){text-align:right}.header-separation-line{position:relative;top:-1px;display:inline-block;width:12px;text-align:center;font-size:12px;line-height:17px}header .main{position:relative;padding:14.5px 0}header .logo{position:relative;z-index:1;display:inline-block}header .logo img{display:block;height:45px;margin-top:-6px}header .main .container{position:relative}.header-main__left-box{text-align:left}.header-main__right-box{text-align:right}header .main .container>div:nth-of-type(3) a{margin:0 5px;line-height:34px}.header-main__left-box,.header-main__right-box{position:static;z-index:1}.header-main__right-box{font-size:0}header .main .container>div:nth-of-type(3){position:relative;z-index:0}header .main .container>div .form-inline{position:relative;display:inline-block;margin-left:10px;border-radius:5px}header .form-inline .form-control{padding:10px;padding-left:34px;width:200px;height:34px;border:none;border-radius:3px;background-color:#f5f7fa;-webkit-box-shadow:none;box-shadow:none;font-size:14px;line-height:16px}.form-control::-webkit-input-placeholder{color:#c8cacc}.form-control::-webkit-input-placeholder,.form-control::placeholder{color:#c8cacc}.search__btn{position:absolute;top:50%;left:0;padding:0;width:34px;height:34px;outline:0;border:none;background:no-repeat center;background-color:transparent;background-image:url(../../img/icon/icon-header-search--gray.svg);background-size:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.search__btn:active{background-image:url(../../img/icon/icon-header-search--gray.svg)}#cart-entry{position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;margin-left:8px}#cart-entry:hover{color:#fff}#cart-entry img{width:24px;height:24px}.cart-entry__total{position:absolute;top:-2px;right:5px;z-index:1;margin:0;padding:0 5px;min-width:21px;min-height:21px;border:1px solid #f286aa;border-radius:15px;background-color:#e65a8d;color:#fff;text-align:center;font-size:12px;line-height:19px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header .main .container .menu{margin:0;padding:6px 12px;cursor:pointer}.menu img{display:block;width:20px;height:20px}.keywords{position:relative;top:6px}.keywords__link{display:inline-block;margin:0 5px;font-size:14px;line-height:20px;font-weight:400}header .main .navbar{position:absolute;left:0;top:30px;max-width:750px;display:none;padding-top:20px;z-index:9}header .main .container .menu+input:checked+.navbar{display:block}header .main .navbar .navbar-collapse{background:#fff;border-radius:3px 0 3px 3px;max-height:auto;border:0;padding-right:0;padding-left:0}header .main .navbar .navbar-collapse .navbar-nav{width:100%;max-height:calc(100vh - 150px);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}header .dropdown{position:static;display:block;float:none;width:220px;border-radius:3px 0 3px 3px;-webkit-box-shadow:0 2px 6px 0 rgba(51,56,77,.4);box-shadow:0 2px 6px 0 rgba(51,56,77,.4)}header .dropdown>a{line-height:35px;margin:0;padding:0 10px;color:#000;text-align:left;border-top:1px solid #ddd;font-size:15px;font-weight:700}header .dropdown>a:hover{color:#f286aa}header .dropdown:first-of-type>a{border:0}header .dropdown.open>a{background:#fff;border-bottom:1px solid #ddd}header .dropdown>a .caret{float:right;margin-top:15px}.nav__arrow-right{position:absolute;top:50%;right:17px;width:13px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}header .dropdown>.dropdown-menu{display:block;position:static;top:0;float:none;border:0;-webkit-box-shadow:none;box-shadow:none;padding:0;margin:0;border-radius:3px 0 3px 3px}header .dropdown>.dropdown-menu>li>a{position:relative;margin:0;padding:0 20px;color:#33384d;line-height:40px}header .dropdown>.dropdown-menu>li:first-of-type>a{border-radius:3px 0 3px 3px}header .dropdown>.dropdown-menu>li:last-of-type>a{border-bottom:none;border-radius:0 0 3px 3px}header .dropdown>.dropdown-menu>li>a:hover{color:#f286aa}header .dropdown>.dropdown-menu>li .detail{position:absolute;top:20px;left:235px;display:none;padding:15px;max-height:calc(100vh - 150px);width:500px;height:calc(100% - 20px);border:1px solid #ddd;border-radius:0 3px 3px 0;-webkit-box-shadow:3px 5px 6px -3px rgba(51,56,77,.4);box-shadow:3px 5px 6px -3px rgba(51,56,77,.4)}header .dropdown>.dropdown-menu>li .detail.on{display:block}header .dropdown>.dropdown-menu>li .detail strong{position:relative;display:block;margin-bottom:10px;color:#f286aa;font-weight:600;font-size:20px;line-height:28px}header .dropdown>.dropdown-menu>li .detail a{display:block;margin-bottom:15px;color:#33384d;font-size:14px;line-height:20px}header .dropdown>.dropdown-menu>li .detail a:hover{color:#f286aa}.black-bg{position:fixed;left:0;top:0;z-index:10;width:100%;height:100vh;display:none}.mobile-action-box{display:none}.cancel-search{position:absolute;top:50%;right:0;z-index:2;visibility:hidden;padding:15px;border:none;background:0 0;background-color:#f286aa;color:#fff;font-size:14px;line-height:20px;opacity:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.cancel-search.js-deform,.cancel-search.js-search-focus{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.cancel-search.js-search-focus{visibility:visible;opacity:1}.mobile-mark-block{position:fixed;display:none;top:0;left:0;z-index:10;width:100%;height:100vh;background-color:rgba(51,56,77,.6)}.mobile-mark-block.js-search-focus{display:block}.btn:active{-webkit-box-shadow:none;box-shadow:none}.btn:active:focus,.btn:focus{outline:0}@supports ((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)){header .top select{background-image:url(../../img/icon/icon-select-arrow-down.png);background-position:right 50%;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none}}@media screen and (min-width:768px){header .dropdown>.dropdown-menu.scrollable-menu{height:auto}header .dropdown>.dropdown-menu>li .detail::before{content:'';position:absolute;bottom:0;right:0;width:calc(100% - 15px);height:100%;background:#fff;opacity:.45}header .dropdown>.dropdown-menu>li .detail .categoryItem{height:100%;min-width:75%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.keywords{display:inline-block}}@media screen and (max-width:991px){header .desktop.keywords{margin-left:15px}}@media screen and (max-width:767px){.navbar .container-fluid{height:0}header{position:fixed}header .main{padding:8px 0 10px}header .logo{display:block;margin:0 auto;width:140px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}header .logo.js-hidden{-webkit-transform:translateY(-45px) scale(.6);-ms-transform:translateY(-45px) scale(.6);transform:translateY(-45px) scale(.6)}header .logo img{height:35px;margin:0 auto}header .top{display:none}header .main .container>div .form-inline{z-index:3;margin-left:0;width:100%}header .main .container>div .form-inline .form-group{display:inline-block;margin:0;width:100%;vertical-align:top}header .main .navbar{background:0 0;border:0;display:inline-block;vertical-align:middle;margin:0;padding:0;min-height:0}header .main .container .menu{position:absolute;top:2px;left:15px;z-index:2;margin-left:-12px}.mobile-action-box{position:absolute;top:-2px;right:15px;z-index:2;display:block;font-size:0}#cart-entry:not(.mobile){display:none}#cart-entry{margin:0;margin-right:-10px;padding:10px;padding-left:9.5px;border:none}#cart-entry img{width:20px;height:20px}.search__btn{width:38px;background-image:url(../../img/icon/icon-header-search.svg?v=2)}.search__btn:active{background-image:url(../../img/icon/icon-header-search.svg?v=2)}header .form-inline .form-control{padding:7px;padding-left:38px;width:100%;background-color:#d25e84;color:#fff}.form-control::-webkit-input-placeholder{color:#fff;opacity:.6}.form-control::-webkit-input-placeholder,.form-control::placeholder{color:#fff;opacity:.6}header .main .navbar .navbar-collapse{display:block;visibility:hidden;overflow-y:auto;margin-top:15px;padding-right:15px;padding-left:15px;max-height:calc(100vh - 53px);width:0;height:calc(100vh - 53px)!important;border:0;border-radius:0;opacity:0;-webkit-transition:width .3s,opacity .3s,visibility .3s;-o-transition:width .3s,opacity .3s,visibility .3s;transition:width .3s,opacity .3s,visibility .3s}header .main .navbar .navbar-collapse.in{width:100vw;opacity:1;visibility:visible;padding-bottom:70px}header .main .navbar .navbar-collapse .navbar-nav{margin:15px 0;border:1px solid #ccc;border-radius:3px;max-height:none}header .dropdown{width:100%;border-right:0;-webkit-box-shadow:none;box-shadow:none}header .dropdown>a{line-height:50px;background:#fafafa}header .dropdown:first-of-type>a{border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0}header .dropdown:last-of-type>a{border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px}header .dropdown>.dropdown-menu>li{width:100%}header .dropdown>.dropdown-menu>li>a{border-bottom:1px solid #ccc;border-radius:0;background:#fafafa;line-height:50px}header .dropdown>a .caret{margin-top:23px}header .dropdown>.dropdown-menu .fa{top:14px;font-size:20px}header .dropdown>.dropdown-menu>li .detail{position:relative;top:0;left:0;display:none;padding:10px 10px 0 10px;max-height:none;width:auto;height:auto;border:0;border-bottom:1px solid #ccc;border-radius:0;background:#fafafa!important;-webkit-box-shadow:none;box-shadow:none}header .dropdown>.dropdown-menu>li .detail.on{display:none}header .dropdown>.dropdown-menu>li.on>a .fa{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}header .dropdown>.dropdown-menu>li.on .detail{display:block}header .dropdown>.dropdown-menu>li .detail a{display:inline-block;overflow:hidden;margin-bottom:10px;padding:5px;width:calc(50% - 5px);border:1px solid #ccc;border-radius:5px;background:#fff;text-align:center;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;line-height:35px}header .dropdown>.dropdown-menu>li .detail a:nth-of-type(odd){margin-right:5px}header .dropdown>.dropdown-menu>li .detail strong{display:none}header .main .container>div .form-inline .btn+.btn{position:absolute;right:15px;top:0;margin:0;z-index:10}.dropdown-menu li.on img{-webkit-transform:translateY(-50%) rotate(90deg);-ms-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.header-main__left-box{z-index:2;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.header-main__left-box.js-hidden{-webkit-transform:translateY(-45px);-ms-transform:translateY(-45px);transform:translateY(-45px)}.header-main__left-box.js-hidden .logo{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.header-main__right-box{position:relative;margin-top:13px;-webkit-transition:margin .3s,padding .3s;-o-transition:margin .3s,padding .3s;transition:margin .3s,padding .3s}.header-main__right-box.js-deform{z-index:1;margin-top:-33px;padding-left:45px;padding-right:48px}.header-main__right-box.js-search-focus,.header-main__right-box.js-search-focus.js-deform{z-index:2;padding-left:15px;padding-right:48px}.cart-entry__total{top:0;right:3px}}