@charset "utf-8";@import "//fonts.googleapis.com/earlyaccess/notosanstc.css";*{margin:0;padding:0;line-height:160%;font-family:'Noto Sans TC',sans-serif;font-weight:300;box-sizing:border-box}:focus{outline:none}::selection{background-color:#007baf;color:#fff}a{text-decoration:none}img{max-width:100%}main{padding-top:110px}body .iziToast{background-color:#fff;padding-top:4px;padding-bottom:5px;padding-right:15px;border-radius:5px;box-shadow:rgba(0,0,0,0.15) 2.4px 2.4px 3.2px}body .iziToast:after{opacity:0}body .iziToast > .iziToast-body .iziToast-icon{margin-top:-20px;width:40px;height:40px}body .iziToast > .iziToast-body .iziToast-message{font-size:1rem;padding:.5rem 1rem}body .iziToast > .iziToast-progressbar > div{height:.25rem;background:rgba(0,0,0,.2)}@media screen and (max-width: 767px ){.iziToast-wrapper{padding:0 5px}.iziToast-capsule{margin-bottom:5px}}html,body{overflow-x:hidden}.KV .PhotoBox .Slogan .title_p1 *,.KV .PhotoBox .Slogan .title_p2,.KV .PhotoBox .Slogan .title_p2 *,.KV .PhotoBox .Slogan .title_p3,.KV .PhotoBox .Slogan .title_p3 *{font-size:inherit;font-weight:inherit;line-height:inherit}.KV .PhotoBox .Slogan .letter{transform-origin:50% 100%;display:inline-block}.fadeIn_base{opacity:0;visibility:hidden;transform:translate(0px,0px);-webkit-transition:all .35s cubic-bezier(0.42,0,0.58,1.0);-moz-transition:all .35s cubic-bezier(0.42,0,0.58,1.0);-o-transition:all .35s cubic-bezier(0.42,0,0.58,1.0);transition:all .35s cubic-bezier(0.42,0,0.58,1.0)}.fadeIn_05s_delay{transition-delay:.5s}.fadeIn_1s_delay{transition-delay:1s}.fadeIn_2s_delay{transition-delay:2s}.fadeIn_3s_delay{transition-delay:3s}.fi_top{transform:translate(0px,50px)}.fi_bottom{transform:translate(0px,-50px)}.fi_left{transform:translate(-50px,0px)}.fi_right{transform:translate(50px,0px)}.fi_end{opacity:1;visibility:visible;transform:translate(0,0)}.fadeInBox .fadeIn_base:nth-child(1){transition-delay:.15s}.fadeInBox .fadeIn_base:nth-child(2){transition-delay:.3s}.fadeInBox .fadeIn_base:nth-child(3){transition-delay:.45s}.fadeInBox .fadeIn_base:nth-child(4){transition-delay:.6s}.fadeInBox .fadeIn_base:nth-child(5){transition-delay:.75s}.fadeInBox .fadeIn_base:nth-child(6){transition-delay:.9s}header{height:110px;background-color:#fff;padding:0 40px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:100}header .Left{display:flex;align-items:center}header .Left .Logo{width:383px;display:block;margin-right:20px;font-size:0}header .Left .Logo h1{font-size:0}header .Left .Phone{border-radius:10px;background-color:#d6f0db;padding:10px 15px;display:flex;align-items:center}header .Left .Phone img{width:26px;height:26px;flex-shrink:0;margin-right:10px}header .Left .Phone p{color:#608867;font-size:14px;font-weight:500;line-height:1.2;font-style:italic}header .Left .Phone strong{font-size:20px;font-weight:900;display:block;line-height:1.2}header .Right{display:flex;align-items:center;margin-right:60px}header .Right .Menu{font-size:18px;color:#333;font-weight:500;padding:0 15px;position:relative}header .Right .Menu.Focus{color:#007baf}header .Right .Menu.Focus::after{content:'';display:block;position:absolute;left:0;right:0;bottom:-41px;border-bottom:3px solid #007baf}header .Line{position:absolute;top:35px;right:40px;font-size:0}header .Line img{width:38px}.KV .PhotoBox{background:url(../images/kv_image.jpg) no-repeat center #eee;background-size:cover;width:100%;height:800px;position:relative}.KV .PhotoBox::after{content:'';display:block;width:100%;height:800px;background:linear-gradient(225deg,rgba(12,35,59,0) 30%,rgba(12,35,59,1) 80%)}.KV .PhotoBox .Slogan{position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;line-height:1.2;font-size:80px;font-weight:900;padding:0 150px;display:flex;flex-direction:column;justify-content:center}.KV .PhotoBox .Slogan p{font-size:60px;font-weight:900}.Products .Main{background:url(../images/products_bg.jpg) no-repeat top center;padding:150px 50px}.Products .Main .Slogan{font-size:50px;color:#007baf;display:flex;justify-content:center;align-items:center;position:relative;line-height:50px;white-space:nowrap}.Products .Main .Slogan strong{font-weight:900;line-height:50px}.Products .Main .Slogan::before{content:'';display:inline-block;background:url(../images/products_symbol_left.png);background-size:cover;width:29px;height:19px;left:-10px;position:relative;top:-20px;flex-shrink:0}.Products .Main .Slogan::after{content:'';display:inline-block;background:url(../images/products_symbol_right.png);background-size:cover;width:29px;height:19px;right:-10px;position:relative;bottom:-20px;flex-shrink:0}.Products .Main .Information{display:flex;width:100%;max-width:1200px;margin:auto;padding-top:100px}.Products .Main .Information .PhotoArea{flex:1}.Products .Main .Information .PhotoArea img{width:512px}.Products .Main .Information .WordArea{flex:1;text-align:center;padding:50px 10px 0}.Products .Main .Information .SectionTitle{color:#007baf;font-size:36px;font-weight:900}.Products .Main .Information .ProductsName{color:#333;font-size:50px;font-weight:900}.Products .Main .Information .CodeNum{color:#333;font-size:18px;font-weight:900}.Products .Main .Information .Winning{padding:30px 0 20px}.Products .Main .Information .Winning img{width:189px}.Products .Main .Information .Download{border:1px solid #007baf;border-radius:50px;font-size:24px;font-weight:700;color:#333;padding:15px 40px;display:inline-block}.Products .Main .Information .Download img{width:40px;vertical-align:middle;margin-right:10px}.Products .Main .Introduce{display:flex}.Products .Main .Introduce .Item{flex:1;text-align:center;padding:0 20px}.Products .Main .Introduce .PhotoArea{max-width:371px;width:100%;padding-top:88%;background:center no-repeat;background-size:cover}.Products .Main .Introduce .Name{font-size:24px;color:#007baf}.Products .Main .Introduce .Feature{font-size:14px;color:#333}.Products .Other{padding:150px 50px;background-color:#f5f5f5}.Products .Other .AreaTitle{font-size:50px;color:#007baf;text-align:center;padding-bottom:50px}.Products .Other .OtherProductsBox{display:flex;flex-wrap:wrap}.Products .Other .OtherProductsBox .Item{width:33%;flex-shrink:0;padding:0 25px 80px}.Products .Other .OtherProductsBox .Photo{background:#fff no-repeat center;background-size:cover;width:100%;margin-bottom:25px}.Products .Other .OtherProductsBox .Name{font-size:20px;color:#333;font-weight:900;padding-bottom:10px}.Products .Other .OtherProductsBox .CodeNum{font-size:16px;color:#007baf;padding-bottom:15px}.Products .Other .OtherProductsBox .BtnBox{display:flex}.Products .Other .OtherProductsBox .BtnBox .Download{font-size:18px;color:#333;font-weight:700;border-radius:50px;border:1px solid #007baf;padding:8px 25px;background-color:#fff;display:flex;align-items:center}.Products .Other .OtherProductsBox .BtnBox .Download img{height:32px;margin-right:10px}.Service{background:#0071a9 no-repeat top center url(../images/service_bg.jpg);padding:150px 50px 0}.Service .SectionTitle{font-size:36px;text-align:center;font-weight:900;color:#fff;padding-bottom:50px}.Service .Content{display:flex;width:100%;max-width:1200px;margin:auto}.Service .Content .Item{text-align:center;flex:1}.Service .Content .Item .Num{color:#fff;font-size:30px;position:relative;text-align:left;padding:0 30px 10px;line-height:1}.Service .Content .Item .Num span{color:#fff;font-size:16px;margin-left:10px}.Service .Content .Item .Num::before{content:'';display:block;position:absolute;top:0;right:30px;border-top:1px solid #fff;width:100px}.Service .Content .Item .Num::after{content:'';display:block;position:absolute;top:0;right:30px;border-right:1px solid #fff;height:80px}.Service .Content .Item .Photo{width:100%;margin-bottom:25px;font-size:0}.Service .Content .Item .Name{color:#fff;font-size:24px;font-weight:900;padding:0 10px}.Service .Content .Item .narrative{color:#fff;font-size:16px;padding:0 10px}.About{background:#0c233b no-repeat top center url(../images/about_bg.jpg);padding:420px 50px 150px;margin-top:-270px}.About .SectionTitle{font-size:36px;font-weight:900;color:#28ace4;text-align:center;padding-bottom:30px}.About .Content{width:100%;max-width:1200px;margin:auto}.About .Content .AreaTitle{font-size:30px;color:#fff;text-align:center;padding-bottom:15px;font-weight:500}.About .Content .AreaNote{font-size:18px;color:#fff;text-align:center;padding-bottom:30px;font-weight:500}.About .Content .CardBox{display:flex;flex-wrap:wrap}.About .Content .CardBox .DataCard{padding:30px;width:49%;margin:.5%;position:relative}.About .Content .CardBox .DataCard .CardName{color:#fff;font-size:18px;font-weight:500}.About .Content .CardBox .DataCard .CardMain{color:#fff;font-size:24px;font-weight:900;min-height:110px}.About .Content .CardBox .DataCard .CardMain.MailStyle{font-size:18px}.About .Content .CardBox .DataCard .CardMain span,.About .Content .CardBox .DataCard .CardMain a{font:inherit;color:inherit}.About .Content .CardBox .DataCard .BtnBox{display:flex;align-items:center}.About .Content .CardBox .DataCard .BtnBox .Btn{font-size:16px;border-radius:50px;background-color:#fff;padding:3px 15px;display:flex;align-items:center;margin-right:10px;font-weight:700}.About .Content .CardBox .DataCard .BtnBox .Btn img{width:16px;margin-right:8px}.About .Content .CardBox .DataCard.Style01{background-color:#007baf}.About .Content .CardBox .DataCard.Style02{background-color:#06c755;padding-right:235px}.About .Content .CardBox .DataCard.Style01 .BtnBox .Btn{color:#007baf}.About .Content .CardBox .DataCard.Style02 .BtnBox .Btn{color:#06c755}.About .Content .CardBox .DataCard .Qrcode{width:175px;font-size:0;position:absolute;top:30px;right:30px}.About .Content .MapArea{padding:50px 0 100px}.About .Content .MapArea .MapTitle{display:flex;align-items:center;color:#fff;font-size:20px;padding-bottom:5px;font-weight:500}.About .Content .MapArea .MapTitle img{width:15px;margin-right:10px}.About .Content .MapArea .MapAdd{padding-bottom:10px}.About .Content .MapArea .MapAdd a{color:#fff;font-size:18px;font-weight:900}.About .Content .MapArea .MapBox{position:relative;height:400px}.About .Content .MapArea .MapBox iframe{position:absolute;top:0;left:0;right:0;bottom:0;border:0;width:100%;height:100%}.About .Content .JoinBox{text-align:center}.About .Content .JoinBox .Btn{color:#333;font-size:18px;display:inline-block;background-color:#fff;border-radius:50px;border:1px solid #28ace4;padding:10px 50px;font-weight:500}.Business{background:#fff no-repeat top center url(../images/business_bg.jpg);overflow:hidden;height:800px;position:relative}.Business::after{content:'';display:block;width:100%;height:800px;background:linear-gradient(90deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.9) 80%)}.Business .NoteBox{width:50%;float:right;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:150px}.Business .NoteBox .SectionTitle{font-size:36px;font-weight:900;color:#007baf;text-align:center;padding-bottom:10px}.Business .NoteBox .IdeaRow{display:flex;align-items:center}.Business .NoteBox .IdeaRow h3{font-size:24px;color:#333;font-weight:900;line-height:1}.Business .NoteBox .IdeaRow span{font-size:16px;color:#333;line-height:1;padding:0 10px;font-weight:500}.Business .NoteBox p{font-size:18px;color:#333;padding-top:20px;font-weight:500;line-height:2}footer{background-color:#222;padding:40px;display:flex;align-items:center;width:100%;justify-content:space-between}footer .Qrcode{flex:1}footer .Qrcode img{width:147px}footer .Logo{flex:1}footer .Logo img{width:307px}footer h6{font-size:14px;color:#fff;text-align:right;font-weight:500;line-height:1.8;flex:1}footer h6 a{color:#999;font-size:14px;display:block;font-weight:500;line-height:1.8}@media screen and (min-width:768px) and (max-width:1300px){main{padding-top:110px}header{height:80px}header .Left .Logo{width:191.5px}header .Left .Phone{padding:7px 12px}header .Left .Phone p{font-size:12px}header .Left .Phone strong{font-size:16px}header .Right{position:fixed;background-color:#fff;top:70px;left:0;right:0;margin:0;padding:0 40px 10px}header .Right .Menu{line-height:30px;padding:0;margin-right:30px}header .Right .Menu.Focus::after{bottom:-10px}.Products .Main{padding:120px 50px 100px}.Products .Main .Information .SectionTitle{font-size:24px}.Products .Main .Information .ProductsName{line-height:1.2;padding-bottom:10px;font-size:36px}.Products .Main .Information .Download{padding:10px 30px}.Products .Main .Introduce{flex-wrap:wrap}.Products .Main .Introduce .Item{width:50%;flex-shrink:0;flex:auto}.Products .Other{padding:100px 30px 50px}.Products .Other .AreaTitle{font-size:30px;padding-bottom:30px}.Products .Other .OtherProductsBox .Item{width:50%;padding:0 20px 50px}.Service{padding:100px 50px 0}.Service .SectionTitle{font-size:30px}.About{margin-top:-19%;padding:30% 50px 150px}.About .Content .CardBox .DataCard{width:100%}.Business{height:700px}.Business::after{height:700px;background:linear-gradient(90deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.9) 80%)}.Business .NoteBox{padding:50px;width:60%}}@media screen and (max-width:767px){main{padding-top:105px}header{height:70px;padding:0 15px}header .Left{justify-content:space-between;width:100%}header .Left .Logo{width:191.5px}header .Left .Phone{padding:7px 12px}header .Left .Phone img{display:none}header .Left .Phone p{font-size:12px}header .Left .Phone strong{font-size:14px}header .Right{position:fixed;background-color:#fff;top:65px;left:0;right:0;margin:0;padding:0 15px 10px;overflow-x:auto}header .Right .Menu{line-height:30px;padding:0;margin-right:30px;white-space:nowrap}header .Right .Menu.Focus::after{bottom:-10px;left:-10px;right:-10px}header .Line{position:fixed;right:10px;bottom:10px;top:auto;font-size:0}header .Line img{width:51px;box-shadow:0 10px 20px -10px rgba(0,0,0,.3);border-radius:50%}.KV .PhotoBox{background-color:#eee;background-position:65%;width:100%;height:70vh}.KV .PhotoBox .Slogan{padding:50px;font-size:40px;justify-content:flex-end}.KV .PhotoBox .Slogan p{font-size:30px}.KV .PhotoBox::after{height:70vh;background:linear-gradient(205deg,rgba(12,35,59,0) 30%,rgba(12,35,59,1) 80%)}.Products .Main{padding:50px 20px}.Products .Main .Slogan{font-size:24px}.Products .Main .Information{flex-direction:column;padding-top:30px}.Products .Main .Information .PhotoArea{padding:0 20px}.Products .Main .Information .WordArea{padding:0;margin-top:-20%}.Products .Main .Information .SectionTitle{font-size:24px}.Products .Main .Information .ProductsName{font-size:40px;width:270px;margin:auto;line-height:1.4;padding-bottom:10px}.Products .Main .Information .CodeNum{font-size:16px}.Products .Main .Information .Winning{padding:10px 0}.Products .Main .Information .Download{padding:10px 40px;font-size:18px;padding:8px 25px}.Products .Main .Information .Download img{height:32px;width:auto}.Products .Main .Introduce{flex-wrap:wrap;padding-top:30px}.Products .Main .Introduce .Item{width:50%;flex:auto;padding:0 10px}.Products .Main .Introduce .Name{font-size:18px;font-weight:700}.Products .Other{padding:50px 20px}.Products .Other .AreaTitle{font-size:30px;padding-bottom:20px}.Products .Other .OtherProductsBox{flex-direction:column}.Products .Other .OtherProductsBox .Item{width:100%;padding:0 0 30px}.Products .Other .OtherProductsBox .Photo{margin-bottom:10px}.Products .Other .OtherProductsBox .Name{padding:0 15px 5px;line-height:1.4}.Products .Other .OtherProductsBox .CodeNum{padding:0 15px 5px}.Products .Other .OtherProductsBox .BtnBox{padding:0 15px}.Service{padding:50px 20px 30px}.Service .SectionTitle{font-size:30px;padding-bottom:20px}.Service .Content{flex-direction:column}.Service .Content .Item{padding-bottom:50px}.Service .Content .Item .Photo{margin-bottom:10px}.About{margin-top:0;padding:50px 20px 100px}.About .SectionTitle{font-size:30px}.About .Content .AreaTitle{font-size:24px}.About .Content .AreaNote{font-size:16px;line-height:2;text-align:left}.About .Content .CardBox .DataCard{width:100%}.About .Content .CardBox .DataCard .CardName{font-size:14px;padding-bottom:3px}.About .Content .CardBox .DataCard .CardMain{min-height:auto;padding-bottom:10px}.About .Content .CardBox .DataCard .CardMain span{display:block}.About .Content .CardBox .DataCard .CardMain.MailStyle{font-size:16px}.About .Content .CardBox .DataCard .Qrcode{position:static;padding-top:20px}.About .Content .CardBox .DataCard .BtnBox{align-items:flex-start;gap:10px}.About .Content .CardBox .DataCard .BtnBox .Btn{padding:3px 10px;margin:0}.About .Content .CardBox .DataCard.Style01{background-color:rgba(0,123,175,.7)}.About .Content .CardBox .DataCard.Style02{padding:30px}.About .Content .MapArea{padding:50px 0}.About .Content .MapArea .MapBox{height:340px}.Business{background-position-x:30%;height:650px}.Business .NoteBox{width:100%;padding:60px 30px}.Business .NoteBox p{font-size:16px}.Business::after{background:linear-gradient(180deg,rgba(255,255,255,.5) 30%,rgba(255,255,255,.9) 80%);height:650px}footer{flex-direction:column}footer .Logo{padding-top:20px}footer h6{text-align:center;padding-top:20px}}