html{overflow-x:hidden;scroll-behavior:smooth}body{padding-right:0!important}header{background:#fff;width:100%;z-index:1000}header .nav-brand{display:flex;justify-content:start}header .nav-brand .balance{width:0}header .nav-brand .hamburger{background-color:transparent;border:1px solid rgba(0,0,0,.1);border-radius:.25rem;display:none;font-size:1.25rem;line-height:1;padding:.25rem .75rem}header .nav-brand .hamburger .icon{background:50%/100% 100% no-repeat;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");content:"";display:inline-block;height:1.5em;vertical-align:middle;width:1.5em}header .logo{width:200px}header .menu-bar{align-items:end;display:flex;flex-direction:column}header .nav{color:#484848;font-family:Noto Sans TC;font-size:16px;font-style:normal;font-weight:400;letter-spacing:2.4px;line-height:normal;text-align:center}header .nav .nav-link{align-items:center;display:flex}header .nav .nav-link:focus{outline:none}header .nav .icon{height:16px;margin-right:7px}header .nav .icon.-h,header .nav .icon.-m{display:none}header .nav .icon.mu{background-image:url(/assets/images/m-d.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:9px}header .nav .dropdown-toggle:after{display:none}header .nav-pills .nav-item.dropdown.show .nav-link:hover,header .nav-pills .nav-link:not(.active):hover,header .nav-pills .show>.nav-link{background:transparent;color:#f5a21b}header .nav-pills .nav-item.dropdown.show .nav-link:hover .icon:not(.mu),header .nav-pills .nav-link:not(.active):hover .icon:not(.mu),header .nav-pills .show>.nav-link .icon:not(.mu){display:none}header .nav-pills .nav-item.dropdown.show .nav-link:hover .icon:not(.mu).-h,header .nav-pills .nav-link:not(.active):hover .icon:not(.mu).-h,header .nav-pills .show>.nav-link .icon:not(.mu).-h{display:block}header .nav-pills .nav-item.dropdown.show .nav-link:hover .icon.mu,header .nav-pills .nav-link:not(.active):hover .icon.mu,header .nav-pills .show>.nav-link .icon.mu{background-image:url(/assets/images/m-u.svg)}header .nav-pills .dropdown-menu.lang{border-radius:0;padding:0;text-align:center}header .nav-pills .dropdown-menu.lang .dropdown-item{border-bottom:1px solid #f5a21b;padding:10px 15px}header .nav-pills .dropdown-menu.lang .dropdown-item:hover{background:#f5a21b;color:#fff}header .search input{background:#f4f4f4;border:0;border-radius:8px;height:32px;width:200px}header .search input:focus{background:#f4f4f4;box-shadow:none}header .search button{background:#f4f4f4;border-radius:8px}header .search button:focus{box-shadow:none}header .menu{margin:0 -7.5px}header .menu .icon{margin-left:7px;width:9px}header .menu .dropdown-menu{background:linear-gradient(#fff 0 0) padding-box,linear-gradient(90deg,#eb9440 0,#e77d53 48%,#e1615d) border-box;border:2px solid transparent;border-radius:12px;box-shadow:none;top:calc(100% - 2px)}header .menu .dropdown-item{border-bottom:1px solid #d9d9d9;margin:0 22px;padding:10px 0;width:calc(100% - 44px)}header .menu .dropdown-item:last-child{border:0}header .menu .dropdown-item .icon{width:15px}header .menu .dropdown-item.shortcut:after{background-image:url(/assets/images/shortcut.svg);background-size:cover;content:"";display:inline-block;height:15px;margin-left:8px;width:15px}header .menu .dropdown-item:hover{background:transparent;color:#f5a21b}header .menu .dropdown-item:hover .icon{display:none}header .menu .dropdown-item:hover .icon.-h{display:inline}header .menu .dropdown-item:hover.shortcut:after{background-image:url(/assets/images/shortcut-h.svg)}footer{background:linear-gradient(270deg,#e1615d 0,#e77d53 48%,#eb9440);font-size:16px;font-weight:400;letter-spacing:2.4px}footer,footer a,footer a:hover{color:#fff}footer .logo{width:136px}footer .menu{display:flex;justify-content:space-between;padding-bottom:40px;padding-top:64px}footer .menu .block{display:flex;flex-direction:column;font-size:16px;font-weight:400;gap:8px;letter-spacing:2.4px;padding-bottom:8px;width:128px}footer .menu .block .title{border-bottom:1px solid #fff;font-weight:500;padding-bottom:8px;padding-left:4px}footer .menu .block .link{margin-left:4px}footer .menu .block .shortcut:after{background-image:url(/assets/images/shortcut-m.svg);background-size:cover;content:"";display:inline-block;height:15px;margin-left:8px;width:15px}footer .rule{border-bottom:1px solid #f4f4f4;border-top:1px solid #f4f4f4;padding:16px 0}footer .rule .nav{justify-content:center}footer .info{padding-bottom:64px;padding-top:40px}footer .info .company{-moz-column-gap:16px;column-gap:16px;display:flex;flex-wrap:wrap}.title-area{background:linear-gradient(257deg,#e1615d 20.74%,#e77d53 39.33%,#eb9440 59.12%);margin-bottom:60px;padding:36px 0}.title-area .breadcrumb{background:transparent;margin-bottom:0;padding:0 0 36px}.title-area .breadcrumb a,.title-area .breadcrumb li{color:#fff;font-size:16px;font-weight:400;letter-spacing:2.4px;text-decoration:none}.title-area .breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#fff;content:"|"}.title-area .page-title{color:#fff;font-size:32px;font-weight:500;letter-spacing:4.2px}.pagination{align-items:center;gap:20px;justify-content:center}.pagination .page-link{background-color:transparent;border:0;color:#484848}.pagination .page-link:hover{background:transparent;color:#484848}.pagination .page-item.active .page-link{align-items:center;background:#f90;border-radius:50%;display:flex;flex-direction:column;gap:10px;height:32px;justify-content:center;width:32px}.carousel-control-next,.carousel-control-prev{background:transparent;border:0}.carousel-indicators li{border:1px solid transparent;border-radius:8px;height:8px;width:8px}.carousel-control-prev-icon{background-image:url(/assets/images/index/arrow-left.svg);height:34px}.carousel-control-next-icon{background-image:url(/assets/images/index/arrow-right.svg);height:34px}.bg-f4{background:#f4f4f4}.btn-all,a,a:hover{text-decoration:none}.btn-all{background:#fff;border:1px solid #b4b4b4;border-radius:12px;color:#7b7b7b;font-size:20px;font-weight:500;letter-spacing:3px;padding:9px 24px 10px}.btn-all:hover{background:#f90;border-color:#f90;color:#fff}.swiper-button-next,.swiper-button-prev{align-items:center;background:#fff;border-radius:48px;box-shadow:2px 2px 6px 0 rgba(0,0,0,.1);display:flex;height:48px;justify-content:center;padding:10px 8px 10px 12px;width:48px}.swiper-button-next:after,.swiper-button-prev:after{color:#b4b4b4;font-size:20px}.swiper-button-next:hover,.swiper-button-prev:hover{background:linear-gradient(257deg,#e1615d 20.74%,#e77d53 39.33%,#eb9440 59.12%)}.swiper-button-next:hover:after,.swiper-button-prev:hover:after{color:#fff}.swiper-button-prev{padding:10px 12px 10px 8px}.swiper-button-disabled{display:none}.swiper-button-next{right:-65px}.swiper-button-prev{left:-65px}.like{background-image:url(/assets/images/like.svg);background-repeat:no-repeat;cursor:pointer;height:24px;position:absolute;right:20px;top:20px;width:24px;z-index:1}.like.d{background-image:url(/assets/images/liked.svg)}.btn.buy{border-radius:12px;font-size:20px;font-weight:500;letter-spacing:3px;padding:9px 24px 10px}.btn.buy.cart{background:#fff;border:1px solid #f90;color:#f90}.btn.buy.cart:hover{background:linear-gradient(0deg,rgba(255,153,0,.1),rgba(255,153,0,.1))}.btn.buy.now{background:linear-gradient(257deg,#e1615d 20.74%,#e77d53 39.33%,#eb9440 59.12%);border-color:#f90;color:#fff}.btn.buy.now:hover{background:linear-gradient(257deg,#f90,#f90)}[v-cloak]{display:none}.modal,.modal-open{padding-right:0!important}@media (max-width:991px){header{box-shadow:0 4px 10px 0 rgba(0,0,0,.1);height:60px;position:fixed;top:0;z-index:10001}header .nav-brand{justify-content:space-between;width:100%}header .nav-brand .m-btn{display:flex;gap:8px}header .nav-brand .m-btn .mhb{background:transparent;border:0;height:44px;width:44px}header .nav-brand .m-btn .mhb.hb1{background-image:url(/assets/images/hb1.svg)}header .nav-brand .m-btn .mhb.hb2{background-image:url(/assets/images/hb2a.svg)}header .nav-brand .m-btn .mhb.hb2.collapsed{background-image:url(/assets/images/hb2.svg)}header .nav-brand .m-btn .mhb.hb3{background-image:url(/assets/images/hb3a.svg)}header .nav-brand .m-btn .mhb.hb3.collapsed{background-image:url(/assets/images/hb3.svg)}header .logo{height:40px;width:auto}header .menu-bar{display:block;width:100%}header .m-lang{background:#fff}header .m-lang .lang-item{border-bottom:1px solid #e1615d;color:#484848;display:block;font-size:16px;font-weight:500;letter-spacing:2.4px;padding:24px 120px;text-align:center}header .m-lang .lang-item.active{color:#fff;letter-spacing:.8px}header .m-lang .lang-item.active,header .menu{background:linear-gradient(257deg,#e1615d 20.74%,#e77d53 39.33%,#eb9440 59.12%)}header .menu{margin-top:8px;z-index:1001}header .menu .nav{flex-direction:column;margin:10px 20px;width:100%}header .menu .nav .dropdown-menu{background:transparent;position:static!important;transform:none!important;width:100%}header .menu .nav .nav-item.dropdown.show{background:hsla(0,0%,100%,.15);margin-left:-27.5px;margin-right:-27.5px}header .menu .nav .nav-item.dropdown.show>a,header .menu .nav .nav-item.dropdown.show>div{margin-left:27.5px;margin-right:27.5px}header .menu .dropdown-item{border:0;color:#fff;width:100%}header .menu .dropdown-item.shortcut:after{background-image:url(/assets/images/shortcut-m.svg)}header .menu .dropdown-item:hover{color:#fff}header .menu .dropdown-item:hover .icon.-h{display:none}header .menu .dropdown-item:hover.shortcut:after{background-image:url(/assets/images/shortcut-m.svg)}header .menu .-member .mem-btn{align-items:center;background:#fff;border-radius:99px;display:flex;gap:8px;justify-content:center;padding:8px 0;width:100%}header .menu .-member .mem-btn span{-webkit-text-fill-color:transparent;background:linear-gradient(257deg,#e1615d 20.74%,#e77d53 39.33%,#eb9440 59.12%);background-clip:text;-webkit-background-clip:text;font-size:16px;font-weight:500;letter-spacing:.8px}header .search{border-bottom:1px solid #fff;margin-bottom:5px;padding-bottom:5px}header .search button{background:transparent}header .search input{width:100%}header .search input,header .search input:focus{background:transparent;color:#fff}header .search input::-moz-placeholder{color:hsla(0,0%,100%,.5)}header .search input::placeholder{color:hsla(0,0%,100%,.5)}header .search input::-ms-input-placeholder{color:hsla(0,0%,100%,.5)}header .nav .nav-link{color:#fff;justify-content:space-between}header .nav .icon:not(.mu),header .nav .icon:not(.mu).-h{display:none}header .nav .icon:not(.mu).-m{display:inline}header .nav .icon.mu{background-image:url(/assets/images/ma-d.svg);width:16px}header .nav-pills .nav-item.dropdown.show .nav-link:hover,header .nav-pills .nav-link:not(.active):hover,header .nav-pills .show>.nav-link{color:#fff}header .nav-pills .nav-item.dropdown.show .nav-link:hover .icon.mu,header .nav-pills .nav-link:not(.active):hover .icon.mu,header .nav-pills .show>.nav-link .icon.mu{background-image:url(/assets/images/ma-u.svg)}.layout{margin-top:60px}footer{font-size:13px}footer .logo{width:80px}footer .rule{border:0;padding:20px 0}footer .info{background:hsla(0,0%,100%,.15);padding:20px 0}footer .info .company{align-items:center;flex-direction:column}footer .notice{padding:20px 0;text-align:center}.title-area{margin-bottom:0;padding:10px}.title-area .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.title-area nav{order:1}.title-area .breadcrumb{padding-bottom:0}.title-area .breadcrumb a,.title-area .breadcrumb li{font-size:12px;letter-spacing:.6px}.title-area .page-title{font-size:16px;order:-1}.btn-all{font-size:16px;padding:4px 12px}.btn.buy{font-size:16px;padding:5px 12px}.swiper-button-next,.swiper-button-prev{height:24px;width:24px}.swiper-button-next:after,.swiper-button-prev:after{font-size:10px}.swiper-button-next{right:-15px}.swiper-button-prev{left:-15px}.p24{padding:24px}.modal{top:60px}}
