@import url(/css/fontawesome-all.css);@import url(/css/font-awesome.min.css);@import url(/css/fontawesome.min.css);@import url(/css/SeoJump.css);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Sans+SC:wght@100;300;400;500;700;900&family=Source+Sans+Pro:wght@400;600&family=Oswald:wght@300;400;500;600;700&display=swap);*,body{margin:0}header,header form#hSearch{z-index:100;position:fixed}#app_box,#headBan,header form#hSearch{background:#fff}footer #flogo a,header #cis{width:300px}#app_box .txt p,footer #infoBox p{margin-bottom:5px}#gotop,header{position:fixed}#webSeo,.bgBox,.text-clamp,.webBox,a.photo{overflow:hidden}*{padding:0}:focus,button,input,select,textarea{outline:0}body ::selection{background:#ad9c8f;text-shadow:none;color:#fff}body::-webkit-scrollbar{width:5px}footer .row,header{width:100%;font-size:0}body::-webkit-scrollbar-track{background:#fff}body::-webkit-scrollbar-thumb{background:#009acf}body::-webkit-scrollbar-thumb:hover{background:#009acf}a,article,b,div,font,footer,form,h2,h3,h4,h5,h6,header,hr,i,img,input,label,li,nav,p,span,strong,textarea,ul{text-align:left;vertical-align:middle;margin:0;padding:0;line-height:170%;border-width:0;font-family:Roboto,sans-serif;font-size:16px;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}:after,:before{-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out}ol,ul{list-style:none}fieldset{border:0}img{max-width:100%}a,a:hover,a:link,a:visited{display:inline-block;text-decoration:none;vertical-align:initial;color:#323232}* html .clearfix{height:1%}.clearfix{display:block}:before,livedemo00.template-help:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.text-clamp{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.bgBox,a.photo{background:50%/cover no-repeat;display:block}.fa,.fa:after,.fa:before,.fas,.fas:after,.fas:before,.slick-track,[class^=fancybox-],[class^=fancybox-] *{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}.wrapper .slick-slider{margin-bottom:0}.webBox{position:relative;width:100%}.webBox .pageh1{position:absolute;top:0;z-index:1}#app_box,#banner,#headBan,.webBox .wrapper,.workframe,footer #extrainfoBix ul li a{position:relative}.webBox .wrapper{background:#f5f7fa;z-index:2}.workframe{margin:0 auto;width:1440px;font-size:0;z-index:1}#Sitemap #jsonUL a,header form#hSearch a{color:#000}#banner{padding-top:95px;z-index:1}header{background:#00a6ff;top:0}header .row{padding:0 10px;display:inline-block}header #cis{line-height:95px;text-align:center}header .mbMenu #menuIcon{position:absolute;width:80px;height:79px;display:block;top:0;right:0}header .mbMenu #menuIcon:after,header .mbMenu #menuIcon:before{margin:35px auto 0;width:35px;height:2px;background:#fff;display:block;right:0;transition:.3s;content:""}header .mbMenu #menuIcon:after{margin:10px auto 0}header .mbMenu .btnBox,header .mbMenu nav>ul{text-align:right}header .mbMenu .btnBox a{padding:1px 140px 1px 12px;border-radius:12px;background:rgb(255 255 255 / 1);font-size:14px;color:#757575}header .mbMenu .btnBox a i{font-size:14px}header .mbMenu nav>ul>li>p a{padding:21px 15px;display:block;font-size:16px;color:#fff}header .mbMenu nav>ul>li .menu_body .subOption li{position:relative;overflow:hidden}header .mbMenu nav>ul>li .menu_body .subOption li>div a{padding:10px 15px;border-bottom:1px solid #d6d6d6;display:block;color:#0f2942}header .mbMenu nav>ul>li .menu_body .subOption li:last-child>div a{border-bottom:0}header #linelink{padding:0;text-align:center}header #linelink a{font-size:16px;color:#fff;padding:6px 20px;background:#36c75c;border-radius:5px}header form#hSearch{padding:2px 10px;box-shadow:0 0 20px rgba(0,0,0,.2);top:40px;right:-100%}header form#hSearch input{width:250px}header .mbMenu[data-type="2"] #menuIcon:before{-webkit-transform:translateY(6px) rotate(135deg);transform:translateY(6px) rotate(135deg)}header .mbMenu[data-type="2"] #menuIcon:after{-webkit-transform:translateY(-6px) rotate(-135deg);transform:translateY(-6px) rotate(-135deg)}#app_box{display:none!important;padding:0 10px;width:calc(100% - 20px);height:55px;display:flex;align-items:center;top:0;left:0;z-index:9999999999}#app_box img{margin-left:5px;width:40px}#app_box .txt{margin:0 2vw;display:flex;flex-direction:column}#app_box .txt p{font-weight:700;line-height:1;font-size:20px}#app_box .txt font{line-height:1;font-size:.75em;text-transform:capitalize}#app_box .link{position:absolute;padding:5px 8px;background-color:#36c75c;border-radius:2px;display:inline-block;color:#fff;top:50%;right:2vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:.85em}footer{padding-top:20px;border-top:1px solid #dce5eb;background:#009acf}footer #flogo{margin:30px 5%;text-align:center;display:none}footer .row{display:inline-block;vertical-align:top}footer #fnav{text-align:center;padding:0 0 50px;display:none}footer #fnav a{padding:0 35px;display:inline-block;color:#fff}footer #infoBox p a{color:#171819}footer #infoBox p i{margin-right:5px;display:inline-block;color:#ad9d8f}footer #infoBox .links{margin:10px 0;text-align:center}footer #infoBox .links a{margin-right:10px;width:40px;height:40px;border:1px solid transparent;background:rgb(255 255 255 / 20%);border-radius:50%;text-align:center;line-height:35px;color:#fff}footer #infoBox .copyright>div{text-align:center;font-size:12px;color:#fff}footer #infoBox .copyright .text{color:#868686}footer #extrainfoBix ul li font{min-width:55px;display:inline-block;font-size:13px;color:#384048}footer #extrainfoBix ul li font *{font-size:13px;color:#272525}footer #extrainfoBix ul li font:first-child{text-align:justify;text-justify:distribute-all-lines;text-align-last:justify}footer #extrainfoBix ul li font:last-child:before{margin:0 10px;display:inline-block;font-size:12px;color:#3f3f41;content:"/"}footer #extrainfoBix ul li b,footer #extrainfoBix ul li span{display:inline-block;vertical-align:middle}footer #extrainfoBix ul li a{display:inline-block}footer #extrainfoBix ul li img{position:absolute;max-width:150px;bottom:100%;left:0;z-index:8;max-height:150px;display:none}#gotop{z-index:99;right:15px;bottom:175px;-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform-origin:right bottom;transform:rotate(-90deg)}#gotop a font{font-size:14px;color:#ad9c8f}#gotop a:after{margin-left:10px;width:70px;height:1px;background:#ad9c8f;display:inline-block;vertical-align:middle;content:""}#webSeo{position:relative;margin-top:40px;padding:10px 0;background:rgb(255 255 255 / .2)}#webSeo .js-marquee *,#webSeo .js-marquee-wrapper *,#webSeo .seo *{font-weight:400;font-size:13px;color:#fff;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}#SeoStarRating font{margin-right:5px;display:inline-block;vertical-align:bottom}#SeoStarRating font:first-child{line-height:130%;font-weight:700;font-size:18px;color:#ff9800}#SeoStarRating font:nth-child(2){font-size:16px;color:#ff9800}#SeoStarRating font:last-child{color:#383838}.home-introduct{padding:30px 0;max-width:1560px;margin:0 auto}.home-introduct h2{font-size:58px;font-weight:700;text-align:center;color:#00a6ff;line-height:130%;padding-bottom:35px}.home-introduct .introduct-info{padding:26px 20px;width:1160px;height:160px}.home-introduct .introduct-info li{position:relative;margin-right:209px;width:133px;height:150px;float:left;display:inline;text-align:center}.home-introduct .introduct-desc li:last-child,.home-introduct .introduct-info li:last-child{margin-right:0}.home-introduct .introduct-info li h5{margin:5px 0;line-height:12px;font-size:12px;color:#000;opacity:.5}.home-introduct .introduct-info li p{font-size:18px;color:#000}.home-introduct .introduct-info .info-timeline{width:132px;height:113px}.home-introduct .introduct-info .timeline-bg-01{background:url(../images/home/circle_100.png) center center no-repeat}.home-introduct .introduct-info .timeline-bg-02{background:url(../images/home/circle_80.png) center center no-repeat}.home-introduct .introduct-info .info-timeline .info-bg{padding-top:45px}.home-introduct .introduct-info .info-timeline span{color:#00a6ff}.home-introduct .introduct-info .info-timeline .number{font-size:18px;font-weight:600}.home-introduct .introduct-info .info-timeline .word{font-size:18px}.home-introduct .introduct-desc li{padding:28px 55px;width:23%;height:273px;margin:0 .5%;border:1px solid #fff;border-radius:10px;box-sizing:border-box;box-shadow:0 0 6px #00000029}.home-introduct .introduct-desc li:first-child{margin-left:0}.introduct-desc li .desc-icon{margin:0 auto;max-width:100px;display:block;text-align:center}.introduct-desc li .desc-icon img{max-width:100%;max-height:100%}.introduct-desc li .desc-text{text-align:center;margin-top:25px;word-break:break-word}.introduct-desc li span{color:#404040;font-size:24px;font-weight:700}.introduct-desc li p{margin:5px 0;color:#404040;font-size:16px;line-height:20px}@media screen and (max-width:1440px){.workframe{width:90%}header .mbMenu nav>ul>li>p a{padding:21px 10px}}@media screen and (min-width:1281px){header .mbMenu{padding:0 20px;width:calc(100% - 600px)}header .mbMenu #menuIcon,header .mbMenu nav ul li b{display:none}header .mbMenu nav>ul>li{position:relative;overflow:hidden;display:inline-block}header .mbMenu nav>ul>li .menu_body .sub2Option>li:hover,header .mbMenu nav>ul>li .menu_body .subOption>li:hover,header .mbMenu nav>ul>li:hover{overflow:visible}header .mbMenu nav>ul>li .menu_body,header .mbMenu nav>ul>li .menu_body .subOption li ul{position:absolute;width:170px;background:#fff;left:calc(50% - 85px);z-index:1;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}header .mbMenu nav>ul>li:hover .menu_body{opacity:1;transform:translateY(0)}header .mbMenu nav>ul>li .menu_body .subOption li ul{top:0;left:170px;-webkit-transform:translateY(0);-webkit-transform:translateX(30px);transform:translateY(0);transform:translateX(30px)}header .mbMenu nav>ul>li:last-child .menu_body .subOption li ul{left:auto;right:170px}header .mbMenu nav>ul>li .menu_body .subOption li ul.sub2Option li:hover ul.sub3Option,header .mbMenu nav>ul>li .menu_body .subOption li:hover ul.sub2Option{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}footer #infoBox .links a:hover{border-color:#b4a298}footer #extrainfoBix ul li a:hover img{display:block}}@media screen and (max-width:1280px){header #cis{height:79px;line-height:79px}header #cis img{height:50px}header .mbMenu{position:absolute;padding:0;width:100%;right:0}header .mbMenu nav{position:fixed;overflow-y:scroll;padding:0 30px;width:calc(100% - 60px);height:0;background:rgb(33 33 33);top:79px;right:0;z-index:100}header .mbMenu nav>ul>li{border-bottom:1px solid}header .mbMenu nav>ul>li .menu_body .subOption li .bo,header .mbMenu nav>ul>li>p{position:relative}header .mbMenu nav>ul>li>p a{padding:10px 50px 10px 20px}header .mbMenu nav>ul>li .menu_body .subOption li .bo b,header .mbMenu nav>ul>li>p b{position:absolute;padding:10px 0;width:50px;display:block;text-align:center;color:#fff;top:0;right:0}header .mbMenu nav>ul>li .menu_body,header .mbMenu nav>ul>li .menu_body .sub2Option,header .mbMenu nav>ul>li .menu_body .sub3Option{display:none;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}header .mbMenu nav>ul>li .menu_body .subOption{padding-bottom:20px}header .mbMenu nav>ul>li .menu_body .subOption li>div a{padding:2px 50px 2px 20px;border-bottom:0;color:#5390cb}header .mbMenu nav>ul>li .menu_body .subOption li .sub3Title a{color:#e2f0fe}header .mbMenu nav>ul>li .menu_body .sub3Option li>div a{color:#ad9c8f}header .mbMenu nav>ul>li .menu_body .subOption li .bo b{padding:2px 0}header .mbMenu[data-type="2"] nav{padding:30px;height:calc(100vh - 139px)}header #linelink{position:absolute;padding:11px 0 12px;right:7%;top:8px}#banner{padding-top:79px}footer #fnav{width:100%;text-align:center}footer #fnav a{padding:5px 15px;width:auto}footer #infoBox{margin:0}}@media screen and (max-width:768px){header .mbMenu nav{top:79px}header #linelink{top:64px;right:12%}footer .row{width:100%}footer #fnav a{width:100%;text-align:center;padding:4px 0;font-size:14px}footer #infoBox p{margin:0 1% 5px;width:48%;display:inline-block}footer #infoBox .copyright .text{margin-left:5px}footer #flogo a{width:220px}#app_box{display:flex!important}.home-introduct h2{font-size:35px}}@media screen and (max-width:480px){header #linelink a{position:fixed;bottom:0;left:0;width:100%;border-radius:0;padding:10px 0;text-align:center}header #cis{width:230px}}