*{font-family:'Arial', '微軟正黑體';}body main{overflow-x:hidden;background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#DAF2FE));background:linear-gradient(to bottom, #fff, #DAF2FE);font-family: 'Arial', '微軟正黑體';}header .navbar-brand img{margin-left:20px;width:60%;}header nav#navbar.navbar.navbar-expand-lg{-webkit-transition:.5s;transition:.5s;z-index:100;position:fixed;top:0px;width:100vw;background:rgba(255,255,255,0)}header .logoBg{position:absolute;top:0px;left:0px;width:300px;height:70px;background:#fff;border-radius:0px 0px 3000px 0px;z-index:-1;-webkit-transition:.3s;transition:.3s}header .navbar-nav{margin-left:auto;padding-right:130px}header .nav-item{padding:0px 30px;font-weight:500;position:relative}header .navbar-light .navbar-nav .nav-link{color:#fff}header .navbar-light .navbar-nav .nav-link:focus,header .navbar-light .navbar-nav .nav-link:hover{color:#fff}header .navbar-light .navbar-nav .navLinkDec, .navLinkPageFocus{width:10px;height:10px;border-radius:50%;background:#3F82DF;position:absolute;top:35%;left:20px;opacity:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;-webkit-transform:translateX(-100%) scale(1);transform:translateX(-100%) scale(1)}.navLinkPageFocus{opacity: 1;transform: translateX(0%) scale(1);}header .navbar-light .navbar-nav .nav-link:focus,header .navbar-light .navbar-nav .nav-item:hover .navLinkDec{opacity:1;-webkit-transform:translateX(0%) scale(1);transform:translateX(0%) scale(1)}header .cmpBtn{position:absolute;right:35px;background:#3F82DF;height:50px;margin-top:-12px;border-radius:0px 0px 10px 10px;padding:0px 20px;-webkit-transition:.4s;transition:.4s}header .cmpBtn p{color:#fff !important;padding:15px 0px 0px;-webkit-transition:.4s;transition:.4s}header .cmpBtnIcon{position:absolute;width:30%;top:50%;left:50%;-webkit-transform:translate(-50%, -70%) scale(0);transform:translate(-50%, -70%) scale(0);-webkit-transition:.4s;transition:.4s}header .cmpBtn:hover{height:70px;background:#ff963a}header .cmpBtn:hover .cmpBtnIcon{-webkit-transform:translate(-50%, -100%) scale(1);transform:translate(-50%, -100%) scale(1)}header .cmpBtn:hover p{padding:40px 0px 0px}.cmp_landing{height:100vh}.cmp_landing::before,.cmp_landing .page_switch,.cmp_landing .page_switch_btn{content:'';position:absolute;width:100%;height:100%;color:#fff}.cmp_landing::before{top:0;left:0;background-image:url("/img/cmp/CMP-slider.png")}.cmp_landing .page_switch{left:0;bottom:0;height:25%;color:#fff;background-color:#204170}.cmp_landing .page_switch>section{padding:1rem 2rem;width:80%;height:100%}.cmp_landing .page_switch>section p{font-size:1rem}.cmp_landing .page_switch>.page_switch_btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;right:0;left:unset;width:8rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#3F82DF;overflow:hidden}.cmp_landing .page_switch>.page_switch_btn,.cmp_landing .page_switch>.page_switch_btn *{-webkit-transition:.4s;transition:.4s}.cmp_landing .page_switch>.page_switch_btn .page_switch_btn_hidden,.cmp_landing .page_switch>.page_switch_btn .page_switch_btn_show{position:absolute}.cmp_landing .page_switch>.page_switch_btn .page_switch_btn_hidden h6,.cmp_landing .page_switch>.page_switch_btn .page_switch_btn_show h6{white-space:nowrap}.cmp_landing .page_switch>.page_switch_btn .page_switch_btn_hidden img,.cmp_landing .page_switch>.page_switch_btn .page_switch_btn_show img{width:8rem;-o-object-fit:contain;object-fit:contain}.cmp_landing .page_switch>.page_switch_btn .page_switch_btn_hidden *{opacity:1}.cmp_landing .page_switch>.page_switch_btn .page_switch_btn_show *{opacity:0}.cmp_landing .page_switch>.page_switch_btn:hover{width:15rem}.cmp_landing .page_switch>.page_switch_btn:hover .page_switch_btn_hidden *{opacity:0}.cmp_landing .page_switch>.page_switch_btn:hover .page_switch_btn_show *{opacity:1}.cmp_landing>img{width:20rem;height:20rem;position:absolute;top:calc(50% - 15rem);left:calc(50% - 10rem)}.main_content{margin:10rem auto 5rem}.main_content h1,.main_content h2,.main_content h3,.main_content h4,.main_content h5,.main_content h6{color:#3C7FDF}.main_content p{color:#818181}.main_content .titleDec{width:100%;height:8px;margin:.5rem auto}.main_content .first_content{margin-bottom:4rem}.main_content .first_content p{width:50%;margin:2rem auto}.main_content .featurebox>div{margin-top:4rem;min-height:50vh}.main_content .featurebox>div article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.main_content .featurebox>div article p{margin:2rem auto}.main_content .featurebox>div:nth-of-type(2) section.row{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.main_content .featurebox>div:nth-of-type(2) img{width:50vw}.main_content .featurebox>div:nth-of-type(3),.main_content .featurebox>div:nth-of-type(2){margin-bottom:4rem}.main_content .featurebox>div:nth-of-type(3) section.row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main_content .featurebox>div:nth-of-type(4){height:80vh}.main_content .featurebox>div:nth-of-type(4) img{position:absolute;left:0;width:65vw;}.main_content .featurebox>div:nth-of-type(4) section.row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.bottom_boxes{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:18rem}.bottom_boxes div.row>div section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%}.bottom_boxes div.row>div section a{cursor:pointer;margin-top:1rem;padding:.5rem 2rem;-webkit-box-shadow:0;box-shadow:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:.4s;transition:.4s;will-change:transform;text-decoration:none}.bottom_boxes div.row>div section a:hover{background:rgba(255,255,255,0.2);}.bottom_boxes div.row>div:nth-of-type(n){background-color:#3F82DF;color:#fff}.bottom_boxes div.row>div:nth-of-type(n) a{color:#fff;border:1px solid #fff}.bottom_boxes div.row>div:nth-of-type(2n){background-color:#fff;color:#3F82DF}.bottom_boxes div.row>div:nth-of-type(2n) a{color:#3F82DF;border:1px solid #3F82DF}footer{background: rgb(32, 65, 112);padding: 100px 30px 30px;}footer .col-sm-12, footer .col-sm{position: relative;min-height: 300px;} footer .col-sm-12 .contactInfo{position: relative;top: 0px;}footer .col-sm-12 .contactInfo li{list-style: none;color: #fff;padding: 8px;} footer .col-sm-12 .contactInfo .social_media .sm_box{position: relative;display: inline-block;width: 33px;height: 33px;border: solid 2px #4894ff;border-radius: 50%;background-color: rgba(72, 148, 255, 0);transition: .5s;transform: scale(1);}footer .col-sm-12 .contactInfo .social_media .sm_box:hover{background-color: rgba(72, 148, 255, .2);transform: scale(1.1);}footer .col-sm-12 .contactInfo .social_media .sm_box img{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.footerInfoIcon{width: 20px; margin-right: 15px;}footer .col-sm-12 .copyright{opacity: .3;width: 100%;position: absolute;left: 0px;bottom: 0px;padding-top: 15px;border-top: 1px solid #fff;display: flex;justify-content: center;}footer .col-sm-12 .copyright img{width: 100px;margin-top: -9px;margin-right: 10px;}footer .col-sm-12 .copyright span{font-size: 10px;color: #fff;}footer .col-sm{margin: 0px;}footer .contactForm{width: 100%;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;padding: 0 30px;margin: 0;}footer .contactForm input, footer .contactForm textarea{width: 90%;padding: 5px 10px;margin: 6px auto;border-radius: 3px;border-color: transparent;/* background: #000; */}footer .contactForm textarea{min-height: 100px;height: auto;}footer .contactForm button{width: 20%;min-width: 150px;}footer .buttonGroup{display: flex;justify-content: center;}footer .buttonGroup button{transition: .3s;margin: 15px 10px 10px;padding: 6px;background: transparent;color: #fff;border: solid 1px #fff;}footer .buttonGroup button:hover{background: rgba(255, 255, 255, .2);}#footerMailContact, #footerPhoneContact{text-decoration: underline;color: #fff;
}.textContentRight{position:absolute;left:65%;top:20%;display:inline-block;width:30%;}#go2cspBtn:hover{color:#fff;background:#3F82DF;}.cmpImg{width:100%;}
/*# sourceMappingURL=cmp.min.css.map */
.toggle-btn .mobile_nav{position: fixed;opacity: 0;overflow: hidden;top: 0px;left: 0px;height: 0vh;width: 100vw;transition: .5s;display: none;}.toggle-btn .navbar-nav{width: 100vw;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);padding-right: 0px;display: flex;justify-content: center;align-items: center;
}.toggle-btn .cmpBtn{position: fixed;left: 50%;transform: translateX(-50%);}.toggle-btn{transition: .5s;position: absolute;right: 10px;top: auto;width: 30px;height: 20px;display: none;flex-direction: column;justify-content: space-between;}.toggle-btn .white-block{position: relative;width: 100%;height: 2px;background: #fff;}.toggle-btn.open .mobile_nav{position: fixed;top: 0px;left: 0px;height: 100vh;width: 100vw;background: #fff;z-index: -100;opacity: 1;display: block;}.toggle-btn.open .navbar-nav{width: 100vw;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);padding-right: 0px;display: flex;justify-content: center;align-items: center;}.toggle-btn.open .navbar-nav .a_cmpBtn .nav-item{margin: 15px auto;}.toggle-btn.open .nav-item.cmpBtn{border-radius: 10px;position: absolute;left: 50%;transform: translateX(-50%);margin: 15px auto;}.toggle-btn.open .navbar-nav .nav-item{text-align: center;width: 50%;min-width: 220px;margin: 15px 30px;border-bottom: solid 1px rgb(173, 207, 255);}.toggle-btn.open .navbar-nav .nav-item .navLinkDec.orange_dot{background: #FF963A;opacity: 1;}.toggle-btn.open .cmpBtn:hover{height: 70px;background: #ff963a;}.toggle-btn.open .cmpBtn:hover .cmpBtnIcon{transform: translate(-70%, -50%) scale(.3);}.toggle-btn.open .cmpBtn:hover p.nav-link{transform: translate(7%, -25%);}@media screen and ( max-width:990px ){.toggle-btn{display: flex;}}@media screen and (max-width:500px){.h3, h3{font-size: 1.2rem;}.cmp_landing .page_switch > a.page_switch_btn{display: none !important;}.cmp_landing .page_switch section{margin: auto;}.cmp_landing .page_switch section h1{position: absolute;top: -50vh;font-size: 3.5rem;display: inline-block;font-weight: 900;line-height: 5rem;filter: drop-shadow(0px 3px 10px rgba(102, 40, 161, 0.3));}.cmp_landing::before{background:url("/img/cmp/CMP-slider.png") center center;background-size: cover;}.main_content .featurebox > div {min-height: 60vh;}.main_content .row .justify-content-center.mb-5.serviceIcon{flex-direction: column;}.main_content .row .justify-content-center.mb-5 .perService{margin-bottom: 50px;}.bottom_boxes{height: auto !important;}.bottom_boxes .col-sm-4{height: 150px;}.h3, h3 {font-size: 1.2rem;}.cmp_landing .page_switch > a.page_switch_btn{display: none !important;}.cmp_landing .page_switch section{margin: auto;}.cmp_landing .page_switch section h1{position: absolute;top: -50vh;font-size: 3.5rem;display: inline-block;font-weight: 900;line-height: 5rem;filter: drop-shadow(0px 3px 10px rgba(102, 40, 161, 0.3));}.cmp_landing::before{background:url("/img/cmp/cmp-slider.png") center center;background-size: cover;}.main_content .featurebox > div {min-height: 60vh}.titleEng{display: inline-block;}footer{padding-top: 50px;}footer .container-fluid .row.d-flex{padding: 0px;flex-direction: column-reverse;}footer .col-sm-8{height: auto;}footer .col-sm-4{padding: 0px 0px 50px;}footer .contactForm{padding: 0px;}footer .contactForm input, footer .contactForm textarea{width: 100%;}.contactInfo ul{padding: 0px;}footer .row .col-sm-8{padding: 0px;height: 315px;}footer li span{display: inline-block;}.footerInfoLocation.d-flex{flex-direction: row;align-items: flex-start;}footer .col-sm-8 .copyright{display: flex;justify-content: center;height: 31px;}footer .col-sm-8 .copyright img{display: inline-block;}.featureContent {flex-direction: column !important;height: auto;}.featureContent .col-12{position: absolute;top: 0px;}.featureContent .featureText{position: relative;top: 20vh;}.featureContent img{position: absolute;width: 90%;top: -60px;left: 50vw;transform: translateX(-50%);}.featureContent .col-12 .mobileSize{width: 150vw !important;}.featureContent.managedFeature img{width: 110vw !important;margin-left: -40px;}.featureContent.managedFeature .featureText{top: 20vh;}.featureContent.containerFeature img{margin-top:0px;}.cmp_landing .page_switch{height:40vw;}.cmp_landing .page_switch>section{width:100%;}.cmp_landing .page_switch>section p{margin-top: 16px;}.cmp_landing .page_switch>section h1{width:80vw;}.font-weight-bold{padding: 0px 20px;text-align:center;}.featurebox article{margin-top:50px;}.main_content .titleDec{margin: 2rem auto;}.main_content .featurebox>div:nth-of-type(2) img{width:100vw;}.main_content .featurebox>div:nth-of-type(4) img{width:100vw;right: 0px;left: auto;}.textContentRight{left:0px;top:45%;width:100%;}.main_content .featurebox>div:nth-of-type(4){height:auto;}.copyright{height:30px;
}.navbar-brand img{margin-left:0px !important;width:53vw !important;}.copyright{height:30px;}.copyright span{display:inline-block;margin-bottom:5px;}}@media screen and ( max-width:1301px ){#navbarNav{display: none !important;opacity: 0;}.toggle-btn{display: flex;}.navbar-nav{display: flex;flex-direction: column ;}}.nav-link-lang {position: relative;margin-top: 4px;display: inline-block;width: 30px;height: 30px;border: solid 1px white;overflow: hidden;border-radius: 50%;padding: 0 10px 0 0;}.nav-link-lang span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}.nav-link-lang:hover .origin-lang {animation: origin-lang-ani .5s ease-in-out forwards;}
.nav-link-lang:hover .translate-lang {animation: translate-lang-ani .5s ease-in-out forwards;}@keyframes origin-lang-ani {0% {left: 50%;}100% {left: -30%;}}@keyframes translate-lang-ani {0% {left: 130%;}100% {left: 50%;}}.toggle-btn .nav-link-lang {position: absolute;right: 50px;bottom: -200px;border: solid 1px rgb(76, 91, 110);}.current-lang {background: rgb(76, 91, 110);opacity: .6;}.current-lang span {color: white;}footer .d-flex{padding: 40px 50px;}