@charset "UTF-8";@media (min-width: 768px){html{height: 100%;font-size: 100%;line-height: 1.4;background: #e6e6e6}body{font-size: 0.875rem;font-family: Helvetica, Arial, Verdana, "Microsoft JhengHei", "微軟正黑體",PMingLiU, sans-serif;font-weight: 300;word-wrap: break-word;-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;margin: 0 !important;padding: 0 !important}a,article,aside,button,dd,div,dl,dt,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,img,input,legend,li,nav,ol,p,section,select,table,td,textarea,th,tr,ul{-webkit-box-sizing: border-box;box-sizing: border-box;list-style: none;border: none;outline: 0}footer,header,section{display: block}#mainNav{-webkit-box-shadow: none;box-shadow: none}#mainNav .fa,#mainNav .fa-icon{background: 0 0 !important;padding: 0;line-height: inherit;width: auto;height: auto}#mainNav .fa-icon::before,#mainNav .fa::before{display: none}#mainNav .fa-icon::after,#mainNav .fa::after{content: "";background: url(icon-hk-desktop@2x.png) 0 0 no-repeat;background-size: 242px 242px;display: inline-block;width: 22px;height: 22px;vertical-align: middle;line-height: inherit}#mainNav .header-top .navbar-nav li a i{display: none}.navbar-default{background: #fff !important}.navbar-default .navbar-collapse{border-bottom-width: 2px !important;background: #2a313c}.navbar-nav > li > a{height: 40px;line-height: 40px;font-size: 15px}.overflow-menu-ui{height: auto}.overflow-menu-ui .top-menu > li:not(.login-top):not(.btn-flag) a{padding: 0}.overflow-menu-ui ul.overflow-menu{height: auto}.overflow-menu-ui .top-menu li{height: 40px}.overflow-menu-ui .top-menu li a{line-height: 40px !important;font-size: 14px;border: none;height: 100%}.overflow-menu-ui .top-menu .btn-social-instagram{margin: 0 6px;opacity: 0.5}.overflow-menu-ui .top-menu .btn-social-instagram:hover{opacity: 1}.overflow-menu-ui .top-menu .btn-social-instagram::after{background-position: -44px -44px !important}.overflow-menu-ui .top-menu .btn-social-facebook{margin: 0 6px;opacity: 0.5}.overflow-menu-ui .top-menu .btn-social-facebook:hover{opacity: 1}.overflow-menu-ui .top-menu .btn-social-facebook::after{background-position: -44px 0 !important}.overflow-menu-ui .top-menu .btn-social-line{margin: 0 6px;opacity: 0.5}.overflow-menu-ui .top-menu .btn-social-line:hover{opacity: 1}.overflow-menu-ui .top-menu .btn-social-line::after{background-position: -110px 0 !important}.overflow-menu-ui .top-menu .btn-social-youtube{margin: 0 6px;opacity: 0.5}.overflow-menu-ui .top-menu .btn-social-youtube:hover{opacity: 1}.overflow-menu-ui .top-menu .btn-social-youtube::after{background-position: -88px 0 !important}.overflow-menu-ui .top-menu .btn-social-twitter{margin: 0 6px;opacity: 0.5}.overflow-menu-ui .top-menu .btn-social-twitter:hover{opacity: 1}.overflow-menu-ui .top-menu .btn-social-twitter::after{background-position: -66px 0 !important}.overflow-menu-ui .top-menu .icon-facebook::after{background-position: -44px 0 !important}.overflow-menu-ui .top-menu .icon-instagram::after{background-position: -44px -44px !important}.overflow-menu-ui .top-menu .icon-youtube::after{background-position: -88px 0 !important}.overflow-menu-ui .top-menu .login-top{background: rgba(0, 0, 0, 0.2);margin-left: 12px}.overflow-menu-ui .top-menu .login-top .icon-user{width: auto;height: auto;margin-top: -4px;margin-right: 6px}.overflow-menu-ui .top-menu .login-top .icon-user::after{background-position: -22px 0 !important}.overflow-menu-ui .top-menu .login-top span{line-height: 40px;float: none}.overflow-menu-ui .top-menu .login-top > a{color: #fff !important}.overflow-menu-ui .top-menu .btn-flag a{padding: 0 6px;display: block}.overflow-menu-ui .top-menu .btn-flag a i{margin-top: -7px}.overflow-menu-ui .top-menu .th-flag::after{width: 38px !important;height: 25px !important;background-position: -148px -44px !important}.overflow-menu-ui .top-menu .en-flag::after{width: 38px !important;height: 25px !important;background-position: -110px -44px !important}.overflow-menu-ui .top-menu .id-flag::after{width: 38px !important;height: 25px !important;background-position: -186px -44px !important}.sub-menu-template{width: auto;min-width: 100%;padding: 0 !important;border: none !important}.sub-menu-template > ul{border: none;border-top: 2px solid #e61e25;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2)}.sub-menu-template > ul > li{width: 100% !important;height: 40px !important;margin: 0 !important}.sub-menu-template > ul > li > a{line-height: 40px;height: 40px;text-align: left !important;padding: 0 12px 0 24px;position: relative;white-space: nowrap}.sub-menu-template > ul > li > a:hover{background: #e61e25 !important}.sub-menu-template > ul > li > a:hover::before{border-color: #fff}.sub-menu-template > ul > li > a::before{content: "";display: inline-block;position: absolute;width: 5px;height: 5px;border: solid #595959;border-width: 1px 1px 0 0;left: 6px;top: 48%;-webkit-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%)}.sub-menu-template > ul > li > a:not(.login):not(.btn-logout) i{display: none}.sub-menu-template > ul > li > a.btn-logout{background: 0 0;padding: 0 12px}.sub-menu-template > ul > li > a.btn-logout::before{display: none}.sub-menu-template > ul > li > a.btn-logout .fa-sign-out::after{background-position: -176px -22px !important}.sub-menu-template > ul > li > a.btn-logout:hover .fa-sign-out::after{background-position: -220px -22px !important}.sub-menu-template > ul > li.btn-add-more-bike a{background: 0 0}.sub-menu-template > ul > li.btn-add-more-bike a::before{display: none}.sub-menu-template > ul > li.btn-add-more-bike a i{display: none !important}.sub-menu-template.sub-menu-user > ul > li{position: relative}.sub-menu-template.sub-menu-user > ul > li:not(:last-child)::before{content: "";position: absolute;width: calc(100% - 12px);height: 1px;background: #eee;bottom: 0;left: 6px}.menu-shopping .overflow-menu-ui{position: inherit}.menu-shopping .overflow-menu{overflow: inherit;float: left}.menu-shopping .overflow-menu:after{content: "";clear: both;display: table}.menu-shopping .overflow-menu > li{position: inherit}.menu-shopping .overflow-menu > li > a{padding: 0 8px !important;height: 38px;line-height: 38px;color: #000}.menu-shopping .overflow-menu > li > a:hover{color: #e61e25}.menu-shopping .overflow-menu > li > a .text-second-menu{line-height: 38px}.menu-shopping .overflow-menu > li .dropdown-second-menu{border-width: 2px 0 0 0 !important;border-color: #e61e25 !important;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);padding: 0 !important;min-width: 200px;width: auto;bottom: 2px;top: auto;-webkit-transform: translateY(100%);transform: translateY(100%);overflow: inherit;left: auto}.menu-shopping .overflow-menu > li .dropdown-second-menu:after{content: "";clear: both;display: table}.menu-shopping .overflow-menu > li .dropdown-second-menu li{clear: both}.menu-shopping .overflow-menu > li .dropdown-second-menu li a{padding: 0 6px 0 24px !important;height: 38px;line-height: 38px}.menu-shopping .overflow-menu > li .dropdown-second-menu li a::before{content: "";display: inline-block;position: absolute;width: 5px;height: 5px;border: solid #595959;border-width: 1px 1px 0 0;left: 6px;top: 48%;-webkit-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%)}.menu-shopping .overflow-menu > li .dropdown-second-menu li a:hover::before{border-color: #fff}.menu-shopping .overflow-menu > li .dropdown-second-menu hr{display: block !important;unicode-bidi: -webkit-isolate !important;unicode-bidi: isolate !important;-webkit-margin-before: 0.5em !important;margin-block-start: 0.5em !important;-webkit-margin-after: 0.5em !important;margin-block-end: 0.5em !important;-webkit-margin-start: auto !important;margin-inline-start: auto !important;-webkit-margin-end: auto !important;margin-inline-end: auto !important;overflow: hidden !important;border-style: inset !important;border-width: 1px !important;border: 1px dotted #ccc !important;margin: 0 12px !important}.menu-shopping.overflow-menu> li.dropdown-second-menu.dropdown-second-menu-child{min-width: 200px;-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);border-color: #e61e25 !important;padding: 0 !important;border-width: 2px 0 0 0 !important}.menu-shopping .overflow-menu > li:hover .sub-menu-type-2{visibility: visible;display: block}.menu-shopping .overflow-menu > li .sub-menu-type-2{left: 0;width: 100%;background: #15191e;padding: 24px 0 12px;visibility: hidden;position: absolute;z-index: 15;display: none;bottom: 2px;-webkit-transform: translateY(100%);transform: translateY(100%)}.menu-shopping .overflow-menu > li .sub-menu-type-2 .slimScrollBar{background: #fff !important}.menu-shopping .overflow-menu > li .sub-menu-type-2 .container > div{float: left;width: 16.666666% !important;position: relative;margin-bottom: 12px;padding: 0 6px;height: 200px}.menu-shopping.overflow-menu> li.sub-menu-type-2.container> div.sub-menu-bg{background-size: cover !important;background-repeat: no-repeat;position: relative;height: 100%}.menu-shopping .overflow-menu > li .sub-menu-type-2 .container > div ul{height: 100%;position: relative;z-index: 8}.menu-shopping .overflow-menu > li .sub-menu-type-2 .container > div ul li{padding: 0 12px;margin-bottom: 6px;width: 100%}.menu-shopping.overflow-menu> li.sub-menu-type-2.container> divulli:first-child{margin-bottom: 12px}.menu-shopping.overflow-menu> li.sub-menu-type-2.container> divulli:first-childa{padding: 12px 0;font-weight: 700;line-height: 1.2;border-bottom: 1px solid #fff;white-space: normal}.menu-shopping .overflow-menu > li .sub-menu-type-2 .container > div ul li a{color: #fff;height: auto;line-height: 24px;padding: 0;line-height: 1.2;white-space: normal;width: 100%}.menu-shopping.overflow-menu> li.sub-menu-type-2.container> divullia:hover{text-decoration: underline}.menu-shopping .chat-area{position: relative;float: right}.menu-shopping .chat-area a{padding: 0 8px !important;height: 38px;line-height: 38px}.menu-shopping .chat-area a i{margin-top: -4px;margin-right: 6px}.menu-shopping .chat-area .icon-phone::after{background-position: -88px -44px !important}.menu-shopping .chat-area .icon-whatsapp::after{background-position: -66px -44px !important}.menu-shopping .chat-area .btn-facebook{color: #0085ff}.menu-shopping .chat-area .btn-line{color: #15a24c}.col1-logo .logo{display: block;height: 40px}.col1-logo .logo img{max-height: 100%}#mainNav > .container-header{min-height: 40px;padding: 18px 0}#mainNav > .container-header > .col3-icon > .support-chat{display: none}.col2-search{position: relative !important}.box-search{margin: 0}#search_bar{font-size: 14px;border-width: 2px;height: 38px;padding-left: 12px;-webkit-box-shadow: none;box-shadow: none}#search_bar::-webkit-input-placeholder{font-size: 14px !important}#search_bar:-ms-input-placeholder{font-size: 14px !important}#search_bar::-ms-input-placeholder{font-size: 14px !important}#search_bar::placeholder{font-size: 14px !important}.btn-search{font-size: 14px;font-weight: 400;text-transform: none;height: 38px !important}.selection-search{top: 2px}.selection-search > .select2-container .select2-selection--single{height: 34px}.selection-search> .select2-container.select2-selection--single.select2-selection__rendered{line-height: 34px}.col3-icon{padding: 0;width: auto}.right-notification .icon-pay::after{background-position: 0 -22px !important;width: 28px !important}.right-notification .icon-cart::after{background-position: -154px 0 !important}.right-notification .icon-mybike::after{background-position: -35px -22px !important;width: 30px !important}.right-notification .icon-saved::after{background-position: -132px 0 !important}.right-notification .icon-info-sign::after{content: "?"}.right-notification li{width: auto !important;height: 38px !important}.right-notification li a{height: 100%;color: #000}.right-notification li a:hover{background-color: transparent !important}.right-notification li a:hover .icon-title{color: #e61e25}.right-notification li:not(:last-child){margin-right: 24px}.right-notification li:not(.cart-header):not(.helpdesk) a{white-space: nowrap;text-align: center;position: relative}.right-notification li:not(.cart-header):not(.helpdesk) a i{display: block;margin: 0 auto}.right-notification li:not(.cart-header):not(.helpdesk) a .icon-count{position: absolute;background: #e61e25;color: #fff;top: 0;left: calc(50% 5px);border-radius: 7px;padding: 0 4px;line-height: normal;font-size: 12px}.right-notification li.cart-header{margin-right: 12px}.right-notification li.cart-header a{border: 1px solid #eee;border-radius: 3px;line-height: 38px;padding: 0 6px}.right-notification li.cart-header a i{margin-top: -6px}.right-notification li.cart-header a:hover .icon-title{color: #e61e25}.right-notification li.cart-header a .icon-title{background: 0 0;min-height: auto;min-width: auto;padding: 0 !important;font-size: 14px;display: inline-block;position: relative;top: auto;left: auto;color: #000;font-weight: 700}.right-notification li.cart-header a .icon-count{position: relative;display: inline-block;font-weight: 400;line-height: normal;top: 0;left: 0;padding: 0 6px;border-radius: 3px;background: #e61e25;font-size: 14px;margin-left: 6px;color: #fff}.right-notification li.helpdesk{margin-right: 0}.right-notification li.helpdesk a{background: #ffa800;width: 38px;border-radius: 3px;position: relative;margin-right: 0}.right-notification li.helpdesk a:hover{background-color: #ffcb66 !important}.right-notification li.helpdesk a i{display: none}.right-notification li.helpdesk a::before{content: "";position: absolute;width: 25px;height: 25px;display: block;border: 1px solid #fff;border-radius: 100%;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}.right-notification li.helpdesk a::after{content: "?";position: absolute;color: #fff;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}.active-second-menu .logo{margin: 0}.active-second-menu .logo img{margin: 0;max-width: 100%}.desktop .nav-up{top: -42px;-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.07) !important;box-shadow: 0 4px 5px rgba(0, 0, 0, 0.07) !important}footer{position: relative}footer .fa-icon{background: 0 0 !important;padding: 0;line-height: inherit;width: auto;height: auto;display: inline-block}footer .fa-icon::after{content: "";background: url(icon-hk-desktop@2x.png) 0 0 no-repeat;background-size: 242px 242px;display: inline-block;width: 22px;height: 22px;vertical-align: middle;line-height: inherit}footer .icon-facebook-gray::after{background-position: -44px 0}footer .icon-world::after{background-position: -66px -22px}footer .icon-youtube-gray::after{background-position: -88px 0}footer .icon-instagram-gray::after{background-position: -44px -44px}footer .container{padding: 0;max-width: 1280px !important}}@media (min-width: 768px) and (max-width: 1024px){footer .container{max-width: 100% !important}}@media (min-width: 768px){footer .menu{background: #2a313c;padding: 40px 0 16px}footer .menu .container{display: -webkit-box;display: -ms-flexbox;display: flex}footer .menu .container > div{float: left;max-width: 20%;width: 100%;padding-right: 24px}footer .menu .container > div > .title{padding: 0 0 0 2px;font-size: 1rem;color: #fff;font-weight: 700;margin-bottom: 24px;text-transform: uppercase;white-space: nowrap}footer .menu .container > div ul li{margin-bottom: 6px}footer .menu .container > div ul li a{white-space: nowrap;color: #fff}footer .menu .container > div ul li a:before{content: "";width: 5px;height: 5px;display: inline-block;border: solid #fff;border-width: 1px 1px 0 0;-webkit-transform: rotate(45deg) translateY(-3px);transform: rotate(45deg) translateY(-3px);margin-right: 12px}footer .menu .container > div ul li a:hover{text-decoration: underline}footer .menu .container .about address{margin-bottom: 6px}footer .menu .container .about .mail{margin-top: 6px}footer .menu .container .about .mail,footer .menu .container .about .mail a,footer .menu .container .about address,footer .menu .container .about time{color: #737373;font-size: 0.75rem}footer .menu .container .about .social{margin: 12px 0}footer .menu .container .about .social > div{float: left;margin-right: 12px}footer .menu .container .about .social a{display: table-cell;margin-right: 12px;text-align: center;vertical-align: middle;width: 30px;height: 30px}footer .menu .container .about .social a i{opacity: 0.5}footer .menu .container .about .social a:hover i{opacity: 1}footer .menu .container .payment{padding-right: 0}footer .menu .container .payment img{max-width: 100%}footer .menu .container .payment .payment-list > div{float: left;height: 35px;margin-bottom: 6px;margin-right: 6px}footer .menu .container .payment .payment-list > div a{display: block;background: #fff;border-radius: 3px;height: 100%;overflow: hidden}footer .menu .container .payment .payment-list > div img{max-height: 100%;min-width: 52px}footer .menu .container .payment .row > *{float: left}footer .menu .container .payment #Certificate-banners{margin: 0 auto;width: 70px;display: block}footer .menu .container .payment #Certificate-banners a{margin: 0;padding: 0;padding-left: 0;width: 100%;display: inline-block;background-color: #fff;border-radius: 3px;overflow: hidden;height: 35px}footer .menu .container .payment #Certificate-banners a > img{margin: 0 auto}footer .menu .container .world-link{display: table-cell;vertical-align: middle}footer .menu .container .world-link > span{background: #fff;display: inline-block;padding: 6px;border-radius: 100%;float: left}footer .menu .container .world-link > div{float: left;padding-left: 12px}footer .menu .container .world-link > div > p{font-weight: 700;color: #fff;font-size: 1rem;display: block}footer .menu .container .world-link > div .all-link > p{color: #737373;font-size: 0.75rem}footer .menu .container .world-link > div .all-link:hover .list-link{visibility: visible;opacity: 1}footer .menu .container .world-link .list-link{position: absolute;background: #fff;visibility: hidden;opacity: 0;-webkit-transition: 0.15s ease-in-out;transition: 0.15s ease-in-out;width: 40vw;display: block;z-index: 5;bottom: 6px;z-index: 5;height: 480px;overflow-y: scroll}footer .menu .container .world-link .list-link > div .title{background: #eee;padding: 6px 12px;font-size: 1rem;color: #000}footer .menu .container .world-link .list-link > div .list{padding: 6px 0}footer .menu .container .world-link .list-link > div .list > div{width: 20%;padding: 3px 12px;float: left}footer.menu.container.world-link.list-link> div.list> div:nth-child(5n 1){clear: both}}@media (min-width: 768px) and (max-width: 1024px){footer .menu .container .world-link .list-link > div .list > div{width: 33.333%}}@media (min-width: 768px){footer .menu .container .world-link .list-link > div .list > div a{display: block;text-align: center;border-radius: 3px;padding: 6px}footer .menu .container .world-link .list-link > div .list > div a p{font-size: 0.75rem}footer .menu .container .world-link .list-link > div .list > div a figure{display: inline-block;width: 30px;height: 30px;border-radius: 100%;-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;margin-bottom: 6px}footer .menu .container .world-link .list-link > div .list > div a:hover{-webkit-box-shadow: 0 0 5px #ccc;box-shadow: 0 0 5px #ccc;color: #000}footer .copyright{background: #20252d;padding: 12px 0}footer .copyright p{color: #fff;font-size: 0.75rem;margin: 0 auto}}@media (min-width: 768px) and (max-width: 1024px){#mainNav .navbar-nav > li > a{padding: 0 6px}#mainNav .navbar-nav .menu-item-shopping span{display: none}#mainNav > .container-header{padding: 18px 12px}#mainNav > .container-header .col2-search{padding: 0 268px 0 125px}#mainNav > .container-header .col3-icon{width: auto}#mainNav > .container-header .col3-icon .icon-title{display: none}#mainNav > .container-header .col3-icon .right-notification li{margin-right: 6px}#mainNav > .container-header .col3-icon .right-notification li a{border: 1px solid #eee;border-radius: 3px;line-height: 38px;padding: 0 6px}#mainNav> .container-header.col3-icon.right-notificationli:not(.cart-header):not(.helpdesk)a.icon-count{left: auto;right: 0;top: 3px}#mainNav .menu-shopping{display: block !important}#mainNav .menu-shopping .chat-area{display: none}#mainNav .menu-shopping .overflow-menu > li > a{padding: 0 6px !important}}@media (min-width: 1025px){.col2-search{padding: 0 450px 0 230px}}.support-chat{display: table;text-align: center;width: 100%;background-color: #fff;padding-top: 10px}.support-chat > div{display: table-cell}.support-chat > div a{padding: 12px 6px;color: #000;display: block}.support-chat > div a img{vertical-align: middle}.support-chat > div a span{vertical-align: initial;display: inline-block;text-align: left;line-height: 1.2;font-size: 0.875rem}.support-chat-detail{padding: 0 12px 0 0;-webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;color: #fff;position: fixed;bottom: 130px;right: 0;background-color: #2a313c}.support-chat-detail a{padding: 12px;display: inline-block}.support-chat-detail a img{vertical-align: top}b{font-weight: 700 !important}.block-cc-content .owl-carousel{display: block !important}.block-cc-content .owl-carousel .owl-item img{vertical-align: top}.block-cc-content .owl-carousel > .item{display: none;width: 100%;float: left}.block-cc-content .owl-carousel > .item:first-child{display: block}.block-cc-content .owl-carousel > .item > a{width: 100%;float: left}.block-cc-content .owl-carousel > .item > a > img{width: 100%;float: left}.block-cc-content .owl-dots{position: absolute;z-index: 2;bottom: 8px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.3);border-radius: 15px;padding: 5px 6px;display: flex}.block-cc-content .owl-dots .owl-dot{margin: 0 2px}.block-cc-content .owl-dots .owl-dot span{width: 6px;height: 6px;background: #fff;display: block;border-radius: 50%}.block-cc-content .owl-dots .owl-dot.active span{background: #e61e25}.block-cc-content .owl-dots.disabled{display: none}.block-cc-content .owl-nav .owl-prev,.block-cc-content .owl-nav .owl-next{position: absolute;top: 50%;transform: translateY(-50%);width: 23px;height: 64px;background: #fff !important;z-index: 5;opacity: 1}.block-cc-content .owl-nav .owl-prev:hover,.block-cc-content .owl-nav .owl-next:hover{background: #eee !important}.block-cc-content .owl-nav .owl-prev.disabled,.block-cc-content .owl-nav .owl-next.disabled{opacity: 0.8}.block-cc-content .owl-nav .owl-prev span,.block-cc-content .owl-nav .owl-next span{font-size: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}.block-cc-content .owl-nav .owl-prev span::before,.block-cc-content .owl-nav .owl-next span::before{content: "";width: 7px;height: 7px;display: block;border: solid #000;border-width: 1px 1px 0 0;margin: 0}.block-cc-content .owl-nav .owl-prev{box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.25)}.block-cc-content .owl-nav .owl-prev span::before{transform: rotate(-135deg)}.block-cc-content .owl-nav .owl-next{box-shadow: -3px 2px 4px rgba(0, 0, 0, 0.25);right: 0}.block-cc-content .owl-nav .owl-next span::before{transform: rotate(45deg)}.block-cc-content .icon{background: url(./image/icon-hk-desktop@2x.png) 0 0 no-repeat;background-size: 330px 330px;width: 22px;height: 22px}.block-cc-content .icon-clock-black{background-position: -157px -159px}.block-cc-content .dotted-line-2{display: -webkit-box !important;-webkit-line-clamp: 2;max-height: 40px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;line-height: 1.4}.block-cc-content .heading-2{padding: 5px 15px;width: 100%;float: left;background-color: #2a313c;margin-bottom: 10px;position: relative;align-items: center}.block-cc-content .heading-2 .media-body span h2{color: #fff}.block-cc-content .heading-2 a{color: #fff;padding-right: 16px;position: relative}.block-cc-content .heading-2 a::before{content: "";border: 1px solid #fff;width: 8px;height: 8px;position: absolute;top: 50%;right: 8px;transform: rotate(45deg) translateY(-50%);margin-top: -2px;border-left: none;border-bottom: none}.block-cc-content .list-news .news-item{display: block;overflow: hidden}.block-cc-content .list-news .news-item figure{display: flex;width: 100%;height: 225px;position: relative;overflow: hidden;border-radius: 4px}.block-cc-content .list-news .news-item figure img{width: 100%;height: 100%;object-fit: cover}.block-cc-content .list-news .news-item .info{padding-top: 4px}.block-cc-content .list-news .news-item .info .title{white-space: normal;font-size: 1rem;font-weight: bold;line-height: 1.2;margin-bottom: 4px;color: #2a313c;max-height: 37px}.block-cc-content .list-news .news-item .info .date{margin-bottom: 4px;color: #595959;font-size: 0.75rem;display: flex;justify-content: flex-start;align-items: flex-start;text-align: right;width: 100%}.block-cc-content .list-news .news-item .info .date i{width: 16px;height: 16px;display: inline-block;margin-right: 4px}.block-cc-content .list-news .news-item:hover img{opacity: 0.8}.block-cc-content .list-news .news-item:hover span{color: #595959}.block-cc-content .list-news.grid{display: flex !important;flex-wrap: wrap;margin-left: 0.5px}.block-cc-content .list-news.grid .owl-item .news-item{width: 100%}.block-cc-content .list-news.grid > .news-item{display: none;width: calc((100% - 32px) / 3);margin-left: 16px}.block-cc-content .list-news.grid > .news-item:first-child{margin-left: 0}.block-cc-content .list-news.grid > .news-item:nth-child(1),.block-cc-content .list-news.grid > .news-item:nth-child(2),.block-cc-content .list-news.grid > .news-item:nth-child(3){display: block}.block-cc-content .list-news.list .news-item{display: none}.block-cc-content .list-news.list .news-item:nth-child(1),.block-cc-content .list-news.list .news-item:nth-child(2),.block-cc-content .list-news.list .news-item:nth-child(3){display: block}.block-cc-content .list-news.list .news-item figure{height: 160px}.block-cc-content .list-news.grid.grid-4 > .news-item{display: none;width: calc((100% - 48px) / 3);margin-left: 16}.block-cc-content .list-news.grid.grid-4 > .news-item:nth-child(1),.block-cc-content .list-news.grid.grid-4 > .news-item:nth-child(2),.block-cc-content .list-news.grid.grid-4 > .news-item:nth-child(3),.block-cc-content .list-news.grid.grid-4 > .news-item:nth-child(4){display: block}.block-cc-content .list-news:not(.owl-carousel){padding: 0 16px}.top-shopping .summary-order-wrapper .checkout-billing-address-section{border-bottom: 1px solid lightgray;padding: 10px 0}.top-shopping .summary-order-wrapper .block-shipping-methods{padding: 6px 0;border-bottom: 1px solid lightgray;margin-bottom: 6px}.top-shopping .block-shipping-methods p.notice-shipping-method.required::before{color: #e61e25;content: "*";margin-right: 4px}.top-shopping .styled-radio:checked + label::before{border-color: #e61e25}.top-shopping #checkout-button.btn-checkout-new{font-size: 18px;border-radius: 4px;border: none}.top-shopping #checkout-button.btn-checkout-new:hover{background: rgba(230, 30, 37, 0.9)}.top-shopping #change-address-btn.btn-update-poppup{font-size: 18px;border-radius: 4px;font-weight: bold;width: 380px;border: none}.top-shopping #change-address-btn.btn-update-poppup:hover{background: rgba(230, 30, 37, 0.9)}.top-shopping .popup-form-info .modal-header{border: none;padding: 12px 24px}.top-shopping .popup-form-info .modal-header h4.edit-address-title-form{font-size: 1.25rem;text-transform: uppercase;font-weight: bold;color: #2A313C}.top-shopping .popup-form-info .modal-body{padding: 12px 30px}.top-shopping .popup-form-info .modal-body > div{display: flex;width: 100%}.top-shopping .popup-form-info .modal-body > div .max-width{flex: 1}.top-shopping .popup-form-info .modal-body > div .max-width > div{width: 100%}.top-shopping .popup-form-info .modal-body > div .max-width > div + div{margin: 0;margin-left: 12px}.top-shopping .popup-form-info .modal-body > div .select2-container--default .select2-selection--single{background-color: #fff;border-radius: 4px}.top-shopping .popup-form-info .modal-body > div .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #2A313C transparent transparent transparent}.top-shopping .popup-form-info .modal-body > div p.error{font-size: 0.75rem;margin-top: 2px}.top-shopping .popup-form-info .modal-body > div + div{margin-top: 12px}.top-shopping .popup-form-info .modal-body .field-title{min-width: 150px;font-size: 0.875rem;padding-top: 12px;color: #2A313C}.top-shopping .popup-form-info .modal-body .field-title.required::after{content: "*";margin-left: 2px;color: #e61e25}.top-shopping .popup-form-info .modal-body .block-address-indo .max-width > div{min-width: calc(25% - 9px);width: calc(25% - 9px)}.top-shopping .popup-form-info .modal-body .block-phonecountry .select2.select2-container .selection .select2-selection{border-right: none;border-top-right-radius: 0;border-bottom-right-radius: 0}.top-shopping .popup-form-info .modal-body .block-phonecountry > div{min-width: calc(25% - 6px);max-width: calc(25% - 6px)}.top-shopping .popup-form-info .modal-body .block-phonecountry .form-control{border-top-left-radius: 0;border-bottom-left-radius: 0}.top-shopping .popup-form-info .modal-body .form-control{height: 38px;border: 1px solid #aaa;box-shadow: none}.top-shopping .popup-form-info .modal-body .form-control:focus{box-shadow: none;border-color: #444;outline: none}.top-shopping .popup-form-info .modal-footer{border: none;padding-top: 12px;padding-bottom: 36px}.top-shopping .popup-form-info .modal-footer .btn-area{display: flex;justify-content: center;align-items: center}.overflow-menu-ui .top-menu .block-currency{width: 160px;padding: 0 16px;cursor: pointer;position: relative}.overflow-menu-ui .top-menu .block-currency .btn-currency{padding-left: 16px;padding-right: 32px;width: 100%;position: relative;display: block;color: #fff}.overflow-menu-ui .top-menu .block-currency .btn-currency .current-currency{font-weight: bold;color: inherit}.overflow-menu-ui .top-menu .block-currency .btn-currency::after{content: "";width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg) translateY(-50%);position: absolute;top: 18px;right: 2px}.overflow-menu-ui .top-menu .block-currency:hover{background: #e61e25}.overflow-menu-ui .top-menu .block-currency:hover > .currency-menu{display: block}.overflow-menu-ui .top-menu .block-currency .currency-menu{display: none;width: 240px;position: absolute;top: 40px;border-top: 2px solid #e61e25;right: 0;background: #fff;padding: 16px;z-index: 11;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);cursor: default}.overflow-menu-ui .top-menu .block-currency .currency-menu input{display: none}.overflow-menu-ui .top-menu .block-currency .currency-menu > p{text-align: center}.overflow-menu-ui .top-menu .block-currency .currency-menu .current-currency{font-weight: bold}.overflow-menu-ui .top-menu .block-currency .currency-menu .list-currency{width: 100%;height: 100%;display: flex;flex-wrap: wrap;position: relative}.overflow-menu-ui .top-menu .block-currency .currency-menu .list-currency > li{flex: 1 0 50%;padding: 4px}.overflow-menu-ui .top-menu .block-currency .currency-menu .list-currency > li label{cursor: pointer;width: 100%}.overflow-menu-ui .top-menu .block-currency .currency-menu .list-currency > li label .name-currency{font-size: 0.75rem;background: #DDDDE3;padding: 4px 0;line-height: 20px;border-radius: 4px;display: flex;align-items: center;justify-content: center}.overflow-menu-ui .top-menu .block-currency .currency-menu .list-currency > li label .name-currency:hover{background: rgba(0, 0, 0, 0.25)}.overflow-menu-ui .top-menu .block-currency .currency-menu .list-currency li input[type=radio]:checked + label .name-currency{background: #e61e25;color: #fff}.overflow-menu-ui .top-menu .block-currency .currency-menu .other-currency span{display: block;position: relative;font-size: 0.75rem;text-align: center;background: #fff;padding: 8px 0;line-height: 1.5}.overflow-menu-ui .top-menu .block-currency .currency-menu .other-currency span::before, .overflow-menu-ui .top-menu .block-currency .currency-menu .other-currency span::after{content: "";display: block;width: 56px;height: 1px;position: absolute;background-color: #d0d0d0;top: 17px}.overflow-menu-ui .top-menu .block-currency .currency-menu .other-currency span::after{right: 0}.overflow-menu-ui .top-menu .block-currency .currency-menu .other-currency .select{position: relative}.overflow-menu-ui .top-menu .block-currency .currency-menu .other-currency .select select{padding: 0 24px 0 12px;background-color: #fff;border: 1px solid #ebebf0;border-radius: 4px;height: 40px;appearance: none;outline: 0;position: relative;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1}.overflow-menu-ui .top-menu .block-currency .currency-menu .other-currency .select::after{position: absolute;content: "";top: calc(50% - 3px);right: 10px;width: 0;height: 0;border: 5px solid transparent;border-color: #595959 transparent transparent}.overflow-menu-ui .top-menu .block-currency .currency-menu .other-currency .select #currency_selector{width: 100%;border-radius: 4px}section.top-shopping.contents-all-page .container{width: auto !important;max-width: 1280px !important;}.product-subtotal{font-size: 1rem;flex-direction: column}.local-price{color: #595959;font-size: .875rem;font-weight: normal}.order-subtotal, .order-discount{font-size: .9375rem}@media (max-width: 767px){.menu-currency ul, .menu-currency li{list-style-type: none}.menu-currency a.menu-nav-link .current_currency{font-weight: bold;margin-left: 8px;font-size: 1rem}.menu-currency a.menu-nav-link .current_currency ~ .icon-setting{vertical-align: top;float: right;margin-right: -6px !important;margin-top: -8px}.menu-currency.menu-dropdown-show .select-currency{display: block}.menu-currency .select-currency{position: relative;padding: 16px 12px;display: none}.menu-currency .select-currency > li{position: relative;width: 100%;border: none}.menu-currency .select-currency > li .list-currency{width: 100%;height: 100%;display: flex;flex-wrap: wrap;position: relative}.menu-currency .select-currency > li .list-currency > li{flex: 1 0 50%;padding: 4px;position: relative}.menu-currency .select-currency > li .list-currency > li input{width: 0;height: 0;display: none}.menu-currency .select-currency > li .list-currency > li input[name=select-currency-sp]:checked ~ label .name-currency{color: #fff;background: #e61e25}.menu-currency .select-currency > li .list-currency > li label{width: 100%}.menu-currency .select-currency > li .list-currency > li label .name-currency{padding: 8px 0;line-height: 16px;font-size: 0.875rem;display: flex;justify-content: center;align-items: center;background: #efefef;border-radius: 4px}.menu-currency .select-currency > li .other-currency{display: block;position: relative;text-align: center;background: #212730;color: #fff;padding: 8px;line-height: 1.5}.menu-currency .select-currency > li .other-currency::before, .menu-currency .select-currency > li .other-currency::after{content: "";display: block;width: 64px;height: 1px;position: absolute;background-color: #2a313c;top: 17px}.menu-currency .select-currency > li .other-currency::after{right: 0}.menu-currency .select-currency > li .select_occ{display: inline;position: relative}.menu-currency .select-currency > li .select_occ #currency_selector_sp{padding: 12px 24px 12px 12px;background-color: #fff;border: 1px solid #ebebf0;width: 100%;border-radius: 4px;height: 44px;appearance: none;outline: 0;position: relative;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 1.2}.menu-currency .select-currency > li .select_occ #currency_selector_sp option{position: relative;width: 100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1}.menu-currency .select-currency > li .select_occ::after{position: absolute;content: "";top: 20px;right: 10px;width: 0;height: 0;border: 4px solid transparent;border-color: #595959 transparent transparent}#mainNav #navbar-menu > .container .menu-navbar-nav > li .menu-dropdown.select-currency > li{border-top: none}#mainNav #navbar-menu > .container .menu-navbar-nav > li.menu-currency > a i{margin-right: 6px;margin-top: 0}#mainNav #navbar-menu>.container .menu-navbar-nav .menu-currency>a{text-transform: none}#mainNav #navbar-menu>.container .menu-navbar-nav .menu-language>a>span{margin: 0 6px}body .all-page>.logged-success ~ section .bannerbar{margin-top: 150px !important}}#mainNav.header_whole-sale .icon.icon-cart { background-position: -198px -132px; } #mainNav.header_whole-sale .icon.icon-wishlist { background-position: -110px -44px; transform: scale(1.5); } #mainNav.header_whole-sale .container-header .top-nav .my-bike > a { background-color: inherit; } #mainNav.header_whole-sale .navbar-header .header-account-block { background-color: #e61e25; } #mainNav.header_whole-sale .navbar-header .header-account-block .btn-bike > p { border-color: #fff; } #mainNav.header_whole-sale.navbar-default .navbar-collapse { border-bottom-width: 2px !important; background: #e61e25; border-color: #2a313c !important; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.overflow-menu > li a:hover { background-color: #2a313c !important; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu > li a { opacity: 1; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu > li a:hover { opacity: 0.5; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .login-top { background: rgba(42, 49, 60, 0.2); } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .login-top > span { float: left; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .login-top a:hover { opacity: 1; background: rgba(42, 49, 60, 0.75); } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .login-top .sub-menu-template > ul { border-color: inherit; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .currency:hover a { opacity: 1; background-color: rgba(42, 49, 60, 0.75); } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .currency .currency-menu { border-color: #2a313c; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .btn-flag { background: inherit; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .btn-flag:hover a { background-color: rgba(42, 49, 60, 0.75); opacity: 1; } #mainNav.header_whole-sale.navbar-default .navbar-collapse ul.top-menu .btn-flag.navbar-active a { background: #2a313c; } #mainNav.logged-success.user-name-so-long .navbar-header { height: 126px !important; } #mainNav.logged-success.user-name-so-long .navbar-header .search-bar { top: 126px; } #mainNav.logged-success.user-name-so-long ~ .contents-all-page { margin-top: 178px; } @media (max-width: 767px) { #mainNav.header_whole-sale .navbar-header { height: 104px !important; background: #fff; } #mainNav.header_whole-sale .navbar-header .top .btn-navbar-menu { color: #2a313c; } #mainNav.header_whole-sale .search-bar { background: #dddde3 !important; padding: 6px 12px; } } @media (max-width: 767px) { body.page-scroll #mainNav.header_whole-sale .search-bar { top: 0px !important; padding: 4px 50px !important; } } /*# sourceMappingURL=renew-header.css.map */ .menu-shopping .overflow-menu>li .sub-menu-type-2 .container>div ul li:first-child a { padding: 12px 0; font-weight: 700; line-height: 1.2; border-bottom: 1px solid #fff; white-space: normal; }