@font-face{font-family:"Paralucent-Bold";font-style:normal;font-weight:500;src:url("/font/Paralucent-Bold.otf")}@font-face{font-family:"Paralucent-Light";font-style:normal;font-weight:500;src:url("/font/Paralucent-Light.otf")}@font-face{font-family:"Paralucent-Medium";font-style:normal;font-weight:400;src:url("/font/Paralucent-Medium.otf")}@font-face{font-family:"Montserrat-Medium";font-style:normal;font-weight:normal;src:url("/font/Montserrat-Medium.ttf")}@font-face{font-family:"Montserrat-Regular";font-style:normal;font-weight:normal;src:url("/font/Montserrat-Regular.ttf")}@font-face{font-family:"Montserrat-SemiBold";font-style:normal;font-weight:normal;src:url("/font/Montserrat-SemiBold.ttf")}@font-face{font-family:"OldStandardTT-Regular";font-style:normal;font-weight:normal;src:url("/font/OldStandardTT-Regular.ttf")}@font-face{font-family:"OldStandardTT-Bold";font-style:normal;font-weight:normal;src:url("/font/OldStandardTT-Bold.ttf")}@font-face{font-family:"OldStandardTT-Italic";font-style:normal;font-weight:normal;src:url("/font/OldStandardTT-Italic.ttf")}@font-face{font-family:"BrownPro-Bold";font-style:normal;font-weight:normal;src:url("/font/BrownPro-Bold.otf")}@font-face{font-family:"BrownPro-Regular";font-style:normal;font-weight:normal;src:url("/font/BrownPro-Regular.otf")}@font-face{font-family:"BrownPro-Light";font-style:normal;font-weight:normal;src:url("/font/BrownPro-Light.otf")}@font-face{font-family:"NotoSansCJKtc-Bold";font-style:normal;font-weight:normal;src:url("/font/NotoSansCJKtc-Bold.ttf")}@font-face{font-family:"NotoSansCJKtc-Medium";font-style:normal;font-weight:normal;src:url("/font/NotoSansCJKtc-Medium.ttf")}@font-face{font-family:"NotoSansCJKtc-Regular";font-style:normal;font-weight:normal;src:url("/font/NotoSansCJKtc-Regular.ttf")}@font-face{font-family:"NotoSansCJKtc-Light";font-style:normal;font-weight:normal;src:url("/font/NotoSansCJKtc-Light.otf")}#opening-logo-wrapper{display:table;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;z-index:10000;background-color:#ffffff}#opening-logo-wrapper .content-container{display:table-cell;vertical-align:middle}#opening-logo-wrapper .content-container .image-area{width:80%;max-width:700px;margin:0 auto}#opening-logo-wrapper .content-container .image-area img{max-width:100%;display:block;margin:0 auto;width:100%}.swiper-pagination-bullet{opacity:1;border:1px solid #ffffff;background:transparent}.swiper-pagination-bullet-active{opacity:1;background:#ffffff}.wrapper{padding-top:104px;position:relative;max-width:1920px;width:100%;min-width:650px;margin:0 auto}.wrapper .banner-wrapper .content-container{position:relative;width:100%}.wrapper .banner-wrapper .content-container .content-overlay{position:absolute;left:0px;top:0px;background-color:rgba(0,0,0,0.2);width:100%;height:100%}.wrapper .banner-wrapper .content-container .content-area .image-area{position:relative;width:100%}.wrapper .banner-wrapper .content-container .content-area .image-area.mobile{display:none}.wrapper .banner-wrapper .content-container .content-area .image-area .swiper-container .swiper-button-next{margin-right:10px}.wrapper .banner-wrapper .content-container .content-area .image-area .swiper-container .swiper-button-prev{margin-left:10px}.wrapper .banner-wrapper .content-container .content-area .image-area .swiper-container .swiper-slide{position:relative}.wrapper .banner-wrapper .content-container .content-area .image-area .swiper-container .swiper-slide img{max-width:1920px;width:100%}.wrapper .banner-wrapper .content-container .content-area .image-area .btn-link{position:absolute;right:10%;bottom:10%;min-width:230px;padding:10px 40px;border:5px solid #ffffff;background-color:#104577;font-weight:bold;color:#ffffff;text-align:center;font-size:20px;border-radius:50px}.wrapper .banner-wrapper .content-container .content-area .image-area .btn-link:hover{opacity:0.9;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper{position:relative;width:100%;padding-top:0px;margin:0 auto}.wrapper .detail-wrapper .article-area{margin:0 auto;margin-top:30px;margin-bottom:20px;padding:0px 10px}.wrapper .detail-wrapper .article-area .article-list .article-box{display:inline-block;vertical-align:top;width:50%;margin-bottom:10px}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container a{text-decoration:none}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .image-box{display:inline-block;max-width:502px;width:45%}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .image-box:hover{opacity:0.8;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box{width:53%;display:inline-block;padding:15px 2%;padding-top:20px}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box .row-title{font-size:16px;font-weight:bold;margin-bottom:25px}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box .row-desc{margin-bottom:35px;font-size:14px;line-height:1.5}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box .btn-more{text-decoration:underline;color:#104577;font-size:14px}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box .btn-more:hover{opacity:0.8;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper .best-seller-area{max-width:1180px;margin:0 auto;margin-top:100px;padding:0px 10px}.wrapper .detail-wrapper .best-seller-area .title{text-align:center;font-size:28px;color:#202020;font-weight:bold;margin-bottom:35px}.wrapper .detail-wrapper .best-seller-area .title .line{width:54px;height:10px;margin:0 auto;margin-top:15px;border-top:1px solid #999999;border-bottom:1px solid #999999}.wrapper .detail-wrapper .best-seller-area .product-list .product-box{text-align:center;position:relative;display:inline-block;width:18.4%;margin-right:2%;margin-top:2%;vertical-align:top}.wrapper .detail-wrapper .best-seller-area .product-list .product-box a{text-decoration:none;display:inline-block}.wrapper .detail-wrapper .best-seller-area .product-list .product-box:nth-child(5n){margin-right:0px}.wrapper .detail-wrapper .best-seller-area .product-list .product-box .thumbnail{display:block;margin:0 auto;width:100%;max-width:232px;vertical-align:top}.wrapper .detail-wrapper .best-seller-area .product-list .product-box .content-overlay{position:absolute;left:0px;top:0px;background-color:transparent;width:100%;height:100%}.wrapper .detail-wrapper .best-seller-area .product-list .product-box .product-detail{padding:25px 15px;position:relative;font-size:14px;line-height:1.2;color:#000000;width:100%;text-align:center}.wrapper .detail-wrapper .best-seller-area .product-list .product-box .product-detail .product-name{font-weight:bold;font-size:16px;margin-bottom:15px}.wrapper .detail-wrapper .best-seller-area .product-list .product-box .product-detail .product-price{color:#18436d;font-weight:bold}.wrapper .detail-wrapper .best-seller-area .product-list .product-box:hover{opacity:0.9;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper .best-seller-area .button-area{text-align:center}.wrapper .detail-wrapper .best-seller-area .button-area .btn-browse-product{display:inline-block;margin-top:70px;margin-bottom:100px;border:3px solid #104577;color:#104577;border-radius:50px;padding:10px 50px;font-weight:bold}.wrapper .detail-wrapper .best-seller-area .button-area .btn-browse-product img{vertical-align:middle;margin-left:15px}.wrapper .detail-wrapper .best-seller-area .button-area .btn-browse-product:hover{opacity:0.8;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper .blog-area{padding:100px 0px;padding-bottom:0px}.wrapper .detail-wrapper .blog-area .title{text-align:center;font-size:28px;color:#202020;font-weight:bold;margin-bottom:35px}.wrapper .detail-wrapper .blog-area .title .line{width:54px;height:10px;margin:0 auto;margin-top:15px;border-top:1px solid #999999;border-bottom:1px solid #999999}.wrapper .detail-wrapper .blog-area .blog-list{text-align:center;padding-bottom:50px}.wrapper .detail-wrapper .blog-area .blog-list .list-box{text-align:center;position:relative;display:inline-block;width:28%;margin-right:2%;margin-bottom:50px;vertical-align:top;border:1px solid #ededed}.wrapper .detail-wrapper .blog-area .blog-list .list-box a{text-decoration:none}.wrapper .detail-wrapper .blog-area .blog-list .list-box .thumbnail img{width:100%}.wrapper .detail-wrapper .blog-area .blog-list .list-box .thumbnail:hover{opacity:0.8;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper .blog-area .blog-list .list-box .detail-box{text-align:left;padding:25px}.wrapper .detail-wrapper .blog-area .blog-list .list-box .detail-box .row-title{font-size:16px;font-weight:bold;margin-bottom:15px}.wrapper .detail-wrapper .blog-area .blog-list .list-box .detail-box .row-written-at{margin-bottom:15px}.wrapper .detail-wrapper .blog-area .blog-list .list-box .detail-box .row-desc{margin-bottom:20px;font-size:14px;line-height:1.5}.wrapper .detail-wrapper .blog-area .blog-list .list-box .detail-box .btn-more{text-decoration:underline;color:#104577;font-size:14px}.wrapper .detail-wrapper .blog-area .blog-list .list-box .detail-box .btn-more:hover{opacity:0.8;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper .blog-area .blog-slide-list{display:none;margin-bottom:50px}.wrapper .detail-wrapper .blog-area .blog-slide-list .swiper-pagination-bullet-active{background-color:#104577}.wrapper .detail-wrapper .blog-area .blog-slide-list .swiper-pagination-bullet{border:1px solid #104577}.wrapper .detail-wrapper .blog-area .blog-slide-list .swiper-pagination{position:relative;margin-top:20px}.wrapper .detail-wrapper .blog-area .blog-slide-list .list-box{position:relative;width:100%;vertical-align:top;border:1px solid #ededed}.wrapper .detail-wrapper .blog-area .blog-slide-list .list-box .thumbnail img{width:100%}.wrapper .detail-wrapper .blog-area .blog-slide-list .list-box .detail-box{text-align:left;padding:25px}.wrapper .detail-wrapper .blog-area .blog-slide-list .list-box .detail-box .row-title{font-size:16px;font-weight:bold;margin-bottom:15px}.wrapper .detail-wrapper .blog-area .blog-slide-list .list-box .detail-box .row-written-at{margin-bottom:15px}.wrapper .detail-wrapper .blog-area .blog-slide-list .list-box .detail-box .row-desc{margin-bottom:20px;font-size:14px;line-height:1.5}.wrapper .detail-wrapper .blog-area .blog-slide-list .list-box .detail-box .btn-more{text-decoration:underline;color:#104577;font-size:14px}.wrapper .detail-wrapper .blog-area .blog-slide-list .list-box .detail-box .btn-more:hover{opacity:0.8;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper .company-philosophy-area{padding:100px 10px;padding-bottom:0px;background-color:#e6e6e6}.wrapper .detail-wrapper .company-philosophy-area .title{text-align:center;font-size:28px;color:#202020;font-weight:bold;margin-bottom:35px}.wrapper .detail-wrapper .company-philosophy-area .title .line{width:54px;height:10px;margin:0 auto;margin-top:15px;border-top:1px solid #999999;border-bottom:1px solid #999999}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list{text-align:center}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box{text-align:center;position:relative;display:inline-block;width:16.5%;margin-right:2%;margin-bottom:100px;vertical-align:top}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box:nth-child(5n){margin-right:0px}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box .thumbnail-box{margin:0 auto;width:150px;height:150px;position:relative;vertical-align:middle}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box .thumbnail-box .thumbnail{display:table-cell;vertical-align:middle;width:150px;height:150px}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box .thumbnail-box .thumbnail image{max-width:86px}.wrapper .detail-wrapper .promotion-area{padding:100px 10px;padding-bottom:100px;background-color:#e6e6e6;text-align:center}.wrapper .detail-wrapper .promotion-area .title{color:#104577;font-weight:bold;margin-bottom:40px;padding:0px 15%;font-size:28px}.wrapper .detail-wrapper .promotion-area .slogan{font-weight:bold;margin-bottom:65px;font-size:24px;padding:0px 15%}.wrapper .detail-wrapper .promotion-area .thumbnail{padding:0px 15px}.wrapper .detail-wrapper .promotion-area .thumbnail img{width:100%;max-width:993px}@media only screen and (max-width: 1280px){.wrapper .detail-wrapper .article-area{margin:0 auto;margin-top:30px;margin-bottom:0;padding:0px}.wrapper .detail-wrapper .article-area .article-list .article-box{width:100%;padding:0px 10px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ededed}.wrapper .detail-wrapper .article-area .article-list .article-box:last-child{border-bottom:0;box-shadow:none;margin-bottom:0}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container a{text-decoration:none}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .image-box{display:inline-block;max-width:502px;width:30%}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box{width:67%;display:inline-block;padding:15px 3%;padding-top:20px}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box .row-title{font-size:16px;font-weight:bold;margin-bottom:25px}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box .row-desc{margin-bottom:35px;font-size:14px;line-height:1.5}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box .btn-more{text-decoration:underline;color:#104577;font-size:14px}.wrapper .detail-wrapper .article-area .article-list .article-box .article-container .detail-box .btn-more:hover{opacity:0.8;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-ms-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear}.wrapper .detail-wrapper .best-seller-area{margin-top:60px}.wrapper .detail-wrapper .best-seller-area .product-list{margin:0 auto;width:85%}.wrapper .detail-wrapper .best-seller-area .product-list .product-box{width:32%;margin-right:2%;margin-top:2%}.wrapper .detail-wrapper .best-seller-area .product-list .product-box:nth-child(5n){margin-right:2%}.wrapper .detail-wrapper .best-seller-area .product-list .product-box:nth-child(3n){margin-right:0px}.wrapper .detail-wrapper .blog-area .blog-list{display:none}.wrapper .detail-wrapper .blog-area .blog-slide-list{display:block}.wrapper .detail-wrapper .company-philosophy-area{margin-top:0}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box{width:25%}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box:nth-child(5n){margin-right:2%}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box:nth-child(3n){margin-right:0px}.wrapper .detail-wrapper .promotion-area .title{padding:0px 5%}.wrapper .detail-wrapper .promotion-area .slogan{padding:0px 5%}}@media only screen and (max-width: 1024px){.wrapper{padding-top:58px}.wrapper .banner-wrapper .content-container .content-area .image-area.mobile{display:block}.wrapper .banner-wrapper .content-container .content-area .image-area.pc{display:none}.wrapper .detail-wrapper{padding:0px;padding-top:0px}.wrapper .detail-wrapper .best-seller-area .product-list{margin:0 auto;width:80%}.wrapper .detail-wrapper .best-seller-area .product-list .product-box{width:49%;margin-top:2%}.wrapper .detail-wrapper .best-seller-area .product-list .product-box:nth-child(5n){margin-right:2%}.wrapper .detail-wrapper .best-seller-area .product-list .product-box:nth-child(3n){margin-right:2%}.wrapper .detail-wrapper .best-seller-area .product-list .product-box:nth-child(2n){margin-right:0px}.wrapper .detail-wrapper .company-philosophy-area .company-philosophy-list .list-box{width:27%}}
/*# sourceMappingURL=index.css.map */