@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Poppins:wght@300;400;500;600;700;800&family=Signika:wght@300..700&display=swap");:root{--line-height-default:2.12;--spac:4px;--spac-box:max(calc(var(--spac) * 10), 4.2vw);--spac-box-md:max(calc(var(--spac) * 6), 2.1vw);--spac-box-sm:max(calc(var(--spac) * 3), 1.6vw);--padding-spac:calc(var(--spac) * 6);--container-1220:calc(1220px + (var(--padding-spac) * 2));--container-1372:calc(1372px + (var(--padding-spac) * 2));--container-1560:calc(1560px + (var(--padding-spac) * 2));--container-1700:calc(1640px + (var(--spac) * 7.5 * 2));--tagline-h:50px;--header-h:114px;--scroll-header-h:90px;--logo-w:50px;--input-h:48px}@media (max-width: 1659px){:root{--container-1700:calc(1652px + (var(--padding-spac) * 2))}}@media (max-width: 1079px){:root{--line-height-default:1.9;--header-h:83px;--scroll-header-h:83px;--logo-w:45px}}@media (max-width: 575px){:root{--header-h:74px;--scroll-header-h:74px;--logo-w:38px}}html{font-size:10px;line-height:10px}body{margin:0;padding:0;font-family:"Poppins",sans-serif,"Noto Sans TC","Microsoft JhengHei","微軟正黑體";font-size:1.6rem;color:#231815;word-wrap:break-word;letter-spacing:2px;line-height:var(--line-height-default);background-color:#EFF0EB}*{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}img{max-width:100%;text-decoration:none;vertical-align:top;border:0}a{color:#231815;outline:none;-webkit-transition:color 0.35s;transition:color 0.35s}a:visited,a:hover,a:focus,a:active{color:#231815;text-decoration:none}input,textarea,select,button{font-size:1.6rem;font-weight:400}textarea,input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input,textarea,select{font-size:1.6rem;border:none;border-radius:0;-webkit-box-shadow:none !important;box-shadow:none !important}input,textarea,select,input[type=radio],input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:vertical}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal}span{display:inline-block}label{margin:0;padding:0;font-weight:inherit;vertical-align:baseline;border:0}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-size:100%;font-style:inherit;font-weight:inherit;outline:0}::-webkit-input-placeholder{font-size:1.6rem;color:#888;opacity:1}::-moz-placeholder{font-size:1.6rem;color:#888;opacity:1}:-ms-input-placeholder{font-size:1.6rem;color:#888;opacity:1}::-ms-input-placeholder{font-size:1.6rem;color:#888;opacity:1}::placeholder{font-size:1.6rem;color:#888;opacity:1}.reset input, .reset label, .reset
select{vertical-align:middle}input[type=date]::-webkit-inner-spin-button{display:none;-webkit-appearance:none}::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}.reset{margin:0;padding:0;list-style:none;border:0;border-spacing:0;border-collapse:collapse}p{margin:0;padding:0;line-height:inherit}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]):focus:not(:focus-visible){outline:none}:where(a,button,input,textarea,select,summary,[role=button],[tabindex]):focus-visible{outline:2px
solid #231815 !important;outline-offset:3px !important}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}[role=button]{cursor:pointer}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block{display:none !important}@media (max-width: 767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width: 767px){.visible-xs-block{display:block !important}}@media (max-width: 767px){.visible-xs-inline{display:inline !important}}@media (max-width: 767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-block{display:block !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-inline{display:inline !important}}@media (min-width: 768px) and (max-width: 991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-block{display:block !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-inline{display:inline !important}}@media (min-width: 992px) and (max-width: 1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width: 1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width: 1200px){.visible-lg-block{display:block !important}}@media (min-width: 1200px){.visible-lg-inline{display:inline !important}}@media (min-width: 1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width: 767px){.hidden-xs{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.hidden-sm{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.hidden-md{display:none !important}}@media (min-width: 1200px){.hidden-lg{display:none !important}}@media
print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}@media
print{.visible-print-block{display:block !important}}@media
print{.visible-print-inline{display:inline !important}}@media
print{.visible-print-inline-block{display:inline-block !important}}@media
print{.hidden-print{display:none !important}}.clearfix:before,.clearfix:after{content:" ";display:table;clear:both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.disabled,.disabled:hover{cursor:not-allowed}.tagline{position:fixed;z-index:1000;top:0;left:0;width:100%;background-color:#fff;-webkit-transition:height 0.35s, opacity 0.35s;transition:height 0.35s, opacity 0.35s}.tagline__box{position:relative;margin:0
auto;width:85%;max-width:350px;height:var(--tagline-h);white-space:nowrap;overflow:hidden}.tagline__box::before,.tagline__box::after{display:block;content:"";position:absolute;z-index:2;top:0;width:30px;height:100%}.tagline__box::before{left:0;background:-webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));background:linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.tagline__box::after{right:0;background:-webkit-gradient(linear, right top, left top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));background:linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)}.tagline__content{display:inline-block;-webkit-animation:ani_marquee 10s linear infinite;animation:ani_marquee 10s linear infinite}.tagline
span{padding-right:8px;font-family:"Signika",sans-serif,"Noto Sans TC","Microsoft JhengHei","微軟正黑體";font-size:1.8rem;font-weight:600;font-style:italic;text-align:center;line-height:5rem}.tagline:hover
.tagline__content{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes
ani_marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes
ani_marquee{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.header{position:fixed;z-index:1000;top:var(--tagline-h);left:0;width:100%;background-color:#EFF0EB;-webkit-transition:top 0.25s, background-color 0.35s;transition:top 0.25s, background-color 0.35s}.header__box{padding-top:24px;padding-bottom:24px;-webkit-transition:padding 0.35s;transition:padding 0.35s}.header
.logo{position:relative;z-index:5;margin:0
auto;width:10%;max-width:200px;-webkit-transition:width 0.35s;transition:width 0.35s}.header .logo
a{display:block;margin:0
auto;width:var(--logo-w);background:url(../../../themes/zh-tw/assets/css/../images/logo.svg) no-repeat 0 0;background-size:cover}.header .logo a::before{display:block;content:"";width:100%;padding-bottom:132%;width:100%}.header
.topnav{position:absolute;z-index:3;top:50%;right:var(--padding-spac);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.header .topnav .operate-btn{display:block;position:relative;padding-bottom:100%;width:32px;cursor:pointer;text-align:center;line-height:1}.header .topnav .operate-btn i, .header .topnav .operate-btn
span{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.header .topnav .operate-btn
i{background:url(../../../themes/zh-tw/assets/css/../images/icon_search.svg) no-repeat 0 0;background-size:cover;-webkit-transition:background-image 0.35s;transition:background-image 0.35s;-webkit-transition:width 0.35s, height 0.35s;transition:width 0.35s, height 0.35s}.header .topnav .operate-btn
span{display:none;-webkit-transform:translate(-50%, -50%) rotate(0deg);-ms-transform:translate(-50%, -50%) rotate(0deg);transform:translate(-50%, -50%) rotate(0deg);-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.header .topnav .operate-btn span::before, .header .topnav .operate-btn span::after{display:block;content:"";width:100%;position:absolute;top:50%;left:50%;width:30px;height:2px;border-radius:50px;background-color:#231815;-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.header .topnav .operate-btn span::after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.header .topnav .operate-btn:hover
i{width:84%;height:84%}.header .topnav.is-on .operate-btn
i{display:none}.header .topnav.is-on .operate-btn
span{display:block}.header .topnav.is-on .operate-btn:hover
span{-webkit-transform:translate(-50%, -50%) rotate(360deg);-ms-transform:translate(-50%, -50%) rotate(360deg);transform:translate(-50%, -50%) rotate(360deg)}.header .switch-btn{display:none;position:absolute;z-index:2;top:0;left:0;width:var(--header-h);height:var(--header-h);cursor:pointer}.header .switch-btn .nav-switch{display:block;position:absolute;z-index:5;top:50%;left:50%;width:30px;height:30px;font-size:0;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.header .switch-btn .nav-switch
span{display:block;position:absolute;left:50%;top:50%;width:30px;height:2px;border-radius:100px;background-color:#231815;-webkit-transform:translate(-50%, -50%) rotate(0);-ms-transform:translate(-50%, -50%) rotate(0);transform:translate(-50%, -50%) rotate(0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:margin 0.35s 0.3s, -webkit-transform 0.35s;transition:margin 0.35s 0.3s, -webkit-transform 0.35s;transition:margin 0.35s 0.3s, transform 0.35s;transition:margin 0.35s 0.3s, transform 0.35s, -webkit-transform 0.35s}.header .switch-btn .nav-switch span:nth-child(1){margin-top:-30%}.header .switch-btn .nav-switch span:nth-child(2){-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.header .switch-btn .nav-switch span:nth-child(3){margin-top:29%}.header .switch-btn.is-on .nav-switch span:nth-child(1){margin-top:0;-webkit-transform:translate(-50%, -50%) rotate(45deg);-ms-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg);-webkit-transition:margin 0.35s, -webkit-transform 0.35s 0.3s;transition:margin 0.35s, -webkit-transform 0.35s 0.3s;transition:margin 0.35s, transform 0.35s 0.3s;transition:margin 0.35s, transform 0.35s 0.3s, -webkit-transform 0.35s 0.3s}.header .switch-btn.is-on .nav-switch span:nth-child(2){opacity:0}.header .switch-btn.is-on .nav-switch span:nth-child(3){margin-top:0;-webkit-transform:translate(-50%, -50%) rotate(-45deg);-ms-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg);-webkit-transition:margin 0.35s, -webkit-transform 0.35s 0.3s;transition:margin 0.35s, -webkit-transform 0.35s 0.3s;transition:margin 0.35s, transform 0.35s 0.3s;transition:margin 0.35s, transform 0.35s 0.3s, -webkit-transform 0.35s 0.3s}@media (max-width: 1079px){.header__box{padding-top:12px;padding-bottom:12px}}@media (max-width: 1023px){.header .switch-btn{display:block}}.operate-list{pointer-events:none;position:fixed;z-index:10;top:calc(var(--header-h) + var(--tagline-h));left:0;padding:max(var(--padding-spac), 2.4vw) var(--padding-spac);width:100%;opacity:0;background-color:rgba(255, 255, 255, 0.8);-webkit-box-shadow:0 1px 6px inset rgba(0, 0, 0, 0.12);box-shadow:0 1px 6px inset rgba(0, 0, 0, 0.12);backdrop-filter:blur(10px);-webkit-transition:opacity 0.5s;transition:opacity 0.5s}.operate-list .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 10px;margin:0
auto;padding:0;max-width:820px}.operate-list .form-group .input-style{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:50px;border-color:#ccc;background:url(../../../themes/zh-tw/assets/css/../images/icon_search.svg) no-repeat 12px 50% #fff;background-size:22px 22px}.operate-list .form-group .btn-style{max-width:100px}.operate-list.is-on{pointer-events:auto;opacity:1}@media (max-width: 575px){.operate-list{padding-top:16px;padding-bottom:16px}}.nav-menu{width:100%}.nav-menu__list>li{position:relative}.nav-menu__list>li>a{display:block;position:relative;font-family:"Signika",sans-serif,"Noto Sans TC","Microsoft JhengHei","微軟正黑體";font-weight:500;letter-spacing:3px}.nav-menu__list > li > a
span{line-height:1.6}.nav-menu__second{border-radius:6px}.nav-menu__second li:first-child>a{border-radius:6px 6px 0 0}.nav-menu__second li:last-child>a{border-radius:0 0 6px 6px}.nav-menu__second li
a{color:#fff;font-weight:500;letter-spacing:1px;line-height:1.6}.nav-menu__second li a:hover{color:#e8383d}.nav-menu__second li.current
a{color:#fff;background-color:#e8383d}@media (min-width: 1024px){.nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;left:0;padding:0
var(--padding-spac);width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.nav-menu>ul{display:none}.nav-menu__list{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;gap:0 3.2vw}.nav-menu__list>li>a{color:#231815;text-align:center;line-height:4}.nav-menu__second{pointer-events:none;display:block !important;position:absolute;z-index:1;top:100%;left:50%;width:162px;opacity:0;background-color:rgba(35, 24, 21, 0.8);backdrop-filter:blur(10px);-webkit-box-shadow:0 0 14px rgba(0, 0, 0, 0.12);box-shadow:0 0 14px rgba(0, 0, 0, 0.12);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:top 0.35s, opacity 0.35s;transition:top 0.35s, opacity 0.35s}.nav-menu__second>li:not(:last-child){border-bottom:rgba(255, 255, 255, 0.2) solid 1px}.nav-menu__second>li.current{border-bottom:none}.nav-menu__second>li>a{display:block;padding:12px
16px;font-size:1.5rem;color:#fff;text-align:center;-webkit-transition:color 0.35s;transition:color 0.35s}.nav-menu .menu-l, .nav-menu .menu-r{width:45%}.nav-menu .menu-l{padding-left:46px}.nav-menu .menu-r{padding-right:46px}}@media (min-width: 1080px){.nav-menu__list>li>a{line-height:5}}@media (min-width: 1400px){.nav-menu__list > li:hover .nav-menu__second{pointer-events:auto;top:100%;opacity:1}.nav-menu__second{top:140%}}@media (min-width: 1024px) and (max-width: 1399px){.nav-menu__list > li.is-on .nav-menu__second{pointer-events:auto;top:100%;opacity:1}}@media (max-width: 1023px){.nav-menu{pointer-events:none;position:fixed;z-index:998;top:calc(var(--header-h) + var(--padding-spac));left:var(--padding-spac);padding:calc(var(--padding-spac) * 0.8) calc(var(--padding-spac) * 1.2);width:calc(100% - var(--padding-spac) * 2);max-height:calc(var(--vh, 1vh) * 100 - var(--header-h) - var(--padding-spac) * 2);opacity:0;border-radius:6px;background-color:rgba(35, 24, 21, 0.8);backdrop-filter:blur(10px);-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.nav-menu.is-on{pointer-events:auto;opacity:1}.nav-menu__list{display:block;max-height:calc(var(--vh, 1vh) * 100 - var(--header-h) - var(--padding-spac) * 3.6);overflow-x:hidden;overflow-y:auto}.nav-menu__list>li>a{color:#fff;line-height:2.6}.nav-menu__list>li.has-child>a::before,.nav-menu__list>li.has-child>a::after{display:block;content:"";width:100%;position:absolute;top:50%;right:0;margin-top:-0.5px;width:9px;height:1px;background-color:rgba(255, 255, 255, 0.7);-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s}.nav-menu__list>li.has-child>a::after{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform 0.35s;transition:-webkit-transform 0.35s;transition:transform 0.35s;transition:transform 0.35s, -webkit-transform 0.35s}.nav-menu__list>li.has-child.is-on>a::before{opacity:0}.nav-menu__list>li.has-child.is-on>a::after{top:47%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.nav-menu__second{display:none;margin-bottom:5px;background-color:#fff}.nav-menu__second>li:not(:last-child){border-bottom:#ddd solid 1px}.nav-menu__second>li.current{border-bottom:none}.nav-menu__second>li>a{display:block;position:relative;padding:10px
16px;font-size:1.5rem;color:#231815;line-height:1.4}.nav-menu__second > li.current
a{color:#fff;background-color:#e8383d}.nav-menu .menu-l, .nav-menu .menu-r{display:none}}body.is-scroll
.tagline{pointer-events:none;top:-50px;opacity:0}body.is-scroll
.header{top:0;background-color:#fff}body.is-scroll
.header__box{padding-top:12px;padding-bottom:12px}body.is-scroll .operate-list{top:var(--scroll-header-h)}body.is-scroll .operate-list .is-on{top:var(--scroll-header-h)}.nav-menu__list > li
.word{position:relative;width:100%}.nav-menu__list > li .word::before{display:block;content:attr(data-title);position:absolute;top:49%;left:50%;font-weight:500;letter-spacing:1px;opacity:0;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.nav-menu__list > li .word
span{-webkit-transition:opacity 0.35s;transition:opacity 0.35s}@media (max-width: 1023px){.nav-menu__list > li
.word{width:auto}.nav-menu__list > li .word::before{left:0;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}}.is-desktop .nav-menu__list > li:hover .word::before, .is-desktop .nav-menu__list > li.is-on .word::before{opacity:1;clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);-webkit-animation:ani_titleAnimation 1s ease forwards;animation:ani_titleAnimation 1s ease forwards}.is-desktop .nav-menu__list > li:hover .word span, .is-desktop .nav-menu__list > li.is-on .word
span{opacity:0}.is-tablet .nav-menu__list > li.is-on .word::before, .is-phone .nav-menu__list > li.is-on .word::before{opacity:1;clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%);-webkit-animation:ani_titleAnimation 1s ease forwards;animation:ani_titleAnimation 1s ease forwards}.is-tablet .nav-menu__list > li.is-on .word span, .is-phone .nav-menu__list > li.is-on .word
span{opacity:0}@-webkit-keyframes
ani_titleAnimation{0%{opacity:0;clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%)}100%{opacity:1;clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 15%)}}@keyframes
ani_titleAnimation{0%{opacity:0;clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 80%)}100%{opacity:1;clip-path:polygon(100% 0, 100% 100%, 0 100%, 0 15%)}}#index
.footer{background-color:#fff}.footer{position:relative;z-index:3;padding:var(--spac-box) 0 max(var(--padding-spac), 2vw);line-height:1.6}.footer .container-1372{gap:20px 0}.footer
.ti{margin-bottom:20px;font-family:"Signika",sans-serif,"Noto Sans TC","Microsoft JhengHei","微軟正黑體";font-size:1.6rem;font-weight:500;letter-spacing:3px;white-space:nowrap;line-height:1}.footer .ti a:hover{color:#e8383d}.footer__links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px 0}.footer__links
.box{padding-right:max(var(--padding-spac), 1.8vw);width:calc((78% - 160px) / 4)}.footer__links .box:hover .ti
a{color:#e8383d}.footer__links
.box.stores{width:22%}.footer__links
.box.contact{width:160px}.footer__links .box ul
li{line-height:1.2}.footer__links .box ul li:not(:last-child){margin-bottom:12px}.footer__links .box ul li
a{display:inline-block;position:relative;font-size:1.5rem;-webkit-transition:padding-left 0.35s;transition:padding-left 0.35s}.footer__links .box ul li a::before{display:block;content:"";width:100%;content:"";position:absolute;top:50%;left:4px;width:3px;height:3px;opacity:0;background-color:#231815;border-radius:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity 0.35s;transition:opacity 0.35s}.footer__links .box ul li a:hover{padding-left:20px}.footer__links .box ul li a:hover::before{opacity:1}.footer__bottom{padding-top:max(var(--spac) * 7, 2vw);font-weight:500}.footer__bottom
.logo{position:relative;margin-bottom:4px;width:100%}.footer__bottom .logo::before, .footer__bottom .logo::after{display:block;content:"";width:100%;position:absolute;top:50%;width:42%;height:1px;background-color:#aaa}.footer__bottom .logo::before{left:0}.footer__bottom .logo::after{right:0}.footer__bottom .logo
a{display:block;margin:0
auto;width:55px;background:url(../../../themes/zh-tw/assets/css/../images/logo.svg) no-repeat 0 0;background-size:cover}.footer__bottom .logo a::before{display:block;content:"";width:100%;padding-bottom:132%;width:100%}.footer__bottom>.flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.footer__bottom .copyright
br{display:none}.footer__bottom .design a:hover{text-decoration:underline}.footer__bottom .design a:last-child{color:#ccc;font-weight:300}.footer__bottom .design a:last-child:hover{color:#231815}@media (max-width: 1279px){.footer__bottom{padding-top:0;font-size:1.4rem;font-weight:400}.footer__bottom .logo
a{width:45px}}@media (max-width: 1079px){.footer__links{display:none}.footer__bottom
.logo{margin-bottom:20px}.footer__bottom
.flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;text-align:center}}@media (max-width: 767px){.footer__bottom .logo
a{width:35px}.footer__bottom .copyright
br{display:block}}.join{display:block;position:fixed;z-index:10;right:10px;bottom:80px;width:20%;max-width:85px;text-align:center;border-radius:100px;overflow:hidden}.join
i{display:inline-block;width:100%;max-width:75px;background:url(../../../themes/zh-tw/assets/css/../images/icon_join.png) no-repeat 0 0;background-size:cover}.join i::before{display:block;content:"";padding-bottom:126%;width:100%}@media (max-width: 1559px){.join{bottom:115px}}@media (max-width: 1079px){.join{bottom:75px;max-width:50px}}@media (max-width: 575px){.join{bottom:55px}}.scroll-top{position:fixed;z-index:990;right:30px;bottom:var(--padding-spac);width:4.2%;max-width:40px;cursor:pointer;opacity:0;border-radius:100px;background-color:#231815;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s}.scroll-top.is-show{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.scroll-top::before{display:block;content:"";width:100%;padding-bottom:135%}.scroll-top
i{display:block;position:absolute;top:50%;left:50%;width:50%;max-width:20px;background:url(../../../themes/zh-tw/assets/css/../images/icon_top.svg) no-repeat 0 0;background-size:cover;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.scroll-top i::before{display:block;content:"";width:100%;padding-bottom:120%}@media (max-width: 1559px){.scroll-top{right:30px;bottom:60px;width:100%;max-width:36px}}@media (max-width: 1079px){.scroll-top{right:16px;bottom:20px}}@media (max-width: 575px){.scroll-top{right:19px;bottom:10px;max-width:30px}}html,body{height:100%}html.is-on{overflow:hidden}html.lenis,
html.lenis
body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}.lenis.lenis-smooth [data-lenis-prevent]{-ms-scroll-chaining:none;overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth
iframe{pointer-events:none}body{padding-top:calc(var(--header-h) + var(--tagline-h))}body .g-main{position:relative;padding-top:var(--spac-box);padding-bottom:var(--spac-box);background-color:#F7F8F5}body .bg-white{background-color:#fff}@media (min-width: 576px){body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}body .header,
body .c-kanban,
body .g-banner,
body .aside-nav,
body
.footer{-ms-flex-negative:0;flex-shrink:0}body .g-main{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}.container-1220,.container-1372,.container-1560,.container-1700{position:relative;margin:0
auto;padding-left:var(--padding-spac);padding-right:var(--padding-spac);width:100%}.container-1220{max-width:var(--container-1220)}.container-1372{max-width:var(--container-1372)}.container-1560{max-width:var(--container-1560)}.container-1700{max-width:var(--container-1700)}@media (min-width: 1660px){.container-1700{padding-left:calc(var(--spac) * 7.5);padding-right:calc(var(--spac) * 7.5)}}.scroll-wrap{overflow-y:hidden;overflow-x:auto}.scroll-wrap::-webkit-scrollbar{height:8px}.scroll-wrap::-webkit-scrollbar-track{margin:0;border-radius:0;background:rgba(0,0,0,0.1);-webkit-box-shadow:none}.scroll-wrap::-webkit-scrollbar-thumb{border-radius:0;background:rgba(0,0,0,0.25);-webkit-box-shadow:none}.scroll-wrap:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.45)}.clearboth::after{display:block;content:"";clear:both;height:0;font-size:0;overflow:hidden}.hidden-ele{position:absolute;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(0px 0px 99.9% 99.9%);padding:0;width:1px;height:1px;border:0;overflow:hidden}.txt-center{text-align:center}.txt-right{text-align:right}.txt-justify{text-align:justify;text-justify:inter-ideograph}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.g-headline{margin-bottom:var(--spac-box-sm);width:100%;line-height:1.6}.g-headline
span{display:block;line-height:1.4;overflow:hidden}.g-headline
.en{font-size:clamp(2.1rem, 2vw, 3rem);font-weight:700;letter-spacing:0;text-transform:uppercase;word-wrap:break-word}.g-headline
.tw{font-size:clamp(1.9rem,1.2vw,2.4rem);font-weight:500}.g-box__ti{padding:0
max(10px, 1.6vw) max(8px, 0.6vw);width:100%;font-size:clamp(1.9rem, 1.2vw, 2.4rem);font-weight:500;line-height:1.4;border-bottom:#231815 solid 2px}@media (max-width: 639px){.g-box__ti{padding-left:0;padding-right:0}}.slogan{margin-bottom:var(--spac-box-sm);text-align:center}.slogan .g-headline{margin-bottom:0}.slogan
.en{display:inline-block;position:relative;padding:2px
24px;letter-spacing:3px;line-height:1.4}.slogan .en::before, .slogan .en::after{display:block;content:"";width:17px;position:absolute;top:0;width:13px;height:11px;background:url(../../../themes/zh-tw/assets/css/../images/marks.png) no-repeat 0 0;background-size:cover}.slogan .en::before{left:0}.slogan .en::after{right:0;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.slogan .en
br{display:none}@media (max-width: 991px){.slogan .g-headline
span{letter-spacing:1px !important}.slogan .g-headline .en::before, .slogan .g-headline .en::after{width:13px;height:11px}}@media (max-width: 639px){.slogan .g-headline
span{letter-spacing:0 !important}.slogan
.en{padding:2px
18px !important}}.js-headings{opacity:0}.g-banner{position:relative;overflow:hidden}.g-banner::before{display:block;content:"";width:100%;padding-bottom:24.987%}.g-banner>.container-1700{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;position:absolute;z-index:2;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.g-banner__box{padding:10px
32px 14px;width:280px;color:#fff;background-color:rgba(35,24,21,0.7);backdrop-filter:blur(10px)}.g-banner__text{color:#fff;text-align:center;line-height:1.6}.g-banner__text.js-headings{opacity:0}.g-banner__text
span{display:block}.g-banner__text
.en{font-size:clamp(2.2rem, 2vw, 3.6rem);font-weight:700;letter-spacing:5px}.g-banner__text
.tw{font-family:"Signika",sans-serif,"Noto Sans TC","Microsoft JhengHei","微軟正黑體";font-size:clamp(1.5rem,1.2vw,1.8rem);font-weight:600;letter-spacing:12px}.g-banner__media{display:block;position:absolute;top:0;left:0;width:100%;height:100%;will-change:transform;-webkit-animation:ani_kanban_in 2.2s both;animation:ani_kanban_in 2.2s both}.g-banner__media
img{position:absolute;top:50%;left:50%;width:100% !important;max-width:none !important;height:100% !important;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media (max-width: 991px){.g-banner::before{padding-bottom:42%}}@media (max-width: 575px){.g-banner::before{padding-bottom:52%}.g-banner__box{padding:8px
24px 10px;width:210px}.g-banner__text
.en{font-weight:600}.g-banner__text
.tw{font-weight:500;letter-spacing:8px}}.aside-nav{position:relative;z-index:2;background-color:#fff;overflow:hidden}.aside-nav .container-1220{padding-left:0;padding-right:0}.aside-nav
ul.flex{-ms-flex-wrap:unset;flex-wrap:unset;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.aside-nav ul>li{display:inline-block;padding:0
max(10px, 1.3vw);line-height:80px;vertical-align:top}.aside-nav ul>li>a{display:block;position:relative;min-width:75px;font-weight:500;text-align:center}.aside-nav ul>li>a::after{display:block;content:"";position:absolute;left:50%;bottom:20px;width:4px;height:4px;opacity:0;border-radius:100%;background-color:#231815;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:bottom 0.35s, opacity 0.35s;transition:bottom 0.35s, opacity 0.35s}.aside-nav ul > li > a
span{margin:-2px 0 0 5px;width:22px;height:22px;font-size:1.2rem;font-weight:500;text-align:center;letter-spacing:0;vertical-align:middle;line-height:2rem;border:#231815 1px solid;border-radius:100%}.aside-nav ul > li > a
i{display:inline-block;margin:-8px 0 0 5px;width:54px;height:20px;vertical-align:middle;background:url(../../../themes/zh-tw/assets/css/../images/icon_inline.png) no-repeat 0 0;background-size:cover}.aside-nav ul>li>a:hover::after{bottom:15px;opacity:1}.aside-nav ul>li.current>a::after{bottom:15px;opacity:1}.aside-nav .tabs-scroll.nav-style{padding-left:calc(var(--spac) * 8);padding-right:calc(var(--spac) * 8)}.aside-nav .tabs-scroll.nav-style
ul.flex{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.aside-nav .tabs-scroll.nav-style ul>li{padding:0
12px}.aside-nav .brand-logo{display:none;font-size:0;line-height:0}.aside-nav .brand-logo
img{width:auto !important;height:62px !important}.aside-nav .open-menu{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 10px;margin-left:auto;cursor:pointer}.aside-nav .open-menu
i{display:block;width:70px;height:25px;background:url(../../../themes/zh-tw/assets/css/../images/gonna.svg) no-repeat 0 0;background-size:cover}.aside-nav .open-menu
div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:25px;height:15px}.aside-nav .open-menu div
span{height:2px;border-radius:100px;background-color:#231815;-webkit-transition:width 0.35s;transition:width 0.35s}.aside-nav .open-menu div span:nth-child(1){width:66%}.aside-nav .open-menu div span:nth-child(2){margin:0
auto;width:100%}.aside-nav .open-menu div span:nth-child(3){margin:0
auto;width:66%}.aside-nav .open-menu:hover div span:nth-child(1), .aside-nav .open-menu:hover div span:nth-child(3){width:100%}.aside-nav .open-menu:hover div span:nth-child(2){width:66%}.aside-nav.is-scroll{position:fixed;z-index:990;top:0;left:0;width:100%}@media (min-width: 1080px){.aside-nav.is-scroll .container-1220{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0 max(30px, 2.4vw);padding-left:var(--padding-spac);padding-right:var(--padding-spac)}.aside-nav.is-scroll .tabs-scroll{width:72%}.aside-nav.is-scroll
ul.flex{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.aside-nav.is-scroll .brand-logo{display:block}.aside-nav.is-scroll .open-menu{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (max-width: 1280px){.aside-nav .brand-logo
img{height:48px !important}}@media (max-width: 991px){.aside-nav ul>li{line-height:62px}.aside-nav ul>li>a{font-size:1.5rem}.aside-nav ul>li>a:hover::after{bottom:8px}.aside-nav ul>li.current>a::after{bottom:8px}}.tabs-scroll{position:relative;z-index:2}.tabs-scroll .tab-prev, .tabs-scroll .tab-next{display:none;position:absolute;z-index:15;top:0;width:calc(var(--spac) * 8);height:100%;background:#fff;cursor:pointer}.tabs-scroll .tab-prev::before, .tabs-scroll .tab-next::before{display:block;content:"";position:absolute;top:50%;margin-top:-7px;width:10px;height:10px;border-style:solid;border-color:#666;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.tabs-scroll .tab-prev.is-hide, .tabs-scroll .tab-next.is-hide{opacity:0 !important}.tabs-scroll .tab-prev{left:0}.tabs-scroll .tab-prev::before{left:50%;border-width:0 0 1px 1px;margin-left:-2px}.tabs-scroll .tab-next{right:0}.tabs-scroll .tab-next::before{right:50%;border-width:1px 1px 0 0;margin-right:-2px}.tabs-scroll.is-scroll-active .tab-prev, .tabs-scroll.is-scroll-active .tab-next{display:block}.tabs-scroll .tab-horizon-track{position:relative;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}.tabs-scroll .tab-horizon-track::-webkit-scrollbar{height:3px}.tabs-scroll .tab-horizon-track::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:5px;margin:0}.tabs-scroll .tab-horizon-track::-webkit-scrollbar-thumb{-webkit-box-shadow:none;border-radius:5px;background:rgba(0,0,0,0)}.hover-style{border:transparent 1px solid;-webkit-transition:border-color 0.35s;transition:border-color 0.35s}.hover-style
.pic{display:block;position:relative;overflow:hidden}.hover-style .pic
img{width:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;transition:transform 0.6s;transition:transform 0.6s, -webkit-transform 0.6s}.hover-style:hover .pic
img{-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}.hover-style.js-trigger{opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}.is-desktop#news .hover-style:hover, .is-desktop#store .hover-style:hover, .is-desktop#ingredient .hover-style:hover{border-color:#231815}.block-nodata{margin:auto;width:100%;padding:60px;text-align:center;border-radius:var(--border-r)}.block-nodata
.img{display:block;position:relative;margin:0
auto 15px auto;width:85px;height:85px;border:1px
dashed #aaa;border-radius:50%}.block-nodata .img::before{display:block;content:"!";position:absolute;top:50%;left:50%;font-size:2.5rem;color:#aaa;font-weight:600;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.block-nodata
.text{margin:20px
auto 0;text-align:center}.block-nodata .text
p{display:block;margin:0
auto;letter-spacing:0.25rem}.block-nodata .btn-wrap{padding-top:30px;text-align:center}:root{--input-spac:0 15px;--input-color:#231815;--input-border:#E2E5D7;--input-bg:#F7F8F5}@media (max-width: 991px){:root{--input-spac:0 12px}}form{margin:0;width:100%}form.flex{gap:24px 30px}.form-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0;width:100%}.form-group.half{width:calc(50% - 15px)}.form-group .label-ti{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px;line-height:1}.form-group .label-ti
label{margin-bottom:0}.form-group .label-ti
span{padding-left:3px;color:#e8383d}.form-group
.field{-webkit-box-flex:1;-ms-flex:1;flex:1}.input-style{display:block;padding:var(--input-spac);width:100%;height:var(--input-h);color:var(--input-color);outline:none;line-height:var(--input-h);border:var(--input-border) solid 1px;border-radius:3px;background-color:var(--input-bg)}.input-style:focus{border-color:#231815}textarea.input-style{padding-top:10px;padding-bottom:10px;height:150px;line-height:1.6}.form-group .input-style[disabled]{color:#999;cursor:not-allowed}label input[type=radio], label input[type=checkbox], label input[type=file]{position:absolute;z-index:-100 !important;width:1px !important;height:1px !important;clip:rect(1px,1px,1px,1px)}.select-box{position:relative;z-index:1;width:100%;height:var(--input-h)}.select-box::after{pointer-events:none;display:block;content:"";position:absolute;z-index:5;top:52%;right:15px;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#444 transparent transparent transparent;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.select-box
select{display:block;padding:var(--input-spac);width:100%;height:var(--input-h);color:var(--input-color);outline:none;cursor:pointer;line-height:var(--input-h);border:var(--input-border) solid 1px;border-radius:3px;background-color:var(--input-bg);-webkit-appearance:none;-moz-appearance:none;appearance:none}.select-box select::-ms-expand{display:none}.select-box select:focus{border-color:#231815}.select-box:hover::after{border-color:#231815 transparent transparent transparent}.form-group.code
.field.flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.form-group.code .field .input-style{-webkit-box-flex:1;-ms-flex:1;flex:1}.form-group.code .field .code-txt{-webkit-box-flex:0;-ms-flex:0 0 120px;flex:0 0 120px;position:relative;margin:0
10px;height:var(--input-h);border-radius:3px;overflow:hidden}.form-group.code .field .code-txt
img{position:absolute;top:50%;left:50%;width:100%;height:100%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.form-group.code .field
.renew{display:block;width:16px;height:16px;cursor:pointer;background:url(../../../themes/zh-tw/assets/css/../images/icon_renew.svg) no-repeat 0 0;background-size:cover}.form-group.code .field .renew:hover{background-position:0 -16px}.form-group.submit{margin-top:20px}@media (max-width: 1365px){form.flex{gap:20px 24px}.form-group.half{width:100%}.select-box::after{right:10px}}@media (max-width: 991px){.form-group.submit{margin-top:4px}}@media (max-width: 575px){.form-group .label-ti{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin-bottom:8px}.form-group
.field{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.form-group.submit .btn-style{max-width:100%}}.btn-wrap{padding-top:max(20px,1.6vw);width:100%;line-height:0}.btn-style{display:inline-block;position:relative;width:100%;max-width:180px;font-size:1.4rem;font-weight:500;text-align:center;cursor:pointer;outline:none;line-height:var(--input-h);border:none;border-radius:3px;background-color:#231815;-webkit-box-shadow:none;box-shadow:none;overflow:hidden}.btn-style
.word{position:relative;z-index:2;color:#fff;letter-spacing:2px}.btn-style .word
i{display:inline-block;margin:-2px 0 0 10px;width:24px;height:24px;vertical-align:middle;background:url(../../../themes/zh-tw/assets/css/../images/icon_download.svg) no-repeat 0 0;background-size:cover}.js-btn .js-shape{display:block;position:absolute;z-index:1;width:0;height:0;border-radius:50%;background-color:#e8383d;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:width 0.8s ease-in-out, height 0.8s ease-in-out;transition:width 0.8s ease-in-out, height 0.8s ease-in-out}.js-btn:hover .js-shape{width:225%;height:562.5px}.btn-more{display:inline-block;position:relative;font-size:1.4rem;font-weight:500;white-space:nowrap;letter-spacing:0;cursor:pointer;line-height:1.4;border-bottom:#231815 1px solid;overflow:hidden;-webkit-transition:padding 0.35s;transition:padding 0.35s}.btn-more
i{display:block;position:absolute;top:0;width:36px;letter-spacing:0;background:url(../../../themes/zh-tw/assets/css/../images/btn_aw.svg) no-repeat 0 0;background-size:contain}.btn-more i::before{display:block;content:"";padding-bottom:100%;width:100%}.btn-more i:first-child{left:-100%;-webkit-transition:left 0.35s;transition:left 0.35s}.btn-more i:last-child{right:4px;-webkit-transition:right 0.35s;transition:right 0.35s}.btn-more.white{color:#fff;border-bottom-color:#fff}.btn-more.white
i{background-image:url(../../../themes/zh-tw/assets/css/../images/btn_aw_white.svg)}.btn-more:has(i){padding:0
48px 0 4px;height:36px;line-height:36px}.btn-more:has(i) span{height:36px;line-height:36px}.btn-more:has(i):hover{padding:0
4px 0 48px}.btn-more:has(i):hover i:first-child{left:4px}.btn-more:has(i):hover i:last-child{right:-100%}@-webkit-keyframes
ani_kanban_in{from{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes
ani_kanban_in{from{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}}@-webkit-keyframes
ani_slideIn{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes
ani_slideIn{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes
ani_slideOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}@keyframes
ani_slideOut{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}}.ingredient-list{margin-top:var(--spac-box)}.ingredient-list:not(:last-child){margin-bottom:var(--spac-box);padding-bottom:var(--spac-box);border-bottom:#aaa 1px solid}.ingredient-list .g-headline{text-align:center}.ingredient-list__box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:max(20px,1.6vw)}.ingredient-list__item{padding:max(10px, 1.1vw) max(10px, 1.1vw) max(20px, 1.6vw);width:calc(20% - max(20px, 1.6vw) / 1.25);background-color:#fff}.ingredient-list__content{padding-top:16px}.ingredient-list__title{padding-bottom:8px;font-size:clamp(1.7rem, 1.2vw, 1.8rem);letter-spacing:0;text-align:center;line-height:1.6;border-bottom:#aaa 1px solid}.ingredient-list__txt{padding:16px
max(8px, 0.8vw) 0}.ingredient-list__txt
li{position:relative;padding-left:14px;font-size:1.5rem;letter-spacing:1px;line-height:1.4}.ingredient-list__txt li::before{display:block;content:"";position:absolute;top:8px;left:0;width:4px;height:4px;background-color:#231815}.ingredient-list__txt li:not(:last-child){margin-bottom:8px}@media (max-width: 1279px){.ingredient-list__item{width:calc(25% - max(20px, 1.6vw) / 1.33)}}@media (max-width: 991px){.ingredient-list__item{width:calc(33.333% - max(20px, 1.6vw) / 1.5)}}@media (max-width: 767px){.ingredient-list__item{width:calc(50% - max(20px, 1.6vw) / 2)}}@media (max-width: 575px){.ingredient-list__item{width:100%}}.feature-bar{margin-bottom:var(--spac-box-sm);text-align:center}.feature-bar .g-headline{margin-bottom:max(var(--spac) * 3,1.2vw)}.feature-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px max(24px, 2.1vw)}.feature-list
li{position:relative;padding-top:max(40px, 3vw);width:calc(25% - max(24px, 2.1vw) / 1.25);text-align:center;line-height:1.6}.feature-list
.icon{position:absolute;z-index:2;top:0;left:50%;padding:max(10px, 1.1vw);width:100%;max-width:100px;background-color:#F7F8F5;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.feature-list .icon::before{display:block;content:"";width:100%;padding-bottom:100%}.feature-list .icon
img{position:absolute;top:50%;left:50%;width:72% !important;max-width:none !important;height:72% !important;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.feature-list
.box{padding:max(36px, 3.2vw) max(20px, 1.6vw) max(30px, 3.2vw);border:#231815 solid 1px}.feature-list .box>span{font-size:1.4rem;color:#666;font-weight:500;letter-spacing:0;line-height:1}.feature-list .box
.ti{margin-top:max(10px, 0.6vw);font-size:1.6rem;font-weight:500;letter-spacing:1px;line-height:1.4}.feature-list .box .ti
span{display:block;margin-bottom:4px;letter-spacing:0}.feature-list .box .ti span
br{display:none}@media (max-width: 1280px){.feature-list
li{width:calc(33.33% - max(24px, 2.1vw) / 1.5);max-width:100%}.feature-list
.icon{max-width:80px}}@media (max-width: 1080px){.feature-list
li{width:calc(50% - max(24px, 2.1vw) / 2)}}@media (max-width: 1080px){.feature-bar p
br{display:none}}@media (max-width: 640px){.feature-list
li{width:100%}.feature-list .box .ti
span{font-size:1.5rem}}