@charset "UTF-8";html{overflow-x:hidden;font-size:15px}html,html a,body{-webkit-font-smoothing:antialiased}body{font-family:"Microsoft JhengHei",'Bentham',serif;font-size:16px;line-height:1.7}p{font-size:16px;font-weight:400;font-family:"Microsoft JhengHei",'Bentham',serif;color:#333;line-height:1.7}em,li,li a{font-size:1.2rem;font-weight:500;font-family:"Microsoft JhengHei",sans-serif;color:#333}a{font-family:"Microsoft JhengHei",sans-serif;color:#333;outline:0;transition:all .5s;word-wrap:break-word;word-break:normal}:focus,:active{outline:none!important;box-shadow:none!important}input[type=checkbox],input[type=radio]:focus{outline:none!important;box-shadow:none!important}a:focus,a:hover,a:active{outline:0;color:#0057de;text-decoration:none}.link{font-size:13px;font-weight:600;font-family:"Microsoft JhengHei",sans-serif;border:1px solid #ccc;display:inline-block;padding:5px 30px;border-radius:50em;transition:all .3s}.link:hover{border-color:#81848f;transform:translateY(-5px)}span{font-family:inherit;color:#666}h1,h2,h3,h4,h5,h6{font-weight:400;font-family:"Microsoft JhengHei",sans-serif;color:#312a29;line-height:1;margin:0 0 15px}h1{font-size:4rem}h2{font-size:2.6rem}h3{font-size:1.6rem}h4{font-size:1.2rem}h5{font-size:1.06rem}h6{font-size:.8rem}::selection{color:#fff;background:#17bed2;text-shadow:none}::-webkit-selection{color:#fff;background:#17bed2;text-shadow:none}::-moz-selection{color:#fff;background:#17bed2;text-shadow:none}:active,:focus{outline:none}.section-seperator{border-bottom:1px solid #edf0f2}.content-wrapper-link{position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:3;text-decoration:none}img{max-width:100%}ul{list-style:none;padding:0}@media(min-width: 2400px){html{font-size:21px}}@media(min-width: 2160px) and (max-width: 2399px){html{font-size:18px}}@media(max-width: 991px){h1{font-size:3rem}h2{font-size:2rem}}@media (min-width: 1400px){.container{max-width:1200px}}.blockquote{position:relative;font-size:17px;font-weight:400;font-family:Hind,sans-serif;color:#a6a7aa;line-height:1.4;border-left:none;margin-left:20px}.blockquote:before{position:absolute;top:0;left:-20px;font-size:60px;display:inline-block;color:#17bed2;content:'“'}.bg-primary{background-color:#02428F!important}.btn-theme{position:relative;display:inline-block;font-family:'PT Sans Narrow',sans-serif;letter-spacing:.1em;line-height:1.4;text-align:center;background-image:none;border-style:none;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn-theme:focus,.btn-theme:active:focus,.btn-theme.active:focus,.btn-theme.focus,.btn-theme:active.focus,.btn-theme.active.focus{outline:none}.btn-theme:hover{transition-duration:300ms;transition-property:all;transition-timing-function:cubic-bezier(0.7,1,0.7,1)}.btn-theme:hover,.btn-theme:focus,.btn-theme.focus{text-decoration:none}.btn-theme:active,.btn-theme.active{background-image:none;outline:0}.btn-theme.disabled,.btn-theme[disabled],fieldset[disabled] .btn-theme{cursor:not-allowed;box-shadow:none;opacity:.65;pointer-events:none}.btn-primary{color:#fff;background-color:#0060C9;border-color:#0060C9;border-radius:0;padding:0 2.5em;line-height:275%}.btn-dark{color:#fff;background-color:#343a4;border-color:#343a4;border-radius:0;padding:0 2.5em;line-height:275%}.btn-black{display:block;min-width:170px;height:50px;color:#fff;border:none;border-radius:0;padding:0 40px;font-size:15px;line-height:50px;background-color:#000;letter-spacing:1.5px;font-family:'Georgia',serif}.btn-black:hover{background:#666}.btn-main-gray{color:#fff;background:#c9c8c9}.btn-more-borderd{position:relative;color:#fff;letter-spacing:.2em;text-align:center;padding:.5vw;width:10vw;border:1px solid rgba(255,255,255,.6)}.btn-more-borderd:hover{color:#fff;background:rgba(255,255,255,.3)}.btn-single{color:#9f9fa0;font-size:.9em;text-transform:uppercase}@media (max-width:768px){.btn{width:100%;margin:5px 0}}.breadcrumb{background:transparent;display:inline-flex;text-align:left;width:100%;margin-top:30px}.breadcrumb li,.breadcrumb li a,.breadcrumb-item.active{color:#666;font-family:'PT Sans Narrow',sans-serif,"Microsoft JhengHei";letter-spacing:.1em;font-size:1em}.breadcrumb li a span:hover{color:#0057de}.breadcrumb img{margin-bottom:2px}.breadcrumb-item+.breadcrumb-item{padding-left:1rem}.breadcrumb-item+.breadcrumb-item::before{padding-right:1rem;color:#666}.navbar{position:fixed;display:block;padding:0;width:100%;top:0;z-index:999; box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);}.navbar-dark .navbar-brand{color:#000;} .navbar-dark .navbar-nav .nav-link{color:#000}.navbar li.nav-item{text-align:center}.navbar li.nav-item a{padding:1.6em 0}.navbar li.nav-item a:hover{background-color:#0b56b3}.navbar-brand{font-size:1.8rem;font-weight:600;padding-top:0;padding-bottom:0;width:30%}.navbar-brand img{width:13%}.logo_img{width:5%;margin:15px 15px 15px 0}.bg-dark{background-color:#FFF!important}@media (min-width: 992px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.6rem;padding-left:.6rem;font-size:.95em}}@media (max-width: 1440px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.6rem;padding-left:.6rem;font-size:1.1rem}.navbar-brand{font-size:1.5rem}}@media (max-width: 1330px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem;font-size:1rem}.navbar{padding:0}.navbar-brand{font-size:1.4rem}}@media (max-width: 1200px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.3rem;padding-left:.3rem;font-size:.9em}.navbar{padding:0}.navbar-brand{font-size:1.3rem}}@media (max-width: 991px){.navbar{padding:0}.navbar .navbar-brand{margin:15px 0;width:80%}.navbar button{margin:15px 15px 15px 0}.navbar-brand{font-size:1.05rem}.navbar .navbar-nav{margin:0}.navbar li.nav-item a{padding:.8em 0;border-top:1px solid rgba(255,255,255,0.1)}}@media (max-width: 768px){.navbar .navbar-brand{width:auto}.logo_img{width:8%;margin:5px 5px 5px 15px}}@media (max-width:320px){.logo_img{display:none}.navbar .navbar-brand{margin:15px 0 15px 15px}}.footer{position:relative;background:#e9e9e9;font-size:1em;text-align:center;color:#111;border-top:1px solid #ccc}.footer a{color:#111}.footer a,.footer a:hover{color:#111}.footer strong{margin:2em 0}.footer-logo{font-size:1.4em;padding-bottom:0em;font-weight:600}.footer ul{margin-bottom:0;text-align:center}.share_social{margin:2em 0}.share_social ul{margin-bottom:0;display:-moz-flex;display:-webkit-box;display:-ms-flexbox;display:flex}.share_social li a{font-size:0}.share_social li a .fa{font-size:19px;width:36px;height:36px;line-height:36px;text-align:center;background-color:#666;color:#fff;border-radius:50em}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.share_social li:not(:last-child){margin-right:5px}.contact-info li{padding:2px 0}.contact-info li.item-inline{display:inline-block}.contact-info li,.contact-info li em,.contact-info li a{letter-spacing:2px;font-family:'PT Sans Narrow',sans-serif,"Microsoft JhengHei";font-size:16px}footer .contact-info li,footer .contact-info li a{color:#333}.info_title{font-size:1.5em;font-weight:600;padding-bottom:.5em}.iconSet li{list-style:none;margin:0 10px 0 0;display:inline-block}.iconSet .icon{display:flex;align-items:flex-start;justify-content:flex-start;margin-bottom:10px;border-bottom:1px #dbdadb dashed}.iconSet .icon .circle{background:#0c5dbf;border-radius:50%;width:40px;height:40px}.iconSet .icon img{display:block;padding:10px;margin-right:10px}.iconSet .icon .title{padding-left:10px;width:100%;font-size:1.2rem;line-height:2em;color:#333;font-weight:400}.contact-info li .tw{font-size:.9em}.contact-info li.first:after{content:'/';color:#ccc;margin:0 1em}.contact-info li em{font-style:normal;margin-right:.5em;color:#d2a462}.contact-info li a:hover{border-bottom:1px solid #fff}.footer-link li{display:block;padding-right:15px}.footer-menu li:last-child{border-right:none}.footer-menu a:hover{opacity:.5}.social-link li{display:inline-block;text-align:center}.social-link a{display:inline-block;width:40px;height:40px;background:url(../img/social.png) no-repeat;transition:all .5s}.social-link{display:inline-block;margin:8px;vertical-align:middle}.contact .social-link a{background:url(../img/social2.png) no-repeat}.contact .social-link li{text-align:left}.social-link a.icon02{background-position:0 -40px}.social-link a.icon03{background-position:0 -80px}.social-link a.icon04{background-position:0 -120px}.social-link a:hover{transform:translateY(-5px)}.copyright{color:#fff;font-size:1em;line-height:1.8em;letter-spacing:.1em}.copyright a{color:#fff}.copyright a:hover{color:#fff;opacity:.5}.footer-link li{font-size:1em;color:#111;line-height:2.2}.footer-link li a{font-size:1em;letter-spacing:1.5px;text-align:left}.footer-link li span,.footer-link li a:hover{color:#0057de}@media(max-width: 1200px) and (min-width: 992px){.footer-logo{max-width:100%}}@media(max-width: 991px){footer .footer-logo{text-align:center;padding:1em 0;width:100%}footer .footer-link li a{font-size:1em}footer .social-link{text-align:center}}@media(max-width: 768px){.footer ul{text-align:center;padding:1em 0}.copyright{text-align:center}}@media(max-width: 576px){footer .contact-info li{word-break:break-all}}@media(max-width: 340px){.footer-logo{max-width:100%}}.info_sidebar{font-size:16px;font-weight:400;color:#666;line-height:1.8;margin:1.5em 0}@media (max-width:768px){.info_sidebar{display:none}}.dropy__title{background-color:#212121;color:#FFF;padding:.8em;font-size:1.1em;font-weight:400;border-radius:0}.dropy__title span{color:#FFF}.dropy__content{border:1px solid #CCC}.dropy__content ul li a{padding:1em 0 1em 1em;font-size:.9em}.dropy__header{border-bottom:1px solid $blackAlpha;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:1.6rem}.id-banner{margin-top:88px;position:relative;background-color:#eee;padding: 5px 0; }.id-banner .content-banner .swiper-container{position:relative;max-width:100%;text-align:center;color:#fff;z-index:2;margin:0 auto}.id-banner .content-banner .swiper-slide{display:inline-block;text-align:center}.id-banner .content-banner .banner_info{position:absolute;font-size:1em;color:#fff;right:0;background-color:#02428F;padding:1.6em;line-height:1.7em}.id-banner .content-banner .banner_info:before{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}.id-banner .content-banner .banner_info span{display:inline-block;color:#FFF;vertical-align:middle}.id-banner .content-banner .banner_info{width:250px;height:300px;display:inline-block;vertical-align:top;z-index:2}.id-banner .content-banner .banner_info span{display:inline-block;color:#FFF;vertical-align:middle;width:100%;word-wrap: break-word;}.box{width:300px;padding:10px;border:#ef5c28 2px solid}@media(max-width: 1440px){.id-banner{margin-top:89px}}@media(max-width: 1330px){.id-banner{margin-top:86px}}@media(max-width: 1220px){.id-banner .content-banner span{display:none}.id-banner .content-banner .banner_info{display:none}.id-banner{margin-top:106px}.id-banner .content-banner .swiper-slide{text-align:center}}@media(max-width: 991px){.id-banner .img-bg{height:30.3vw}.id-banner .content-banner{top:15px}.id-banner{margin-top:53px}.id-banner .content-banner .swiper-container{top:0}}@media(max-width: 370px){.id-banner .content{width:80vw;left:10vw}}.contact .row{margin-left:-30px;margin-right:-30px}.contact .col-5{padding-left:30px;padding-right:30px}.contact .title{position:relative;margin-bottom:30px}.contact .title:after{content:'';position:absolute;width:100%;top:50%;left:0}.contact h1,.contact h2,.contact h3{position:relative;z-index:2;font-family:'Bentham',serif;font-size:2em;margin-bottom:0;display:inline-block;background:#fff;padding-right:20px}.contact h1 span,.contact h2 span,.contact h3 span{font-size:.5em;color:#000;margin-left:1em;font-family:"Microsoft JhengHei",'Bentham',serif}.contact h4{color:#d0a465;margin-bottom:30px}.contact_form{margin-top:40px;font-family:'PT Sans Narrow',sans-serif;letter-spacing:.08em;font-size:1.26em}.contact_form span{position:relative;letter-spacing:0;font-size:.8em;font-family:"Microsoft JhengHei",'Bentham',serif}.contact_form span.cn:before{content:'/';display:inline-block;margin:0 .5em}.contact_form label.required{position:relative}.contact_form label.required:before{content:'*';color:red;margin-right:.2em}.contact_form .btn{padding:.8rem;width:100%;letter-spacing:.2em}#map{height:100%;border:5px solid #dcdcdc}@media(max-width: 768px){#map{height:80vw}}.back-to-top{position:fixed;right:50px;bottom:10px;display:inline-block;z-index:9;width:40px;height:40px;font-size:12px;font-weight:400;color:#fff;text-align:center;line-height:3;letter-spacing:1px;text-transform:uppercase;background:#222;border-radius:3px;visibility:hidden;opacity:0;padding:5px;-webkit-transform:translate3d(0,50px,0);-moz-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);transition-duration:300ms;transition-property:all;transition-timing-function:cubic-bezier(0.7,1,0.7,1)}.back-to-top:hover{color:#fff;transition-duration:300ms;transition-property:all;transition-timing-function:cubic-bezier(0.7,1,0.7,1)}.back-to-top:focus,.back-to-top:hover{text-decoration:none}.back-to-top.back-to-top-is-visible{visibility:visible;opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition-duration:300ms;transition-property:all;transition-timing-function:cubic-bezier(0.7,1,0.7,1)}.back-to-top.back-to-top-is-visible:hover{opacity:1;transition-duration:300ms;transition-property:all;transition-timing-function:cubic-bezier(0.7,1,0.7,1)}.back-to-top.back-to-top-fade-out{opacity:.9}.back-to-top.back-to-top-fade-out:hover{opacity:1;transition-duration:300ms;transition-property:all;transition-timing-function:cubic-bezier(0.7,1,0.7,1)}.form-control{padding:.575rem .75rem;height:auto!important}.form-control::-moz-placeholder{color:#666}.form-control:-ms-input-placeholder{color:#666}.form-control::-webkit-input-placeholder{color:#666}.form-control:focus{color:#515769;box-shadow:none;border-color:#4c5870}.form-control:focus::-moz-placeholder{color:#515769}.form-control:focus:-ms-input-placeholder{color:#515769}.form-control:focus::-webkit-input-placeholder{color:#515769}@media(max-width: 768px){.form-control{height:40px;padding-left:10px}}.full-screen{background-size:cover;background-position:center;background-repeat:no-repeat}.id-box .container{position:relative}.id-box .txt{padding:3em;min-height:280px;font:400 'Microsoft JhengHei',serif}.id-box .txt h3{font:1.2em}.id-box .bg-primary .txt h3{color:#FFF}.id-box .bg-primary .txt ul li{color:#FFF;font-size:1em;line-height:2}.id-box .txt .txt-box{border-bottom:1px dashed #EFEFEF;width:100%}.id-box .txt .txt-detail{line-height:3;font-size:1em;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.id-box .txt .txt-date{line-height:3;font-weight:600;font-size:1em;padding-right:1em;color:#0057de}.id-box .txt .news-btn{color:#0f428f;border:1px solid #0f428f;border-radius:99em;line-height:2;padding:0 1.2em}.id-box .txt .news-btn:hover{color:#FFF;background:#0f428f;border:1px solid #0f428f;border-radius:99em;line-height:2;padding:0 1.2em}.id-box .swiper-id-about{overflow:hidden}.id-box .control{position:absolute;right:15px;bottom:calc(6% - 15px);z-index:2}.control span{display:inline-block;width:12px;height:12px;border-top:1px solid #fff}@media(max-width: 991px){.id-box .txt{position:relative}.id-box .container:before,.id-box .container:after{display:none}.id-box .txt h2{font:400 2.6em/1em Bentham,serif}.id-box .btn-more-style,.id-box .control{display:none}.id-box .anchor{float:right}.id-box .anchor span{display:inline-block;width:10px;height:10px;border-top:2px solid #ccc;margin:0 5px}.id-box .anchor span:first-child{border-left:2px solid #ccc;transform:rotate(-45deg)}.id-box .anchor span:last-child{border-right:2px solid #ccc;transform:rotate(45deg)}.swiper-id-about .swiper-slide{padding:0 5px}}@media(max-width: 768px){.id-box .txt{padding:1.2em 1em;min-height:220px}.id-box .txt h3:after{top:60px}.id-box .txt .txt-detail{line-height:2}.id-box .txt .txt-date{line-height:2}}h1.id-title{font-size:1.6rem;color:#111;line-height:1.2em;font-weight:600}h1.id-title span{color:#20599E;font-size:.8em}h2.id-title{font-size:1.6rem;color:#111;line-height:1.2em;font-weight:600}h2.id-title span{color:#20599E;font-size:.8em}h3.id-title{color:#111;line-height:2em;font-weight:600}h3.id-title span{color:#20599E;font-size:.8em}.id-product{padding:0 20px;overflow:hidden}.id-product-item{background-color:#FFF;padding:8px}.id-product-item .img{background-size:contain;background-position:center;background-repeat:no-repeat;padding-bottom:100%}.id-product-item a{display:block;padding-top:1em}.id-product-item:hover{background-color:rgba(0,0,0,0.055)}.id-product-item a .title{color:#333;font-weight:500;padding-top:15px;line-height:1.5;letter-spacing:0;padding-bottom:1em}.id-product-item a span{color:#666;border:1px solid #ccc;border-radius:99em;line-height:3;margin-top:10px;padding:.5em 1.2em}.id-product-item a span:hover{color:#666;background-color:#efefef;border:1px solid #ccc}@media(max-width: 768px){.id-product h3{font:400 2.4em/1em}.id-product{padding:0}.id-product-item{padding:10px;margin-bottom:10px}.id-product .title{font-size:1em}}.id-service .col-photo{height:30vw;background-size:cover;background-position:center}.id-service .art{background:#757575}.id-service .art .col-txt-bg{position:absolute;width:100%;height:100%;left:0;background-repeat:no-repeat;background-size:auto 100%;mix-blend-mode:multiply}@media(max-width: 768px){.id-service .col-photo{height:60vw}.btn-more-borderd{width:30vw}}.about .title{position:relative;margin-bottom:30px}.about h1,.about h2,.about h3{position:relative;z-index:2;font-family:'Bentham',serif;font-size:2.8em;margin-bottom:0;display:inline-block;background:#fff;padding-right:20px}.about h1 span,.about h2 span,.about h3 span{font-size:.5em;color:#000;margin-left:1em;font-family:"Microsoft JhengHei",'Bentham',serif}.about p,.about li{color:#666;font-size:1.06rem}.about b{color:#d0a465}.photo_wall{overflow:hidden}.photo_wall .grid{position:relative;float:left;width:calc(100% / 7);height:20vw}.photo_wall .grid_x2{width:calc(200% / 7)}.photo_wall .grid_half{height:50%}.photo_wall .grid,.photo_wall .grid_half{background-size:cover;background-position:center}.about .list li{padding:5px 0;display:flex}.about .list li span{position:relative;color:#d0a465;font-weight:700}.about .list li span:before{content:'';display:inline-block;vertical-align:middle;width:6px;height:6px;background:#d0a465;transform:rotate(45deg);margin-right:.5em}.about h4{font-size:1.06rem;color:#000;margin:20px 0 10px;font-weight:700}.search{padding-bottom:20px;border-bottom:1px dashed #EFEFEF;margin-bottom:20px}.search .form-control{background:#fff!important;color:#000!important;font-size:16px;border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important;border:1px solid rgba(0,0,0,0.1);display:inline-block;width:50%;vertical-align:middle}.search button{width:auto;display:inline-block}.product_details .swiper-container{max-width:600px;height:auto;margin-left:auto;margin-right:auto}.product_details .gallery-top .swiper-slide{background-size:cover;background-position:center;padding-bottom:100%}.product_details .gallery-top{border:1px solid #efefef;width:100%}.product_details .gallery-thumbs{width:100%;box-sizing:border-box;padding:10px 0}.product_details .gallery-thumbs .swiper-slide{border:1px solid #efefef;background-size:cover;background-position:center;padding-bottom:20%;width:20%;height:100%;opacity:1}.product_details .gallery-thumbs .swiper-slide-thumb-active{opacity:1}.product_details .details_content{color:#333}.product_details .details_content .title h1{font-size:30px;font-weight:600;color:#232323;line-height:1.5;padding-bottom:1em}.product_details .details_content .info{justify-content:end;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding-top:1em;padding-bottom:1em;line-height:1.7}.product_details .details_content .info span{display:block;position:relative;color:#333}.product_details .details_content .info span i{font-style:normal;margin-right:1em;font-weight:600;color:#111}.product_details .details_content .info p{padding-top:.5em;color:#333}.product_details .details_content .text p{padding-top:1em;line-height:1.7;color:#333}.product_details .details_content .view_counter{padding-top:1em;line-height:1.7;color:#333;border-top:1px dotted #ccc;padding-top:1em;padding-bottom:2em;position:relative;padding-left:2em;display:block}.product_details .details_content .view_counter:before{content:'';width:16px;height:16px;position:absolute;top:30%;left:0;background-position:center;background-size:contain;background:url(../img/eye.png) no-repeat}.explan_section.content{padding-bottom:0}.ex_title{border-top:3px solid #000;padding-top:20px;margin-bottom:20px}.explan_section .ex_title h2{font-size:1.42vw;line-height:1.4;margin-bottom:0}.ex_txt{padding-bottom:1.2em}.ex_txt h2{font-size:1.8em;margin-bottom:.5em;line-height:1.5;padding-bottom:.5em;color:#262626;border-bottom:1px solid #eee}.explan_detail .ex_title_outer{position:relative}.explan_detail .ex_title{width:100%}.explan_detail{padding:40px 0}.explan_detail_tte{width:100%}.explan_detail_tte .text-right{background:#fff;padding-top:20px}.explan_detail_tte .seta{margin:20px 0 40px}.explan_detail_tte .seta li{display:inline-block;padding:2px 0}.explan_detail_tte .seta li span{display:inline-block;border:1px solid #dcdcdc;background:rgba(255,255,255,.8);color:#777;font-size:.86em;padding:2px 5px}.case_detail .line-txt{position:absolute;text-align:center;display:inline-block;font-family:'PT Sans Narrow',sans-serif;font-size:1em;letter-spacing:.8em;white-space:nowrap;width:1.5em;height:100%;border-right:1px solid #000;top:0;left:50%;margin-left:-1.5em}.case_detail .ex_photo{min-height:40vh}.case_detail .ex_photo img{width:100%}.case_detail .mini_photo{background-size:cover}.case_detail p{color:#666;font-size:1.06rem}.ex_slider .ex_slider_title{border-bottom:1px solid #dcdcdc;margin-bottom:40px;height:.95em}.ex_slider .ex_slider_title span{display:inline-block;font-family:'PT Sans Narrow',sans-serif;padding:5px 20px;background:#fff;letter-spacing:.2em}.ex_slider .row{margin-left:0;margin-right:0}.ex_slider .edm_img{height:18vw;background-size:contain;background-repeat:no-repeat;background-position:center;max-width:-webkit-calc(50% - 15px);max-width:-ms-calc(50% - 15px);max-width:calc(50% - 15px);margin-right:0;margin-bottom:30px;-webkit-transition:all 1s;-ms-transition:all 1s;transition:all 1s}.ex_slider .img_border{border:1px solid #dcdcdc;width:100%;height:100%}.ex_slider .edm_img:hover{opacity:.7}.mfp-bottom-bar{display:none}.tag-menu-wrap{height:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:Montserrat,Helvetica,Arial,sans-serif}.tag-menu{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;border-bottom:none;position:relative}.tag-menu-list{border-bottom:1px solid rgba(0,0,0,0.1)}.tag-menu a:first-child{margin-left:0}.tag-menu a{display:inline-block;width:auto;height:100%;font-size:1.15em;color:#999;padding:.6em 0;margin:0 .8em;position:relative;letter-spacing:-.02em}.tag-menu-list a:hover:after,.tag-menu-list a.current:after{content:'';display:block;width:100%;height:3px;position:absolute;left:0;bottom:-1px;background:#0060C9}.btn-contact{right:0;display:block;padding:0 1.2em;position:absolute;right:4%;bottom:0;background:#91c86c;background:-moz-linear-gradient(45deg,#91c86c 0%,#2fb1bc 100%);background:-webkit-linear-gradient(45deg,#91c86c 0%,#2fb1bc 100%);background:linear-gradient(45deg,#91c86c 0%,#2fb1bc 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#91c86c',endColorstr='#2fb1bc',GradientType=1)}.tag-menu .btn-contact a{padding:.7em 0 .5em;font-size:1em;letter-spacing:.025em}.btn-contact a{color:#fff;margin:0}.client-edit{padding-top:2em}.line{padding-top:2em;margin-top:2em;border-top:1px solid #e1e1e1}.client-edit h3,.line h3{font-size:1.2em;margin-bottom:.5em;color:#262626}.line ul li{font-size:1rem;font-weight:400;font-family:"Microsoft JhengHei",'Bentham',serif;color:#666;line-height:1.6}.preNext .text-left{text-align:left}.preNext .text-right{text-align:right;padding-top:0}.preNext a{outline:0;color:#666;text-decoration:none}.preNext a span{outline:0;color:#0060C9;text-decoration:none}@media(max-width: 991px){.explan_section .ex_title h2{font-size:1.4em}}@media(max-width: 991px){.search .form-control{width:60%}.search button{width:35%}.search button.btn-primary{padding:0}.explan_section .ex_title{border-top:none;padding-right:0}.explan_detail .ex_title{position:relative;width:100%}.explan_detail_tte .seta li{display:inline-block;margin-right:4px}.explan_detail_tte .seta{margin:20px 0}.explan_detail .ex_title_outer{border-top:1px solid #dcdcdc}.case_detail .mini_photo{margin-bottom:30px}.ex_slider .edm_img{height:30vw}.product_details .details_content .title{font-size:20px}}@media(max-width: 768px){.preNext .text-right{text-align:left!important;padding-top:0}}.edm_img{margin-bottom:30px}.img_border{background-position:center;background-repeat:no-repeat;background-size:contain;border:1px solid #efefef}.img_border:hover{border:3px solid #efefef}.ex_title2{border-top:3px solid #000;margin-bottom:20px;width:100%}.tag-menu-wrap2{height:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;font-family:Montserrat,Helvetica,Arial,sans-serif}.tag-menu2{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;border-bottom:none;padding-top:20px;position:relative}.navFixed{display:none}.tag-menu-list2{border-bottom:1px solid rgba(0,0,0,0.1)}.tag-menu2 a:first-child{margin-left:0}.tag-menu2 a{border-left:1px solid #efefef;margin-bottom:1em}.tag-menu2 a strong{display:inline-block;width:100%;height:100%;font-size:1em;color:#666;padding:0;margin:0;text-align:center;position:relative}.tag-menu2 a strong:after{content:'';display:inline-block;vertical-align:middle;width:8px;position:absolute;height:8px;top:4px;border-bottom:1px solid #81848f;border-right:1px solid #81848f;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-left:.5em;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s}.tag-menu2 a strong:hover{color:#1b60c9}:target:before{content:"";display:block;height:120px;margin:-120px 0 0}.line2{padding-top:2em;margin-top:2em;border-top:1px solid #e1e1e1}.client-edit2{padding-top:2em}.client-edit2 h3,.line2 h3{font-size:1.2em;margin-bottom:.5em;color:#262626}.line2 ul li{font-size:1rem;font-weight:400;font-family:"Microsoft JhengHei",'Bentham',serif;color:#666;line-height:1.6}@media (max-width:998px){.tag-menu2 a h2{letter-spacing:0}.tag-menu2 a h2:after{width:5px;height:5px;top:5px;margin-left:.2em}}@media (max-width:768px){.tag-menu2 a{font-size:1em}.tag-menu2 a h2{letter-spacing:0;font-size:1em}.tag-menu2 a strong:after{display:none}.navFixed{display:block;z-index:999;position:fixed;top:68px;left:0;margin-top:0;min-width:100%;transition:opacity .5s ease-out;background-color:#FFF}}.pdt-sidebar{background-color:#FBFBFA}.pdt-sidebar:before{border-top:5px solid #20599E;content:'';display:block;width:100%}.pdt-sidebar .content{padding:2em}.pdt-sidebar .content strong{font-size:1.6em;font-weight:600;line-height:2.4;color:#20599E}.pdt-sidebar h1{font-size:1.8em;font-weight:600;line-height:2.4;color:#20599E}.pdt-title{border-top:3px solid #d2a462;padding-top:15px;letter-spacing:.5em}.pdt-menu li{border-bottom:1px solid #EDEDED}.pdt-menu a{line-height:3;font-size:15px;font-weight:600;color:#111}.pdt-menu a:hover,.pdt-menu a.active{color:#0057de}.pdt-menu span{font-size:13px;color:#333}.pdt-menu-sec{padding:0 0 .8em}.pdt-menu-sec a{color:#333;font-weight:400;line-height:2;font-size:15px}.pdt-menu-sec li{border:none}.pdt-menu-sec li:before{content:'';display:inline-block;vertical-align:middle;width:8px;height:8px;border-top:1px solid #81848f;border-right:1px solid #81848f;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);margin-right:.5em;-webkit-transition:all 1.5s;-ms-transition:all 1.5s;transition:all 1.5s}.work_chanel{position:relative;margin-bottom:15px;border:1px solid #ededed;padding:1em}.work_chanel .img{background-size:contain;background-position:center;background-repeat:no-repeat;padding-bottom:100%}.work_chanel .txt{padding-top:10px}.work_chanel .txt strong{display:block;font-family:'Microsoft JhengHei';color:#111;font-weight:500;margin-bottom:5px;line-height:1.5}.work_chanel .fliter{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);margin:0;color:#fff;opacity:0;transition:all .5s;margin:0}.ebook_img img{text-align:center;border:1px solid #ccc;padding:15px}.work_chanel .txt span{color:#444}.pagination{margin-top:30px}.pagination .page-link{font-family:'PT Sans Narrow',sans-serif;color:#999}.pagination>li>a,.pagination>li>span{padding:12px 20px}.page-item.active .page-link{background-color:#20599E;border-color:#20599E}.page-item-num.active .page-link{background-color:#20599E;border-color:#20599E}@media (min-width:768px){.dropy{display:none}}@media (max-width:991px){.work_chanel .txt h3{font-size:1em}}@media (max-width:768px){.pdt-sidebar{display:none}.pdt-menu-sec li:before{display:none}.pagination>li>a,.pagination>li>span{padding:8px 16px}}.news-work{background:#f3f3f3}.news-work .work_chanel{border:2px solid #fff;background:#fff;transition:all 1s}.news-work .work_chanel:hover{border-color:#0057de}.post-single{border:1px solid #eee;padding:80px;background-color:#FFF}.news-work .txt{padding:5px 10px}.news-work .txt h3{margin:5px 0}.news-work .txt p{font-size:1em}.news-work .txt a,.news-work .txt p{line-height:1.4;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:1.2em}.news-work .txt .date{font-family:'PT Sans Narrow',sans-serif;color:#0057de;letter-spacing:.2em;font-size:1em}.news_detail,.news_detail .explan_detail_tte .text-right{background:#f3f3f3}.news_detail .ex_title h2 strong{font-weight:400}.news_detail .case_detail img{width:auto}.ex_date{display:flex;text-align:left;width:100%}.ex_date .yy{color:#666;padding:5px 0;letter-spacing:.1em;font-family:'PT Sans Narrow',sans-serif;font-size:1em}.ex_date .dd{padding:5px;font-size:1em;font-family:'PT Sans Narrow',sans-serif;color:#666;letter-spacing:.05em}.news_detail .ex_photo{width:960px}.post-single{border:1px solid #eee;padding:80px;background-color:#FFF}@media(max-width: 991px){.post-single{padding:50px}}@media(max-width: 768px){.post-single{padding:30px}.news-work .txt{padding:15px}.ex_txt h2{font-weight:600;font-size:1.4em;margin-bottom:1em;line-height:1.5;padding-bottom:1em}}.sitemap h1{font-size:1.6em;color:#000;margin-bottom:1.2em;line-height:1.5}.sitemap p{border-top:1px dashed #EFEFEF;line-height:2.4;margin:0}.sitemap p a{font-size:1.2em;font-weight:600;color:#222}.sitemap p a:hover{font-size:1.2em;font-weight:600;color:#0a3fa3}.sitemap ul{margin-left:1em}.sitemap ul:before{border-bottom:1px solid #ccc}.sitemap ul li{list-style-type:circle;list-style-position:inside;line-height:1.8em}.sitemap ul li a{font-size:1em;font-weight:500}@media (max-width:768px){.sitemap h1{font-size:1.4em}}.comment-list{padding:0;margin:0}.comment{border:5px solid #e4e4e4;background:#FFF;padding:2em;margin-bottom:2em}.children{background:#f3f3f3}.comment-body{width:100%;padding:1.2em}.comment-list .comment-body h3{font-size:18px;font-weight:500}.comment-list .comment-body .mark_label{background-color:#0057de;color:#FFF;padding:15px}.comment-list .comment-body .meta{text-transform:uppercase;font-size:13px;letter-spacing:.1em;color:#0057de;font-weight:600}@media(max-width: 991px){.comment{padding:.5em;margin-bottom:1em}}.content{padding-top:40px;padding-bottom:40px}.content-sm{padding-top:60px;padding-bottom:60px}.content-md{padding-top:80px;padding-bottom:80px}.content-lg{padding-top:100px;padding-bottom:100px}.content-xl{padding-top:120px;padding-bottom:120px}@media(max-width: 991px){.content{padding-top:20px;padding-bottom:20px}.content-sm{padding-top:30px;padding-bottom:30px}.content-md{padding-top:40px;padding-bottom:40px}.content-lg{padding-top:50px;padding-bottom:50px}.content-xl{padding-top:60px;padding-bottom:60px}}@media(max-width: 576px){.content{padding-top:10px;padding-bottom:10px}.content-sm{padding-top:15px;padding-bottom:15px}.content-md{padding-top:20px;padding-bottom:20px}.content-lg{padding-top:25px;padding-bottom:25px}.content-xl{padding-top:30px;padding-bottom:30px}}.page-banner{position:relative;background-color:#eee}.page-banner .img-bg{height:135px}.parallax-content{margin-top:56px;position:absolute;width:100%;height:100%;top:0;text-align:center}@media(max-width: 1440px){.parallax-content{margin-top:76px}.page-banner .img-bg{height:130px}.breadcrumb{margin-top:10px}}@media(max-width: 1330px){.page-banner .img-bg{height:124px}.breadcrumb{margin-top:5px}}@media(max-width: 1200px){.page-banner .img-bg{height:120px}.breadcrumb{margin-top:9px}}@media(max-width: 991px){.page-banner{margin-top:50px}.page-banner:before{top:auto;bottom:0}.parallax-content{margin-top:0}.breadcrumb{margin-top:16px}.page-banner .img-bg{height:60px}}@media(max-width: 768px){.parallax-window{height:280px}.page-banner .img-bg{height:57px}.parallax-content h1{font-size:24px;color:#fff;letter-spacing:2px}.parallax-content h4{font-size:15px;color:#fff}.page-banner:before{display:none}.parallax-content h4:after{border-color:#fff transparent transparent}.parallax-content{position:absolute;width:100%;top:auto;bottom:0;text-align:center;padding-top:10px}.parallax-content h4:after{margin-left:.5em;border-width:5px 7px 0}.breadcrumb{margin-top:5px}.breadcrumb li,.breadcrumb li a,.breadcrumb-item.active{color:#666;font-family:'PT Sans Narrow',sans-serif,"Microsoft JhengHei";letter-spacing:.1em;font-size:1em}}.full-width{width:100%;height:auto}.container-full-width{width:100%}.container-full-width:before,.container-full-width:after{content:" ";display:table}.container-full-width:after{clear:both}.overflow-h{overflow:hidden}.margin-l-0{margin-left:0!important}.margin-l-5{margin-left:5px!important}.margin-l-10{margin-left:10px!important}.margin-l-20{margin-left:20px!important}.margin-r-0{margin-right:0!important}.margin-r-5{margin-right:5px!important}.margin-r-10{margin-right:10px!important}.margin-r-20{margin-right:20px!important}.margin-b-0{margin-bottom:0!important}.margin-b-2{margin-bottom:2px!important}.margin-b-5{margin-bottom:5px!important}.margin-b-10{margin-bottom:10px!important}.margin-b-20{margin-bottom:20px!important}.margin-b-30{margin-bottom:30px!important}.margin-b-40{margin-bottom:40px!important}.margin-b-50{margin-bottom:50px!important}.margin-b-60{margin-bottom:60px!important}.margin-b-70{margin-bottom:70px!important}.margin-b-80{margin-bottom:80px!important}.margin-b-90{margin-bottom:90px!important}.margin-b-100{margin-bottom:100px!important}.margin-t-20{margin-top:20px!important}.margin-t-30{margin-top:30px!important}.margin-t-40{margin-top:40px!important}@media (max-width: 992px){.md-margin-b-0{margin-bottom:0!important}.md-margin-b-2{margin-bottom:2px!important}.md-margin-b-5{margin-bottom:5px!important}.md-margin-b-10{margin-bottom:10px!important}.md-margin-b-20{margin-bottom:20px!important}.md-margin-b-30{margin-bottom:30px!important}.md-margin-b-40{margin-bottom:40px!important}.md-margin-b-50{margin-bottom:50px!important}.md-margin-b-60{margin-bottom:60px!important}.md-margin-b-70{margin-bottom:70px!important}.md-margin-b-80{margin-bottom:80px!important}.md-margin-b-90{margin-bottom:90px!important}.md-margin-b-100{margin-bottom:100px!important}}@media (max-width: 768px){.sm-margin-b-0{margin-bottom:0!important}.sm-margin-b-2{margin-bottom:2px!important}.sm-margin-b-5{margin-bottom:5px!important}.sm-margin-b-10{margin-bottom:10px!important}.sm-margin-b-20{margin-bottom:20px!important}.sm-margin-b-30{margin-bottom:30px!important}.sm-margin-b-40{margin-bottom:40px!important}.sm-margin-b-50{margin-bottom:50px!important}.sm-margin-b-60{margin-bottom:60px!important}.sm-margin-b-70{margin-bottom:70px!important}.sm-margin-b-80{margin-bottom:80px!important}.sm-margin-b-90{margin-bottom:90px!important}.sm-margin-b-100{margin-bottom:100px!important}}@media (max-width: 480px){.xs-margin-b-0{margin-bottom:0!important}.xs-margin-b-2{margin-bottom:2px!important}.xs-margin-b-5{margin-bottom:5px!important}.xs-margin-b-10{margin-bottom:10px!important}.xs-margin-b-20{margin-bottom:20px!important}.xs-margin-b-30{margin-bottom:30px!important}.xs-margin-b-40{margin-bottom:40px!important}.xs-margin-b-50{margin-bottom:50px!important}.xs-margin-b-60{margin-bottom:60px!important}.xs-margin-b-70{margin-bottom:70px!important}.xs-margin-b-80{margin-bottom:80px!important}.xs-margin-b-90{margin-bottom:90px!important}.xs-margin-b-100{margin-bottom:100px!important}}.height-100{height:100px!important}.height-200{height:200px!important}.height-300{height:300px!important}.height-400{height:400px!important}.index01{margin-top:15px;font-size: 26px;font-weight: 600; line-height: 1.6em;color: #111;}.footer01{font-size: 1.2em;font-weight:bolder;line-height: 1.7em}.navbar-brand .logo_compname{width:100vw;max-height:60px;max-width:300px}@media(max-width: 768px) {.navbar-brand .logo_compname{width:50vw;}}
@media(max-width: 991px){ .id-banner { margin-top: 68px;}}@media(max-width: 480px){ .logo_img {width:40px !important;height:40px !important; } .logo_compname{height:40px !important;}}.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {color: #000;}