@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC");.unfind-data-msg{display:block}.unfind-data-msg p{color:#ff0000;font-weight:600;font-size:24px;text-align:center}.loading{position:fixed;text-align:center;width:100vw;height:100vh;background:rgba(150,150,150,0.3);z-index:100000;top:0px;color:black;display:block}.loading>img{width:300px;margin-top:calc(50vh - 150px)}.pc{display:block}.mb{display:none}::-moz-selection{color:#fff;background:#03328D}::selection{color:#fff;background:#03328D}a,a:visited,a:focus,a:active{color:#03328D;text-decoration:none}a:hover{text-decoration:none}html,h1,h2,h3,h4,h5,h6,p,a{padding:0;margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}iframe{max-width:100% !important}input::-moz-placeholder,textarea::-moz-placeholder{color:#999;font-size:16px}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999;font-size:16px}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999;font-size:16px}.Img,.txt{position:relative;overflow:hidden}.html p{line-height:auto !important}.html p img{padding:15px 0;display:block}.html img{max-width:100% !important;height:auto !important}.btn-default{border:0;outline:0;border-radius:0px;padding:5px 20px;background-color:#EC1551;-webkit-transform:skew(-20deg);transform:skew(-20deg);-webkit-transition:0.2s linear;transition:0.2s linear}.btn-default span{display:block;font-size:20px;font-weight:600;color:#fff;-webkit-transform:skew(20deg);transform:skew(20deg)}.cateBox{padding:0 15px}.cateBox .cate-toggle{display:none;position:relative;font-size:18px;padding:5px 10px;cursor:pointer;border:1px solid #cccccc;background-color:#efefef}.cateBox .cate-toggle i{position:absolute;top:10px;right:10px;font-size:14px}.cateBox .cate_list{font-size:0;padding:0;margin:0;list-style:none}.cateBox .cate_list li{display:inline-block;font-size:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;color:#EC1551;margin-right:15px}.cateBox .cate_list li div{display:block;padding:10px 20px;cursor:pointer}.cateBox .cate_list li.active{color:#fff;background-color:#EC1551;-webkit-transform:skew(-15deg);transform:skew(-15deg)}.cateBox .cate_list li.active div{-webkit-transform:skew(15deg);transform:skew(15deg)}#en-us .cateBox .cate_list{font-size:0;padding:0;margin:0;list-style:none}#en-us .cateBox .cate_list li{display:inline-block;font-size:18px}.itemBox{position:relative;padding:40px 0 20px 0;margin:0 -20px;list-style:none}.itemBox li.col-lg-3{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding:0 20px 40px 20px}.itemBox li.col-lg-3 .item{display:block;color:#202020;border:1px solid transparent;-webkit-transition:0.2s linear;transition:0.2s linear}.itemBox li.col-lg-3 .item:hover{border:1px solid #03328D}.itemBox li.col-lg-3 .item .Img{max-height:230px}.itemBox li.col-lg-3 .item .Img img{max-height:100%;max-height:100%;width:100%}.itemBox li.col-lg-3 .item .txt{padding:10px 5px}.itemBox li.col-lg-3 .item .txt h6{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:24px}.page{text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:0;padding:0;margin:0;list-style:none}.page ul{padding:0;margin:0}.page li{display:inline-block;font-size:18px;vertical-align:middle;margin:0 5px;-webkit-transition:0.2s;transition:0.2s;font-weight:600;color:#03328D}.page li a{display:block;cursor:pointer;padding:10px 15px;color:#03328D}.page li:first-child,.page li:last-child{margin:0 40px}.page li:first-child a,.page li:last-child a{border:1px solid #03328D}.page li.active{background-color:#03328D;-webkit-transform:skew(-10deg);transform:skew(-10deg)}.page li.active a{color:#fff;-webkit-transform:skew(10deg);transform:skew(10deg)}.page li.disabled{opacity:0.25}.wrapperBox{width:1400px;max-width:100%;margin:0 auto;padding-left:15px;padding-right:15px}body{padding:0;margin:0;font-size:16px}body#zh-tw{font-family:"Microsoft JhengHei","Noto Sans TC",sans-serif,Arial}body#en-us{font-family:Arial,sans-serif}header{position:fixed;top:0;left:0;right:0;padding:0;margin:0;background-color:#fff;z-index:9999;height:130px}header.sticky{-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.16);box-shadow:0 2px 2px rgba(0,0,0,0.16)}header .navbar-toggler{position:absolute;top:10px;right:10px;color:#03328D;font-size:30px}header .navbar{z-index:9999;margin:0;padding:12px 0 10px 0;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}header .navbar>.wrapperBox{position:relative}header .navbar>.wrapperBox .navbar-brand{margin:-5px 0 0;padding:0}header .langBox{float:right}header .langBox ul{font-size:0;padding:0;margin:0;list-style:none}header .langBox ul li{display:inline-block;font-size:16px}header .langBox ul li{line-height:1}header .langBox ul li:first-child{margin:0 5px}header .langBox ul li a{display:block;border:1px solid #03328D;padding:8px 5px;-webkit-transition:0.15s linear;transition:0.15s linear}header .langBox ul li a.active,header .langBox ul li a:hover{background-color:#03328D;color:#fff}header #menu{margin:25px 0 0}header #menu.collapse:not(.show){display:block}header #menu ul.mm_lang{display:none;list-style:none;font-size:0;padding:0;margin:0;list-style:none;text-align:center;padding:25px 0 20px 0}header #menu ul.mm_lang li{display:inline-block;font-size:16px}header #menu ul.mm_lang li a{display:block;padding:5px 10px;margin:0 5px;color:#eee;border:1px solid #eee}header #menu ul.mm_lang li a.active{background-color:#EC1551}header #menu .menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center}header #menu .menu li.col{text-align:center;border-left:4px dotted #AEC6F6}header #menu .menu li.col a{position:relative;display:block;padding:0 10px;text-decoration:none;font-size:1.5rem;letter-spacing:4px;color:#03328D;-webkit-transition:0.2s ease;transition:0.2s ease;-ms-transition:0.2s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header #menu .menu li.col a i.fa-sort-down{position:relative;top:-5px;margin-left:10px;font-size:14px}header #menu .menu li.col a:hover,header #menu .menu li.col a.active{color:#EC1551}header #menu .menu li.col a::before{display:inline-block;vertical-align:middle;margin-right:15px}header #menu .menu li.col:first-child>a::before{content:url(../../images/items/top_meun_01.svg)}header #menu .menu li.col:first-child>a.active::before{content:url(../../images/items/top_meun_h_01.svg)}header #menu .menu li.col:first-child:hover a{color:#EC1551}header #menu .menu li.col:first-child:hover a::before{content:url(../../images/items/top_meun_h_01.svg)}header #menu .menu li.col:nth-child(2)>a::before{content:url(../../images/items/top_meun_02.svg)}header #menu .menu li.col:nth-child(2)>a.active::before{content:url(../../images/items/top_meun_h_02.svg)}header #menu .menu li.col:nth-child(2):hover a{color:#EC1551}header #menu .menu li.col:nth-child(2):hover a::before{content:url(../../images/items/top_meun_h_02.svg)}header #menu .menu li.col:nth-child(3)>a::before{content:url(../../images/items/top_meun_03.svg)}header #menu .menu li.col:nth-child(3)>a.active::before{content:url(../../images/items/top_meun_h_03.svg)}header #menu .menu li.col:nth-child(3):hover a{color:#EC1551}header #menu .menu li.col:nth-child(3):hover a::before{content:url(../../images/items/top_meun_h_03.svg)}header #menu .menu li.col:last-child{border-right:4px dotted #AEC6F6}header #menu .menu li.col:last-child>a::before{content:url(../../images/items/top_meun_04.svg)}header #menu .menu li.col:last-child>a.active::before{content:url(../../images/items/top_meun_h_04.svg)}header #menu .menu li.col:last-child:hover a{color:#EC1551}header #menu .menu li.col:last-child:hover a::before{content:url(../../images/items/top_meun_h_04.svg)}header #menu .menu li.col ul.sub-menu{list-style:none;position:absolute;top:100%;left:0;border:none;border-radius:0px;width:100%;padding:0;background-color:#fff;-webkit-box-shadow:0px 15px 10px -15px rgba(0,0,0,0.2);box-shadow:0px 15px 10px -15px rgba(0,0,0,0.2);display:none}header #menu .menu li.col ul.sub-menu li.sub{padding:0 20px;text-align:left}header #menu .menu li.col ul.sub-menu li.sub>a{color:#03328D;padding:10px 0;-webkit-transition:0.2s ease;transition:0.2s ease;-ms-transition:0.2s ease}header #menu .menu li.col ul.sub-menu li.sub>a::before{display:none}header #menu .menu li.col ul.sub-menu li.sub>a:hover{color:#EC1551}header #menu .menu li.col ul.sub-menu li.sub:not(:last-child) a{border-bottom:1px solid #ebe9ea}header #menu .menu li.col ul.sub-menu li.sub.active>a{color:#EC1551}#en-us header #menu .menu li.col a{font-size:1.313rem;letter-spacing:2px}main.containerBox{position:relative;min-height:100vh;margin-top:130px}main.containerBox .bannerBox{background-image:url("../../images/bg/section_bg.jpg");background-position:center bottom;background-repeat:no-repeat;background-color:#fff}main.containerBox .bannerBox h1{display:block;color:#202020;font-size:30px;font-weight:400;letter-spacing:4px;line-height:200px}main.containerBox .bannerBox h1 span{display:inline-block;line-height:1}main.containerBox .bannerBox h1 span::after{content:'';display:block;width:60%;border-bottom:3px dotted #EC1551;margin:15px 0 0 2px}@media (max-width: 992px){main.containerBox .bannerBox h1{font-size:28px;line-height:150px}}@media (max-width: 576px){main.containerBox .bannerBox h1{line-height:110px}main.containerBox .bannerBox h1 span::after{margin:10px 0 0 2px}}main.containerBox .content{padding:40px 0 80px 0}footer{background:#202020}footer .wrapperBox{position:relative;line-height:1}footer .wrapperBox .cr{font-size:16px;color:#dfe5f1;text-align:center;line-height:50px}footer .wrapperBox .cr a{color:#767677;display:inline-block;margin-left:10px}main#index{background:url(../../images/bg/home_bottom_bg.svg) center bottom no-repeat}main#index .homeTitle{text-align:center;position:relative;color:#202020;font-size:30px;font-weight:400;letter-spacing:4px;z-index:1}main#index .homeTitle::before{content:'';display:block;width:0px;height:40px;border-left:4px dotted #EC1551;margin:-20px auto 20px auto}@media (max-width: 1024px){main#index .homeTitle::before{height:30px}}@media (max-width: 576px){main#index .homeTitle{font-size:26px}}main#index .owl-theme .owl-nav{width:100%;position:absolute;top:50%;left:0;font-size:24px;margin:-22px 0 0;z-index:0}main#index .owl-theme .owl-nav button{position:absolute;top:0;width:40px;height:40px;line-height:40px;border-radius:0px;border:1px solid #03328D;outline:none;background:none;padding:0;margin:0;color:#03328D;background-color:#fff}main#index .owl-theme .owl-nav button:hover{opacity:0.8}main#index .owl-theme .owl-nav button.disabled{opacity:0.35}main#index .owl-theme .owl-nav button.owl-prev{left:-60px}main#index .owl-theme .owl-nav button.owl-next{right:-60px}main#index .bannerArea{position:relative;width:100%;padding:0}main#index .bannerArea #sliderBox .owl-item div{position:relative;width:100%;padding:0;margin:0}main#index .bannerArea #sliderBox .owl-item div>img{width:100%;height:100%;max-height:800px}main#index .prodArea{padding:0 0 70px 0}main#index .prodArea>.wrapperBox{text-align:center}main#index .prodArea>.wrapperBox .homeTitle span{display:inline-block;padding:20px 0}main#index .prodArea>.wrapperBox .slideBox{position:relative;padding:40px 0 20px 0;margin:0;list-style:none}main#index .prodArea>.wrapperBox .slideBox .items{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding:0 0 30px 0}main#index .prodArea>.wrapperBox .slideBox .items .item{display:block;color:#202020;border:1px solid transparent;-webkit-transition:0.2s linear;transition:0.2s linear}main#index .prodArea>.wrapperBox .slideBox .items .item:hover{border:1px solid #03328D}main#index .prodArea>.wrapperBox .slideBox .items .item .Img{max-height:230px}main#index .prodArea>.wrapperBox .slideBox .items .item .Img img{max-height:100%;max-height:100%;width:100%}main#index .prodArea>.wrapperBox .slideBox .items .item .txt{padding:10px 5px}main#index .prodArea>.wrapperBox .slideBox .items .item .txt h6{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:24px}main#index .prodArea>.wrapperBox .moreBtn{padding:5px 40px}main#index .aboutArea{background:#e5ecf9 url("../../images/bg/home_about_bg.jpg") bottom center no-repeat}main#index .aboutArea>.wrapperBox{padding-left:40px;padding-right:40px}main#index .aboutArea>.wrapperBox .pic{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;margin:60px 0 40px 0;background-color:#AEC6F6}main#index .aboutArea>.wrapperBox .pic .Img{position:relative;margin:-10px 10px 10px -10px}main#index .aboutArea>.wrapperBox .pic .Img img{max-height:100%;width:100%}main#index .aboutArea>.wrapperBox .desp{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding-left:60px;text-align:center}main#index .aboutArea>.wrapperBox .desp .homeTitle span{display:inline-block;padding:10px 0 0}main#index .aboutArea>.wrapperBox .desp .txt{margin:30px 0 40px 0;line-height:2;font-weight:600;max-height:128px}main#index .aboutArea>.wrapperBox .desp .moreBtn{padding:5px 40px;border:1px solid #EC1551;background-color:transparent}main#index .aboutArea>.wrapperBox .desp .moreBtn span{color:#EC1551}main#index .contactArea{padding:60px 0}main#index .contactArea>.wrapperBox{height:680px;background:url(../../images/bg/global_map.png) top 130px center no-repeat;text-align:center}main#index .contactArea>.wrapperBox .homeTitle span{display:inline-block;padding-top:10px}main#index .contactArea>.wrapperBox .slideBox{max-width:650px;margin:130px auto 0 auto}main#index .contactArea>.wrapperBox .slideBox.owl-theme .owl-nav button.owl-prev{left:-90px}main#index .contactArea>.wrapperBox .slideBox.owl-theme .owl-nav button.owl-next{right:-90px}main#index .contactArea>.wrapperBox .slideBox .items{background-color:#03328D;-webkit-transform:skew(-15deg);transform:skew(-15deg);margin:0 20px;border:1px solid transparent;-webkit-transition:all 0.2s linear;transition:all 0.2s linear}main#index .contactArea>.wrapperBox .slideBox .items .item{display:block;color:#fff;font-size:30px;font-weight:600;text-align:center;padding:15px 10px;letter-spacing:4px;-webkit-transform:skew(15deg);transform:skew(15deg)}main#index .contactArea>.wrapperBox .slideBox .items:hover{border:1px solid #03328D;background-color:#fff}main#index .contactArea>.wrapperBox .slideBox .items:hover .item{color:#03328D}main#index .contactArea>.wrapperBox .goBtn{margin:70px 0 0}main#index .contactArea>.wrapperBox .goBtn span{position:relative;display:block;font-size:20px;letter-spacing:6px;padding:5px 10px}main#index .recruitArea{text-align:center}main#index .recruitArea>.wrapperBox .homeTitle span{display:inline-block;padding:30px 0 0}main#index .recruitArea>.wrapperBox .goBtn{margin:60px 0 100px 0}main#index .recruitArea>.wrapperBox .goBtn span{position:relative;display:block;font-size:30px;letter-spacing:10px;padding:5px 180px}main#index .recruitArea>.wrapperBox .goBtn span::after{content:"";display:inline-block;font-family:'Font Awesome\ 5 Free';font-weight:bold;font-size:inherit;text-rendering:auto;position:absolute;top:5px;right:0;color:#fff;font-size:30px;-webkit-transition:0.2s linear;transition:0.2s linear}#en-us main#index .contactArea>.wrapperBox .slideBox .items .item{font-size:18px}#en-us main#index .contactArea>.wrapperBox .goBtn{margin:70px 0 0}#en-us main#index .contactArea>.wrapperBox .goBtn span{position:relative;display:block;font-size:20px;letter-spacing:6px;padding:5px 10px}main#aboutPage .content>.wrapperBox .brief{border-bottom:1px solid #AEC6F6}main#aboutPage .content>.wrapperBox .brief h3.slogn-title{color:#202020;font-size:30px;font-weight:400;letter-spacing:10px}@media (max-width: 576px){main#aboutPage .content>.wrapperBox .brief h3.slogn-title{font-size:26px}}main#aboutPage .content>.wrapperBox .brief h3.slogn-title br{display:none}main#aboutPage .content>.wrapperBox .brief .txt{padding:30px 0;font-size:20px}main#aboutPage .content>.wrapperBox section.row{padding:30px 0}main#aboutPage .content>.wrapperBox section.row .st{color:#202020;font-size:30px;font-weight:400}@media (max-width: 576px){main#aboutPage .content>.wrapperBox section.row .st{font-size:26px}}main#aboutPage .content>.wrapperBox section.row .st span{display:inline-block;line-height:1}main#aboutPage .content>.wrapperBox section.row .st span::after{content:'';display:block;width:60%;border-bottom:3px dotted #EC1551;margin:10px 0 0 2px}main#aboutPage .content>.wrapperBox section.row .desp{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding-right:30px}main#aboutPage .content>.wrapperBox section.row .desp .txt{padding:15px 0 30px 0}main#aboutPage .content>.wrapperBox section.row .pic{position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding:0 10px 0 30px}main#aboutPage .content>.wrapperBox section.row .pic .Img_bg{position:relative}main#aboutPage .content>.wrapperBox section.row .pic .Img_bg::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:10px -10px -10px 10px;background-color:#AEC6F6;z-index:-1}main#aboutPage .content>.wrapperBox section.row .pic .Img{display:block}main#aboutPage .content>.wrapperBox section.row .pic .Img img{max-height:100%;width:100%}main#gridPage .content{padding:40px 0 80px 0}main#prodDetail .content .top>.wrapperBox .left{position:relative;overflow:hidden}main#prodDetail .content .top>.wrapperBox .left img{max-width:100%}main#prodDetail .content .top>.wrapperBox .left #owl-prod .Img{display:block}main#prodDetail .content .top>.wrapperBox .left #owl-prod .owl-dots{position:relative;width:100%;margin:0;padding:20px 0 0;text-align:left}main#prodDetail .content .top>.wrapperBox .left #owl-prod .owl-dots .owl-dot{outline:none;background:none;border-radius:99em;border:solid 1px #EC1551;width:20px;height:20px;margin:0 15px 0 0}main#prodDetail .content .top>.wrapperBox .left #owl-prod .owl-dots .owl-dot span{display:none}main#prodDetail .content .top>.wrapperBox .left #owl-prod .owl-dots .owl-dot.active{background-color:#EC1551}main#prodDetail .content .top>.wrapperBox article.right{padding:0 0 0 40px}main#prodDetail .content .top>.wrapperBox article.right h3{font-size:26px;padding-bottom:15px;border-bottom:1px solid #AEC6F6;letter-spacing:4px;font-weight:400;word-break:break-all}main#prodDetail .content .top>.wrapperBox article.right .brief{font-weight:600;line-height:1.5;padding:20px 0}main#prodDetail .content .bottom{margin-top:100px;text-align:center}main#prodDetail .content .bottom .desc h3{position:relative;text-align:left;color:#AEC6F6}main#prodDetail .content .bottom .desc h3 span{font-size:26px;background-color:#fff;padding:10px 20px 10px 0;letter-spacing:4px}main#prodDetail .content .bottom .desc h3::before{content:'';width:100%;height:1px;position:absolute;left:0;top:50%;margin-top:-1px;background-color:#AEC6F6;z-index:-1}main#prodDetail .content .bottom .desc .txt{padding:40px 0 100px 0;text-align:left;font-weight:600}main#prodDetail .content .bottom .backBtn{padding:5px 50px}main#recruitPage .content>.wrapperBox .brief{border-bottom:1px solid #AEC6F6;padding-bottom:20px;margin-bottom:20px}main#recruitPage .content>.wrapperBox .brief h3.slogn-title{color:#202020;font-size:30px;font-weight:400;letter-spacing:10px}@media (max-width: 576px){main#recruitPage .content>.wrapperBox .brief h3.slogn-title{font-size:26px}}main#recruitPage .content>.wrapperBox .brief .txt{padding:20px 0;font-size:20px}main#recruitPage .content>.wrapperBox .brief .goBtn{margin-left:15px;letter-spacing:10px}main#recruitPage .content>.wrapperBox .brief .goBtn span{font-weight:400}main#recruitPage .content>.wrapperBox .downloadBox{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding-right:40px}main#recruitPage .content>.wrapperBox .downloadBox ul.link{padding:0;margin:0;list-style:none}main#recruitPage .content>.wrapperBox .downloadBox ul.link li{margin-bottom:20px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li h6{position:relative;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:20px 70px 20px 40px;border-left:5px solid #EC1551;font-size:20px;font-weight:400;background-color:#f5f5fa;cursor:pointer;-webkit-transition:0.2s linear;transition:0.2s linear}main#recruitPage .content>.wrapperBox .downloadBox ul.link li h6::after{content:url("../../images/items/arrow_down_01.svg");position:absolute;top:20px;right:20px;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:0.2s linear;transition:0.2s linear}main#recruitPage .content>.wrapperBox .downloadBox ul.link li h6:hover{background-color:#EC1551;color:#fff}main#recruitPage .content>.wrapperBox .downloadBox ul.link li h6:hover::after{content:url("../../images/items/arrow_down_02.svg")}main#recruitPage .content>.wrapperBox .downloadBox ul.link li.active h6{background-color:#EC1551;color:#fff}main#recruitPage .content>.wrapperBox .downloadBox ul.link li.active h6::after{content:url("../../images/items/arrow_down_02.svg");-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}main#recruitPage .content>.wrapperBox .downloadBox ul.link li .scut{display:none;padding-bottom:20px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li .scut .txt{font-size:20px;font-weight:400;padding:15px 10px 30px 10px;color:#706c6c}main#recruitPage .content>.wrapperBox .downloadBox ul.link li .scut .moreBtn{margin-left:15px;padding:5px 40px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li .scut .moreBtn span{font-weight:400}main#recruitPage .content>.wrapperBox .desp{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;border-top:5px solid #EC1551}main#recruitPage .content>.wrapperBox .desp .txt{font-size:20px;font-weight:400;color:#706c6c;padding:10px;background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px transparent,
 0 0 1px #f5f5fa;box-shadow:inset 0 0 0 1px transparent,
 0 0 1px #f5f5fa;line-height:1.6}main#contactPage .content .mapBox{display:block;margin-bottom:20px}main#contactPage .content .mapBox>.wrapperBox .googlemap{height:520px;background:#202020}main#contactPage .content .mapBox>.wrapperBox .googlemap a[href^="https://maps.google.com/maps"]{display:none !important}main#contactPage .content .mapBox>.wrapperBox .googlemap .gm-style-cc,main#contactPage .content .mapBox>.wrapperBox .googlemap .gm-style-mtc{display:none !important}main#contactPage .content .wrapperBox .cateBox{padding:20px 15px;border-bottom:1px solid #AEC6F6}main#contactPage .content .wrapperBox .contact-list{padding:25px 0 0;margin:0;list-style:none}main#contactPage .content .wrapperBox .contact-list li{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;border:1px solid #AEC6F6;padding:20px 0}main#contactPage .content .wrapperBox .contact-list li:not(:last-child){margin-bottom:25px}main#contactPage .content .wrapperBox .contact-list li .title{padding:0 20px}main#contactPage .content .wrapperBox .contact-list li .title h6{position:relative;padding-left:65px;margin-top:10px;font-size:20px;font-weight:600;color:#03328D}main#contactPage .content .wrapperBox .contact-list li .title h6::before{content:'';position:absolute;top:10px;left:10px;width:35px;height:0px;border-top:4px dotted #EC1551}main#contactPage .content .wrapperBox .contact-list li .info{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding:0 20px;border-left:1px solid #AEC6F6}main#contactPage .content .wrapperBox .contact-list li .info p{color:#3B3A36;font-size:20px;margin-bottom:10px}@media (max-width: 1500px){main#index .owl-theme .owl-nav{font-size:20px;margin:-18px 0 0}main#index .owl-theme .owl-nav button{width:30px;height:30px;line-height:30px}main#index .owl-theme .owl-nav button.owl-prev{left:-15px}main#index .owl-theme .owl-nav button.owl-next{right:-15px}main#index .prodArea>.wrapperBox{padding:0 30px}}@media (min-width: 1200px){.btn-default:hover{background-color:#03328D;-webkit-transform:skew(20deg);transform:skew(20deg)}.btn-default:hover span{-webkit-transform:skew(-20deg);transform:skew(-20deg)}}@media (max-width: 1200px){.cateBox{padding:0 10px}.cateBox .cate_list{font-size:0;padding:0;margin:0;list-style:none}.cateBox .cate_list li{display:inline-block;font-size:18px;color:#EC1551;margin-right:5px;margin-bottom:5px}.cateBox .cate_list li div{padding:5px 15px}.itemBox{padding:25px 0 20px 0;margin:0 -10px;list-style:none}.itemBox li.col-lg-3{padding:0 10px 30px 10px}.itemBox li.col-lg-3 .item .txt h6{font-size:20px}.page{font-size:0;padding:0;margin:0;list-style:none}.page li{display:inline-block;font-size:16px;margin:0 2px}.page li a{padding:5px 10px}.page li:first-child,.page li:last-child{margin:0 20px}main#contactPage .content .wrapperBox .cateBox{padding:10px 10px 15px 10px}}@media screen and (min-width: 0px) and (max-width: 1199px){header{height:60px}header .navbar{padding:0}header .navbar>.wrapperBox{padding:0}header .navbar>.wrapperBox .navbar-brand{margin:5px 0 5px 20px;height:50px}header .navbar>.wrapperBox .navbar-brand img{max-width:100%}header .navbar>.wrapperBox .langBox{margin-right:70px;margin-top:12px}header .navbar>.wrapperBox #menu{margin:0;max-height:80vh;overflow-y:auto;background-color:#03328D;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.16);box-shadow:0 2px 2px rgba(0,0,0,0.16)}header .navbar>.wrapperBox #menu.collapse:not(.show){display:none}header .navbar>.wrapperBox #menu .menu{padding:0 0 10px 0}header .navbar>.wrapperBox #menu .menu li.col{display:block;width:100%;padding:0;margin:0;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;border:none}header .navbar>.wrapperBox #menu .menu li.col a{position:relative;color:#fff;padding:15px 0}header .navbar>.wrapperBox #menu .menu li.col a i.fa-sort-down{position:absolute;top:25px;margin-left:10px}header .navbar>.wrapperBox #menu .menu li.col a::before{display:none}header .navbar>.wrapperBox #menu .menu li.col a.active{background-color:#EC1551}header .navbar>.wrapperBox #menu .menu li.col ul.sub-menu{position:relative;background-color:#AEC6F6}header .navbar>.wrapperBox #menu .menu li.col ul.sub-menu li.sub{padding:0;text-align:center}header .navbar>.wrapperBox #menu .menu li.col ul.sub-menu li.sub>a{color:#03328D;padding:10px 0;-webkit-transition:0.2s ease;transition:0.2s ease;-ms-transition:0.2s ease}header .navbar>.wrapperBox #menu .menu li.col ul.sub-menu li.sub:not(:last-child) a{border-bottom:none}header .navbar>.wrapperBox #menu .menu li.col ul.sub-menu li.sub.active>a{color:#EC1551}main.containerBox{margin-top:60px}main#index .contactArea>.wrapperBox{background-size:100% auto}}@media (max-width: 1024px){.btn-default span{font-size:16px !important}main#index .homeTitle{position:relative;color:#202020;font-size:30px;font-weight:400;letter-spacing:4px;z-index:1}main#index .homeTitle::before{content:'';display:block;width:0px;height:40px;border-left:4px dotted #EC1551;margin:-15px auto 15px auto}}@media (max-width: 1024px) and (max-width: 1024px){main#index .homeTitle::before{height:30px}}@media (max-width: 1024px) and (max-width: 576px){main#index .homeTitle{font-size:26px}}@media (max-width: 1024px){main#index .prodArea{padding:0 0 50px 0}main#index .prodArea>.wrapperBox .homeTitle span{padding:10px 0}main#index .prodArea>.wrapperBox .slideBox{padding:20px 0 0}main#index .prodArea>.wrapperBox .slideBox .items .item .txt h6{font-size:20px}main#index .aboutArea>.wrapperBox{padding-left:25px;padding-right:15px}main#index .aboutArea>.wrapperBox .pic{margin:50px 0 40px 0}main#index .aboutArea>.wrapperBox .desp{padding-left:20px}main#index .aboutArea>.wrapperBox .desp .homeTitle span{padding:10px 0 0}main#index .aboutArea>.wrapperBox .desp .txt{margin:20px 0 25px 0}main#index .contactArea{padding:50px 0}main#index .contactArea>.wrapperBox{background-position:top 100px center}main#index .contactArea>.wrapperBox .slideBox{margin:100px auto 0 auto}main#index .contactArea>.wrapperBox .slideBox .items .item{font-size:24px}main#index .recruitArea>.wrapperBox .homeTitle span{padding:10px 0 0}main#index .recruitArea>.wrapperBox .goBtn span{font-size:24px !important;padding:5px 150px}main#index .recruitArea>.wrapperBox .goBtn span::after{font-size:24px}main#prodDetail .content .top>.wrapperBox .left{position:relative;overflow:hidden}main#prodDetail .content .top>.wrapperBox .left img{max-width:100%;width:100%}main#prodDetail .content .top>.wrapperBox .left #owl-prod .owl-dots{padding:15px 0 0}main#prodDetail .content .top>.wrapperBox .left #owl-prod .owl-dots .owl-dot{width:16px;height:16px;margin:0 12px 0 0}main#prodDetail .content .top>.wrapperBox article.right{padding:0 0 0 20px}main#prodDetail .content .bottom{margin-top:40px}main#prodDetail .content .bottom .desc .txt{padding:20px 0 80px 0}main#recruitPage .content>.wrapperBox .brief .goBtn span{font-size:18px !important}main#recruitPage .content>.wrapperBox .downloadBox{padding-right:20px}main#contactPage .content{padding:20px 0 80px 0}main#contactPage .content .mapBox>.wrapperBox{padding:0}main#contactPage .content .mapBox>.wrapperBox .googlemap{height:360px}}@media screen and (min-width: 0px) and (max-width: 991px){main.containerBox .content{padding:20px 0 60px 0}main#index .aboutArea{padding:0 0 40px 0}main#index .aboutArea>.wrapperBox{padding-left:15px;padding-right:15px}main#index .aboutArea>.wrapperBox .pic{position:relative;padding:0 10px 0 0;margin:40px 0 10px 0;background-color:transparent;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}main#index .aboutArea>.wrapperBox .pic::after{content:'';position:absolute;top:10px;right:0;width:calc(100% - 20px);height:100%;background-color:#AEC6F6;z-index:0}main#index .aboutArea>.wrapperBox .pic .Img{z-index:1;margin:0;max-height:100%}main#index .aboutArea>.wrapperBox .desp{padding-left:0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}main#index .aboutArea>.wrapperBox .desp .homeTitle span{padding:10px 0 0}main#index .aboutArea>.wrapperBox .desp .txt{margin:20px 0 30px 0}main#index .contactArea{padding:50px 0 20px 0}main#index .contactArea>.wrapperBox{background-position:top 100px center}main#index .contactArea>.wrapperBox .slideBox{max-width:480px;margin:60px auto 0 auto}main#index .contactArea>.wrapperBox .slideBox.owl-theme .owl-nav button.owl-prev{left:-50px}main#index .contactArea>.wrapperBox .slideBox.owl-theme .owl-nav button.owl-next{right:-50px}main#index .contactArea>.wrapperBox .slideBox .items{margin:0 10px}main#index .contactArea>.wrapperBox .slideBox .items .item{font-size:24px;padding:10px}main#index .contactArea>.wrapperBox .goBtn{margin:60px 0 0}main#index .recruitArea>.wrapperBox .homeTitle span{padding:10px 0 0}main#index .recruitArea>.wrapperBox .goBtn{margin:40px 0 100px 0}main#index .recruitArea>.wrapperBox .goBtn span{font-size:26px;padding:5px 100px}main#index .recruitArea>.wrapperBox .goBtn span::after{font-size:26px}main#aboutPage .content>.wrapperBox .brief h3.slogn-title{letter-spacing:2px}main#aboutPage .content>.wrapperBox .brief .txt{padding:20px 0 25px 0;font-size:18px}main#aboutPage .content>.wrapperBox section.row{padding:25px 0 35px 0}main#aboutPage .content>.wrapperBox section.row .desp,main#aboutPage .content>.wrapperBox section.row .pic{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;padding:0}main#aboutPage .content>.wrapperBox section.row .desp .txt{padding:15px 0 20px 0}main#aboutPage .content>.wrapperBox section.row .pic .Img_bg{max-width:540px;margin:0 auto}main#gridPage .content{padding:20px 0 80px 0}main#prodDetail .content .top>.wrapperBox .left #owl-prod .owl-dots{text-align:center}main#prodDetail .content .top>.wrapperBox article.right{padding:30px 0 0}main#prodDetail .content .bottom{margin-top:20px}main#prodDetail .content .bottom .desc .txt{padding:20px 0 60px 0}main#recruitPage .content>.wrapperBox .brief{margin-bottom:0}main#recruitPage .content>.wrapperBox .brief h3.slogn-title{letter-spacing:2px}main#recruitPage .content>.wrapperBox .downloadBox{padding-right:0px;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}main#recruitPage .content>.wrapperBox .downloadBox ul.link li{margin-bottom:15px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li h6{font-size:18px;padding:15px 70px 15px 20px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li h6::after{top:15px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li .scut{padding-bottom:10px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li .scut .txt{font-size:18px;padding:15px 10px 20px 10px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li .scut .moreBtn{margin-left:15px;padding:5px 30px}main#recruitPage .content>.wrapperBox .downloadBox ul.link li .scut .moreBtn span{font-size:18px;font-weight:400}main#recruitPage .content>.wrapperBox .desp{border:none;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-bottom:20px}main#recruitPage .content>.wrapperBox .desp .txt{font-size:18px}main#contactPage .content .wrapperBox .contact-list li{padding:15px 0}main#contactPage .content .wrapperBox .contact-list li .title{padding:0 15px}main#contactPage .content .wrapperBox .contact-list li .title h6{padding-left:50px;margin-top:0}main#contactPage .content .wrapperBox .contact-list li .title h6::before{left:0}main#contactPage .content .wrapperBox .contact-list li .info{padding:0 15px}main#contactPage .content .wrapperBox .contact-list li .info p{font-size:18px;margin-bottom:5px}}@media screen and (min-width: 0px) and (max-width: 767px){main#contactPage .content .wrapperBox .contact-list li{padding:15px}main#contactPage .content .wrapperBox .contact-list li .title{padding:0 0 15px 0;border-bottom:1px solid #AEC6F6}main#contactPage .content .wrapperBox .contact-list li .title h6{padding-left:50px;margin-top:0}main#contactPage .content .wrapperBox .contact-list li .title h6::before{left:0}main#contactPage .content .wrapperBox .contact-list li .info{padding:15px 0 0;border-left:none}main#contactPage .content .wrapperBox .contact-list li .info p{font-size:18px;margin-bottom:5px}}@media (max-width: 576px){header .navbar-toggler{right:0px}header .navbar>.wrapperBox .navbar-brand{height:30px;margin:10px 0 20px 10px}header .navbar>.wrapperBox .navbar-brand img{max-height:100%}header .navbar>.wrapperBox .langBox{display:none}header .navbar>.wrapperBox #menu ul.mm_lang{display:block}footer .wrapperBox .cr{font-size:14px;padding:20px 0;line-height:1.5}footer .wrapperBox .cr span,footer .wrapperBox .cr a{display:block}footer .wrapperBox .cr a{font-size:14px;margin-left:0;margin-top:10px}.cateBox{padding:0}.cateBox .cate-toggle{display:block}.cateBox .cate_list{display:none;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc}.cateBox .cate_list.active{display:block}.cateBox .cate_list li{display:block;margin-right:0;margin-bottom:0}.cateBox .cate_list li:not(:last-child){border-bottom:1px solid #cccccc}.cateBox .cate_list li.active{color:#fff;background-color:#EC1551;-webkit-transform:skew(0deg);transform:skew(0deg)}.cateBox .cate_list li.active div{-webkit-transform:skew(0deg);transform:skew(0deg)}main#index .contactArea{padding:45px 0 20px 0}main#index .contactArea>.wrapperBox .slideBox{max-width:375px;margin:50px auto 0 auto}main#index .contactArea>.wrapperBox .slideBox .items{margin:0 10px}main#index .contactArea>.wrapperBox .slideBox .items .item{font-size:24px;padding:10px}main#index .contactArea>.wrapperBox .goBtn{margin:50px 0 0}main#index .contactArea>.wrapperBox .goBtn span{font-size:18px}main#contactPage .content .wrapperBox .cateBox{padding:10px 0 0;border-bottom:none}main#contactPage .content .wrapperBox .contact-list{padding:25px 0 0}}@media (max-width: 480px){main#index .contactArea>.wrapperBox .slideBox{max-width:320px;margin:30px auto 0 auto}main#index .contactArea>.wrapperBox .slideBox.owl-theme .owl-nav button.owl-prev{left:-10px}main#index .contactArea>.wrapperBox .slideBox.owl-theme .owl-nav button.owl-next{right:-10px}main#index .contactArea>.wrapperBox .slideBox .items{margin:0 50px}main#index .contactArea>.wrapperBox .slideBox .items .item{font-size:20px;padding:10px}main#index .contactArea>.wrapperBox .goBtn{margin:40px 0 0}main#index .contactArea>.wrapperBox .goBtn span{padding:0px;letter-spacing:4px;font-size:16px}main#index .recruitArea>.wrapperBox .goBtn{margin:40px 0 100px 0}main#index .recruitArea>.wrapperBox .goBtn span{font-size:24px;letter-spacing:4px;padding:0px 60px}main#index .recruitArea>.wrapperBox .goBtn span::after{font-size:24px;top:0}main#aboutPage .content>.wrapperBox .brief h3.slogn-title br{display:block}main#aboutPage .content>.wrapperBox section.row .pic .Img_bg::after{margin:5px -5px -5px 5px}}