@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Noto+Sans+TC:wght@100..900&display=swap");a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-style:inherit;-webkit-font-variant-ligatures:inherit;font-variant-ligatures:inherit;font-variant-caps:inherit;font-variant-numeric:inherit;font-variant-east-asian:inherit;font-variant-alternates:inherit;font-variant-position:inherit;font-variant-emoji:inherit;font-weight:inherit;font-stretch:inherit;line-height:inherit;font-family:inherit;font-optical-sizing:inherit;font-size-adjust:inherit;-webkit-font-kerning:inherit;font-kerning:inherit;-webkit-font-feature-settings:inherit;font-feature-settings:inherit;vertical-align:baseline;text-shadow:unset;-webkit-box-shadow:unset;box-shadow:unset}a[href^="x-apple-data-detectors:"]{color:inherit;text-decoration:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary:Aquamarine;--background-color:Teal;--primary:#9C1D22;--primary-dark:#901D22;--secondary:#bb956a;--secondary-light-1:#C4A27D;--secondary-light-2:#D3AD88;--secondary-dark:#8E6843;--grey-1:#000000;--grey-2:#111111;--grey-3:#333333;--grey-4:#4d4d4d;--grey-5:#666666;--grey-6:#999999;--grey-7:#cccccc;--mask:rgba(33,28,26,.95);--cta:#D3AD88;--dropdown-bg:#E8D1BF;--footer-bg:#fafafa;--font-size:16px;--shadow:0 0 12px 8px rgba(0,0,0,.1)}body,html{scroll-behavior:smooth;margin:0;height:auto;width:100%;overflow-x:hidden}*{padding:0;margin:0;list-style:none;font-family:"Noto Sans TC",sans-serif;font-weight:400;font-size:var(--font-size)}a,p,span{line-height:1.45}.main{position:relative;height:auto;width:100%}.alert-btn:focus,.alert-btn-filled:focus{outline: none !important;box-shadow: none !important;}.container{padding:0 15px;max-width:1660px;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box}.hide{display:none}button{background-color:unset;outline:unset;border:unset}button:active,button:hover{outline:unset}a{text-decoration:none;display:inline-block}p{line-height:1.4}.caption{font-size:calc(var(--font-size) * 0.75);color:var(--grey-2)}.divider-primary{border-bottom:1px dashed var(--primary);margin:10px 0}.dropdown{position:relative}.dropdown:hover .dropdown-button:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dropdown:hover .dropdown-menu{max-height:999px}.dropdown-button{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dropdown-button:after{content:"";display:inline-block;width:24px;height:24px;margin-left:-2px;background-image:url("./../src/base/icon_arrow_down.svg");background-repeat:no-repeat;background-size:100% auto;-webkit-transition:0.1s;transition:0.1s}.dropdown-button.expand:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}body[style*=hidden]{overflow: hidden !important;height: 100vh !important;}.dropdown-menu{position:absolute;left:0;right:0;max-height:0;overflow:hidden;-webkit-transition:opacity 0.3s 0.1s,max-height 0.2s 0.1s;transition:opacity 0.3s 0.1s,max-height 0.2s 0.1s}.dropdown-menu ul{padding:6px 10px}.dropdown-menu.expand{max-height:999px}.subtitle{font-size:calc(var(--font-size) * 1.5)}.img{width:100%;position:relative}.img img{width:100%}.page-title-wrap{background-color:#D9CAB7;padding:25px 0;margin-bottom:78px}.page-title-wrap .page-title{margin-bottom:-50px;margin-top:0}.page-title{border-radius:10px;background-color:var(--primary-dark);padding:15px 30px;width:260px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 auto;margin-top:-60px;margin-bottom:30px}.page-title-name{display:inline-block;width:100%;margin-bottom:8px;padding-bottom:8px;text-align:center;font-size:calc(var(--font-size) * 1.5);border-bottom:1px dashed white}.page-title-name span{color:white;letter-spacing:0.2em;font-size:calc(var(--font-size) * 1.5)}.page-title-caption{color:white;font-size:calc(var(--font-size) * 0.75);text-align:center}.flex-grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%}.btn-hide{display:none}.page-banner{height:200px;background-size:cover;background-repeat:no-repeat;background-position:center}.page-banner.product-overview{background-image:url("./../src/product/subpic_product.png")}.page-banner.knowledge{background-image:url("./../src/knowledge/subpic_knowledge.png")}.page-banner.aboutus-banner{background-image:url("./../src/aboutus/subpic_aboutus.png")}.page-banner.knowledge-banner{background-image:url("./../src/knowledge/subpic_knowledge.png")}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:114px;gap:12px;width: 100%;padding-left: 16px;padding-right: 16px;-webkit-box-sizing: border-box;box-sizing: border-box;-ms-flex-wrap: wrap;flex-wrap: wrap;}.pagination .page-item{font-size:1rem;display:inline-block;border-bottom:2px;border-style:solid;border-color:transparent}.pagination .page-item.active{border-color:var(--primary)}.pagination .page-item.active .page-link{color:var(--primary)}.pagination .page-link{cursor:pointer;font-family:"Lato";font-size:14px;font-weight:bold;line-height:1;color:var(--grey-7);display:inline-block;padding:3px 4px}@media screen and (max-width:768px){:root{--font-size:14px}p,a,span{line-height: 1.6;}.container{padding:0}.page-title-wrap{margin-bottom:35px;padding-bottom:30px}.page-banner{height:100px}.page-title{margin-top:-25px;padding:10px 20px;width:200px;margin-bottom:15px}.page-title-name{padding-bottom:0.07px;margin-bottom:8px}.page-title-name span{line-height:1.45}}header{  position:fixed;left:0;right:0;top:0;z-index:7;background-color:var(--primary-dark)}.header-content{max-width:1760px;padding:0 20px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-color:var(--primary-dark);background-image:url("./../src/base/header_bg.png");background-repeat:repeat-x}.nav-wrap{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.logo{margin-bottom:10px;margin-right:36px;font-size:0;cursor:pointer}.logo-mobile{display:none}.nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:10px}.nav-item{cursor:pointer}.nav-item button{padding:15px;color:var(--secondary-light-2);background-color:unset;outline:unset;white-space:nowrap;cursor:pointer}.nav-item .dropdown-menu{background-color:#E8D1BF;text-align:center}.nav-item .dropdown-menu ul li+li{border-top:1px dashed white}.nav-item .dropdown-menu ul a{display:inline-block;line-height:30px;color:var(--primary-dark)}.account-nav{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:15px}.account-list button{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:15px 14px;color:var(--secondary-light-2);background-color:unset;outline:unset;white-space:nowrap}.contact-info{width:16%;max-width:240px;margin-top:-10px;-webkit-transform:translateY(10px);transform:translateY(10px);padding-top:40px;padding-left:15px;padding-right:15px;padding-bottom:30px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--secondary-light-2);text-align:center}.contact-info .caption{margin-bottom:6px;display:inline-block}.phone-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.phone-wrap .icon-phone{-ms-flex-item-align:end;align-self:flex-end;padding-top:2px}.phone{font-family:"Lato",sans-serif;color:var(--primary-dark);font-size:1.5rem;white-space:nowrap}.mobile-menu-button{font-size:0;display:none;position:relative;cursor:pointer;z-index:4}.mobile-menu-button button{font-size:0;padding:13px 16px}.mobile-menu{background-color:var(--mask);position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;left:0;right:0;top:0;height:100vh;max-height:0;opacity:0;z-index:8;-webkit-transition:opacity 0.3s 0.1s,max-height 0.2s 0.1s;transition:opacity 0.3s 0.1s,max-height 0.2s 0.1s;overflow:hidden}.mobile-menu .nav-list{display:block;padding:20px 15px;height:100%;overflow:auto;padding-bottom: 160px;}.mobile-menu .nav-list::-webkit-scrollbar{width:7px}.mobile-menu .nav-list::-webkit-scrollbar-button{background:transparent;border-radius:4px}.mobile-menu .nav-list::-webkit-scrollbar-track-piece{background:transparent}.mobile-menu .nav-list::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,0.4);border:1px solid slategrey}.mobile-menu .nav-list::-webkit-scrollbar-track{-webkit-box-shadow:transparent;box-shadow:transparent}.mobile-menu .nav-list a{display:block;text-align:center;width:100%}.mobile-menu .nav-list .nav-item .dropdown-menu{max-height:0;background-color:unset}.mobile-menu .nav-list .nav-item .dropdown-menu .nav-item-submenu{margin-bottom:1px}.mobile-menu .nav-list .nav-item .dropdown-menu .nav-item-submenu li a{font-size:14px;color:white;line-height:36px}.mobile-menu .nav-list .nav-item .dropdown-menu .nav-item-submenu li+li{border-top:unset}.mobile-menu .nav-list .nav-item .dropdown-menu.expand{max-height:9999px}.mobile-menu .nav-list .nav-item>a{line-height:48px;font-size:16px}.mobile-menu .nav-list button{padding:10px 20px}.mobile-menu .nav-list .dropdown-button{width:100%}.mobile-menu .nav-list .dropdown-menu{position:static}.mobile-menu.expand{max-height:9999px;opacity:1}.mobile-menu-close{position:absolute;right:0;top:0;width:54px;height:54px;background-repeat:no-repeat;background-position:top 25px right 25px;background-size:24px;background-image:url("./../src/base/icon_close_white.svg")}.fixed-nav{position:fixed;bottom:0;left:0;display:none;right:0;z-index:3}.fixed-nav .account-nav{margin-right:0;background-color:var(--primary-dark);width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-top:1px solid var(--secondary)}.fixed-nav .account-nav li{width:25%}.fixed-nav .account-nav li+li{border-left:1px solid var(--secondary)}.fixed-nav .account-nav a{display:block}.fixed-nav .account-nav button{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:5px 5px;gap:0}.minus,.plus {touch-action: manipulation;-webkit-tap-highlight-color: transparent;}footer{background-color:var(--footer-bg);text-align:center;font-size:0;padding-bottom:110px;color:var(--grey-1)}footer .logo{padding-top:35px;margin:0 auto;margin-bottom:20px}footer .sns-wrap{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px}footer .sns{margin:0 auto;padding:8px}.warning{background-color: #323232;position: fixed;bottom: 0;left: 0;right: 0;z-index: 999;width: 100%;height: 10vh;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 2vh;font-weight: bold;text-align: center;}.warning img{width:40%;max-width:960px;display:block;margin: 0 auto;}.copyright{font-size:12px}.address{margin-bottom:25px;font-size:14px}.side-menu{position:fixed;top:300px;right:4px;z-index:4;background-color:#E8D1BF;padding:15px 10px;border-radius:10px}.side-menu a{display:block;text-align:center;font-size:0;padding:7px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.side-menu button{display:block;cursor:pointer;text-align:center;font-size:0;width:100%}@media screen and (max-width:1556px){.logo{margin-right:15px}.nav-item button{padding:15px 6px}.account-nav{margin-right:10px}.account-list button{padding:15px 6px;gap:3px}}.wrap {padding-top: 112px;}@media screen and (max-width:1315px){.wrap{padding-top: 50px;}.header-content{padding:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:unset}.header-content .logo-mobile{display:block;width:88px;margin:0;margin-left:10px;margin-top: 5px;}.header-content .logo-mobile img{width:100%}.header-content .logo{display:none}.header-content .account-nav,.header-content .contact-info,.header-content .nav-list{display:none}.side-menu{padding: 8px 8px;}.fixed-nav{display:block;bottom: 9.9vh;}.mobile-menu-button{display:block}footer{padding-bottom:150px}footer .logo{padding-top:20px;margin:0 auto;width:60px;margin-bottom:15px}footer .logo img{width:100%}footer .sns-wrap{margin:0 auto;font-size:0}footer .sns{margin:0 auto}.copyright{color:var(--grey-1);font-size:12px}.address{display:block;margin-bottom:7px} .warning {display: flex;align-items: center;}
.warning img {height: 51%;width: auto;width: 100%;}}.search-lightbox{width:100%;max-width:960px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid white;padding-bottom:0;padding:0;margin:0 auto;margin-top:5%;margin-bottom:15%}.search-lightbox-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;width:100%}.search-close,.search-search{cursor:pointer;width:48px;height:48px;background-image:url("./../src/base/icon_search_white.svg");font-size:0;background-repeat:no-repeat;background-size:100% auto;background-position:center;margin-bottom:9px;background-color:transparent;border:unset}.search-close{background-image:url("./../src/base/icon_close_white.svg")}.search-input{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.search-input input{width:100%;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size:calc(var(--font-size) * 3);background-color:transparent;color:var(--secondary);border:unset}.search-input input::-webkit-input-placeholder{color:var(--secondary)}.search-input input::-moz-placeholder{color:var(--secondary)}.search-input input:-ms-input-placeholder{color:var(--secondary)}.search-input input::-ms-input-placeholder{color:var(--secondary)}.search-input input::placeholder{color:var(--secondary)}.search-input input:active,.search-input input:focus{outline:unset}.search-input input[type=search]::-webkit-search-cancel-button,.search-input input[type=search]::-webkit-search-decoration,.search-input input[type=search]::-webkit-search-results-button,.search-input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.search-input input:-webkit-autofill,.search-input input:-webkit-autofill:active,.search-input input:-webkit-autofill:focus,.search-input input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 50px #1f1c1a inset!important}.search-input input:-webkit-autofill{-webkit-text-fill-color:var(--secondary)!important}.lightbox-alert .lightbox-title{padding-top:2rem;margin-bottom:0.5rem;line-height:1.3;font-weight:400;color:var(--grey-4);font-size:calc(var(--font-size) * 1.5)}.lightbox-title{padding-top:2rem;margin-bottom:1rem;line-height:1.3;font-weight:400;color:var(--grey-4);font-size:calc(var(--font-size) * 1.5)}.alert-btn-wrap{max-width:414px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:14px;margin:0 auto;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;padding-bottom:5px}.alert-btn{width:100%;border-width:1px;border-style:solid;border-radius:4px;padding:6px;cursor:pointer;max-width:200px}.alert-btn-outline{color:var(--grey-4);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;border-color:var(--grey-4);background-color:white}.alert-btn-outline:active,.alert-btn-outline:focus,.alert-btn-outline:focus-visible{outline:unset;-webkit-box-shadow:unset;box-shadow:unset}.alert-btn-filled{color:white;border-color:var(--secondary);background-color:var(--secondary)}.alert-btn-filled:active,.alert-btn-filled:focus,.alert-btn-filled:focus-visible{outline:unset;-webkit-box-shadow:unset;box-shadow:unset}.lightbox-container{overflow:visible}.legal-age-img{width:120px;height:120px;background-image:url("./../src/base/20plus.png");background-repeat:no-repeat;background-size:100%;background-position:center;margin:0 auto;margin-bottom:12px}.legal-age-lightbox-content{margin-top:calc(var(--font-size) * 2.5 * -1)}.legal-age-lightbox-content p{font-size:calc(var(--font-size) * 0.875);line-height:1.7142857143;max-width:360px;width:100%;margin:0 auto;margin-bottom:calc(var(--font-size) * 0.875 * 24 / 14);text-align:left}.legal-age-lightbox-title{color:var(--secondary);font-size:calc(var(--font-size) * 1.5);line-height:1.25;margin-bottom:25px}.legal-age-btn-wrap{max-width:414px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:14px;margin:0 auto;margin-bottom:25px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:100%}.legal-age-btn{width:100%;border-width:1px;border-style:solid;border-radius:4px;padding:12px;height:50px;cursor:pointer;max-width:200px}.legal-age-btn-outline{color:var(--grey-4);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;border-color:var(--grey-4);background-color:white}.legal-age-btn-outline:active,.legal-age-btn-outline:focus,.legal-age-btn-outline:focus-visible{outline:unset;-webkit-box-shadow:unset;box-shadow:unset}.legal-age-btn-filled{color:white;border-color:var(--secondary);background-color:var(--secondary)}.legal-age-btn-filled:active,.legal-age-btn-filled:focus,.legal-age-btn-filled:focus-visible{outline:unset;-webkit-box-shadow:unset;box-shadow:unset}.lightbox-close{color:transparent;position:absolute;font-size:0;width:48px;height:48px;background-image:url("./../src/base/icon_close_lightbox.svg");background-repeat:no-repeat;background-position:center;margin-top:8px;margin-right:8px;background-size:24px}.lightbox-close:hover{background-image:url("./../src/base/icon_close_lightbox.svg");background-repeat:no-repeat;background-position:center;background-size:24px;color:inherit}.lightbox-close:active,.lightbox-close:focus,.lightbox-close:focus-visible{outline:unset;-webkit-box-shadow:unset;box-shadow:unset}.menber-icon{display:inline-block;width:48px;height:48px;margin:0 7px;background-image:url("./../src/base/icon_account_circle_sec.svg");background-repeat:no-repeat;background-position:center;background-size:100%}.login-btn-icon{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:center;background-size:100%}.facebook-icon{background-image:url("./../src/base/icon_facebook_white.svg")}.line-icon{background-image:url("./../src/base/icon_line_white.svg")}.login-lightbox-content{padding-top:54px}.login-lightbox-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--primary-dark);font-size:calc(var(--font-size) * 1.5);margin-bottom:40px}.login-btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;gap:26px;padding-left:12px;padding-right:12px;margin-bottom:60px}.login-btn{width:100%;padding:26px;border-radius:4px}.login-btn span{width:100%;color:white;display:block;font-size:calc(var(--font-size) * 1.25)}.facebook-login{background:#3B5998}.line-login{background:#49C155}@media screen and (max-width:768px){.search-close,.search-search{width:36px;height:36px;margin-bottom:0}.search-input input{font-size:calc(var(--font-size) * 2)}.login-lightbox-content{padding-top:32px}.login-lightbox-title{margin-bottom:15px}.login-btn-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;margin-bottom:30px}}