@font-face{font-family:'Source Sans Pro';src:url('../fonts/SourceSansPro-Regular.ttf');font-weight:400;font-style:normal}@font-face{font-family:'Source Sans Pro';src:url('../fonts/SourceSansPro-SemiBold.ttf');font-weight:600;font-style:normal}@font-face{font-family:'Source Sans Pro';src:url('../fonts/SourceSansPro-Bold.ttf');font-weight:700;font-style:normal}@font-face{font-family:Quicksand;src:url('../fonts/Quicksand-Regular.ttf');font-weight:400;font-style:normal}@font-face{font-family:Quicksand;src:url('../fonts/Quicksand-Medium.ttf');font-weight:500;font-style:normal}@font-face{font-family:Quicksand;src:url('../fonts/Quicksand-Bold.ttf');font-weight:700;font-style:normal}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:100;src:url(../fonts/NotoSansTC-Thin.woff2) format('woff2'),url(../fonts/NotoSansTC-Thin.woff) format('woff'),url(../fonts/NotoSansTC-Thin.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:400;src:url(../fonts/NotoSansTC-Regular.woff2) format('woff2'),url(../fonts/NotoSansTC-Regular.woff) format('woff'),url(../fonts/NotoSansTC-Regular.otf) format('opentype')}@font-face{font-family:'Noto Sans TC';font-style:normal;font-weight:700;src:url(../fonts/NotoSansTC-Bold.woff2) format('woff2'),url(../fonts/NotoSansTC-Bold.woff) format('woff'),url(../fonts/NotoSansTC-Bold.otf) format('opentype')}body{padding:0;margin:0;font-family:'Source Sans Pro',Arial,Verdana,Helvetica,sans-serif,MingLiU;font-size:16px;font-weight:400;color:#474747;overflow-x:hidden;-webkit-overflow-scrolling:touch}h1{font-size:56px;font-weight:700;margin-top:0}h2{font-size:48px;font-weight:700;margin-top:0}h1{font-size:36px;font-weight:500;margin-top:0;color:#656565}h4{font-size:24px;margin-top:0}h5{font-size:22px;margin-top:0;color:#63be45;font-weight:600}h6{font-size:13px;margin-top:0}.fontstyle{font-family:Quicksand,Arial,Verdana,Helvetica,sans-serif,MingLiU}.zh-hk,.zh-hk .fontstyle{font-family:'Noto Sans TC',Microsoft JhengHei,MingLiU}ul,ol{list-style:none;margin:0;padding:0}li{list-style:none;margin:0;padding:0}ul.list li{list-style-type:disc;margin-bottom:10px}ul.list{padding-left:25px}.btn:hover,.btn:focus,.btn:active:focus{outline:0;color:initial}button:hover,button:focus,button:active:focus{outline:0}.btn:active{box-shadow:none}a{color:inherit;cursor:pointer}a:hover,a:focus{color:inherit;text-decoration:none}a.link{color:#63be49;text-decoration:underline}a.remark-link{color:#474747;text-decoration:underline;font-size:12px}a.inbox-link{color:#337ab7}span.inbox-logo{color:#63be45;font-weight:600}del{font-size:smaller}span.tagBtm{font-size:16px}.green{color:#63be45}.orange{color:#f26522}.fontbold{font-weight:600}.btn-border{border:1px solid #63be45;background:none;color:#63be45;border-radius:20px}.btn-border:hover,.btn-border:focus,.btn-border:active:focus{border:1px solid #63be45;color:#63be45}.btn-light{font-size:16px;background:none;border-radius:0;border:0}.btn-main,.btn-main:focus{color:#fff;background:#63be45;border-radius:20px;border:1px solid #63be45}.btn-main:hover,.btn-main:active:focus{color:#fff;background:#8cd735;border:1px solid #8cd735}.btn-orange{color:#fff;background:#f26522;border-radius:20px;border:1px solid #f26522}.btn-orange:hover,.btn-orange:focus,.btn-orange:active:focus{color:#fff;background:#ff7d36;border:1px solid #ff7d36}.btn-big{font-size:1.8rem;padding:6px 12px}@media(max-width:768px){.btn-big{font-size:16px}}.btn-medium{font-size:18px;padding:6px 12px}.btn-small{font-size:12px;padding:3px 20px}.btn-checkout{font-size:20px;width:240px}.btn-home{width:180px}.narrow-row{margin-right:-5px;margin-left:-5px}.narrow-col{padding-right:5px;padding-left:5px}main{margin-top:110px;padding-bottom:90px}main.bottom{padding-bottom:0}main.bgcolor{background-color:#fdfdfd}.freezePage{overflow:hidden;height:100%;position:relative}.swiper-pagination-bullet-active{background:#63be45}.swiper-pagination-bullet{width:10px;height:10px}.form-control{border:1px solid #c7c7c7;box-shadow:none;font-size:16px;height:42px}.form-control:focus{border:1px solid #c7c7c7;box-shadow:none}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#f4f6f9}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}label{font-weight:normal;color:#8e8e8e}input:read-only{background-color:#e8ecf1}input[type="number"]{border:1px solid #c7c7c7;border-radius:3px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.number-input{border:1px solid #c7c7c7;border-radius:3px;text-align:center;height:45px;padding:0;margin-top:15px;background:#fff}.number-input button{outline:0;-webkit-appearance:none;background-color:transparent;border:0;align-items:center;justify-content:center;width:45px;height:43px;cursor:pointer;margin:0;position:relative}.number-input button:before,.number-input button:after{display:inline-block;position:absolute;content:'';width:18px;height:2px;background-color:#63be45;transform:translate(-50%,-50%);left:50%;top:50%}.number-input button.plus:after{transform:translate(-50%,-50%) rotate(90deg)}button.plus{float:right}button.minus{float:left}.number-input input[type=number]{max-width:45px;padding:5px;border:0;font-size:20px;height:43px;text-align:center;background:transparent}.number-input input[type=number]:read-only{max-width:none;width:100%;background:#e8ecf1;padding:5px;border:0;font-size:20px;height:43px;text-align:center}.number-input input[type=number]:focus{outline:0}.numberTitle{margin-bottom:10px}.checkboxInput{position:relative}.checkboxCart{width:30px;height:30px;margin-right:30px;position:relative;display:inline-block;vertical-align:middle}.checkboxCart.tnc{width:100%;margin-right:0;margin-top:15px;min-height:30px}.checkboxInput input[type="checkbox"],.checkboxCart input[type="checkbox"]{opacity:0;position:absolute}.checkboxInput label{cursor:pointer;position:absolute;width:30px;height:30px;top:0;left:0;background:#f4f6f9;border:1px solid #63be45;border-radius:2px}.checkboxCart label{cursor:pointer;position:absolute;width:30px;height:30px;top:0;left:0;background:#fff;border:1px solid #c7c7c7;border-radius:2px}.checkboxInput label:after,.checkboxCart label:after{opacity:0;content:'n';font-size:28px;color:#fff;position:absolute;top:0;left:0;font-family:"watsons-water"!important;font-style:normal!important;font-weight:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.checkboxInput input[type=checkbox]:checked+label:after,.checkboxCart input[type=checkbox]:checked+label:after{opacity:1}.checkboxInput input[type=checkbox]:checked+label,.checkboxCart input[type=checkbox]:checked+label{background:#63be45;border-color:#63be45}span.checkbox_label{display:block;color:#63be45;font-size:12px;margin-top:10px}.tnc span.checkbox_label{display:inline-block;color:#474747;font-size:16px;margin-top:0;width:calc(100% - 40px);vertical-align:middle;padding-left:40px}.TNC-inner::-webkit-scrollbar{width:8px}.TNC-inner::-webkit-scrollbar-track{background-color:#f4f6f9}.TNC-inner::-webkit-scrollbar-thumb{background-color:#63be45}ul.radio-check{list-style:none;height:100%;width:100%;margin:0;padding:0}ul.radio-check li{display:inline-block;position:relative}ul.radio-check.vertical li{display:list-item;margin-bottom:15px}ul.radio-check li input[type=radio]{position:absolute;opacity:0}ul.radio-check li label{display:block;position:relative;color:#474747;line-height:28px;padding:0 20px 0 35px;z-index:9;cursor:pointer;-webkit-transition:all .25s linear;word-break:keep-all}ul.radio-check li label[for="text"]{padding:0}ul.radio-check li .check{display:block;position:absolute;border:1px solid #c7c7c7;border-radius:100%;height:28px;width:28px;top:3px;z-index:5;transition:border .25s linear;-webkit-transition:border .25s linear}ul.radio-check li .check:before{display:block;position:absolute;content:'';border-radius:100%;height:18px;width:18px;top:4px;left:4px;margin:auto;transition:background .25s linear;-webkit-transition:background .25s linear}input[type=radio]:checked~.check:before{background:#73cf39}input[type=radio]:checked:disabled~.check:before{background:#656565}input[type=radio]:disabled~.check{background:#f3f3f3;border:1px solid #656565}.select-wrapper{position:relative}.select-wrapper:after{content:"";border-top:2px solid transparent;border-left:2px solid transparent;display:block;width:12px;height:12px;margin:auto;position:absolute;top:-5px;bottom:0;border-color:#70c455;-webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);right:12px}select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:''}select:focus::-ms-value{background:#fff;color:#303030}select::-ms-expand{display:none}.page-inner>li{display:inline}a.page-number{padding:2px 0;text-decoration:none;border-radius:4px;border:1px solid #c7c7c7;display:inline-block;width:34px;height:34px;text-align:center}.page-inner>li:first-child span,.page-inner>li:last-child span{color:#63be45}.page-inner>li.disabled span{color:#c7c7c7;cursor:not-allowed}ul.date-picker-remark{font-size:14px;display:none}.ui-datepicker ul.date-picker-remark{display:block;position:absolute;bottom:10px;right:15px}ul.date-picker-remark li:before{content:'';width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:8px}ul.date-picker-remark li.am:before{background:#fff450}ul.date-picker-remark li.pm:before{background:#7adaf6}ul.date-picker-remark li.full:before{background:#63be45}td.amDelivery a{background:#fff450}td.pmDelivery a{background:#7adaf6}td.fullDelivery a{background:#63be45}.nav>li>a{word-break:break-word}.dropdown-backdrop{display:none}.panel-group{margin-bottom:0}.typeahead.dropdown-menu>li>a{white-space:normal}.badge{padding:0;font-size:18px;font-family:Quicksand,Arial,Verdana,Helvetica,sans-serif,MingLiU;font-weight:normal;line-height:2;color:#656565;background-color:#f4f6f9;border-radius:50%;width:35px;height:35px}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#73cf39}.modal-header.modal-tips{padding:40px 15px}.modal-header{text-align:center;border-bottom:0;position:relative;padding:30px 15px 15px}.modal-header h4{color:#63be49}.modal-header .close{color:#63be49;font-size:40px;opacity:1;text-shadow:none;position:absolute;right:15px;top:8px}.modal-body h4{color:#63be49}.modal-body .body-section{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #bbb}.modal-body .body-section:last-child{padding-bottom:unset;border-bottom:unset}ul.account-select li,ul.customerType-select li{display:inline-block;width:150px;height:190px;padding-top:70px;position:relative}ul.account-select li:before,ul.customerType-select li:before{content:'';width:150px;height:190px;position:absolute;top:0;left:0;background:url(../image/customer_type_bg.png) top center no-repeat;display:inline-block;z-index:0;opacity:0}ul.account-select li a,ul.customerType-select li a{z-index:1;position:relative}ul.account-select li i.icon,ul.customerType-select li i.icon{display:block;font-size:70px;margin-bottom:10px}ul.account-select,ul.customerType-select{text-align:center}ul.account-select li:hover,ul.customerType-select li:hover{color:#63be45}ul.account-select li:hover:before,ul.customerType-select li:hover:before{opacity:1;transition:all 1s ease-out}.modal-middle{text-align:center}.modal-middle .modal-dialog{top:50%;transform:translateY(-50%)!important}@media(min-width:768px){.equal{display:flex;display:-webkit-flex;justify-content:center}.modal-middle .modal-dialog{margin:0;display:inline-block;text-align:left;width:60%!important}}#customerType-modal .modal-footer,#account-modal .modal-footer,#newMemberModal .modal-footer{text-align:center;border-top:0;padding:15px 15px 30px}.footerScroll{max-height:250px;overflow-y:scroll;overflow-x:hidden}.enlarge_footerScroll{height:45vh;max-height:50vh!important}.separet{position:relative;text-align:center;margin-bottom:10px}.separet:before{content:'';width:100%;border-top:1px solid #f4f6f9;display:inline-block;position:absolute;top:14px;left:0}.separet span{color:#969696;background:#f4f6f9;width:28px;height:28px;border-radius:50%;display:inline-block;line-height:28px;position:relative;z-index:2}.zh-hk .separet span{width:60px;border-radius:50px}.importantTips{color:#f26522;font-size:16px;font-weight:500;background:#fff899;text-align:center;padding:12px 0}.importantTips a{text-decoration:underline;margin-left:10px}.modal-middle .modal-body{padding:10px 40px 10px 40px;max-height:600px;overflow-y:scroll;overflow-x:hidden}.alert-wrap{text-align:center;opacity:0;transition:all .25s ease;position:fixed;top:150px;z-index:17;left:50%;transform:translateX(-50%);display:none}.alert-wrap.active{opacity:1;top:90px;display:block}.alert{padding:8px 20px;display:inline-block;min-width:160px;margin:0 auto;z-index:17}.alert-black{color:#fff;background:#474747;box-shadow:0 2px 8px rgba(0,0,0,.3)}.alert-white{color:#63be45;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.status-pending{border:1px solid #f26522;display:inline-block;padding:2px 15px;font-size:14px;margin-bottom:10px}header{background:#8cd735;position:fixed;top:0;width:100%;z-index:16;transition:top .25s ease-in-out;-moz-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out}.logo{margin-top:16px;margin-bottom:19px}.menu-left{position:static}.header-top{display:flex;justify-content:right;text-align:right;margin-top:18px}.header-top .customer-code{padding-top:.6rem;margin-right:1rem}.currency-type{margin:0 10px 0 0;color:#fff;font-size:16px;border:1px solid #fff;padding:0 5px;width:42px;display:inline-block}.customer-dropdown{display:inline-block}.customer-dropdown button{background:none;border:0;color:#fff}.customer-dropdown button:hover{color:#fff899}.customer-dropdown button i.icon{margin-left:8px}.customer-dropdown ul.dropdown-menu{font-size:16px;padding:0 10px;text-align:center;border:1px solid #f4f6f9;right:-8px;margin-top:8px;left:auto;width:100%}.customer-dropdown ul.dropdown-menu li{padding:8px 0;border-bottom:1px solid #f4f6f9;cursor:pointer}.customer-dropdown ul.dropdown-menu li.active,.customer-dropdown ul.dropdown-menu li:hover{color:#67c04a}.customer-dropdown ul.dropdown-menu li:last-child{border-bottom:0}.customer-dropdown ul.dropdown-menu:after,.customer-dropdown ul.dropdown-menu:before{position:absolute;pointer-events:none;border:solid transparent;bottom:100%;content:"";height:0;width:0}.customer-dropdown ul.dropdown-menu:after{border-bottom-color:#fff;border-width:6px;right:10%;margin-right:-6px}.customer-dropdown ul.dropdown-menu:before{border-bottom-color:#f4f6f9;border-width:7px;right:10%;margin-right:-7px}.customer-type-dropdown{background-color:#1f560d;border-radius:5px;height:35px;padding:5px}ul.menu-info{display:inline-block;color:#fff;border-left:1px solid #fff;margin-left:10px;line-height:24px;font-size:18px;padding-top:.5rem}ul.menu-info>li{display:inline-block;padding-left:10px;cursor:pointer}ul.menu-info>li:hover{color:#fff899}.menu-info .login-btn{margin-right:2px}.menu-info .login-text{font-size:16px}form.search-box-desktop{top:-8px;right:0;left:auto;background:#8cd735;border:0;box-shadow:none;width:350px;border-bottom:1px solid #fff;border-radius:0}button.btn-search{color:#fff;font-size:18px;background:none;border:0;padding:0;float:right}button.btn-search:hover{color:#fff}input.headerSearch{border:0;background:none;color:#fff;font-size:16px;vertical-align:bottom;width:90%}input.headerSearch::placeholder{color:#fff}input.headerSearch:-ms-input-placeholder{color:#fff}input.headerSearch::-ms-input-placeholder{color:#fff}#userLabel[aria-expanded="false"] span{display:none}#userLabel span{vertical-align:bottom;margin-left:5px}ul.dropdown-user{left:auto;right:0;margin-top:8px;font-size:16px;padding:0 10px;text-align:center;border:1px solid #f4f6f9;width:190px}ul.dropdown-user li{padding:8px 0;border-bottom:1px solid #f4f6f9;cursor:pointer}ul.dropdown-user>li>a{padding:0}ul.dropdown-user>li>a:hover,ul.dropdown-user>li>a:focus{color:#67c04a;background:none}.dropdown-user:after,.dropdown-user:before{position:absolute;pointer-events:none;border:solid transparent;bottom:100%;content:"";height:0;width:0}.dropdown-user:after{border-bottom-color:#fff;border-width:6px;right:10%;margin-right:-6px}.dropdown-user:before{border-bottom-color:#f4f6f9;border-width:7px;right:10%;margin-right:-7px}ul.nav-menu{float:left}ul.nav-menu>li{float:left;color:#fff;font-size:17px;font-weight:500;cursor:pointer;padding:12px 18px 22px 18px;line-height:24px;text-decoration:none}ul.nav-menu:after{content:'';display:table;clear:both}.submenu{opacity:0;position:absolute;background:transparent;z-index:12;width:100%;left:0;right:0;margin:0 auto;top:100%;text-align:center;height:0;visibility:hidden}.menu .submenu ul li ul{position:absolute;top:0;left:100%;width:150%;opacity:0;height:0;visibility:hidden;padding-left:4rem}.submenu ul li:hover ul{opacity:1;height:auto;visibility:visible}.submenu .container{position:absolute;left:0;right:0;margin:0 auto;display:flex;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15);padding:15px}.submenu .container .first-layer{z-index:1}.submenu .container .wws-section{z-index:2}ul.nav-menu>li:hover>.submenu{opacity:1;height:auto;visibility:visible;transition:opacity 250ms ease,height 650ms ease,visibility 0s linear 0s,top 0s linear 0s}ul.nav-menu>li:hover{color:#fff899;text-decoration:underline;text-underline-offset:1rem}ul.nav-menu>li:nth-child(3):hover,ul.nav-menu>li:nth-child(5):hover{background:none}.wws-section{margin-left:auto;width:23%}.wws-section img{border:1px solid #e8eaec;width:100%;padding:1rem}.submenu ul:after{content:'';display:table;clear:both}.menu .submenu ul:first-child{margin-left:30rem;border-right:2px solid #e8eaec}.submenu ul li{text-align:left;font-size:16px;line-height:40px;padding:0 4rem 0 0;position:relative;min-width:24rem}.menu .submenu ul li{color:#000}.menu .submenu ul li>a>span{margin-right:1rem}.menu .submenu ul li{color:#000}.menu .submenu ul li>a>span{margin-right:1rem}@media only screen and (max-width:1130px){.submenu ul li{text-align:left;font-size:16px;line-height:40px;position:relative}.menu .submenu ul li{color:#000}}.submenu ul li a{display:flex;align-items:center}.submenu ul li:last-child{margin-right:0}.submenu ul li i.icon{margin-right:15px;font-size:2rem}.mobMenu .submenu ul li i.icon{margin-right:5px}.submenu ul li i.fa{margin-left:auto;-webkit-text-stroke:2px white;font-size:2.6rem}.menu .submenu ul li:hover{color:#63be45}.menu .submenu ul li:hover .icon-soda:before,.submenu ul li:hover .icon-tea:before,.submenu ul li:hover .icon-coffee:before,.submenu ul li:hover .icon-wws-filter:before,.submenu ul li:hover .icon-wellness:before{filter:invert(71%) sepia(18%) saturate(4320%) hue-rotate(58deg) brightness(108%) contrast(53%)}.mobMenu .submenu ul li .icon-soda:before,.mobMenu .submenu ul li .icon-tea:before,.mobMenu .submenu ul li .icon-coffee:before,.mobMenu .submenu ul li .icon-wws-filter:before{margin-left:2px;height:30px;width:30px;filter:unset}.mobMenu .submenu ul li .icon-wws-filter:before{margin-left:2px;height:25px;width:25px}.submenu ul li:hover:after{-moz-transform-origin:left center;-ms-transform-origin:left center;-webkit-transform-origin:left center;transform-origin:left center;-moz-transform:scale(1,1);-ms-transform:scale(1,1);-webkit-transform:scale(1,1);transform:scale(1,1)}.submenu.show{position:relative;top:10px;left:-15px;opacity:1;display:block;width:calc(100% + 30px);height:auto;visibility:visible;box-shadow:none}ul.submenu-list li{display:list-item;width:100%;text-align:left;margin:0;padding:8px 0;line-height:24px;border-bottom:1px solid #fdfdfd}.mobMenu ul.submenu-list.ctselect{padding:0 15px}.mobMenu ul.submenu-list li{border-bottom:unset}ul.submenu-list li a{display:block}.mobMenu ul.submenu-list li a{padding:0 15px 5px 15px}.nav-menu-left{text-align:right;margin-right:1rem;padding-top:.5rem}.shopping-cart{color:#fff;font-size:18px;cursor:pointer;float:right}.mobile-login-section:hover,.mobile-cart-section:hover{color:#fff899}.shopping-cart .icon{margin-right:10px;font-size:24px;vertical-align:top;float:left}.shopping-cart>span.shopping-cart-txt{float:left}.label-cart{color:#474747;background:#fff;font-size:18px;padding:0 10px;position:relative}.label-cart:before{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #fff;position:absolute;right:100%;top:7px}header.fixed-slim{top:-35px}header.fixed-slim .desktop-menu{padding:45px 0 10px 0}header.fixed-slim .logo{margin:0}header.fixed-slim .logo img{height:35px}header.fixed-slim .header-top{margin-top:0;display:flex;margin-right:10px;margin-bottom:10px}header.fixed-slim .nav-menu-left{margin-top:0}header.fixed-slim .menu-left{text-align:right;margin-top:5px}header.fixed-slim .customer-dropdown{display:none}header.fixed-slim ul.menu-info{border-left:0;padding-left:0;margin-left:0;padding-top:.3rem}header.fixed-slim .customer-code{margin-right:0}header.fixed-slim ul.menu-info>li{display:none}header.fixed-slim ul.menu-info>li:last-child{display:inline-block;font-size:20px;line-height:25px}header.fixed-slim nav.menu{float:right}header.fixed-slim ul.nav-menu{display:none}header.fixed-slim .shopping-cart{margin-top:0}header.simple ul.menu-info{border-left:0}.mobile-menu{display:none}.cookie-alert{background:#fff;padding:20px 0}header.fixed-slim .cookie-alert{display:none}.cookie-outer{position:relative}.cookie-outer img{width:35px;position:absolute;top:50%;margin-top:-17.5px;left:0}.cookie-outer .btn-accept{width:110px;position:absolute;right:0;top:50%;margin-top:-17px}.cookie-inner{padding:0 150px 0 50px}.cookie-title{font-weight:bold}#shoppingCartModal{padding-right:0!important}.modal-dialog.rightModal{margin:0;right:0;height:100vh;float:right}.modal.fade .modal-dialog.rightModal{-webkit-transform:translate(100%,0);-ms-transform:translate(100%,0);-o-transform:translate(100%,0);transform:translate(100%,0)}.modal.in .modal-dialog.rightModal{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.rightModal .modal-content{height:100%}.rightModal .modal-content .modal-body{height:auto;overflow-y:auto;position:absolute;width:100%;top:205px;right:0;bottom:0;left:0}.subtotal{color:#474747;font-size:20px;font-weight:600}h3.subtotal-num{font-weight:500}.subtotal-remark{font-size:13px;color:#656565;margin-top:25px}.shoppingCart-row{border-top:1px solid #c7c7c7;padding:30px;margin:0 -15px;position:relative}.shoppingCart-row:after{content:'';display:table;clear:both}.shoppingCart-delete{color:#63be45;text-decoration:underline;position:absolute;bottom:30px;right:30px;cursor:pointer}.shoppingCart-img{float:left;margin-right:20px}.shoppingCart-des{float:left;margin-right:20px;width:50%}.shoppingCart-right{float:right}.shoppingCart-title,.shoppingCart-price{color:#474747;font-size:20px;font-weight:600}.shoppingCart-txt{color:#656565;font-size:16px}#loginModal h4.title,#newMemberModal h4.title{font-weight:500;color:#63be49}#loginModal .btn-login,#newMemberModal .btn-login{width:160px;position:absolute;bottom:0;left:0}#loginModal .btn-login,#newMemberModal .btn-login{left:15px}.loginModal-left,.loginModal-right{position:relative;padding-bottom:50px;min-height:276px}.newMemberModal-right{position:relative;padding-bottom:80px}.loginModal-left{border-right:1px solid #c7c7c7}.loginModal-right{background:url(../image/greyDrop_bg.png) no-repeat 50%}.loginModal-right p{top:50%;position:absolute;margin-top:-22px}.newMemberModal-left img{margin-top:20px;max-width:100%}.clear{clear:both}.align-L{text-align:left}.align-C{text-align:center}.align-R{text-align:right}.modal-ttlAdjust{padding:0 35px}.float-R{float:right!important}.acPanel,.acPanel_sub{border:solid 1px #63be49;border-radius:3px;color:#c7c7c7;box-sizing:border-box;text-align:left;display:inline-block;margin-bottom:20px;cursor:pointer}.acPanel{width:100%;border:solid 1px #c7c7c7}.acPanel_sub{width:47%;padding:0;float:left}.acPanel_innerImg{background-color:#c7c7c7;color:#fff;box-sizing:border-box;width:66px;height:66px;max-width:66px;max-height:66px;display:inline-block;padding:18px 15px;text-align:center;margin:0;font-size:24px;line-height:24px;vertical-align:middle}.acPanel_innerTxt{width:100%;color:#c7c7c7;text-align:left;display:inline-block;font-size:13px;vertical-align:middle;padding:5px 10px 5px;box-sizing:border-box;line-height:16px}.acName{font-size:20px}.acPanel:hover,.acPanel_sub:hover{border:solid 1px #6dc051}.acPanel:hover .acPanel_innerImg,.acPanel_sub:hover .acPanel_innerImg{background-color:#6dc051}.acPanel:hover .acPanel_innerTxt,.acPanel_sub:hover .acPanel_innerTxt{color:#6dc051}.acPanel_subPadding{padding:15px 35px 30px;box-sizing:border-box}.acPanel_select_L,.acPanel_select_R{width:48%;padding:0;float:left;color:#656565;text-align:left;margin-bottom:0}.acPanel_select_L{margin-right:18px;box-sizing:border-box}.acPanel_select_L p{margin:0 0 5px}.acPanel_select_R p{margin:0 0 5px}select.acLocation option[value=""][disabled]{display:none}.noOverflow{overflow-y:hidden!important}span#reOrderMsg{color:#f26522;font-weight:600;font-size:20px;vertical-align:bottom;line-height:2.4}@media(max-width:1130px){.acPanel_sub{width:100%;padding:0;float:left;margin-right:0}.acPanel_select_L,.acPanel_select_R{width:99%;padding:0;float:left;color:#656565;text-align:left;margin-bottom:15px;margin-left:5px}}@media(max-width:768px){.acPanel_subPadding{padding:15px 5px 30px;box-sizing:border-box}}.btn-back-to-top{position:fixed;bottom:87px;right:14px;background-color:#fff;box-shadow:1px 3px 11px 2px rgba(0,0,0,.15);padding:1rem;border-radius:1rem;z-index:99}.btn-back-to-top i{margin:0 .4rem;-webkit-text-stroke:1px white;font-size:2rem;transform:translateY(2px)}.footer-top{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2}.footer-top h5{margin:27px 0;float:left}.footer-top h5 a{pointer-events:none}.footer-top h5 img{height:27px;padding-left:15px}.footer-lower .container{display:flex;flex-direction:column}.footer-copyright{font-size:12px}@media(max-width:768px){.footer-copyright{font-size:10px;padding:10px 0}}.social-chanel{float:right;margin-top:4px;padding-bottom:1rem}ul.social-icon{margin-left:10px;display:inline-block}ul.social-icon li{display:inline-block;margin-left:15px;font-size:42px;color:#63be45}ul.social-icon li:hover{color:#8cd735}.social-chanel span{color:#474747;font-size:16px;line-height:42px}.footer-content{padding-bottom:30px}.footer-content h5{margin-top:45px}.footer-link-titleMob{display:none;font-size:16px;color:#63be45;margin:20px 0;font-weight:600;position:relative;cursor:pointer}.footer-link-titleMob:before{display:inline-block;position:absolute;content:'';width:12px;height:2px;background-color:#63be45;top:11px;right:6px}.footer-link-titleMob:after{display:inline-block;position:absolute;content:'';width:12px;height:2px;background-color:#63be45;top:12px;right:0;transform:translate(-50%,-50%) rotate(90deg)}.footer-link-titleMob.open:after{width:0}ul.footer-link{color:#656565;margin-top:15px}ul.footer-link li{margin:5px 0}ul.footer-link li a:hover{color:#63be45}.footer-drops>img{max-width:100%;margin-top:45px}ul.download-list{margin-top:25px}ul.download-list li{display:inline-block;max-width:23%;position:relative;cursor:pointer}ul.download-list li:before{content:'';display:block;position:absolute;width:100%;height:100%;background-color:rgba(244,246,249,.2);opacity:0}ul.download-list li:hover:before{opacity:1}ul.download-list li img{width:100%}ul.download-list li:last-child{float:right}.footer-location{background:#fdfdfd}.location-item{text-align:center;margin:32px 0}.location-item a:after{content:"q";color:#6abc00;font-family:"watsons-water"!important;font-style:normal!important;font-weight:normal!important;font-variant:normal!important;text-transform:none!important;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:48px;vertical-align:bottom;font-size:32px}.location-item i.icon{margin-right:20px;color:#656565;font-size:48px;vertical-align:top}.location-item h4{display:inline-block;color:#303030;margin-bottom:0;margin-right:30px;line-height:48px;font-size:22px}.location-item:hover h4{color:#63be45}.footer-bottom{color:#fff;background:#63be45;padding-bottom:10px}ul.footer-bottom-list{margin:24px 0;display:inline-block}ul.footer-bottom-list li{display:inline-block;padding:0 15px;border-left:1px solid #fff;line-height:1}ul.footer-bottom-list li:first-child{padding-left:0;border-left:0}ul.footer-bottom-list li a:hover{color:#fff899}.footer-bottom img{float:right;margin-top:23px}@media(max-width:1200px){.location-item i.icon{display:block}.submenu .container{width:100%}}@media(max-width:1100px){.wws-section{width:20%}}@media(max-width:1024px){h1{font-size:36px}h2{font-size:30px}h3{font-size:28px}h4{font-size:20px}h5{font-size:16px}h6{font-size:12px}.importantTips{font-size:16px;margin-top:60px}header.fixed-slim{top:-15px}.desktop-menu{display:none}.mobile-menu{display:block}header{z-index:999}header .headerMobile{height:60px;position:absolute;top:0;width:100%;background:#8cd735;transition:top .25s ease-in-out;-moz-transition:top .25s ease-in-out;-webkit-transition:top .25s ease-in-out}.headerMobile.fixed{top:0}header.fixed-slim .smobitrigger{display:none}header.fixed-slim .logo{margin-top:22px;text-align:left;margin-left:15px;padding:0}header.fixed-slim .logo img{height:30px}.shopping-cart .icon{margin-right:10px;font-size:24px;vertical-align:top;float:none}.smobitrigger{position:absolute;width:60px;height:60px}.smobitrigger .mobileMenuButtonContainer{position:relative;margin-left:15px;margin-top:23px;height:20px}.smobitrigger span.icon-bar{display:block;float:left;clear:both;height:2px;width:20px;position:absolute;top:0;left:0;background-color:#fff;overflow:hidden;z-index:9}.smobitrigger span.icon-bar:nth-child(2){margin-top:7px;width:15px}.smobitrigger span.icon-bar:nth-child(3){margin-top:14px}.logo{text-align:center;margin:0;padding:10px 0}.logo img{max-height:40px}.shopping-cart{margin-top:0;position:absolute;right:15px;top:15px;width:60px;text-align:right;display:flex}.shopping-cart .mobile-login-section a{display:flex;flex-direction:column;align-items:center;margin-right:5px}.shopping-cart .mobile-login-section a i{margin-right:0}.shopping-cart .mobile-login-section a span{font-size:14px;line-height:1}.shopping-cart .mobile-cart-section{display:flex;align-items:center;justify-content:center}.zh-hk .shopping-cart{width:65px}.shopping-cart .icon{margin-right:5px;font-size:18px;vertical-align:middle}.label-cart{font-size:14px;padding:2px 8px;margin-left:0}.zh-hk .label-cart{font-size:12px;padding:0 6px}.label-cart:before{border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:4px solid #fff;top:5px}.mobMenuWrap{position:fixed;color:#474747;background:#fdfdfd;z-index:99;width:80%;top:0;right:100%;height:100%;overflow-y:scroll}.mobMenuWrap.show{right:20%;transition:all .5s}.mobLogo{background:#8cd735;padding:10px 15px}.mobLogo img{max-height:40px}.ovrActv{position:fixed;background:rgba(0,0,0,.65);width:100%;height:100%;top:0;z-index:98;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}ul.mobFunction{border-bottom:1px solid #f7f7fa}ul.mobFunction li{display:inline-block;margin-left:-4px;border-left:1px solid #f7f7fa;width:50%;padding:10px 15px;color:#656565;font-size:16px}ul.mobFunction li:first-child{margin-left:0;border-left:0}ul.mobFunction li.lang{text-align:center}form.search-box-mobile{position:relative}form.search-box-mobile input{border:0;max-width:100%}form.search-box-mobile button.btn-search{position:absolute;top:0;right:0;color:#656565;font-size:16px}ul.mobNav{font-weight:500;padding:0 15px}ul.mobNav>li{padding:10px 0;border-bottom:1px solid #f7f7fa;position:relative}ul.mobNav>li>.mobMenuTitle{display:flex}ul.mobNav>li.opened>.mobMenuTitle>i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}ul.mobNav>li>.mobMenuTitle>i{font-size:2.4rem;color:#63be45;margin-left:auto;margin-right:0;-webkit-text-stroke:2px white}.mobMenu .submenu-list>li>a{display:flex}.mobMenu .submenu-list>li.opened>a>.fa{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.mobMenu .submenu-list>li>a>.fa{font-size:2.4rem;color:#63be45;margin-left:auto;margin-right:0}.mobMenu .submenu-list>li.closed>ul{display:none}.mobMenu .submenu-list>li.opened>ul{display:block;background:#f4f6f9;padding:0 35px}ul.mobNav .mobMenuTitle{margin:-10px;padding:10px;position:relative}.submenu ul li i.icon{font-size:30px}.submenu ul li:hover:after{display:none}span.user-tips{font-size:12px;display:block}span.user-name{color:#63be45;font-size:18px}main{margin-top:60px;padding-bottom:50px}.alert-wrap.active{top:60px}.footer-top h5 a{pointer-events:auto}}.desktop-display{display:block}.mobile-display{display:none}@media(max-width:992px){.footer-content h5{display:none}ul.footer-link{display:none}.footer-drops>img{max-width:50%;max-height:150px;margin-top:0}ul.download-list li{max-width:23%;margin-bottom:15px}.footer-link-titleMob{display:block}.location-item{margin:15px 0}.location-item i.icon{margin-right:0}.location-item h4{margin-top:10px;display:block;margin-right:0;line-height:1.4;font-size:16px}.location-item a:after{display:none}}@media(max-width:768px){.modal-ttlAdjust{padding:0}.footer-top{padding:15px 0}.footer-top h5{margin:0;float:none;text-align:center;font-size:20px}.footer-top h5 img{height:20px;padding-left:10px}.social-chanel{float:none;margin-top:0;text-align:center}ul.social-icon{float:none;display:inline-block}ul.social-icon li{font-size:27px}ul.footer-bottom-list{margin:15px 0;font-size:14px}.footer-bottom img{float:left;margin-top:0}.cookie-alert{padding:15px 0;position:relative;z-index:999}.cookie-outer img{top:0;margin-top:0}.cookie-inner{padding:0 15px 0 45px;margin-bottom:15px}.cookie-outer .btn-accept{position:relative;right:auto;top:auto;margin-top:0;float:right}.modal-dialog.rightModal{float:none;width:100%}.rightModal .modal-content{position:fixed;border-radius:0;left:0;overflow-y:scroll;border:0;width:100%}.shoppingCart-des{width:50%}.shoppingCart-img{float:none;margin-right:0;text-align:center}ul.customerType-select:after{content:'';display:table;clear:both}ul.customerType-select li{float:left;width:30%;height:auto;margin-left:5%;padding-top:30px}ul.customerType-select li:first-child{margin-left:0}.modal-full{position:fixed;height:100%;width:100%;margin:0;top:0;bottom:0;left:0;right:0;overflow-y:scroll}.modal-full .modal-content{border:0;border-radius:0;box-shadow:none;min-height:100%}.modal-middle .modal-dialog.modal-full{top:0;transform:none!important;text-align:left}.modal-middle .modal-dialog.modal-full .modal-body{padding:15px;max-height:none}#loginModal .btn-login{position:relative;bottom:auto;width:100%}#newMemberModal .btn-login{position:relative;bottom:auto;width:100%;margin-top:30px}.loginModal-left,.loginModal-right{padding-bottom:0}.loginModal-left{border-right:0}.loginModal-right{background-position:15px 0;background-size:contain;margin-top:30px}.loginModal-right p{top:auto;position:relative;margin:30px 0}.newMemberModal-right{padding-bottom:0}.newMemberModal-left img{display:none}.modal-middle .modal-body{padding:0 15px 0}.badge{font-size:16px;line-height:1.8;width:30px;height:30px}.ui-datepicker ul.date-picker-remark{position:relative;bottom:auto;right:auto}}@media screen and (max-width:500px){.modal-middle .modal-body{max-height:400px}iframe{width:100%}}.spinner{pointer-events:none}.spinner:before{content:"";position:fixed;top:50%;left:50%;z-index:99;height:28px;width:28px;margin-top:-14px;margin-left:-14px;animation:rotate .8s infinite linear;border:3px solid rgba(0,0,0,.6);border-right-color:transparent;border-radius:50%;pointer-events:none}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.form-readonly{pointer-events:none;background-color:#f4f6f9}.form-readonly-no-color{pointer-events:none}.form-error-msg{color:#f00}.date-picker-highlight{border:1px solid #dad55e;background:#fff}.date-picker-highlight>a.ui-state-default{border:1px solid #dad55e;border-radius:50%;background:#fffa90}.mobile-display{display:none}.btn-option{height:120px;margin:5px;width:40%;text-align:center;white-space:normal;word-wrap:break-word}.btn-option-grp{text-align:center}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.notification-bubble{background-color:#ff4545;color:#fff;font-size:16px;line-height:1.4;width:23px;height:23px;font-weight:bold;margin-left:4px}.desktop-menu-notification{padding-left:0!important;cursor:unset!important}.desktop-menu-notification-icon{font-size:25px;color:#ff4545;width:33px!important}.desktop-menu-notification-number{font-size:16px;line-height:1.9!important;width:33px!important}.desktop-menu-notification-number span{font-family:Quicksand,Arial,Verdana,Helvetica,sans-serif,MingLiU}