html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}*,button{box-sizing:border-box}input,select,textarea{outline:0}*::after,*::before{box-sizing:border-box}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{box-sizing:border-box}a{text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input,button{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-family:"Noto Sans TC"}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:never;font-family:"Noto Sans TC"}body{font-family:"Noto Sans TC";font-size:16px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:0.64px}@media (min-width:1520px){.wrap{padding-left:calc(50% - 750px);padding-right:calc(50% - 750px)}}@media (max-width:1519px){.wrap{padding-left:10px;padding-right:10px}}@media (min-width:1200px){.m-wrap{padding-right:calc(50% - 580px);padding-left:calc(50% - 580px)}}@media (max-width:1199px){.m-wrap{padding-left:10px;padding-right:10px}}#shop-cart-product-img-modal{padding:24px;display:flex;justify-content:center;position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:10000;background:rgba(255,255,255,0.5);overflow-y:auto}#shop-cart-product-img-modal div{position:relative}#shop-cart-product-img-modal div button{border:0px;padding:0px;margin:0px;position:absolute;top:20px;right:20px;width:30px;height:30px;border-radius:100%;cursor:pointer}#shop-cart-product-img-modal div picture{box-shadow:0 0 2px #ccc;border:10px solid #fff;border-radius:10px;display:block;max-width:100%}#shop-cart-product-img-modal div picture img{display:block;max-width:100%}#shopping-car-modal{position:fixed;top:0px;left:0px;background-color:rgba(255,255,255,0.5);width:100%;height:100%;z-index:5000;padding:24px;max-height:100vh;overflow-y:auto;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0.6px;color:#444444}#shopping-car-modal .modal-dialog{box-shadow:0 0 2px #ccc;background-color:#fff;padding:24px;border-radius:30px;width:100%;margin-left:auto;margin-right:auto}#shopping-car-modal .modal-dialog .modal-content .modal-header{position:relative;margin-bottom:40px}#shopping-car-modal .modal-dialog .modal-content .modal-header .modal-title{text-align:center;font-size:28px;font-weight:500;line-height:36px;letter-spacing:1.12px}#shopping-car-modal .modal-dialog .modal-content .modal-header .close{position:absolute;right:0px;top:0px;height:36px;width:36px;background-color:rgba(255,255,255,0);padding:0;margin:0;border:0;cursor:pointer;font-size:28px}#shopping-car-modal .modal-dialog .modal-content .step{background-color:#F7F7F7;display:flex;justify-content:center;margin-bottom:24px;padding:16px 0}#shopping-car-modal .modal-dialog .modal-content .step li{text-align:center;display:flex;justify-content:center;flex-wrap:wrap;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0.6px;color:#A3A3A3;width:120px;margin:0 10px}#shopping-car-modal .modal-dialog .modal-content .step li i{display:block;width:50px;height:50px;border-radius:100%;line-height:48px;border:1px solid #A3A3A3}#shopping-car-modal .modal-dialog .modal-content .step li span{width:100%}#shopping-car-modal .modal-dialog .modal-content .step li.active i{border-color:#50BAAF;background-color:#50BAAF;color:#fff}#shopping-car-modal .modal-dialog .modal-content .step li.active span{color:#50BAAF}#shopping-car-modal .modal-dialog .modal-content .step li:first-child:hover{cursor:pointer}#shopping-car-modal .modal-dialog .modal-content .tab-content .tab-pane{display:none}#shopping-car-modal .modal-dialog .modal-content .tab-content .tab-pane.active{display:block}#shopping-car-modal .modal-dialog .modal-content .modal-body h5{font-size:24px;font-weight:500;line-height:30px;letter-spacing:0.96px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #444444}#shopping-car-modal .modal-dialog .modal-content .modal-body h5 label{padding-left:10px;font-size:15px;font-weight:500;letter-spacing:0.6px}#shopping-car-modal .modal-dialog .modal-content .modal-body textarea{height:300px;border:1px solid #A3A3A3;padding:11px 16px;width:100%}#shopping-car-modal .modal-dialog .modal-content .modal-body .table{margin-bottom:24px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead .tr .th{font-size:14px;font-weight:500;line-height:18px;letter-spacing:0.56px;color:#A3A3A3}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead .tr .th.count,#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead .tr .th.price{text-align:right}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td{vertical-align:middle;padding-top:24px;padding-bottom:24px;border-bottom:1px dotted #A3A3A3}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .name{display:flex}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .name picture{width:65px;height:65px;border:1px solid #f1f1f1;padding:1px;margin-right:24px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .name picture img{width:100%;height:100%;object-fit:contain;object-position:center}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .name > div{width:calc(100% - 89px)}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .name > div span{display:block;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0.6px;margin-bottom:8px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .name > div ul{margin-bottom:4px;font-size:14px;font-weight:500;line-height:18px;letter-spacing:0.56px;color:#A3A3A3}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .name > div ul li{margin-bottom:4px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .name > div ul.more{padding-top:8px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .num{display:flex;border:1px solid #A3A3A3;border-radius:3px;overflow:hidden}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .num button{border:0px;padding:0px;margin:0px;background-color:rgba(255,255,255,0);cursor:pointer;width:32px;height:32px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td .num div{text-align:center;width:84px;height:32px;line-height:32px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td.count,#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td.price{text-align:right}#shopping-car-modal .modal-dialog .modal-content .modal-body .row .col-6 .order-info .form-group{margin-bottom:24px}#shopping-car-modal .modal-dialog .modal-content .modal-body .row .col-6 .order-info .form-group label{display:block;margin-bottom:8px}#shopping-car-modal .modal-dialog .modal-content .modal-body .row .col-6 .order-info .form-group select,#shopping-car-modal .modal-dialog .modal-content .modal-body .row .col-6 .order-info .form-group input{display:block;width:100%;border:1px solid #A3A3A3;padding:11px 16px;font-size:14px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:0.56px;color:#a3a3a3}#shopping-car-modal .modal-dialog .modal-content .modal-body .row .col-6 .order-info .form-group.has-error label code{color:#a00}#shopping-car-modal .modal-dialog .modal-content .modal-body .row .col-6 .order-info .form-group.has-error input,#shopping-car-modal .modal-dialog .modal-content .modal-body .row .col-6 .order-info .form-group.has-error select{border-color:#a00}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info{margin-bottom:24px}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .discount-list li{margin-bottom:24px}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .discount-list li label{display:flex}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .discount-list li label input{display:none}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .discount-list li label span{padding:12px}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .discount-list li label span.name{border:1px solid #A3A3A3;margin-right:10px;width:calc(100% - 80px)}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .discount-list li label span.btn{width:70px;text-align:center;cursor:pointer;border:1px solid #50BAAF;color:#50BAAF}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .discount-list li label:has(input:checked) span.btn{background-color:#50BAAF;color:#fff}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .order-info dl{padding-bottom:12px;margin-bottom:12px;display:flex;justify-content:space-between}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .order-info dl.sum{padding-top:12px;border-bottom:1px solid #A3A3A3;border-top:1px solid #A3A3A3}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .order-info dl.sum dd{font-size:24px;font-weight:500;line-height:30px;letter-spacing:0.96px}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .order-detail dl{display:flex;padding-bottom:12px;margin-bottom:12px}#shopping-car-modal .modal-dialog .modal-content .modal-body .order-info .order-detail dl dt{width:100px}#shopping-car-modal .modal-dialog .modal-content .modal-footer button{display:block;padding:14px 0;background-color:#50BAAF;border:0px;width:100%;margin:0px;color:#fff;cursor:pointer}@media (min-width:1448px){#shopping-car-modal .modal-dialog{width:1400px}}@media (min-width:768px){#shopping-car-modal .modal-dialog .modal-content .modal-body .table{display:table;width:100%}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead{display:table-header-group}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead .tr{display:table-row}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead .tr .th{display:table-cell;border-bottom:1px dotted #A3A3A3;padding-bottom:24px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead .tr .th.name{width:50%}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead .tr .th.remove{text-align:center;width:56px;padding-left:24px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .thead .tr .th.num{width:150px}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody{display:table-row-group}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr{display:table-row}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td{display:table-cell}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td.remove{text-align:right}#shopping-car-modal .modal-dialog .modal-content .modal-body .table .tbody .tr .td.remove button{border:0px;margin:0px;padding:0px;background-color:rgba(255,255,255,0);cursor:pointer;width:32px;height:32px}#shopping-car-modal .modal-dialog .modal-content .row{display:flex}#shopping-car-modal .modal-dialog .modal-content .row .col-6{width:calc(50% - 24px)}#shopping-car-modal .modal-dialog .modal-content .row .col-6:nth-child(2n){margin-left:24px}#shopping-car-modal .modal-dialog .modal-content .row .col-6:nth-child(2n + 1){margin-right:24px}}#login-modal{max-height:100vh;overflow-y:auto;position:fixed;top:0px;z-index:90000;left:0px;background-color:rgba(255,255,255,0.5);width:100%;height:100%;filter:blur(0);display:flex;justify-content:center;padding:24px;color:#444444}#login-modal .modal-dialog{margin-left:auto;margin-right:auto;width:100%}@media (min-width:1200px){#login-modal .modal-dialog{width:1200px}}#login-modal .modal-dialog .modal-content{box-shadow:0 0 5px #ccc;border-bottom:24px solid rgba(255,255,255,0);padding:24px;background-color:#fff;border-radius:10px}#login-modal .modal-dialog .modal-content .close{display:flex;justify-content:flex-end}#login-modal .modal-dialog .modal-content .close button{border:0;padding:0;margin:0;background-color:rgba(255,255,255,0);cursor:pointer;width:30px;height:30px}#login-modal .modal-dialog .modal-content .row .col span{color:#A3A3A3;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0.6px}#login-modal .modal-dialog .modal-content .tab-content .tab-pane{display:none}#login-modal .modal-dialog .modal-content .tab-content .tab-pane.active{display:block}#login-modal .modal-dialog .modal-content .tag-menu{display:flex;margin-bottom:16px}#login-modal .modal-dialog .modal-content .tag-menu li{margin-right:10px}#login-modal .modal-dialog .modal-content .tag-menu li a{color:#50BAAF;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0.6px}#login-modal .modal-dialog .modal-content .modal-header .modal-title{font-size:22px;font-weight:500;line-height:26px;letter-spacing:0.88px;margin-bottom:40px;color:#444444}#login-modal .modal-dialog .modal-content .modal-body .form-group{margin-bottom:16px}#login-modal .modal-dialog .modal-content .modal-body .form-group label{display:block;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0.6px;color:#444444;margin-bottom:16px}#login-modal .modal-dialog .modal-content .modal-body .form-group input{width:100%;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0.6px;color:#444444;padding:12px 16px;border:1px solid #444444}#login-modal .modal-dialog .modal-content .modal-body .form-group.has-error label code{color:#a00}#login-modal .modal-dialog .modal-content .modal-body .form-group.has-error input{border-color:#a00}#login-modal .modal-dialog .modal-content .modal-body .form-button button{display:block;width:100%;color:#fff;border:1px solid #50BAAF;font-size:14px;font-weight:500;line-height:18px;letter-spacing:0.56px;cursor:pointer;background-color:#50BAAF;transition-duration:0.5s;padding:14px 0}#login-modal .modal-dialog .modal-content .modal-body .form-button button:hover{background-color:#fff;color:#50BAAF}#login-modal .modal-dialog .modal-content .note{color:#a8a8a8}#login-modal .modal-dialog .modal-content .note p{margin-bottom:16px}#login-modal .modal-dialog .modal-content .modal-footer{padding-top:40px;padding-bottom:40px}#login-modal .modal-dialog .modal-content .modal-footer a{display:block;padding:14px 0;color:#50BAAF;border:#50BAAF 1px solid;text-align:center;transition-duration:0.5s;font-size:14px;font-weight:500;line-height:18px;letter-spacing:0.56px}#login-modal .modal-dialog .modal-content .modal-footer a:hover{background-color:#50BAAF;color:#fff}#login-modal .modal-dialog .modal-content .socil-login{padding:40px 0}#login-modal .modal-dialog .modal-content .socil-login h5{text-align:center;font-size:15px;font-weight:500;line-height:22px;letter-spacing:0.6px;margin-bottom:16px}#login-modal .modal-dialog .modal-content .socil-login ul{display:flex}#login-modal .modal-dialog .modal-content .socil-login ul li{flex:1;margin-right:16px}#login-modal .modal-dialog .modal-content .socil-login ul li:last-child{margin-right:0}#login-modal .modal-dialog .modal-content .socil-login ul li a,#login-modal .modal-dialog .modal-content .socil-login ul li button{font-size:14px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:0.56px;border:0px;background-color:#fff;display:block;text-align:center;color:#fff;transition-duration:0.5s;padding:14px 0;width:100%;cursor:pointer}#login-modal .modal-dialog .modal-content .socil-login ul li a i,#login-modal .modal-dialog .modal-content .socil-login ul li button i{margin-right:5px}#login-modal .modal-dialog .modal-content .socil-login ul li a.line-login,#login-modal .modal-dialog .modal-content .socil-login ul li button.line-login{background-color:#21B94E;border:1px solid #21B94E}#login-modal .modal-dialog .modal-content .socil-login ul li a.line-login:hover,#login-modal .modal-dialog .modal-content .socil-login ul li button.line-login:hover{color:#21B94E;background-color:#fff}#login-modal .modal-dialog .modal-content .socil-login ul li a.fb-login,#login-modal .modal-dialog .modal-content .socil-login ul li button.fb-login{background-color:#1877F2;border:1px solid #1877F2}#login-modal .modal-dialog .modal-content .socil-login ul li a.fb-login:hover,#login-modal .modal-dialog .modal-content .socil-login ul li button.fb-login:hover{color:#1877F2;background-color:#fff}#login-modal .modal-dialog .modal-content .socil-login ul li a.google-login,#login-modal .modal-dialog .modal-content .socil-login ul li button.google-login{background-color:#DB4437;border:1px solid #DB4437}#login-modal .modal-dialog .modal-content .socil-login ul li a.google-login:hover,#login-modal .modal-dialog .modal-content .socil-login ul li button.google-login:hover{color:#DB4437;background-color:#fff}@media (min-width:768px){#login-modal .modal-dialog .modal-content .row{display:flex}#login-modal .modal-dialog .modal-content .row .col{width:10%;text-align:center;position:relative}#login-modal .modal-dialog .modal-content .row .col::after{content:" ";width:1px;height:100%;position:absolute;top:0px;left:50%;background-color:#A3A3A3}#login-modal .modal-dialog .modal-content .row .col span{line-height:70px;position:absolute;width:100%;height:70px;top:calc(50% - 35px);left:0px;background-color:#fff;z-index:1}#login-modal .modal-dialog .modal-content .row .col-6{width:45%}#login-modal .modal-dialog .modal-content .row .col-6:nth-child(2n){padding-right:24px}#login-modal .modal-dialog .modal-content .row .col-6:nth-child(2n + 1){padding-right:24px}}@media (max-width:767px){#login-modal .modal-dialog .modal-content .row .col{width:100%;text-align:center;display:flex;justify-content:center;position:relative}#login-modal .modal-dialog .modal-content .row .col::after{content:" ";width:100%;height:1px;background-color:#A3A3A3;top:50%;left:0px;position:absolute}#login-modal .modal-dialog .modal-content .row .col span{padding:30px;background-color:#fff;position:relative;z-index:1}}html,body{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:26px;letter-spacing:0.8px}html .price,body .price{font-family:"Roboto";font-weight:500 !important}#top-bg{position:absolute;top:0px;left:0px;width:100%;height:43.5vw;z-index:0}*[role=link]{cursor:pointer}#head{position:fixed;top:0px;left:0px;width:100%;background-color:rgba(68,68,68,0.8);backdrop-filter:blur(12.5px);color:#50BAAF;font-size:16px;font-style:normal;font-weight:400;line-height:26px;letter-spacing:0.8px;color:#50BAAF;z-index:500}#head #top-head{border-bottom:1px solid #fff}#head #top-head .menu li a{color:#50BAAF;transition-duration:0.5s}#head #top-head .menu li a:hover{color:#fff}#head #top-head .socil li a{color:#fff;transition-duration:0.5s}#head #top-head .socil li a:hover{color:#50BAAF}#head #foot-head #logo a{display:block;height:100%}#head #foot-head #logo a picture{height:100%;display:block}#head #foot-head #logo a picture img{display:block;height:100%}#head #foot-head .main-menu li a{color:#50BAAF;transition-duration:0.5s}#head #foot-head .main-menu li a:hover{color:#fff}#head #foot-head .tool-menu li a,#head #foot-head .tool-menu li button{background-color:rgba(255,255,255,0);border:0px;padding:0px;display:block;cursor:pointer}#head #foot-head .tool-menu li label{position:relative;display:block}#head #foot-head .tool-menu li label input[type=checkbox]{position:absolute;top:0px;left:0px;width:100%;height:100%;margin:0px;padding:0px;cursor:pointer;opacity:0}@media (min-width:1500px){#head #top-head,#head #foot-head{padding-left:calc(50% - 745px);padding-right:calc(50% - 745px)}}@media (max-width:1499px){#head #top-head,#head #foot-head{padding-left:10px;padding-right:10px}}@media (min-width:1200px){#head #top-head,#head #foot-head{display:flex}#head #top-head{padding-top:12px;padding-bottom:12px}#head #top-head h4{min-width:220px}#head #top-head .menu{flex:1;display:flex;align-items:center}#head #top-head .menu li a{display:block;padding:0 16px;border-left:1px solid #50BAAF;line-height:100%}#head #top-head .menu li:first-child a{padding-left:0px;border-left:0px}#head #top-head .socil{display:flex}#head #top-head .socil li{padding:0 8px}#head #top-head .socil li:last-child{padding-right:0px}#head #top-head .socil li a i{margin-right:8px}#head #foot-head{display:flex;align-items:center;padding-top:16px;padding-bottom:16px}#head #foot-head label:has(input[name=main-menu]){display:none}#head #foot-head #logo{min-width:220px;height:60px}#head #foot-head .main-menu{flex:1;display:flex}#head #foot-head .main-menu li{padding:0 20px}#head #foot-head .main-menu li:first-child{padding-left:0px}#head #foot-head .main-menu li a{color:#50BAAF}#head #foot-head .main-menu li a:hover{color:#fff}#head #foot-head .tool-menu{display:flex;align-items:center}#head #foot-head .tool-menu svg{width:28px;height:28px;fill:#fff;transition-duration:0.5s}#head #foot-head .tool-menu svg path{transition-duration:0.5s;fill:#fff}#head #foot-head .tool-menu svg:hover{fill:#50BAAF}#head #foot-head .tool-menu svg:hover path{fill:#50BAAF}#head #foot-head .tool-menu li{padding-left:60px}#head #foot-head .tool-menu li:first-child{padding-left:0px}#head #foot-head .tool-menu li label input{height:28px}#head #foot-head .tool-menu li form{display:none}#head #foot-head .tool-menu li:has(input[name=search-box]) .close{display:none}#head #foot-head .tool-menu li:has(input[name=search-box]:checked){position:relative}#head #foot-head .tool-menu li:has(input[name=search-box]:checked) .close{display:block}#head #foot-head .tool-menu li:has(input[name=search-box]:checked) .open{display:none}#head #foot-head .tool-menu li:has(input[name=search-box]:checked) form{display:flex;position:absolute;right:0px;top:calc(100% + 10px);border:1px solid #ccc;background-color:#444;border-radius:5px;box-shadow:0 0 3px #000}#head #foot-head .tool-menu li:has(input[name=search-box]:checked) form input{border:0px;padding:8px 8px;background-color:rgba(0,0,0,0);color:#fff;min-width:100px}#head #foot-head .tool-menu li:has(input[name=search-box]:checked) form button{background-color:rgba(0,0,0,0);color:#fff;border:0px;border-left:1px solid #fff;padding:0px;width:60px}}@media (max-width:1199px){#head{background-color:#444;position:fixed;top:0px;left:0px;width:100%}#head #top-head{display:none}#head #foot-head label:has(input[name=main-menu]){position:fixed;top:0px;left:0px;padding:10px 10px 10px 15px;width:45px;height:50px}#head #foot-head label:has(input[name=main-menu]) span{display:block;padding:5px 0}#head #foot-head label:has(input[name=main-menu]) span svg{fill:#50BAAF;width:25px;height:20px}#head #foot-head label:has(input[name=main-menu]) span svg.close{display:none}#head #foot-head label:has(input[name=main-menu]) input{position:fixed;top:0px;left:0px;width:45px;height:50px;margin:0px;padding:0px;border:0px;opacity:0;cursor:pointer}#head #foot-head label:has(input[name=main-menu]:checked) span svg.close{display:block}#head #foot-head label:has(input[name=main-menu]:checked) span svg.open{display:none}#head #foot-head #logo{padding:10px 0;display:flex;justify-content:center;width:100%}#head #foot-head #logo a picture{height:30px}#head #foot-head .tool-menu{display:none}#head #foot-head .main-menu{display:none}#head:has(input[name=main-menu]:checked){height:100vh;overflow-y:auto;display:flex;flex-direction:column}#head:has(input[name=main-menu]:checked) #top-head{order:1;display:block}#head:has(input[name=main-menu]:checked) #top-head h4{display:none}#head:has(input[name=main-menu]:checked) #top-head .menu li{border-bottom:1px solid #fff}#head:has(input[name=main-menu]:checked) #top-head .menu li a{padding:24px 0;display:block}#head:has(input[name=main-menu]:checked) #top-head .socil li{border-bottom:1px solid #fff}#head:has(input[name=main-menu]:checked) #top-head .socil li a{padding:24px 0;display:block;color:#50BAAF}#head:has(input[name=main-menu]:checked) #top-head .socil li a i{margin-right:10px}#head:has(input[name=main-menu]:checked) #top-head .socil li a:hover{color:#fff}#head:has(input[name=main-menu]:checked) #top-head .socil li:last-child{padding-bottom:10px;border-bottom:0px}#head:has(input[name=main-menu]:checked) #foot-head{order:0;display:flex;flex-direction:column}#head:has(input[name=main-menu]:checked) #foot-head #logo{order:0}#head:has(input[name=main-menu]:checked) #foot-head .main-menu{order:2;display:block}#head:has(input[name=main-menu]:checked) #foot-head .main-menu li{border-bottom:1px solid #fff}#head:has(input[name=main-menu]:checked) #foot-head .main-menu li a{padding:24px 0;display:block}#head:has(input[name=main-menu]:checked) #foot-head .tool-menu{display:flex;flex-wrap:wrap;padding-bottom:10px;order:1}#head:has(input[name=main-menu]:checked) #foot-head .tool-menu li{width:calc(100% / 3);display:flex;justify-content:center}#head:has(input[name=main-menu]:checked) #foot-head .tool-menu li svg{width:30px;height:30px;fill:#50BAAF}#head:has(input[name=main-menu]:checked) #foot-head .tool-menu li:last-child{order:-1;width:100%}#head:has(input[name=main-menu]:checked) #foot-head .tool-menu li:last-child label{display:none}#head:has(input[name=main-menu]:checked) #foot-head .tool-menu li:last-child form{width:100%;margin-bottom:10px;display:flex}#head:has(input[name=main-menu]:checked) #foot-head .tool-menu li:last-child form input{flex:1;border:0px;padding:10px 16px;margin:0px;border-radius:50px 0 0 50px}#head:has(input[name=main-menu]:checked) #foot-head .tool-menu li:last-child form button{width:60px;border:0px;padding:0 10px;margin:0px;background-color:#fff;border-radius:0 50px 50px 0;font-size:16px}}#body{position:sticky;z-index:1}#ads{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}#ads label{background-color:rgba(0,0,0,0.5);position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:9000}#ads > div{position:relative;z-index:10000;padding:20px}#ads > div picture img{display:block;max-width:100%}#ads > div input{position:absolute;top:10px;right:10px;border:0px;width:24px;height:24px;cursor:pointer;margin:0px;padding:0px;opacity:0}#ads > div i{border-radius:100%;background-color:#fff;text-align:center;line-height:24px;box-shadow:0 0 5px rgba(0,0,0,0.5);width:24px;height:24px;position:absolute;top:10px;right:10px;border:0px}#ads:has(input:checked){display:none}#foot{background-color:#50BAAF;padding-top:50px;padding-bottom:50px}#foot ul a{color:#fff;font-size:16px;font-weight:400;line-height:26px;letter-spacing:0.8px}@media (min-width:1328px){#foot{padding-left:calc(50% - 640px);padding-right:calc(50% - 640px)}}@media (max-width:1327px){#foot{padding-left:24px;padding-right:24px}}#foot #foot-menu ul li{margin-bottom:16px}#foot #foot-socil ul{display:flex}#foot #foot-socil ul li{padding-right:40px}@media (min-width:768px){#foot{display:flex}#foot #foot-menu{width:75%}#foot #foot-menu > ul{display:flex}#foot #foot-menu > ul li{flex:1}#foot #foot-socil{width:25%}#foot #foot-socil ul li{padding-right:40px}}@media (max-width:767px){#foot #foot-menu > ul > li ul{display:flex;flex-wrap:wrap}#foot #foot-menu > ul > li ul li{width:50%}}#back-to-top{position:fixed;right:10px;bottom:10px;width:32px;height:32px;background-color:#50BAAF;display:flex;justify-content:center;align-items:center;color:#fff;border:1px solid #fff;border-radius:3px;display:none;z-index:1000}#back-to-top.active{display:flex}#dh-member-modal .member-menu .grid-menu ul li a{color:#333}#dh-member-modal #join-content p{margin-bottom:20px}#dh-member-modal #join-content strong{font-weight:900}#head{z-index:500}header{background-image:url("");background-repeat:no-repeat;background-position:center;background-size:cover;margin-bottom:100px}header h1{color:#fff;font-size:32px;font-weight:400;line-height:48px;letter-spacing:1.6px}header ul{display:flex;flex-wrap:wrap;font-size:16px;font-style:normal;font-weight:400;line-height:26px;letter-spacing:0.8px;color:#fff}header ul li a{color:#fff;transition-duration:0.5s}header ul li a:hover{color:#50BAAF}header ul li::after{content:"/";padding:0 8px}header ul li:last-child a{color:#50BAAF}header ul li:last-child a:hover{color:#fff}header ul li:last-child::after{display:none}@media (min-width:1200px){header{padding-top:270px;padding-bottom:130px}}@media (max-width:1199px){header{padding-top:130px;padding-bottom:100px}}#product-menu{color:#fff;background-color:#50BAAF;font-size:16px;font-weight:500;line-height:26px;letter-spacing:0.8px;padding:32px 56px;margin-bottom:100px}#product-menu label{border-bottom:1px solid #fff;display:block}#product-menu label select{display:block;width:100%;color:#fff;border:0px;background-color:#50BAAF;font-size:16px;font-weight:500;line-height:26px;letter-spacing:0.8px}@media (min-width:768px){#product-menu{display:flex}#product-menu > *{width:calc(25% - 20px);margin:0 10px}#product-menu h2 svg{display:none}#product-menu h2 label{display:none}}@media (max-width:767px){#product-menu{padding:16px 32px}#product-menu > *{padding:16px 0}#product-menu h2{display:flex;align-items:center;position:relative}#product-menu h2 span{flex:1}#product-menu h2 label{z-index:1;position:absolute;border-bottom:0px;top:0px;left:0px;width:100%;height:100%;cursor:pointer}#product-menu h2 label input{opacity:0;border:0px;padding:0px;margin:0px;cursor:pointer}#product-menu h2 svg{transition-duration:0.5s;width:30px}#product-menu > label{display:none}#product-menu:has(input[type=checkbox]:checked) h2 svg{transform:rotate(180deg)}#product-menu:has(input[type=checkbox]:checked) label{display:block}}#product-list{display:flex;flex-wrap:wrap;justify-content:space-between}#product-list article{margin-bottom:50px}#product-list article picture{display:block;margin-bottom:16px}#product-list article picture img{display:block;width:100%}#product-list article h2{font-size:16px;font-style:normal;font-weight:400;line-height:26px;letter-spacing:0.8px}#product-list article h2 a{color:#444}#product-list article .price{font-size:18px;font-style:normal;font-weight:900;line-height:26px;letter-spacing:0.8px;color:#EA4949}#product-list article .price span::before{content:"$"}@media (min-width:768px){#product-list article{width:calc(94% / 4)}}@media (max-width:767px){#product-list article{margin:0 10px 24px 10px;width:calc(50% - 10px)}#product-list article:nth-child(2n){margin-right:0px}#product-list article:nth-child(2n + 1){margin-left:0px}}.pagination{display:flex;justify-content:center}.pagination li{margin:10px 5px}.pagination li a{display:block;text-align:center;line-height:32px;width:32px;border:1px solid #666;color:#666;border-radius:5px;transition-duration:0.5s}.pagination li a:hover{border-color:#50BAAF;background-color:#50BAAF;color:#fff}.pagination li.active a{border-color:#50BAAF;background-color:#50BAAF;color:#fff}