body{font-family:"Roboto Regular",system-ui,-apple-system,BlinkMacSystemFont,Roboto,"Myriad Pro","微軟正黑體","Microsoft JhengHei","Hiragino Sans GB","Source Han Sans CN",Arial,Helvetica,sans-serif;font-size:20px;line-height:1.8;background-color:#fff}img{max-width:100%;vertical-align:middle}a{color:inherit}.display-hide{display:none}.dispaly-blcok{display:block}.container{width:100%;max-width:1920px;margin:auto}.wrapper{max-width:1440px;margin:auto}@media (max-width: 1440px){.wrapper{padding:0 30px}}@media (max-width: 1024px){.wrapper{padding:0 15px}}.wrap-1200{max-width:1200px;margin:auto;padding:0 15px}.com__logo{width:350px;float:left}@media (max-width: 1280px){.com__logo{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 0.3s linear;transition:-webkit-transform 0.3s linear;-o-transition:transform 0.3s linear;transition:transform 0.3s linear;transition:transform 0.3s linear, -webkit-transform 0.3s linear}}@media (max-width: 1023px){.com__logo{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);float:none;width:100%;max-width:initial}}.com__logo a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-weight:bold;-webkit-transition:font-szie 0.3s linear;-o-transition:font-szie 0.3s linear;transition:font-szie 0.3s linear}@media (max-width: 1023px){.com__logo a{display:block;text-align:center}}.com__logo img{-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}@media (max-width: 1023px){.com__logo img{max-width:initial;height:60px}}@media (max-width: 640px){.com__logo img{height:50px}}@media (max-width: 375px){.com__logo img{height:40px}}.header{width:100%;background-color:#fff;position:fixed;top:0;z-index:99;-webkit-transition:-webkit-box-shadow 0.3s linear;transition:-webkit-box-shadow 0.3s linear;-o-transition:box-shadow 0.3s linear;transition:box-shadow 0.3s linear;transition:box-shadow 0.3s linear, -webkit-box-shadow 0.3s linear;-webkit-box-shadow:0 0 2px #b3b3b3;box-shadow:0 0 2px #b3b3b3}#banner{margin-top:104px}@media (max-width: 1280px){#banner{margin-top:101px}}@media (max-width: 1023px){#banner{margin-top:80px}}@media (max-width: 640px){#banner{margin-top:70px}}@media (max-width: 375px){#banner{margin-top:50px}}.shrink{-webkit-box-shadow:0 0 10px #b3b3b3;box-shadow:0 0 10px #b3b3b3;height:80px}@media (max-width: 640px){.shrink{height:70px}}@media (max-width: 375px){.shrink{height:50px}}.shrink .header__wrap{padding-bottom:5px}.shrink .com__logo{margin-top:0px}@media (max-width: 1280px){.shrink .com__logo{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.shrink .com__logo a{font-size:24px}@media (max-width: 480px){.shrink .com__logo a{font-size:20px}}@media (max-width: 375px){.shrink .com__logo a{font-size:18px}}.shrink .com__logo img{-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}@media (max-width: 1023px){.shrink .com__logo img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.shrink .top__menu .menu__lang{margin-top:-10px}.shrink .top__menu .menu__main{margin-top:5px;font-size:20px}.header__wrap{padding-top:10px;padding-bottom:10px;-webkit-transition:padding 0.3s linear;-o-transition:padding 0.3s linear;transition:padding 0.3s linear}.header__wrap::after{content:"";display:table;clear:both}@media (max-width: 375px){.header__wrap{padding:5px 10px}}.top__menu{width:calc(100% - 350px);float:left;color:#333}@media (max-width: 1023px){.top__menu{display:none}}.top__menu ul{text-align:right}.top__menu li{display:inline-block}.top__menu .menu__lang{font-size:16px;margin-right:-5px;-webkit-transition:margin 0.3s linear;-o-transition:margin 0.3s linear;transition:margin 0.3s linear}@media (max-width: 960px){.top__menu .menu__lang{margin-right:0}}.top__menu .menu__lang a{display:inline-block;padding:0 15px;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.top__menu .menu__lang a:hover{background-color:#e60012;color:#fff}.top__menu .menu__lang .active a{background-color:#e60012;color:#fff}.top__menu .menu__main{font-size:24px;margin-top:10px;margin-right:-30px;position:relative}@media (max-width: 1280px){.top__menu .menu__main{margin-right:0}}.top__menu .menu__main a{display:inline-block;padding:0 30px;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;position:relative}@media (max-width: 1366px){.top__menu .menu__main a{padding:0 20px}}@media (max-width: 1280px){.top__menu .menu__main a{padding:0 15px;font-size:20px}}.top__menu .menu__main a:before{content:"";position:absolute;left:50%;bottom:0;height:1px;width:120px;-webkit-transform:translateX(-50%) scale(0);-ms-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0);background-color:#e60012;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}@media (max-width: 1280px){.top__menu .menu__main a:before{width:90px}}.top__menu .menu__main a:hover{color:#e60012}.top__menu .menu__main a:hover:before{-webkit-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}.top__menu .menu__main .active>a{color:#e60012}.top__menu .menu__main .active>a:before{-webkit-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}.top__menu .menu__main li>a{font-weight:bold}.top__menu .menu__main li.open>.dropdown__menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}@media (min-width: 1025px){.top__menu .menu__main li:hover>.dropdown__menu{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.top__menu .dropdown__menu{position:absolute;z-index:1;width:100%;border:1px solid #ccc;background-color:#fff;-webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.2);box-shadow:0px 10px 10px rgba(0,0,0,0.2);padding:10px 20px 20px 0;text-align:left;left:0;padding-top:20px;opacity:0;visibility:hidden;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity 0.4s linear, -webkit-transform 0.4s ease;transition:opacity 0.4s linear, -webkit-transform 0.4s ease;-o-transition:transform 0.4s ease, opacity 0.4s linear;transition:transform 0.4s ease, opacity 0.4s linear;transition:transform 0.4s ease, opacity 0.4s linear, -webkit-transform 0.4s ease}.top__menu .dropdown__menu::after{content:"";display:table;clear:both}.top__menu .dropdown__menu li{margin:0}.top__menu .dropdown__menu a{font-size:18px;display:block}.top__menu .dropdown__menu a:hover{text-decoration:underline}.top__menu .dropdown__menu a:hover:before{display:none}.top__menu .dropdown__menu a.active{text-decoration:underline;color:#e60012}.top__menu .dropdown__menu .subMenu{float:left;width:300px}.top__menu .dropdown__menu .sub__menu{position:relative}.top__menu .dropdown__menu .sub__menu:before{content:"";background:url(../images/menu-arrow.png) no-repeat;display:block;width:9px;height:15px;position:absolute;right:20px;top:12px}.top__menu .dropdown__menu .sub__menu a{font-size:24px;font-weight:bold}.top__menu .dropdown__menu .sub__menu a:before{display:none}.top__menu .dropdown__menu .sub__menu.is-active:before{background:url(../images/menu-arrow-hover.png) no-repeat}.top__menu .dropdown__menu .childMenu{margin-left:300px;border-left:#e6e6e6 1px solid}.top__menu .dropdown__menu .childMenu .title{padding-left:30px;letter-spacing:4px;font-weight:bold;color:#0083c5;margin-bottom:0.3rem}.top__menu .dropdown__menu .childMenu .child__menu{display:none}.top__menu .dropdown__menu .childMenu .child__menu.is-active{display:block}.footer{border-top:#0083c5 5px solid;padding-top:50px;font-size:18px;position:relative;background-color:#fff}.footer__wrap{margin-bottom:60px}.footer__wrap::after{content:"";display:table;clear:both}@media (max-width: 960px){.footer__wrap{padding:0 50px}}@media (max-width: 640px){.footer__wrap{margin-bottom:30px;padding:0 15px}}.footer__com,.footer__menu{width:50%;float:left}@media (max-width: 960px){.footer__com,.footer__menu{width:100%;float:none}}@media (max-width: 960px){.footer__com{margin-bottom:30px}}.footer__com .com__logo{float:none;width:100%}@media (max-width: 1280px){.footer__com .com__logo{-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px)}}@media (max-width: 1023px){.footer__com .com__logo{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px)}}@media (max-width: 480px){.footer__com .com__logo{margin-bottom:15px}}.footer__com .com__logo img{max-width:126px;margin-right:20px;height:auto}@media (max-width: 1280px){.footer__com .com__logo img{margin-right:10px}}@media (max-width: 480px){.footer__com .com__logo img{max-width:70px}}.footer__com .com__logo a{font-size:30px}@media (max-width: 1280px){.footer__com .com__logo a{font-size:24px}}@media (max-width: 1023px){.footer__com .com__logo a{text-align:left}}@media (max-width: 480px){.footer__com .com__logo a{font-size:20px}}.com__info{margin-left:146px}@media (max-width: 1280px){.com__info{margin-left:136px}}@media (max-width: 640px){.com__info{margin-left:auto}}@media (max-width: 1080px){.com__info .tel a:nth-child(2){display:block}}@media (max-width: 960px){.com__info .tel a:nth-child(2){display:inline-block;margin-left:0}}@media (max-width: 479px){.com__info .tel a:nth-child(2){display:block}}@media (max-width: 1080px){.com__info .com__info__title{display:block;width:60px;float:left}.com__info .com__info__text{display:block;margin-left:60px}}@media (max-width: 960px){.com__info .com__info__title,.com__info .com__info__text{display:inline-block;width:auto;float:none;margin-left:auto}}@media (max-width: 479px){.com__info .com__info__title{display:block;width:60px;float:left}.com__info .com__info__text{display:block;margin-left:60px}}.footer__menu::after{content:"";display:table;clear:both}@media (max-width: 480px){.footer__menu{margin-top:30px}}.footer__menu a{position:relative;overflow:hidden;display:block;margin-bottom:0.2rem}.footer__menu a:before{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background-color:#e60012;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}.footer__menu a:hover{color:#e60012}.footer__menu a:hover:before{width:100px}.footer__menu .active>a{color:#e60012}.footer__menu .active>a:before{width:100px}.footer__menu .menu__main{width:60%;float:left;margin-right:9%}@media (max-width: 375px){.footer__menu .menu__main{float:none;width:100%}}.footer__menu .menu__main ul{-webkit-columns:2;-moz-columns:2;columns:2}.footer__menu .menu__pro{width:30%;float:left}@media (max-width: 375px){.footer__menu .menu__pro{float:none;width:100%;margin-top:30px}}.footer__menu .menu__pro .pro__menu-0{display:none}.nav__title{font-size:20px;font-weight:bold;border-bottom:1px solid;margin-bottom:15px;padding-bottom:10px}.copyright{color:#999;font-size:16px;text-align:center;margin:15px auto}.goto-top{cursor:pointer;position:absolute;left:50%;top:-60px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 1440px){.goto-top{top:-50px}.goto-top img{max-width:100px}}@media (max-width: 960px){.goto-top{top:-40px}.goto-top img{max-width:80px}}@media (max-width: 640px){.goto-top{top:-30px}.goto-top img{max-width:60px}}.fix__box{position:fixed;right:0;top:30%;z-index:11}.fix__box li{margin-bottom:5px}.fix__box a{background-color:#e60012;color:#fff;display:inline-block;font-size:30px;width:40px;height:40px;line-height:40px;text-align:center;-webkit-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease}.fix__box a:hover{background-color:#0083c5}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100% !important;height:100% !important}.swiper-button-next,.swiper-button-prev{color:#0083c5;outline:none}@media (max-width: 960px){.sb-site{-webkit-box-shadow:0 0 15px #d9d9d9;box-shadow:0 0 15px #d9d9d9}.sb-toggle-right{position:absolute;border-radius:10px;padding:5px 10px;top:18px;right:10px}.bar1,.bar2,.bar3{width:35px;height:3px;background-color:#0083c5;margin:7px 0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.sb-active-right .bar1{-webkit-transform:rotate(-45deg) translate(-10px, 6px);-ms-transform:rotate(-45deg) translate(-10px, 6px);transform:rotate(-45deg) translate(-10px, 6px)}.sb-active-right .bar2{opacity:0}.sb-active-right .bar3{-webkit-transform:rotate(45deg) translate(-7px, -5px);-ms-transform:rotate(45deg) translate(-7px, -5px);transform:rotate(45deg) translate(-7px, -5px)}.swiper-pagination-bullet{width:10px;height:10px}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:5px}}.hamburger-box{width:40px;height:36px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:40px;height:2px;background-color:#000;border-radius:4px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0.15s;-o-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}#onpeNav{display:none;position:absolute;top:15px;left:15px;margin-top:5px;z-index:1}@media (max-width: 1023px){#onpeNav{display:block}}@media (max-width: 640px){#onpeNav{top:10px}}@media (max-width: 375px){#onpeNav{top:0px;left:10px}}.overlay{height:0;width:100%;position:fixed;z-index:1000;left:0;top:0;background-color:rgba(0,131,197,0.9);overflow-x:hidden;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s}.overlayOpen{height:100%}.overlay-content{position:relative;width:calc(100% - 60px);margin:30px;padding:30px 15px;background-color:#fff}@media (max-width: 480px){.overlay-content{margin:20px;width:calc(100% - 40px)}}.overlay-content a{display:block;padding:5px 20px 5px 5px;position:relative}.overlay-content>a{text-indent:-9999px;position:absolute;width:50%;padding:0;top:10px}.overlay-content>a img{position:absolute;top:5px;left:0;max-width:200px}.overlay-content .active>a{color:#0083c5}.overlay-content .langMenu{margin:50px 0 10px}.overlay-content .langMenu::after{content:"";display:table;clear:both}.overlay-content .langMenu li{float:left;width:49%;text-align:center;border:#d9d9d9 1px solid}.overlay-content .langMenu li:first-child{margin-right:0.5%}.overlay-content .langMenu li:last-child{margin-left:0.5%}.overlay-content .langMenu li.active a{background-color:#e60012;color:#fff}.overlay-content .langMenu a{border-bottom:none;padding:5px;font-size:16px}.overlay-content .proMenu a{padding-left:30px;border-bottom:1px dashed #ccc}.overlay-content .proMenu a:before{content:"";position:absolute;top:15px;left:10px;background:url(../images/menu-arrow-hover.png) no-repeat;display:block;width:9px;height:15px}.overlay-content .proMenu li:last-child a{border-bottom:none}.overlay .closebtn{text-decoration:none;font-size:36px;color:#000;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;line-height:1;position:absolute;top:30px;right:60px;font-size:60px;z-index:1}@media (max-width: 480px){.overlay .closebtn{top:25px;right:35px}}.simple_menu{border:none}.simple_menu>li>a{font-size:20px;padding:5px}#banner{position:relative;overflow:hidden}.page__banner .banner__pro,.page__banner .banner__slogan,.page__banner .banner__app{position:absolute}.page__banner .banner__pro{width:41.4%;top:9%;left:14%}.page__banner .banner__slogan{width:20.8333%;top:18%;right:20.05%}.page__banner .banner__app{width:30.9375%;bottom:0;right:13.5%}.breadcrumbs{text-align:right;font-size:18px;margin:20px 15px}@media (max-width: 640px){.breadcrumbs{font-size:16px;margin:10px 0}}.products li{padding-top:50px;padding-bottom:50px;border-bottom:1px solid #bfbfbf;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}@media (max-width: 480px){.products li{padding-top:20px;padding-bottom:20px;display:block}}.products li:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.products li:last-child{border-bottom:none}.products li>div{width:100%}.products__name h2{font-size:60px}@media (max-width: 1024px){.products__name h2{font-size:48px}}@media (max-width: 768px){.products__name h2{font-size:36px}}@media (max-width: 480px){.products__name h2{font-size:30px}}.products__name .btn a{display:inline-block;background-color:#00a0e9;color:#fff;width:120px;height:120px;font-size:24px;padding:30px 0;border-radius:50%;position:relative;-webkit-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease}@media (max-width: 960px){.products__name .btn a{width:100px;height:100px;padding:20px 5px}}@media (max-width: 640px){.products__name .btn a{width:80px;height:80px;padding:15px 5px;font-size:20px}}@media (max-width: 480px){.products__name .btn a{width:60px;height:60px;padding:10px 5px;font-size:18px}}.products__name .btn a:before{content:"";background:url(../images/dot-w.svg) no-repeat;background-size:contain;display:block;width:30px;height:10px;position:absolute;top:60%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 640px){.products__name .btn a:before{top:65%}}@media (max-width: 480px){.products__name .btn a:before{width:20px;top:70%}}.products__name .btn a:hover{background-color:#e60012}.pro__list{padding-top:50px;padding-bottom:50px}.pro__list ul::after{content:"";display:table;clear:both}.pro__list li{float:left;width:50%;margin-bottom:5rem}.pro__list li:last-child{margin-bottom:0}@media (max-width: 480px){.pro__list li{float:none;width:100%}}.pro__list__wrap{max-width:675px;margin:auto;text-align:center;position:relative}.pro__list__wrap a{position:absolute;top:0;right:0;bottom:0;left:0}.pro__list__wrap .pro__list__pic{position:relative}.pro__list__wrap .pro__list__pic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(230,0,18,0.3);opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.pro__list__wrap .pro__list__pic:after{content:"";background:url(../images/link-red.svg) no-repeat center center;background-size:50%;width:120px;display:block;height:120px;border-radius:50%;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:#fff;color:#e60012;opacity:0;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.pro__list__wrap:hover .pro__list__pic:before,.pro__list__wrap:hover .pro__list__pic:after{opacity:1}.pro__list__caption{margin-top:10px;line-height:1.2}.pro__list__model{font-family:"HandelGothic BT","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:36px;color:#0083c5}@media (max-width: 480px){.pro__list__model{font-size:30px}}.pro__list__name{font-size:24px}@media (max-width: 480px){.pro__list__name{font-size:18px}}.pro__show::after{content:"";display:table;clear:both}.pro__show>div{float:left;width:30%;padding:0 30px}@media (max-width: 1280px){.pro__show>div{width:40%}}@media (max-width: 960px){.pro__show>div{float:none;width:100%;padding:0}}.pro__show>div.pro__show__pic{width:70%}@media (max-width: 1280px){.pro__show>div.pro__show__pic{width:60%}}@media (max-width: 960px){.pro__show>div.pro__show__pic{width:100%}}.pro__show>div.pro__show__pic2,.pro__show>div.pro__show__info2{float:none;width:100%}.pro__show>div.pro__show__pic2 .pro__show__name,.pro__show>div.pro__show__pic2 .btn,.pro__show>div.pro__show__info2 .pro__show__name,.pro__show>div.pro__show__info2 .btn{margin:0 auto 10px;text-align:center}@media (max-width: 960px){.pro__show>div.pro__show__info{padding:0 30px}}@media (max-width: 480px){.pro__show>div.pro__show__info{padding:0}}.section{padding:60px 0}@media (max-width: 960px){.section{padding:30px 0}}.section:nth-child(even){background-color:#eee}.section h2.title{text-align:center;color:#00a0e9;font-size:36px;position:relative;margin-bottom:50px}@media (max-width: 480px){.section h2.title{font-size:24px;margin-bottom:15px}}.section h2.title:before{content:"";width:200px;height:1px;background-color:#00a0e9;position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 480px){.section h2.title:before{width:150px}}.pro__show__info .btn{margin-top:60px}@media (max-width: 960px){.pro__show__info .btn{margin-top:50px;text-align:center}}.pro__show__info .btn a{display:inline-block;width:150px;height:150px;border-radius:50%;background-color:#00a0e9;color:#fff;line-height:1.4;text-align:center;padding:20px 0;font-size:24px;position:relative;-webkit-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease}@media (max-width: 960px){.pro__show__info .btn a{width:120px;height:120px;font-size:20px;padding:15px 0}}@media (max-width: 640px){.pro__show__info .btn a{width:80px;height:80px;font-size:16px;padding:10px 0;line-height:1.2}}.pro__show__info .btn a:after{content:"";background:url(../images/plus.png);background-size:contain;width:35px;height:35px;font-size:48px;position:absolute;top:60%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 960px){.pro__show__info .btn a:after{width:24px;height:24px;top:65%}}@media (max-width: 640px){.pro__show__info .btn a:after{width:18px;height:18px}}@media (max-width: 480px){.pro__show__info .btn a:after{width:12px;height:12px;top:70%}}.pro__show__info .btn a:hover{background-color:#e60012}.pro__show__model,.pro__show__name{font-size:30px;line-height:1.6;margin-bottom:1rem;color:#0083c5}@media (max-width: 480px){.pro__show__model,.pro__show__name{font-size:24px}}.pro__show__model span,.pro__show__name span{display:block;color:#000;font-size:24px}@media (max-width: 480px){.pro__show__model span,.pro__show__name span{font-size:18px}}.pro__show__model{font-family:"HandelGothic BT","微軟正黑體","Microsoft JhengHei",sans-serif;font-size:48px;line-height:1.2}@media (max-width: 480px){.pro__show__model{font-size:30px}}.pro__show>div.pro__show__pic{padding:0 50px;position:relative}@media (max-width: 960px){.pro__show>div.pro__show__pic{padding:0}}.pro__show>div.pro__show__pic .gallery-top{height:80%;width:100%}.slick-slide{text-align:center}.slick-slide img{display:inline-block}.pro__show__pic{text-align:center}.pro__show__pic .slick-slide{outline:none}.pro__show__pic .slick-prev:before,.pro__show__pic .slick-next:before{color:#0083c5;content:'next';font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;text-transform:none;font-variant:initial}.pro__show__pic .slick-prev:before{content:'prev'}@media (max-width: 1023px){.pro__show__pic .slick-prev{left:15px}}@media (max-width: 1023px){.pro__show__pic .slick-next{right:15px}}.pro__show__zoom img{width:100%;height:100%;max-width:114px;max-height:108px}.pro__show__zoom .slick-slide{text-align:center;border:1px solid #7a7a7a;margin:0 3px;outline:none;opacity:0.4;cursor:pointer}.pro__show__zoom .slick-slide.slick-active+.slick-active,.pro__show__zoom .slick-slide.slick-active+.slick-active+.slick-active{border:1px solid #7a7a7a;opacity:0.4;-webkit-transition:opacity 0.3s linear, border-color 0.3s linear;-o-transition:opacity 0.3s linear, border-color 0.3s linear;transition:opacity 0.3s linear, border-color 0.3s linear}.pro__show__zoom .slick-slide.slick-active+.slick-active:hover,.pro__show__zoom .slick-slide.slick-active+.slick-active+.slick-active:hover{border:1px solid #0083c5;opacity:1}.pro__show__zoom .slick-slide.slick-active,.pro__show__zoom .slick-slide:hover{border:1px solid #0083c5;opacity:1}.pro__show__zoom .slick-dots{bottom:-35px}@media (max-width: 480px){.pro__show__zoom .slick-dots li{width:10px;height:10px}}.pro__show__zoom .slick-dots li button:before{content:"";background-color:#0083c5;border-radius:20px}@media (max-width: 480px){.pro__show__zoom .slick-dots li button:before{width:10px;height:10px}}.pro__show__pic .swiper-slide{text-align:center}.pro__show__zoom{margin:30px 0;position:relative}@media (max-width: 960px){.pro__show__zoom{max-width:500px;margin:30px auto}}.pro__show__zoom .gallery-thumbs .gallery-thumbs2{height:20%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0 40px}.pro__show__zoom .gallery-thumbs .swiper-slide{cursor:pointer;height:100%;opacity:0.4;border:1px solid #d0d0d0;-webkit-transition:opacity 0.3s linear, border-color 0.3s linear;-o-transition:opacity 0.3s linear, border-color 0.3s linear;transition:opacity 0.3s linear, border-color 0.3s linear;position:relative}@media (max-width: 960px){.pro__show__zoom .gallery-thumbs .swiper-slide{text-align:center}}.pro__show__zoom .gallery-thumbs .swiper-slide:hover{border-color:#0083c5;opacity:1}.pro__show__zoom .gallery-thumbs .swiper-slide-thumb-active{opacity:1;border-color:#0083c5}.pro__show__zoom .swiper-pagination{width:100%;bottom:-5px}.pro__show__zoom .swiper-pagination-bullet{width:20px;height:20px;margin:0 5px}.pro__app p{text-align:center;font-size:24px}@media (max-width: 480px){.pro__app p{font-size:20px}}.app__pic{margin:3rem auto;padding:0 50px 50px 50px;position:relative;overflow:hidden}@media (max-width: 480px){.app__pic{margin:1rem auto 0;padding:0 30px 20px}}.app__pic .app-swiper-container .app-swiper-container2,.app__pic .app-swiper-container3{overflow:hidden}.app__pic .swiper-slide{text-align:center}.app__pic .app-swiper-pagination{bottom:0;width:100%;text-align:center}@media (max-width: 1023px){.app__pic .app-swiper-pagination{padding-top:15px}}.app__pic .app-swiper-pagination .swiper-pagination-bullet{margin:0 5px;width:12px;height:12px}.app__pic .app-swiper-button-next,.app__pic .app-swiper-button-prev{top:calc(50% - 50px)}.app__pic.no-swiper{text-align:center}.app__pic.no-swiper .swiper-slide{display:inline-block;max-width:245px;margin:0 15px}.pro__fea ul{margin:50px auto}@media (max-width: 1440px){.pro__fea ul{padding:0 30px}}@media (max-width: 480px){.pro__fea ul{margin:15px auto;padding:0}}.pro__fea li{font-size:24px;line-height:2;position:relative;padding-left:30px}@media (max-width: 960px){.pro__fea li{line-height:1.5;margin-bottom:10px}}@media (max-width: 480px){.pro__fea li{font-size:20px}}.pro__fea li:before{position:absolute;content:"\f192";font:normal normal normal 24px/1 FontAwesome;top:14px;font-size:18px;color:#333;left:0}@media (max-width: 960px){.pro__fea li:before{top:8px}}@media (max-width: 480px){.pro__fea li:before{top:6px}}.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}.table-container::-webkit-scrollbar{-webkit-appearance:none;width:14px;height:14px}.table-container::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid #fff;background-color:rgba(0,0,0,0.3)}@media (max-width: 480px){.pro__spec{font-size:18px;line-height:1.5}}.pro__spec table{width:100%;margin:50px auto}@media (max-width: 960px){.pro__spec table{margin:0}}@media (max-width: 640px){.pro__table{min-width:600px}}.pro__table th,.pro__table td{padding:15px 40px;font-weight:normal;text-align:left;-webkit-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease}@media (max-width: 960px){.pro__table th,.pro__table td{padding:15px}}@media (max-width: 480px){.pro__table th,.pro__table td{padding:10px 5px}}.pro__table th{color:#fff;background-color:#00a0e9}.pro__table tr:nth-child(odd) td{background-color:#e1e1e1}.pro__table tr:hover td{background-color:#b6e8ff}@media (max-width: 960px){.spec__note{padding:0 15px}}.pro__video .video{max-width:900px;margin:0 auto 50px}@media (max-width: 960px){.pro__video .video{margin:0}}.main{padding-bottom:100px}@media (max-width: 960px){.main{padding-bottom:50px}}@media (max-width: 640px){.main{padding-bottom:30px}}.page__header h1{text-align:center;color:#0083c5;font-weight:bold;font-size:36px;margin:30px auto;letter-spacing:4px;position:relative}@media (max-width: 960px){.page__header h1{font-size:30px;margin:20px auto}}@media (max-width: 480px){.page__header h1{font-size:24px}}.page__header h1:before{content:"";position:absolute;left:50%;bottom:0;height:1px;width:240px;display:inline-block;background-color:#0083c5;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width: 960px){.page__header h1:before{width:200px}}@media (max-width: 480px){.page__header h1:before{width:150px}}.about section{margin-bottom:50px}.about section::after{content:"";display:table;clear:both}@media (max-width: 1080px){.about section{margin-bottom:0}}@media (max-width: 1023px){.about section{margin-bottom:50px}}.about section:nth-child(even){background-color:#f2f2f2}.about h2{color:#0083c5;font-size:30px}@media (max-width: 640px){.about h2{line-height:1.4}}@media (max-width: 480px){.about h2{font-size:24px}}.about h3{color:#0083c5;font-size:30px;margin-bottom:0.5em}@media (max-width: 640px){.about h3{font-size:24px}}.about h4{color:#0083c5;font-weight:bold;font-size:24px}@media (max-width: 480px){.about h4{font-size:20px}}.about__pic,.about__text,.history,.logo__area{float:left;padding:30px;width:50%}@media (max-width: 1080px){.about__pic,.about__text,.history,.logo__area{padding:30px 15px}}@media (max-width: 1023px){.about__pic,.about__text,.history,.logo__area{padding:30px;float:none;width:100%}}@media (max-width: 640px){.about__pic,.about__text,.history,.logo__area{padding:30px 10px;line-height:1.5}}.about__text h2.title{font-size:36px;line-height:1.5;margin-bottom:1em}@media (max-width: 1080px){.about__text h2.title{font-size:30px;margin-bottom:10px}}@media (max-width: 1023px){.about__text h2.title{font-size:36px;margin-bottom:1em}}@media (max-width: 960px){.about__text h2.title{font-size:30px}}@media (max-width: 480px){.about__text h2.title{font-size:24px}}@media (max-width: 960px){.about__pic{max-width:720px;margin-left:auto;margin-right:auto}}@media (max-width: 640px){.about__pic{padding:0}}.about__pic img{border-radius:30px;border:15px solid #fff;-webkit-box-shadow:0px 0px 15px #e6e6e6;box-shadow:0px 0px 15px #e6e6e6}@media (max-width: 640px){.about__pic img{border-width:10px}}.about__desc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.about__desc h1,.about__desc strong{color:#0083c5}.about__desc strong{font-size:24px;letter-spacing:2px}.about__desc p{text-align:justify}.history dl::after{content:"";display:table;clear:both}.history dt,.history dd{margin-bottom:0.3em;border-bottom:#bfbfbf 1px dashed;padding-bottom:0.3em}.history dt{width:140px;float:left;color:#0083c5;border-bottom:none}@media (max-width: 600px){.history dt{float:none;width:100%;border-bottom:none;margin-bottom:0;padding-bottom:0}}.history dd{width:calc(100% - 140px);margin-left:140px}@media (max-width: 600px){.history dd{width:100%;margin-left:0;line-height:1.4}}.logo__area .logo{margin-top:1em;max-width:300px}@media (max-width: 1280px){.logo__area .logo{margin:1rem auto 2rem;max-width:200px}}@media (max-width: 1023px){.logo__area .logo{margin-top:1em;max-width:300px}}@media (max-width: 960px){.logo__area .logo{margin:1rem auto 2rem;max-width:200px}}@media (max-width: 640px){.logo__area .logo{max-width:150px;margin:auto}}.logo__area .certificate::after{content:"";display:table;clear:both}@media (max-width: 1080px){.logo__area .certificate{text-align:center}}@media (max-width: 960px){.logo__area .certificate{text-align:center}}@media (max-width: 640px){.logo__area .certificate{font-size:16px}}.logo__area .certificate li{float:left;margin-right:30px;text-align:center}@media (max-width: 1280px){.logo__area .certificate li{float:none;display:inline-block}}@media (max-width: 640px){.logo__area .certificate li{margin:0 10px 30px}}.logo__area .certificate img{display:block;border:5px solid #fff;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}@media (max-width: 1280px){.logo__area .certificate img{max-width:200px}}@media (max-width: 1023px){.logo__area .certificate img{max-width:100%}}@media (max-width: 640px){.logo__area .certificate img{margin:0 auto 10px}}.logo__area .certificate img:hover{-webkit-box-shadow:0 0 5px rgba(0,131,197,0.8);box-shadow:0 0 5px rgba(0,131,197,0.8)}.vision h2{margin-bottom:0.5em}@media (max-width: 1280px){.vision h2{line-height:1.5}}.vision li{margin-bottom:0.5em}.video__area{margin-top:50px}.video__area::after{content:"";display:table;clear:both}@media (max-width: 480px){.video__area{margin-top:30px}}.video__area>div{width:44%;margin:0 3% 5rem;float:left}@media (max-width: 960px){.video__area>div{width:48%;margin:0 1% 1rem}.video__area>div:nth-child(2n+1){clear:both}}@media (max-width: 640px){.video__area>div{float:none;width:100%;margin:0 auto 2rem}}.video-caption{text-align:center}@media (max-width: 375px){.video-caption{font-size:18px}}.news{padding:50px 0}.news__item{background-color:#eee;color:#1a1a1a;padding:50px;margin-bottom:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}@media (max-width: 1440px){.news__item{padding:30px}}@media (max-width: 960px){.news__item{padding:15px}}@media (max-width: 640px){.news__item{display:block;padding:10px;margin-bottom:20px}}.news__item:hover{color:#fff;background-color:rgba(0,131,197,0.5);-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);-webkit-box-shadow:10px 2px 5px #e6e6e6;box-shadow:10px 2px 5px #e6e6e6}.news__item .news__pic{background-color:#fff;padding:50px}@media (max-width: 960px){.news__item .news__pic{max-width:calc(100% - 60px);margin:15px auto;padding:30px}}@media (max-width: 480px){.news__item .news__pic{max-width:initial;padding:10px}}.news__item .news__info{padding:0 50px}@media (max-width: 960px){.news__item .news__info{padding:15px 50px;line-height:1.4}}@media (max-width: 480px){.news__item .news__info{padding:10px}}.news__item .news__info .title{font-weight:bold;font-size:30px}@media (max-width: 480px){.news__item .news__info .title{font-size:24px}}.news__item .news__info .text{padding-left:80px}@media (max-width: 480px){.news__item .news__info .text{font-size:18px}}.news__item .news__info span{display:block;width:80px;float:left;margin-left:-80px}.e-catalog{margin:5rem auto}@media (max-width: 480px){.e-catalog{margin-bottom:30px}}.e-catalog ul::after{content:"";display:table;clear:both}.e-catalog ul li{float:left;width:23%;min-height:442px;margin:0 1% 1rem;padding:3rem 1rem;text-align:center;border-radius:5px;border:1px solid #fff;background-color:#fff;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;position:relative}@media (max-width: 960px){.e-catalog ul li{width:48%;padding:10px;min-height:auto}.e-catalog ul li:nth-child(2n+1){clear:both}}@media (max-width: 375px){.e-catalog ul li{float:none;width:100%}}.e-catalog ul li:hover{background-color:#f7f7f7;border-color:#c4c4c4}.e-catalog ul li:hover .caption{color:#e60012}.e-catalog ul li img{margin-bottom:30px;border:1px solid #888}@media (max-width: 960px){.e-catalog ul li img{margin-bottom:10px}}.e-catalog ul li a{position:absolute;top:0;right:0;bottom:0;left:0}@media (max-width: 480px){.e-catalog ul .caption{line-height:1.5}}.contact::after{content:"";display:table;clear:both}.contact .cont__form,.contact .cont__map{float:left;width:50%;padding:30px}@media (max-width: 1280px){.contact .cont__form,.contact .cont__map{padding:30px 15px}}@media (max-width: 1023px){.contact .cont__form,.contact .cont__map{padding:30px}}@media (max-width: 960px){.contact .cont__form,.contact .cont__map{float:none;width:100%}}@media (max-width: 480px){.contact .cont__form,.contact .cont__map{float:none;width:100%;padding:30px 0;line-height:1.5}}@media (max-width: 1280px){.cont__form{font-size:18px}}@media (max-width: 1023px){.cont__form{font-size:20px}}@media (max-width: 480px){.cont__form>p{margin-bottom:1rem}}.cont__form .req{color:#e60012}.cont__form strong.req{margin-left:0.5rem}.cont__form ul.range li{margin-bottom:0.5rem}@media (max-width: 480px){.cont__form ul.range li{margin-bottom:1rem}}.cont__form .form-group>label.form-label{float:left;width:150px}@media (max-width: 480px){.cont__form .form-group>label.form-label{float:none;width:100%}}.cont__form input,.cont__form textarea{border:#a9a9a9 1px solid;padding:5px;width:calc(100% - 150px)}@media (max-width: 480px){.cont__form input,.cont__form textarea{width:100%}}.cont__form .form-radio input,.cont__form .form-check input{width:initial}.cont__form .form-code input{width:8em}.cont__form .form-code img{min-height:40px}.cont__form .btn{margin-top:1rem}.cont__form .btn::after{content:"";display:table;clear:both}.cont__form .btn input{float:left;width:49%;border:1px solid #d9d9d9;padding:1rem;font-size:24px;letter-spacing:1rem;-webkit-transition:0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;cursor:pointer}@media (max-width: 480px){.cont__form .btn input{font-size:20px}}.cont__form .btn input:first-child{margin-right:1%;color:#fff;background-color:#0083c5}.cont__form .btn input:last-child{margin-left:1%;background-color:#d9d9d9}.cont__form .btn input:hover{color:#fff;background-color:#e60012}.cont__map{background-color:#f7f7f7}.cont__map img{max-width:126px}@media (max-width: 480px){.cont__info{font-size:18px}}.cont__info .com__logo{float:none;width:100%}@media (max-width: 1280px){.cont__info .com__logo{margin-bottom:20px}}@media (max-width: 480px){.cont__info .com__logo{padding-left:10px}}@media (max-width: 480px){.cont__info .com__logo img{max-width:100px}}@media (max-width: 375px){.cont__info .com__logo img{max-width:80px}}@media (max-width: 1440px){.cont__info .com__logo a{text-align:left}}@media (max-width: 1280px){.cont__info .com__info{margin-left:10px}}.google-maps{margin-top:3rem;position:relative;padding-bottom:75%;height:0;overflow:hidden}.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important}.sitemap::after{content:"";display:table;clear:both}.sitemap>div{border:#00a0e9 1px solid;border-radius:10px;margin:20px auto;padding:50px;-webkit-transition:background-color 0.2s ease;-o-transition:background-color 0.2s ease;transition:background-color 0.2s ease}@media (max-width: 960px){.sitemap>div{padding:30px}}@media (max-width: 480px){.sitemap>div{padding:15px}}.sitemap>div h2{color:#e60012;font-size:30px;text-align:center;margin-bottom:30px}@media (max-width: 480px){.sitemap>div h2{font-size:24px;margin-bottom:0px}}.sitemap>div:hover{background-color:#eee}.sitemap ul{padding-left:40px;text-align:center}@media (max-width: 1024px){.sitemap ul{padding-left:0}.sitemap ul::after{content:"";display:table;clear:both}}@media (max-width: 480px){.sitemap ul{font-size:18px}}.sitemap ul li{margin:0.5rem 0.5rem 2rem;width:200px;display:inline-block}@media (max-width: 1024px){.sitemap ul li{float:left;width:32%;margin:0.5rem 0.6%}}@media (max-width: 640px){.sitemap ul li{float:left;width:48%;margin:0.5rem 1%}}@media (max-width: 375px){.sitemap ul li{float:none;width:100%;margin:0 auto 15px}}.sitemap ul li a{display:block;background-color:#0083c5;color:#fff;padding:5px 30px;-webkit-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease}.sitemap ul li a:hover{background-color:#e60012}.sitemap .pro__menu ul{padding-left:0}.sitemap .pro__menu>ul::after{content:"";display:table;clear:both}.sitemap .pro__menu>ul>li{float:left;width:25%;margin:0 1% 1rem}@media (max-width: 960px){.sitemap .pro__menu>ul>li{width:38%}}@media (max-width: 640px){.sitemap .pro__menu>ul>li{float:none;width:100%}}.sitemap .pro__menu>ul>li:first-child{width:40%}@media (max-width: 960px){.sitemap .pro__menu>ul>li:first-child{width:58%}}@media (max-width: 640px){.sitemap .pro__menu>ul>li:first-child{width:100%}}.sitemap .sub__menu{padding-left:0;margin-top:20px}.sitemap .sub__menu li{text-align:left;display:block;width:100%;margin:0;padding-left:20px}@media (max-width: 480px){.sitemap .sub__menu li{padding-left:0}}.sitemap .sub__menu li a{display:block;line-height:1;background-color:transparent;color:#4d4d4d;padding:5px 0;margin-bottom:10px}.sitemap .sub__menu li a:hover{background-color:transparent;text-decoration:underline;color:#e60012}.privacy-main{padding:30px 30px 50px}@media (max-width: 640px){.privacy-main{padding:15px 15px 30px}}@media (max-width: 480px){.privacy-main{padding:0 0 30px;line-height:1.2;font-size:18px}}.privacy-main h2{font-size:30px;font-weight:bold;color:#e60012}@media (max-width: 960px){.privacy-main h2{line-height:1.2}}@media (max-width: 640px){.privacy-main h2{font-size:20px;margin-bottom:20px}}@media (max-width: 480px){.privacy-main h2+p{margin-left:0}}.privacy-main h3{color:#0083c5;font-size:24px;border-left:5px solid #0083c5;line-height:1;padding-left:10px;margin:30px 0 10px}@media (max-width: 480px){.privacy-main h3{font-size:18px}}.privacy-main h4::before{content:"-";margin-right:10px;margin-left:-16px}.privacy-main p{margin-bottom:20px;margin-left:15px}.privacy-main hr{margin:40px auto}.privacy-main ul li{padding-left:30px;margin-bottom:12px}.privacy-main ul.li-line li::before{content:"-";margin-right:10px;margin-left:-16px}.footer{padding-top:70px}