@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,700|Oswald:400,600,700|Roboto+Condensed:400,700&display=swap");.cardBasicList .textBox,.cardBasicTitleInfo,.cartQuestionLink:after,.categoryList .hasSubmenu>a:before,.deleteCartItemBtn:before,.footerLinkBox a:before,.functionBox svg,.hoverMask .imgBox:before,.labelStyle:before,.LargeArrowLinkBtn svg,.lightBox,.lightBoxContent,.menuOpenBtn:after,.menusocialBox svg,.mobileCategoryList,.mobileCategoryList .hasSubmenu>a:before,.nextArrow,.pageBox a:before,.pageMask,.prevArrow,.productList .hoverImg,.productList .price,.productList .textBox,.productList .textBox h3,.scrollShowMask:before,.searchBtn svg,.shareBox .line svg,.slick-dots button,.slick-dots button:before,.slideCartBox,.slideMenuBox,.smallArrowLinkBtn:before,.socialBox svg,body a,button.learnMoreBtn,footer .goTop:before,header:before{transition:all 0.5s ease-out}.lightBoxContent,.mobileCategoryList{opacity:0}.lightBoxContent{transform:translateY(20px)}.lightBox.show .lightBoxContent,.mobileCategoryBox.show .mobileCategoryList{transform:translate(0);opacity:1}*,:after,:before{box-sizing:border-box}body{color:#cbcbcb;font-size:14px;font-family:"Roboto Condensed","Noto Sans TC",sans-serif;background-color:#1b1b1b}body a{color:#cbcbcb;text-decoration:none}body button{font-family:"Roboto Condensed","Noto Sans TC",sans-serif}.pageContainer{padding-top:100px}@media (max-width:1180px){.pageContainer{padding-top:80px}}.pageContainer>svg{display:none}.wrap{width:100%;max-width:1280px;margin-left:auto;margin-right:auto}@media (max-width:1320px){.wrap{padding-left:20px;padding-right:20px}}header{position:fixed;top:0;left:0;z-index:90;width:100%}header:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-image:url("../images/bg.jpg")}header .wrap{display:flex;align-items:center;max-width:1850px}@media (min-width:1321px) and (max-width:1890px){header .wrap{padding-left:20px;padding-right:20px}}header .functionBox,header .logo{flex-grow:1;max-width:295px}@media (min-width:1341px){header .logo{margin-left:40px}}header nav{flex-grow:1}@media (max-width:1180px){header nav{display:none}}header .functionBox{display:flex;justify-content:flex-end;align-items:center}@media (max-width:1340px){header .functionBox{margin-left:auto}}.logo svg{width:186px;height:58px;fill:#bfbfbf}@media (min-width:1181px) and (max-width:1340px){.logo svg{width:128px;height:40px}}@media (max-width:480px){.logo svg{width:128px;height:40px}}.menu{display:flex;justify-content:center;align-items:center}.menu a{position:relative;display:flex;justify-content:center;align-items:center;height:100px;padding-left:15px;padding-right:15px;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#7b797b}@media (min-width:1025px){.menu a:hover{color:#fff}}.menu a.focus{color:#fff}.menuOpenBtn{flex-shrink:0;position:relative;width:70px;height:80px;border:none;outline:none;background-color:transparent;cursor:pointer}@media (min-width:1181px){.menuOpenBtn{display:none}.menuOpenBtn:hover:after{width:30px}}@media (max-width:480px){.menuOpenBtn{width:40px}}.menuOpenBtn:after,.menuOpenBtn:before{content:"";position:absolute;top:50%;left:15px;z-index:1;height:1px;background-color:#bfbfbf}.menuOpenBtn:before{width:30px;margin-top:-0.5px;box-shadow:0 -9px 0 #bfbfbf}.menuOpenBtn:after{width:18px;margin-top:9.5px}.slideCartBox,.slideMenuBox{position:fixed;top:0;z-index:101;display:flex;flex-direction:column;height:100vh;padding-top:4vh;background-color:#3c3c3c;background-image:url("../images/bg.jpg")}.slideCartBox.show,.slideMenuBox.show{right:0}.slideMenuBox{right:-630px;width:630px;padding-left:110px}@media (max-width:768px){.slideMenuBox{right:-100%;width:100%;padding-left:50px}}.slideMenu{max-height:calc(100vh - 60px);overflow-y:auto}.slideMenu a{display:inline-block;padding-top:6px;padding-bottom:6px;font:700 34px "Oswald","Noto Sans TC",sans-serif;color:#7b797b;text-transform:uppercase}.slideMenu a.focus{color:#cbcbcb}@media (min-width:1025px){.slideMenu a:hover{color:#cbcbcb}}@media (max-width:400px){.slideMenu a{font-size:24px}}.slideCartBox{right:-500px;width:500px;padding:85px 40px 40px}@media (max-width:640px){.slideCartBox{right:-100%;width:100%}}@media (max-width:480px){.slideCartBox{padding-top:60px;padding-left:20px;padding-right:20px}}.slideCartBox .learnMoreBtn{width:100%;height:70px;line-height:70px;margin-top:0;margin-bottom:35px}.cartTitle{margin-bottom:10px;padding-bottom:20px;border-bottom:1px solid #535353;font:700 34px "Oswald","Noto Sans TC",sans-serif;text-transform:uppercase}.cartTitle:after{content:attr(data-title);margin-left:10px;font-size:14px;font-weight:400}.cartList{flex-grow:1;max-height:calc(100vh - 82px - 94px - 70px - 35px);overflow-y:auto}.cartList>li{padding-top:15px;padding-bottom:15px}.cartList>li+li{border-top:1px solid #535353}.cartList .itemBox{position:relative;display:flex;align-items:center}@media (max-width:480px){.cartList .itemBox{flex-direction:column}}.cartList .imgBox{width:85px;height:85px}@media (max-width:480px){.cartList .imgBox{margin-right:auto}}.cartList .imgBox img{display:block;width:100%;height:100%;object-fit:cover}@media (min-width:481px){.cartList .textBox{width:calc(100% - 85px);padding-left:15px}}@media (max-width:480px){.cartList .textBox{width:100%;padding-top:15px}}.cartList h3{margin-bottom:10px}.cartPdInfoList{display:flex}.cartPdInfoList .price{font:700 15px "Oswald","Noto Sans TC",sans-serif}.cartPdInfoList .price:before{content:"NT$"}.deleteCartItemBtn{position:absolute;top:0;right:0;z-index:1;width:30px;height:30px;background-color:transparent;border:none;outline:none;cursor:pointer}@media (min-width:1181px){.deleteCartItemBtn:hover:before{border-color:#cbcbcb}.deleteCartItemBtn:hover:after{background-image:linear-gradient(to right,#cbcbcb,#cbcbcb),linear-gradient(to right,#cbcbcb,#cbcbcb)}}.deleteCartItemBtn:after,.deleteCartItemBtn:before{content:"";position:absolute;top:50%;left:50%;z-index:1}.deleteCartItemBtn:before{width:22px;height:22px;margin-top:-11px;margin-left:-11px;border:1px solid #7b797b;border-radius:50%}.deleteCartItemBtn:after{width:16px;height:16px;margin-top:-7px;margin-left:-8px;background-image:linear-gradient(to right,#7b797b,#7b797b),linear-gradient(to right,#7b797b,#7b797b);background-position:calc(50% - .5px) calc(50% - .5px);background-size:1px 100%,100% 1px;background-repeat:no-repeat;transform:rotate(45deg)}.cartTotalBox{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px;border-top:1px solid #535353}.cartTotalBox:before{content:"Total"}.cartTotalBox .totalPrice{font:700 23px "Oswald","Noto Sans TC",sans-serif;letter-spacing:1px}.cartTotalBox .totalPrice:before{content:"NT$"}.cartQuestionLink{display:flex;align-items:center;justify-content:center;padding-top:10px;padding-bottom:10px;font-size:14px;color:#7b797b;letter-spacing:1px;border-bottom:1px solid #535353}@media (min-width:1181px){.cartQuestionLink:hover{color:#cbcbcb}.cartQuestionLink:hover:after{border-color:transparent transparent transparent #cbcbcb}}.cartQuestionLink:after{content:"";width:0;height:0;margin-left:10px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #7b797b}.menuCloseBtn{position:absolute;top:20px;right:20px;z-index:1;width:50px;height:50px;border:none;background-color:transparent;cursor:pointer}@media (max-width:480px){.menuCloseBtn{top:10px}}.menuCloseBtn:before{content:"";position:absolute;width:30px;height:30px;margin-top:-15px;margin-left:-15px;background-image:linear-gradient(to right,#bebebe,#bebebe),linear-gradient(to right,#bebebe,#bebebe);background-position:calc(50% - .5px) calc(50% - .5px);background-size:1px 100%,100% 1px;background-repeat:no-repeat;transform:rotate(45deg)}.menuCloseBtn[data-copyright]:after{content:attr(data-copyright);position:absolute;top:80px;right:0;z-index:1;writing-mode:vertical-lr;white-space:nowrap;color:#7b797b;letter-spacing:0.5px;pointer-events:none}.functionBox svg,.searchBtn svg{fill:#cbcbcb}@media (min-width:1181px){.functionBox svg:hover,.searchBtn svg:hover{fill:#7b797b}}.pageMask{position:fixed;top:0;left:0;z-index:89;width:100%;height:100vh;background-color:rgba(0,0,0,0.7);opacity:0;pointer-events:none;visibility:hidden}.pageMask.show{opacity:1;pointer-events:auto;visibility:visible}.searchBtn,.searchOpenBtn{border:none;outline:none;background-color:transparent;cursor:pointer}.searchBtn svg,.searchOpenBtn svg{width:19px;height:23px}.searchOpenBtn{width:40px;height:40px}.memberBtn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;margin-right:10px}.memberBtn svg{width:20px;height:23px}.languageBox{position:relative}@media (max-width:1180px){.languageBox{display:none}}.languageBox>a{width:80px;height:100px;padding-right:20px;outline:none}.languageBox>a:after{content:"";width:0;height:0;margin-left:5px;border-style:solid;border-width:11px 4px 0 4px;border-color:#cbcbcb transparent transparent transparent}.languageBox a{display:flex;justify-content:center;align-items:center;letter-spacing:1px}.languageBox ul{position:absolute;top:100%;right:16px;z-index:1;display:none;width:100%;text-align:center}.languageBox ul a{height:40px;background-color:#313131}.menuLanguageBox{display:flex;margin-top:30px;font-size:16px}.menuLanguageBox a{display:block;padding-top:3px;padding-bottom:3px}.menuLanguageBox ul{margin-left:7px;padding-left:7px;border-left:1px solid #7b797b}.menuLanguageBox ul a{color:#7b797b}.cartHeaderBtn{display:flex;align-items:center;height:50px;letter-spacing:1px;text-transform:uppercase}@media (max-width:480px){.cartHeaderBtn{width:40px;font-size:0}}.cartHeaderBtn svg{width:22px;height:28px;margin-bottom:5px;margin-right:10px}@media (max-width:480px){.cartHeaderBtn svg{margin-bottom:0;margin-left:auto;margin-right:auto}}.searchBox{position:absolute;top:100px;right:0;z-index:90;display:none;padding:70px 125px 125px 55px;background-color:#313131}@media (max-width:1180px){.searchBox{top:80px}}@media (max-width:680px){.searchBox{width:100%;padding:40px 30px}}.searchBox input{width:440px;padding-top:15px;padding-bottom:15px;padding-right:60px;font-size:19px;border:1px solid;color:#cbcbcb;border-color:transparent transparent #3a3a3a;font-family:"Roboto Condensed","Noto Sans TC",sans-serif;background-color:transparent}.searchBox input::-webkit-input-placeholder{color:#444}.searchBox input:-ms-input-placeholder{color:#444}.searchBox input::-moz-placeholder{color:#444;opacity:1}.searchBox input:-moz-placeholder{color:#444;opacity:1}@media (max-width:680px){.searchBox input{width:100%}}.searchBtn{position:absolute;top:70px;right:125px;z-index:1;width:60px;height:60px}@media (max-width:680px){.searchBtn{top:50%;right:30px;margin-top:-30px}}.lineLinkBtn{position:relative;align-self:flex-start;padding-top:3px;padding-bottom:3px;font-size:12px;text-transform:uppercase}.lineLinkBtn:before{content:"";position:absolute;left:0;bottom:0;z-index:1;width:100%;height:1px;background-color:#eee}footer{position:relative;padding-top:60px;padding-bottom:60px;background:url("../images/bg.jpg")}@media (max-width:1180px){footer{padding-top:50px;padding-bottom:50px}}footer .wrap{max-width:1290px}footer .wrap>h2{margin-bottom:30px;font:700 60px "Oswald","Noto Sans TC",sans-serif;text-transform:uppercase}@media (max-width:1180px){footer .wrap>h2{display:none}}footer .copyright{margin-top:30px;font-size:13px;color:#7b797b;text-transform:uppercase;letter-spacing:0.5px}@media (max-width:1180px){footer .copyright{margin-top:10px;text-align:center}}footer .goTop{position:absolute;right:60px;bottom:0;z-index:1;display:flex;align-items:center;writing-mode:vertical-lr;font:400 19px "Oswald","Noto Sans TC",sans-serif;color:#7b797b;text-transform:uppercase}@media (min-width:1181px){footer .goTop:hover{color:#fff}footer .goTop:hover:before{border-color:transparent transparent #fff transparent}}@media (max-width:960px){footer .goTop{display:none}}footer .goTop:before{content:"";display:block;width:0;height:0;margin-bottom:14px;border-style:solid;border-width:0 10.5px 17px 10.5px;border-color:transparent transparent #7b797b transparent}footer .goTop:after{content:"";display:block;width:1px;height:165px;margin-top:20px;background:linear-gradient(to bottom,#7b797b 5px,transparent,transparent 100%) 0 0/1px 6px repeat-y}.footerInfoBox{display:flex}@media (max-width:768px){.footerInfoBox{flex-direction:column;align-items:center}}@media (min-width:769px){.footerContactBox{width:430px}}@media (max-width:768px){.footerContactBox{text-align:center}}.footerContactBox h3{margin-bottom:10px;font-size:16px}.footerContactBox li{display:inline-block;margin-top:5px;margin-bottom:5px}.footerContactBox li:nth-child(2n){margin-left:10px}.footerContactBox li:first-child{padding-left:10px;padding-right:10px;border-left:1px solid currentColor;border-right:1px solid currentColor}@media (max-width:768px){.footerLinkBox{margin-top:20px;text-align:center}}.footerLinkBox h3{margin-bottom:10px;font-size:16px;text-transform:uppercase}.footerLinkBox ul{max-width:360px;margin-left:-10px;margin-right:-10px}.footerLinkBox li{display:inline-block;margin-bottom:5px;padding-left:10px;padding-right:10px}.footerLinkBox a{position:relative;display:block;padding-top:5px;padding-bottom:5px;letter-spacing:1px}@media (min-width:1181px){.footerLinkBox a:hover:before{width:100%}}.footerLinkBox a:before{content:"";position:absolute;left:0;bottom:0;z-index:1;width:0;height:1px;background-color:currentColor}.menusocialBox,.socialBox{display:flex;align-items:center}@media (max-width:1180px){.menusocialBox,.socialBox{flex-direction:column;justify-content:center;margin-top:20px}}.menusocialBox h3,.socialBox h3{text-transform:uppercase}.menusocialBox ul,.socialBox ul{display:flex;align-items:center}@media (min-width:1181px){.menusocialBox ul,.socialBox ul{margin-left:10px}}@media (max-width:1180px){.menusocialBox ul,.socialBox ul{margin-top:10px}}.menusocialBox a,.socialBox a{display:flex;justify-content:center;align-items:center;width:40px;height:40px}@media (min-width:1181px){.menusocialBox a:hover svg,.socialBox a:hover svg{fill:#fff}}.menusocialBox svg,.socialBox svg{fill:#e5e5e5}.menusocialBox .fb svg,.menusocialBox .ig svg,.socialBox .fb svg,.socialBox .ig svg{width:15px;height:15px}.menusocialBox .line svg,.socialBox .line svg{width:17px;height:16px}.menusocialBox{margin-top:30px}@media (max-width:1180px){.menusocialBox{display:none}}.menusocialBox h3{font-size:16px}.lineBg{position:relative;z-index:1}.lineBg:before{content:"";position:absolute;top:0;left:0;right:0;z-index:-1;width:100%;height:100%;max-width:1324px;margin:auto;background-image:linear-gradient(to bottom,rgba(160,160,160,0.1) 5px,transparent 0,transparent 100%),linear-gradient(to bottom,rgba(160,160,160,0.1) 5px,transparent 0,transparent 100%),linear-gradient(to bottom,rgba(160,160,160,0.1) 5px,transparent 0,transparent 100%),linear-gradient(to bottom,rgba(160,160,160,0.1) 5px,transparent 0,transparent 100%),linear-gradient(to bottom,rgba(160,160,160,0.1) 5px,transparent 0,transparent 100%);background-position-x:0,25%,50%,75%,100%;background-position-y:0;background-size:1px 6px;background-repeat:repeat-y}.learnMoreBtn{position:relative;z-index:1;display:block;width:200px;height:50px;line-height:50px;margin-left:auto;margin-right:auto;text-align:center;text-transform:uppercase;border:1px dashed #535353;background-color:#1b1b1b}button.learnMoreBtn{cursor:pointer;outline:none}@media (min-width:1181px){.learnMoreBtn:hover{color:#1b1b1b;background-color:#cbcbcb}}.learnMoreBtn.reverse{color:#1b1b1b;background-color:#cbcbcb;border-color:transparent}@media (min-width:1181px){.learnMoreBtn.reverse:hover{color:#cbcbcb;background-color:#1b1b1b;border-color:#535353}}.LargeArrowLinkBtn{display:flex;align-items:flex-end;font-size:16px;text-transform:uppercase}@media (min-width:1181px){.LargeArrowLinkBtn:hover svg{margin-right:15px;fill:#cbcbcb}}.LargeArrowLinkBtn svg{margin-right:30px;width:95px;height:18px;fill:#706e70}.smallArrowLinkBtn{position:relative;display:block;width:90px;padding-left:20px;color:#1b1b1b;font-size:12px;text-transform:uppercase}@media (min-width:1181px){.smallArrowLinkBtn:hover:before{left:5px}}.smallArrowLinkBtn:before{content:"";position:absolute;top:50%;left:0;z-index:1;width:0;height:0;margin-top:-5px;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #1b1b1b}.nextArrow,.prevArrow{position:absolute;top:50%;z-index:2;margin-top:-10px;border:none;outline:none;background-color:transparent;cursor:pointer;opacity:0.2}@media (min-width:1181px){.nextArrow:hover,.prevArrow:hover{opacity:1}}.nextArrow svg,.prevArrow svg{width:94px;height:20px;fill:#a9a9a9}.slick-dots{margin-top:20px;padding-top:20px;padding-bottom:20px;text-align:center}.slick-dots .slick-active button{width:37px}.slick-dots .slick-active button:before{width:28px;margin-left:-14px}.slick-dots li{display:inline-block}.slick-dots button{position:relative;width:15px;height:15px;border:none;outline:none;cursor:pointer;color:transparent;font-size:0;background-color:transparent}.slick-dots button:before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:6px;height:6px;margin-top:-3px;margin-left:-3px;border-radius:3px;background-color:#999}.cardBasicList{display:flex;flex-wrap:wrap}@media (min-width:1181px){.cardBasicList>li:hover .textBox{bottom:0;background-color:#cbcbcb}.cardBasicList>li:hover .cardBasicTitleInfo,.cardBasicList>li:hover .cardBasicTitleInfo a{color:#1b1b1b}}@media (max-width:1180px){.cardBasicList>li .textBox{bottom:0;background-color:#cbcbcb}.cardBasicList>li .cardBasicTitleInfo,.cardBasicList>li .cardBasicTitleInfo a{color:#1b1b1b}}.cardBasicList img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cardBasicList .textBox{position:absolute;left:0;bottom:-23px;z-index:1;width:100%;padding:15px 30px 10px;background-color:#000}.cardBasicList .smallArrowLinkBtn{margin-left:auto}.cardBasicTitleInfo{display:flex;align-items:baseline;height:24px;margin-bottom:10px}.cardBasicTitleInfo .date{margin-right:5px;font:700 15px "Oswald","Noto Sans TC",sans-serif}.cardBasicTitleInfo .date+h3{width:calc(100% - 75px)}.cardBasicTitleInfo h3{width:100%}.cardBasicTitleInfo h3 a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productList .itemBox{position:relative;max-width:450px;margin-left:auto;margin-right:auto;color:#e5e5e5}@media (min-width:1181px){.productList .itemBox:hover .price,.productList .itemBox:hover .textBox h3{transform:translate(0);opacity:1;transition-delay:0.3s}.productList .itemBox:hover .textBox{bottom:15px}.productList .itemBox:hover .hoverImg{opacity:1}}.productList .imgBox{position:relative;z-index:1}.productList .imgBox img{display:block;max-width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.productList .hoverImg{position:absolute;top:0;left:0;z-index:1;opacity:0;pointer-events:none;display:block;width:100%;height:100%;object-fit:cover}@media (max-width:1180px){.productList .hoverImg{opacity:1}}.productList .price{position:absolute;top:40px;z-index:2;font:700 17px "Oswald","Noto Sans TC",sans-serif;transform:translateX(10px);opacity:0}.productList .price:before{content:attr(data-unit)}.productList .productNewTag{position:absolute;top:28px;z-index:2;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;font-weight:700;font-family:"Oswald","Noto Sans TC",sans-serif;text-transform:uppercase;background:url("../images/iconBg.jpg")}.productList .textBox{position:absolute;left:0;bottom:0;z-index:3;width:100%;pointer-events:none}.productList .textBox em{display:block;font-weight:700;font-family:"Oswald","Noto Sans TC",sans-serif;text-transform:uppercase;letter-spacing:0.5px}.productList .textBox h3{margin-top:7px;opacity:0;transform:translateY(10px)}.scrollShowMask{position:relative;overflow:hidden}.show .scrollShowMask:before{width:0}.scrollShowMask:before{content:"";position:absolute;top:0;right:0;z-index:2;width:100%;height:100%;background-color:#1b1b1b;pointer-events:none}@media (min-width:1181px){.hoverMask:hover .imgBox:before{opacity:0}}@media (max-width:1180px){.hoverMask .imgBox:before{opacity:0}}.hoverMask .imgBox{position:relative;overflow:hidden}.hoverMask .imgBox:before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#5f6e7d;mix-blend-mode:multiply;pointer-events:none}.bannerArea img{display:block;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.pageContent{padding-top:200px;padding-bottom:100px;min-height:calc(100vh - 400px)}@media (max-width:1024px){.pageContent{padding-top:130px}}.bannerArea+.pageContent{padding-top:100px}@media (max-width:1024px){.bannerArea+.pageContent{padding-top:50px}}.listModuleBox{display:flex}@media (max-width:1024px){.listModuleBox{flex-direction:column}}@media (min-width:1025px){.listModuleBox .leftBox{flex-shrink:0;width:270px;margin-right:55px}}@media (max-width:1024px){.listModuleBox .leftBox{width:100%;margin-bottom:50px}}.listModuleBox .leftBox .title{margin-bottom:25px;font:700 67px/1 "Oswald","Noto Sans TC",sans-serif;text-transform:uppercase;white-space:nowrap}@media (max-width:640px){.listModuleBox .leftBox .title{font-size:40px}}@media (min-width:1025px){.listModuleBox .leftBox+.rightBox{max-width:calc(100% - 325px)}}.listModuleBox .rightBox{flex-grow:1;max-width:100%}@media (min-width:1025px){.listModuleBox .rightBox{padding-top:170px}}.categoryList,.mobileCategoryBox{background-image:linear-gradient(to right,#7b797b,#7b797b),linear-gradient(to right,#7b797b,#7b797b);background-size:1px 100%,100% 1px;background-position:20px 0,0 25px;background-repeat:no-repeat}.categoryList .focus a,.mobileCategoryList .focus a{color:#cbcbcb}.categoryList .hasSubmenu>a,.mobileCategoryList .hasSubmenu>a{padding-right:40px}.categoryList .hasSubmenu>a.open:before,.mobileCategoryList .hasSubmenu>a.open:before{transform:rotate(180deg) translateY(30%)}.categoryList .hasSubmenu>a.open+ul,.mobileCategoryList .hasSubmenu>a.open+ul{display:block}.categoryList .hasSubmenu>a:before,.mobileCategoryList .hasSubmenu>a:before{content:url("./../images/selectArrow.png");position:absolute;top:50%;right:10px;z-index:1;transform:translateY(-50%)}.categoryList ul,.mobileCategoryList ul{display:none}.categoryList ul a,.mobileCategoryList ul a{background-image:linear-gradient(to right,#535353,#535353);background-repeat:no-repeat}.categoryList a,.mobileCategoryList a{position:relative;display:block;font-size:15px;color:#7b797b}.categoryList{min-height:320px;padding-top:80px;padding-left:60px}@media (max-width:1024px){.categoryList{display:none}}.categoryList .lowerLevel>a{padding-left:20px;background-position:0 50%;background-size:10px 1px}.categoryList a{padding-top:10px;padding-bottom:10px}.mobileCategoryBox{position:relative;z-index:5;padding-top:50px;padding-left:50px;padding-bottom:30px}@media (min-width:1025px){.mobileCategoryBox{display:none}}.mobileCategoryBox.show .mobileCategoryList{pointer-events:auto;visibility:visible}.mobileCategoryBox .targetText{padding:15px;font-size:15px;background:#242424 url("./../images/selectArrow.png") calc(100% - 10px) 50% no-repeat}.mobileCategoryBox .lowerLevel>a{padding-left:45px;background-position:18px 50%;background-size:10px 1px}.mobileCategoryList{position:absolute;top:calc(100% - 30px);left:50px;z-index:1;width:calc(100% - 50px);pointer-events:none;visibility:hidden}.mobileCategoryList>li{border-top:1px solid #313131}.mobileCategoryList a{padding:15px;background-color:#242424}.shareBox{display:flex;align-items:center}.shareBox h2{margin-right:10px;text-transform:uppercase}.shareBox a{display:flex;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;color:#7b797b}@media (min-width:1181px){.shareBox a:hover{color:#cbcbcb}.shareBox a:hover svg{fill:#cbcbcb}}.shareBox .line svg{width:26px;height:26px;fill:#7b797b}.bread{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px}.bread a,.bread span{font-size:13px;text-transform:uppercase}.bread a+span:before,.bread span+span:before{content:">";margin-left:6px;margin-right:6px;font-size:17px}.colourTitle{margin-top:35px;margin-bottom:10px;font-size:13px;text-transform:uppercase}.colourList{display:flex;flex-wrap:wrap;margin-bottom:30px}.colourList li{position:relative;display:flex;align-items:center;margin-right:10px;margin-bottom:10px;cursor:pointer}.additionContainer h2,.quantityContainer h2{margin-bottom:10px;font-size:13px}.quantityBox{display:flex;width:150px}.quantityBox button{position:relative;flex-shrink:0;width:34px;border:1px solid #7b797b;background-color:transparent;cursor:pointer}.quantityBox button:before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:7px;height:7px;margin-top:-3.5px;margin-left:-3.5px;background-position:calc(50% - .5px) calc(50% - .5px);background-repeat:no-repeat}.quantityBox .quantityMinus:before{background-image:linear-gradient(to right,#cbcbcb,#cbcbcb);background-size:100% 1px}.quantityBox .quantityPlus:before{background-image:linear-gradient(to right,#cbcbcb,#cbcbcb),linear-gradient(to right,#cbcbcb,#cbcbcb);background-size:100% 1px,1px 100%}.quantityBox input{width:calc(100% - 68px);max-width:80px;padding-top:8px;padding-bottom:8px;border-top:1px solid #7b797b;border-bottom:1px solid #7b797b;border-left:none;border-right:none;font-size:13px;color:#cbcbcb;text-align:center;background-color:transparent;-moz-appearance:textfield}.quantityBox input::-webkit-inner-spin-button,.quantityBox input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tab{display:flex;margin-bottom:60px;border-bottom:1px solid #313131}@media (max-width:1180px){.tab{margin-bottom:30px}}.tab a{position:relative;margin-bottom:-1px;padding:20px 15px;outline:none;font-size:15px;color:#7b797b;border-bottom:1px solid transparent}.tab a:before{content:"";position:absolute;left:50%;bottom:-6px;z-index:1;width:0;height:0;margin-left:-3px;border-style:solid;border-width:5px 3px 0 3px;border-color:#cbcbcb transparent transparent transparent;opacity:0}.tab a.focus{color:#cbcbcb;border-bottom-color:currentColor}.tab a.focus:before{opacity:1}@media (min-width:1181px){.tab a+a{margin-left:90px}}@media (max-width:1180px){.tab a+a{margin-left:10px}}.tabContentBox{margin-bottom:60px}.inputList li.require label{position:relative;padding-right:20px}.inputList li.require label:before{content:"*";position:absolute;top:0;right:12px;z-index:1}.inputList input[type=checkbox],.inputList input[type=radio]{display:none}.inputList input[type=checkbox]:checked+.labelStyle:before,.inputList input[type=radio]:checked+.labelStyle:before{box-shadow:inset 0 0 0 10px #969696}.inputList input[type=checkbox]+.labelStyle,.inputList input[type=radio]+.labelStyle{display:inline-flex;margin-right:30px}.inputList textarea{width:100%;height:60px;margin-top:10px}.inputList select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin-top:15px;padding:16px 20px;color:#969696;border:none;outline:none;background:#242424 url("./../images/selectArrow.png") calc(100% - 10px) 50% no-repeat}.inputList.reverse .inputStyle,.inputList.reverse input[type=email],.inputList.reverse input[type=number],.inputList.reverse input[type=password],.inputList.reverse input[type=tel],.inputList.reverse input[type=text]{color:#1b1b1b;border:1px solid #aaa;background-color:#cbcbcb}.inputList .addressInfoBox{display:flex;margin-top:15px}@media (max-width:480px){.inputList .addressInfoBox{flex-direction:column}}.inputList .addressInfoBox select{height:50px;border-radius:0}@media (min-width:481px){.inputList .addressInfoBox select{margin-top:0;margin-left:25px}}.inputList .addressInfoBox select:first-child{order:1}.inputList .addressInfoBox select:nth-child(2){order:2}.inputList .addressInfoBox input{order:0;margin-top:0;margin-bottom:0}.inputList input[type=email],.inputList input[type=number],.inputList input[type=password],.inputList input[type=tel],.inputList input[type=text],.inputStyle{font-family:"Roboto Condensed","Noto Sans TC",sans-serif;color:#cbcbcb;padding:16px 20px;border:none;background-color:#242424}.labelStyle{position:relative;display:flex;align-items:center;font-size:13px}.labelStyle:before{content:url("../images/check.png");flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;margin-right:15px;border-radius:50%;box-shadow:inset 0 0 0 1px #969696}#loginBox .inputShowList>li:nth-child(2){display:none}#loginBox .inputList input{width:100%;margin-top:5px}#loginBox .inputList>li+li{margin-top:20px}#loginBox .inputList>li:last-child{margin-top:5px;text-align:right}#loginBox .learnMoreBtn{margin-top:20px}.showForgetPasswordBtn,.showLoginBtn{text-align:right;margin-left:auto}.scrollFixedBox{position:relative;z-index:2}.pageBox{padding-top:30px}.pageBox>ul{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.pageBox .current a{color:#cbcbcb}.pageBox .current a:before{width:50%}.pageBox a{position:relative;display:flex;justify-content:center;align-items:center;width:40px;height:40px;color:#7b797b}.pageBox a:before{content:"";position:absolute;bottom:0;left:50%;z-index:1;width:0;width:0;height:1px;background-color:#cbcbcb;transform:translateX(-50%)}.pageBox a:hover{color:#cbcbcb}.pageBox a:hover:before{width:50%}.lightBox{position:fixed;left:0;top:0;z-index:100;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;opacity:0;visibility:hidden;pointer-events:none;background-color:rgba(0,0,0,0.5)}.lightBox.show{opacity:1;visibility:visible;pointer-events:auto}.lightBoxContent{position:relative;padding:100px;max-width:90%;max-height:90vh;color:#1b1b1b;background-color:#cbcbcb;overflow:auto}@media (max-width:1024px){.lightBoxContent{padding:70px}}.lightBoxContent .title{margin-bottom:40px;font:700 60px/1 "Oswald","Noto Sans TC",sans-serif;text-transform:uppercase;text-align:center}.closeLightBoxBtn{position:absolute;top:0;right:0;z-index:1;width:100px;height:100px;border:none;outline:none;cursor:pointer;background-color:#313131}@media (max-width:1024px){.closeLightBoxBtn{width:50px;height:50px}}.closeLightBoxBtn:before{content:"";position:absolute;top:50%;left:50%;z-index:1;width:35px;height:35px;margin-top:-17.5px;margin-left:-17.5px;background-image:linear-gradient(to bottom,#cbcbcb,#cbcbcb),linear-gradient(to bottom,#cbcbcb,#cbcbcb);background-position:50% 50%;background-size:1px 100%,100% 1px;background-repeat:no-repeat;transform:rotate(45deg)}