.overlay-menu{font-family:Noto Sans TC,黑體-繁,Apple LiGothic Medium,PingFang,微軟正黑體,Microsoft JhengHei,WenQuanYi Zen Hei,helvetica,Arial,sans-serif;padding:80px 0 30px;margin:0;width:100%;max-height:90vh;height:100%;overflow:auto;background:#fafafa;position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;will-change:transform;z-index:999}@media (max-width:767px){.overlay-menu{padding:60px 0 30px}}.overlay-menu.active{-webkit-transform:translateY(0);transform:translateY(0)}.overlay-menu *{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.overlay-menu section{border:none;color:#000}.overlay-menu a{text-decoration:none;color:#000}.overlay-menu a:hover{color:#f06c00}.overlay-menu .btn{cursor:pointer;border-radius:3px;font-size:15px;line-height:1.25;text-align:center;border:0;outline:0;-webkit-transition:background .3s ease-in-out,color .3s linear,border .3s linear,opacity .3s linear,padding .3s linear;transition:background .3s ease-in-out,color .3s linear,border .3s linear,opacity .3s linear,padding .3s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation}.overlay-menu .btn,.overlay-menu .btn.close-btn{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.overlay-menu .btn.close-btn{color:#c7c7c7;width:36px;height:36px;font-size:28px;position:absolute;right:40px;top:40px}@media (max-width:767px){.overlay-menu .btn.close-btn{right:12px;top:12px;font-size:22px}}.overlay-menu .btn.close-btn:hover{color:#000}.overlay-menu .btn.close-btn i{pointer-events:none}.overlay-menu .container{-webkit-box-flex:inherit;-ms-flex:inherit;-webkit-flex:inherit;flex:inherit;width:calc(100% - 180px);max-width:1280px;margin:0 auto}@media (max-width:1023px){.overlay-menu .container{max-width:740px;padding:0 10px}}@media (max-width:767px){.overlay-menu .container{width:100%;padding:0 20px}}@media (max-width:320px){.overlay-menu .container{padding:0 10px}}.overlay-menu .input-holder{border-bottom-color:#c7c7c7;max-width:642px;border-bottom:1px solid #c7c7c7;-webkit-transition:border-bottom .3s linear .6s;transition:border-bottom .3s linear .6s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:18px;margin:0 auto}.overlay-menu .input-holder input{width:600px;max-width:calc(100% - 42px);-webkit-transition:width .3s linear .3s;transition:width .3s linear .3s;font-size:18px;-webkit-appearance:none;padding:12px 0;background:transparent;border:0;outline:0;font-family:Noto Sans TC,黑體-繁,Apple LiGothic Medium,PingFang,微軟正黑體,Microsoft JhengHei,WenQuanYi Zen Hei,helvetica,Arial,sans-serif}.overlay-menu .input-holder .btn-search{-webkit-transform:rotate(0);transform:rotate(0);transition:transform 1s linear .6s,-webkit-transform 1s linear .6s;will-change:transform;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;font-size:30px}.overlay-menu .input-holder .btn-search i{pointer-events:none}.overlay-menu .input-holder .text-orange{color:#f06c00}.overlay-menu .site-links{padding:50px 15px 0}@media (max-width:767px){.overlay-menu .site-links{overflow:hidden;padding:30px 0}}.overlay-menu .site-links__title{font-size:18px;display:inline-block;line-height:1.6;font-weight:400;border-bottom:1px solid #f06c00}.overlay-menu .site-links__wrapper{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;padding:20px 0;-ms-flex-pack:distribute;-webkit-justify-content:space-around;justify-content:space-around}@media (max-width:1023px){.overlay-menu .site-links__wrapper{white-space:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;overflow-x:auto}}.overlay-menu .site-product{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;-webkit-flex-flow:column wrap;flex-flow:column wrap;width:12.5%}@media (max-width:1023px){.overlay-menu .site-product{min-width:150px;margin-right:20px}}@media (max-width:767px){.overlay-menu .site-product{min-width:200px;padding:20px;background:#ededed}}.overlay-menu .site-product__title{margin-bottom:10px}.overlay-menu .context-box__title--orange{font-size:18px;margin:0 0 10px}.overlay-menu .context-box__title--orange:before{content:"";display:inline-block;width:6px;height:14px;background:#f06c00;margin-right:5px;border-radius:12px}.overlay-menu .list-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-size:16px;line-height:1.25;display:inline-block;width:100%}.overlay-menu .list-ellipsis:first-of-type{margin-top:12px}.overlay-menu .list-ellipsis:before{content:"▪";color:#c7c7c7;display:inline-block;margin-right:5px;width:12px}.overlay-menu .site-product__link{-ms-flex-item-align:start;-webkit-align-self:flex-start;align-self:flex-start;margin-bottom:14px}.overlay-menu .footer{margin-top:40px;border-top:1px solid #dedede;background:#fafafa}@media (max-width:767px){.overlay-menu .footer{margin-top:0}}.overlay-menu .footer .container{padding:60px 0}@media (max-width:767px){.overlay-menu .footer .container{padding:30px 0}}.overlay-menu .newsletter{font-size:13px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;-webkit-align-items:stretch;align-items:stretch;padding:0 15px}@media (max-width:767px){.overlay-menu .newsletter{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:15px 0 0}}.overlay-menu .newsletter input{font-size:13px;border-top-right-radius:0;border-bottom-right-radius:0;width:180px}.overlay-menu .newsletter .btn{border-top-left-radius:0;border-bottom-left-radius:0;width:60px}.overlay-menu .btn-ripple{overflow:hidden;position:relative}.overlay-menu .btn-dark-grey{color:#fff;background:#7e7e7e}.overlay-menu .btn-dark-grey:hover{color:#fff;opacity:.8}.overlay-menu .footer-social{font-size:20px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap}.overlay-menu .footer-social .btn-social.pwa-install{display:none}.overlay-menu .btn-social{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0;width:28px;height:28px;margin:0 5px;color:#c7c7c7;-webkit-transition:color .3s linear;transition:color .3s linear;font-size:24px}.overlay-menu .footer-social,.overlay-menu .footer-social .btn-social{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}.overlay-menu .footer-social .btn-social:hover,.overlay-menu .footer-social:hover{color:#f06c00}.overlay-menu input{border:0;padding:8px 10px}.overlay-menu .footer-note{padding-top:20px;text-align:center;font-size:13px;line-height:1.5}.overlay-menu .footer-note__link{padding:0 10px;border-right:1px solid #c7c7c7}.overlay-menu .footer-note__link:last-child{border:none}.overlay-menu .footer-word{font-size:12px;padding:5px 0}.overlay-menu .footer-note__wrapper{font-size:1.3rem}@media (max-width:1023px){.overlay-menu .footer-note__wrapper{display:none}}.overlay-menu .footer-note__wrapper a:hover{text-decoration:underline}#link_bg{content:"";background-color:rgba(0,0,0,.9);width:100%;height:100%;display:block;position:fixed;left:0;top:0;z-index:889}a.btn.btn-social{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0;margin:0 5px;color:#c7c7c7;-webkit-transition:color .3s linear;transition:color .3s linear;line-height:28px;font-size:24px;display:inline-block}#search_toggle{background:none;text-indent:0;padding:0 15px 0 10px}#search_toggle:before{font-family:fontello;display:inline-block;vertical-align:bottom;color:#888;line-height:44px;content:"\e958";font-size:21px}@media (max-width:767px){#search_toggle:before{font-size:26px}}
/*# sourceMappingURL=map/overlay_menu.css.map */