@media(max-width: 900px){.pc{display:none !important}}.ph{display:none !important}@media(max-width: 900px){.ph{display:block !important}}.d-none{display:none !important}.header{background:linear-gradient(to bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);height:70px}.header .container-fluid{max-width:1500px}.header.scrollsticky-on .logowrp{width:auto}.header a{font-family:"Noto Serif TC",serif;font-weight:500;font-size:16px;letter-spacing:.2em;padding:3px 0}@media(max-width: 900px){.header a{font-size:18px;font-weight:500;letter-spacing:.2rem}}.header #logo_a img{max-width:70%}.header .pagelink.active-menulink{border-bottom:1px solid rgba(255,255,255,.3098039216)}.bannerTitle{font-size:3.1rem;font-weight:400}@media(max-width: 900px){.bannerTitle{text-align:left}}@media(max-width: 900px){.contact_us_box{padding:0 5vw}}.nav-ul li{position:relative}.nav-ul li::after{content:"";height:30%;width:1px;background-color:rgba(255,255,255,.431372549);position:absolute;right:0;top:0;bottom:0;margin:auto}@media(max-width: 900px){.nav-ul li::after{content:none}}.nav-ul li.noLine::after{content:none}.nav-ul li a{margin-left:25px;margin-right:25px}@media(max-width: 900px){.nav-ul li a{margin:0;padding:20px 0}}.nav-ul li a.iconBtn{margin:0 5px;width:37px;height:37px}@media(max-width: 900px){.nav-ul li a.iconBtn{width:40px;height:40px;padding:0}}.nav-ul li a.yt i{margin-left:3px;margin-bottom:2px}@media(max-width: 900px){.nav-ul li.tool_box{padding-top:20px}}.homepage{overflow:hidden}.logo_div{display:flex;align-items:center;justify-content:flex-start}@media(max-width: 900px){.menu_div{padding:30%;padding-top:35%}}#logo_a img{max-width:100%;width:160px;transition:all .5s}@media(max-width: 900px){#logo_a img{max-width:90%}}@media(max-width: 550px){#logo_a img{max-width:80%;margin-top:6%}}.slide_div{position:absolute;left:11%;width:650px}@media(max-width: 900px){.slide_div{left:0;width:100%;padding:8vw}}@media(max-width: 500px){.slide_div .carousel-widget .item h1{font-size:40px}}.slide_div .carousel-widget .item h3{font-size:30px;letter-spacing:.1em;font-weight:500}@media(max-width: 500px){.slide_div .carousel-widget .item h3{font-size:20px}}.slide_div .carousel-widget .item p{font-size:16px;line-height:1.8;letter-spacing:.1em}@media(max-width: 500px){.slide_div .carousel-widget .item p{font-size:13px}.slide_div .carousel-widget .item p br{display:none}}.event_not{pointer-events:none}.txt-default,.typo-light .txt-default,.txt-default:hover{color:#e95018}.bdr-default,.bdr-default.row-bdr,.bdr-default.row-bdr>[class*=flex-col-],.bdr-default.row-sep>[class*=flex-col-],.bdr-default.form-control,.bdr-default{border-color:#e95018}.solid.btn-default:not([class*=bg-glass-]){background-color:#e95018}.solid.btn-default{border-color:#e95018}.solid.btn-default:hover,.solid.btn-default:focus,.solid.btn-default:active,.solid.btn-default.active{background-color:rgba(0,0,0,0);border-color:#e95018;color:#e95018}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active{background-color:#e95018;border-color:#e95018}@media(max-width: 900px){.masonry-wrp [class*=col-md-]{width:50%}}@media(max-width: 500px){[class*=gt]>[class*=col-]{padding-left:7px;padding-right:7px}}@media(max-width: 900px){.masonry-wrp .ratio-square.gt20 figure.half{padding-top:100%}}@media(max-width: 900px){#call_form{margin-bottom:15%}}.swiper{position:relative;width:100%;height:100%;z-index:1000}.swiper .swiper-slide{position:relative}.swiper .swiper-slide img{max-width:100%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.swiper .swiper-slide .index_txt{position:absolute;top:35%;left:12%;z-index:10}@media(max-width: 900px){.swiper .swiper-slide .index_txt{top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5215686275)}}.swiper .swiper-slide .index_txt>div{width:100%}@media(max-width: 900px){.swiper .swiper-slide .index_txt>div{text-shadow:1px 1px 8px rgba(0,0,0,.5019607843);width:65%}}.swiper .swiper-slide .index_txt h1{letter-spacing:.05em;font-size:4.5rem;margin:0}@media(max-width: 900px){.swiper .swiper-slide .index_txt h1{font-size:2rem;text-shadow:1px 1px 8px rgba(0,0,0,.5019607843)}}.swiper .swiper-slide .index_txt h2{font-weight:600;letter-spacing:.1em;font-size:2.4rem;margin:20px 0 40px 0}@media(max-width: 900px){.swiper .swiper-slide .index_txt h2{font-size:2rem;text-shadow:1px 1px 8px rgba(0,0,0,.5019607843)}}@media(max-width: 500px){.swiper .swiper-slide .index_txt h2{font-size:1.7rem;letter-spacing:.1rem}}.swiper .swiper-slide .index_txt p{margin:0;font-family:"Noto Serif TC",serif;font-weight:400;font-size:1.2rem;letter-spacing:.1em}@media(max-width: 900px){.swiper .swiper-slide .index_txt p{font-size:1rem;letter-spacing:.1rem;line-height:1.8;text-shadow:1px 1px 8px rgba(0,0,0,.5019607843)}}@media(max-width: 500px){.swiper .swiper-slide .index_txt p{font-size:.9rem}}.swiper .swiper-slide .index_txt ul{padding-left:5%;font-size:1.2rem;font-weight:400;letter-spacing:.1em;margin-top:3%;line-height:1.9}@media(max-width: 900px){.swiper .swiper-slide .index_txt ul{padding-left:11%;font-size:1rem;margin-top:10%}}.swiper .swiper-slide .index_txt ul li{color:#fff}@media(max-width: 900px){.swiper .swiper-slide .index_txt ul li{text-align:left}}.swiper .swiper-slide:nth-last-of-type(3) h1{font-size:4rem}@media(max-width: 900px){.swiper .swiper-slide:nth-last-of-type(3) h1{font-size:2rem}}.swiper .swiper-slide:nth-last-of-type(4) h1{font-size:3.5rem}@media(max-width: 900px){.swiper .swiper-slide:nth-last-of-type(4) h1{font-size:2rem}}.swiper .swiper-button-prev,.swiper .swiper-button-next{color:rgba(255,255,255,.8156862745) !important;font-size:30px !important;outline:none}@media(max-width: 900px){.swiper .swiper-button-prev,.swiper .swiper-button-next{width:35px}}.swiper .swiper-pagination{bottom:2%;width:100%;z-index:990}.swiper .swiper-pagination .swiper-pagination-bullet{margin:3px;width:13px;height:13px;background-color:#fff;border:none;border-radius:30px;opacity:.7;transition:all .3s}.swiper .swiper-pagination .swiper-pagination-bullet-active{width:35px;opacity:.7}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:""}.particles_div #particles-js{width:100%;height:100%}.ckav-pages{opacity:0;pointer-events:none}.ckav-pages.activepage{opacity:1;pointer-events:initial}.page-transition{opacity:1}.index_txt h1,.index_txt p{text-shadow:4px 4px 12px rgba(0,0,0,.3)}@media(max-width: 550px){.index_txt{pointer-events:none}}.mainwrapper{height:100vh;overflow:hidden}.hover-box1 .bg-cc{transition:all 1s;transform:scale(1)}.hover-box1 .overlay{display:flex;align-items:center}.hover-box1 .overlay .pro_btn{transform:translateX(-20px);transition:all .5s}.hover-box1 .overlay .content{transform:translateY(30px);transition:all .5s}.hover-box1:hover .bg-cc{transition:all 5s;transform:scale(1.5)}.hover-box1:hover .overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translateY(0px)}.hover-box1:hover .overlay .pro_btn{transform:translateX(0px)}@media(max-width: 500px){.hover-box1:hover .overlay .pro_btn{opacity:0}}.hover-box1:hover .overlay .content{transform:translateY(0px)}@media(max-width: 500px){.hover-box1:hover .overlay span{font-size:.8rem}}@media(max-width: 500px){.hover-box1:hover .overlay .title{font-size:1rem;line-height:1.5;letter-spacing:.1rem}}@media(max-width: 500px){.hover-box1:hover .overlay p{display:none}}.customer_box{margin-bottom:12%}.customer_box .customer_title{margin-bottom:40px;letter-spacing:.1em}@media(max-width: 900px){.customer_box .customer_title{font-size:1.8rem;padding-top:40px}}@media(max-width: 500px){.customer_box .customer_title{padding:0}}.customer_box .customer_div{display:flex;flex-wrap:wrap}.customer_box .customer_div span{flex:1 1 25%}@media(max-width: 900px){.customer_box .customer_div span{flex:1 1 30%}}@media(max-width: 500px){.customer_box .customer_div span{flex:1 1 50%}}.customer_box .customer_div span img{width:100%;max-width:60%;padding:20px 0}@media(max-width: 900px){.customer_box .customer_div span img{max-width:75%;margin:auto}}.footer_box p{letter-spacing:.1em;margin:0}.footer_box p span{margin:0 6px}@media(max-width: 900px){.footer_box p span{margin:10px 6px;display:block}}.content_box{height:100vh;position:relative;display:flex;align-items:center}@media(max-width: 900px){.content_box{display:block;margin:0}}.content_box .case_box{display:flex}@media(max-width: 900px){.content_box .case_box{padding-top:60px;flex-direction:column}}.content_box .case_box .c_img_box{flex:1 1 65%;padding:3%}@media(max-width: 900px){.content_box .case_box .c_img_box{padding:7vw}}.content_box .case_box .c_img_box img{max-width:86%;display:block;margin:auto}@media(max-width: 900px){.content_box .case_box .c_img_box img{max-width:100%}}.content_box .case_box .c_txt_box{position:relative;flex:1 1 30%;background-color:rgba(0,0,0,.0509803922);margin-top:-26px;padding-top:10%;padding-left:4.5%}@media(max-width: 900px){.content_box .case_box .c_txt_box{margin:0;padding:7vw;background:none}}.content_box .case_box .c_txt_box .crumbs{position:absolute;top:6%;right:5%;font-size:13px;letter-spacing:.1em;color:#727171}@media(max-width: 900px){.content_box .case_box .c_txt_box .crumbs{top:0%;right:6%}}.content_box .case_box .c_txt_box .case_url{margin-bottom:5%;display:inline-block;color:#333;font-size:1.2rem;letter-spacing:.05em}@media(max-width: 900px){.content_box .case_box .c_txt_box .case_url{font-size:4.5vw}}.content_box .case_box .c_txt_box h1{position:relative;margin-bottom:12%;font-size:2rem;letter-spacing:.1rem;font-weight:600}@media(max-width: 500px){.content_box .case_box .c_txt_box h1{font-size:5.5vw;margin-bottom:15%}}.content_box .case_box .c_txt_box h1::after{content:"";position:absolute;bottom:-32%;left:0;background-color:#333;width:65px;height:1px}@media(max-width: 900px){.content_box .case_box .c_txt_box h1::after{bottom:-40%;width:45px}}.content_box .case_box .c_txt_box h2{margin-bottom:5%;font-size:1.8rem;letter-spacing:.1rem;color:#505050}.content_box .case_box .c_txt_box p{font-size:1.1rem;line-height:1.8;letter-spacing:.05rem;margin-bottom:20%;font-family:Microsoft JhengHei}.content_box .case_box .c_txt_box ul{list-style:none;margin-bottom:12%;list-style:square;padding-left:3.6%}@media(max-width: 900px){.content_box .case_box .c_txt_box ul{padding-left:5%;margin-bottom:6%}}.content_box .case_box .c_txt_box ul li{font-family:Microsoft JhengHei;letter-spacing:.1em;line-height:2.1;font-size:1.05rem;color:#727171}@media(max-width: 900px){.content_box .case_box .c_txt_box ul li{font-size:3.8vw;line-height:1.8}}.content_box .case_box .c_txt_box .back_btn{font-size:1rem;letter-spacing:.1em;display:flex;align-items:center}@media(max-width: 900px){.content_box .case_box .c_txt_box .back_btn{font-size:3.4vw}}.content_box .case_box .c_txt_box .back_btn img{width:23px;margin-left:10px}@media(max-width: 900px){.content_box .case_box .c_txt_box .back_btn img{width:17px;margin-left:6px}}.content_box .case_box .c_txt_box .align-l{text-align:left}.content_box .footer_box{position:absolute;width:100%;bottom:0}