.pgkv{position:relative;overflow:hidden;font-family:"Trirong","Noto Serif TC",serif;margin-bottom:120px}.pgkv .fen{color:#2E8691;font-weight:200;line-height:1;margin-bottom:2em;letter-spacing:0.8em}@media all and (max-width: 575px){.pgkv .fen{font-size:.9375em}}@media all and (min-width: 576px){.pgkv .fen{font-size:1.25em}}.pgkv .mtitle{font-size:3em;color:#3A3030;font-weight:200;line-height:1;letter-spacing:0.3em}@media all and (max-width: 768px){.pgkv{margin-bottom:40px}.pgkv .bgimg .pc_use{display:none}.pgkv .bgimg{width:70%;margin-left:30%}.pgkv .bgimg img{aspect-ratio:1/0.875}.pgkv .fen{margin-top:3em;margin-bottom:3.5em}}@media all and (min-width: 769px){.pgkv .col{padding-top:290px}.pgkv .bgimg .mo_use{display:none}.pgkv .bgimg{width:60%;height:100%;position:absolute;top:0;left:calc(5vw + 35%)}.pgkv .bgimg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}@media all and (min-width: 1440px){.pgkv .fen{margin-bottom:4em}.pgkv .mtitle{font-size:4em}.pgkv .bgimg{width:65%;left:calc(5vw + 30%)}.pgkv .col{margin-left:8.3%}}.bg-deco{width:50%;height:calc(100% - 120px);position:absolute;top:0;left:0;z-index:-1;background-color:#F8F8F8;border-bottom-right-radius:100px}@media all and (max-width: 768px){.bg-deco{border-bottom-right-radius:50px;height:calc(100% - 60px)}}.txt-deco{position:absolute;top:0;right:10px;color:#A89D9D;font-size:4em;letter-spacing:0.2em;font-family:"Trirong",serif,serif;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;white-space:nowrap;opacity:0.2}@media all and (max-width: 990px){.txt-deco{display:none}}@media all and (min-width: 1440px){.txt-deco{right:6vw}}.top-menu-ul{font-family:"Noto Serif TC",serif;position:relative;margin-bottom:40px}.top-menu-ul .item_menu_Box{margin:0 auto;position:relative;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.top-menu-ul .item_menu_Box::-webkit-scrollbar{display:none}.top-menu-ul .item_menu_Box:after{content:"";width:100%;height:1px;background-color:#A89D9D;opacity:0.5}.top-menu-ul ul.slides{white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-transition:-webkit-transform 0.6s;transition:-webkit-transform 0.6s;transition:transform 0.6s;transition:transform 0.6s, -webkit-transform 0.6s;position:relative;z-index:2}.top-menu-ul li{position:relative}.top-menu-ul li.active a{color:#900}.top-menu-ul li.active a:after{opacity:1}.top-menu-ul li a{text-align:center;position:relative;color:#A89D9D;font-weight:400;line-height:1.5;display:inline-block;-webkit-transition:color 0.6s,background 0.6s;transition:color 0.6s,background 0.6s}.top-menu-ul li a:after{content:"";display:inline-block;width:16px;height:16px;background-color:#900;border-radius:99em;opacity:0;-webkit-transition:opacity 0.6s;transition:opacity 0.6s}.top-menu-ul::before{background:-webkit-gradient(linear, left top, right top, color-stop(30%, #fff), to(rgba(255,255,255,0)));background:linear-gradient(90deg, #fff 30%, rgba(255,255,255,0) 100%);width:3em;height:100%;content:"";z-index:1;opacity:0;pointer-events:none;position:absolute;top:0;left:2em}.top-menu-ul::after{background:-webkit-gradient(linear, right top, left top, color-stop(30%, #fff), to(rgba(255,255,255,0)));background:linear-gradient(-90deg, #fff 30%, rgba(255,255,255,0) 100%);width:3em;height:100%;content:"";z-index:1;opacity:0;pointer-events:none;position:absolute;top:0;right:2em}.top-menu-ul.open_flexslider::before,.top-menu-ul.open_flexslider:after{opacity:1}.top-menu-ul.open_flexslider.mleft::before{opacity:0}.top-menu-ul.open_flexslider.mright::after{opacity:0}.top-menu-ul.open_flexslider .flex-direction-nav{display:block}@media all and (max-width: 768px){.top-menu-ul .item_menu_Box{overflow-y:hidden}.top-menu-ul li a{position:relative}.top-menu-ul li:not(:last-child){margin-right:24px}.top-menu-ul li a:after{width:100%;height:1px;border-radius:0;position:absolute;bottom:0;left:0}.top-menu-ul::before{left:3em}.top-menu-ul:after{right:3em}}@media all and (min-width: 769px){.top-menu-ul{margin-bottom:96px}.top-menu-ul li:hover a{color:#900}.top-menu-ul li:hover a:after{opacity:1}}@media all and (min-width: 769px) and (max-width: 990px){.top-menu-ul li:not(:last-child){margin-right:32px}.top-menu-ul li a:after{width:100%;height:1px;border-radius:0;position:absolute;bottom:0;left:0}}@media all and (min-width: 991px){.top-menu-ul li{margin:0 16px}.top-menu-ul li a{padding:0 6px}.top-menu-ul.vertical ul.slides{display:block;padding-left:8px;padding-top:24px;padding-bottom:24px}.top-menu-ul.vertical li:not(:last-child){margin-bottom:32px}.top-menu-ul.vertical li a:after{position:absolute;top:.5em;left:-24px}.top-menu-ul.vertical .item_menu_Box:after{width:1px;height:100%;position:absolute;top:0px;left:8px}.top-menu-ul.horizontal ul.slides{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.top-menu-ul.horizontal li:first-child{margin-left:32px}.top-menu-ul.horizontal li:last-child{margin-right:32px}.top-menu-ul.horizontal .item_menu_Box:after{position:absolute;bottom:15px;left:0}}@media all and (max-width: 575px){#topmenu1{font-size:20px}}@media all and (min-width: 576px){#topmenu1{font-size:24px}}@media all and (min-width: 1440px){#topmenu1{font-size:28px}}.centerlist li{background-color:#E2DFDD;border-radius:8px;color:#3A3030;font-family:"Noto Serif TC",serif}.centerlist li a{color:#3A3030}.centerlist li>:nth-child(2){font-family:"Trirong",serif,serif}@media all and (max-width: 768px){.centerlist{font-size:15px}.centerlist li{padding:12px 16px;border-radius:4px;margin-bottom:16px;line-height:1.8}.centerlist li>*{display:block}}@media all and (min-width: 769px){.centerlist{font-size:20px}.centerlist li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px}.centerlist li>*{padding:0 16px}.centerlist li>:nth-child(1){-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}.centerlist li>:nth-child(2){-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}.centerlist li>:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.centerlist li:not(:last-child){margin-bottom:16px}}@media all and (min-width: 991px){header ul.mmenu li:nth-child(4)>a{color:#990000}header ul.mmenu li:nth-child(4)>a:after{opacity:1}}
/*# sourceMappingURL=distributor.css.map */