@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css');@font-face{font-family:'Roboto';font-style:normal;font-weight:300;src:local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc9.ttf) format('truetype')}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype')}h1{font-size:2.5rem;font-weight:lighter;line-height:1}h2{font-size:2.5rem;font-weight:lighter;line-height:1}h3{font-size:2.5rem;font-weight:lighter;line-height:1}h4{font-size:1.7rem;font-weight:lighter;line-height:1.6}h5{font-size:1.3rem;font-weight:lighter;line-height:1.2}h6{font-size:1rem;font-weight:lighter;line-height:1}p{font-size:1.3rem;font-weight:lighter;line-height:1.8;letter-spacing:.1rem}p .bold{font-weight:bold}p .italic{font-style:italic}a{text-decoration:none}@font-face{font-family:nanyaFont;src:url(../font/nanya.TTF)}#intro{width:100%;overflow:hidden;opacity:0}#intro .captions{display:block;height:100%}#intro .captions li{display:block;position:absolute;left:50%;top:50%;opacity:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:20px 25px;background-color:rgba(255, 255, 255, 0.8)}#intro .captions li h2{font-family:nanyaFont;text-shadow:0 0 15px #ffffff}#intro .captions li h3{margin-bottom:20px;text-shadow:0 0 15px #ffffff}#intro .captions li h4{color:#333;font-size:2rem;line-height:1.4;letter-spacing:1px;text-shadow:0 0 15px #ffffff}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:1200px){#intro .captions li h2{font-size:6rem}#intro .captions li h3{font-size:2rem;margin-top:-10px}}@media only screen and (min-width:768px) and (max-width:991px){#intro .captions li h2{font-size:3.5rem}#intro .captions li h3{font-size:1.3rem}}@media only screen and (max-width:767px){#intro .captions li h2{font-size:3rem;line-height:1}#intro .captions li h3{font-size:1rem;line-height:1;letter-spacing:1;margin-bottom:10px}#intro .captions li h4{font-size:1.5rem}}@media only screen and (max-width:320px){#intro .captions li h2{font-size:2.5rem}}#intro .scroll{position:absolute;z-index:10;left:50%;bottom:0px;width:100px;height:85px;background-color:#1babe0;cursor:pointer;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#intro .scroll span{position:relative;display:block;width:100%;height:100%}#intro .scroll span:before{content:"";display:block;width:57px;height:10px;background-image:url(../images/arrow-white.png);position:absolute;left:50%;top:10px;margin-left:-28px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#intro .scroll span:after{content:"Scroll down";display:block;height:85px;overflow:hidden;color:#FFF;font-size:1rem;text-align:center;line-height:120px;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#intro .scroll span:hover:before{top:16px}@media only screen and (min-width:768px) and (max-width:991px){#intro .scroll{bottom:30px}#intro .scroll span:before{display:none}#intro .scroll span:after{line-height:85px}}@media only screen and (max-width:767px){#intro .scroll{display:none}}.slider-wrap .pager{position:absolute;z-index:10;left:55px;top:50%;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.slider-wrap .pager .pager-item span{display:block;width:8px;height:8px;margin:15px 0;background-color:#FFF;text-indent:-9999px;line-height:8px;overflow:hidden;cursor:pointer}.slider-wrap .pager .pager-item span.active{background-color:#1babe0}@media only screen and (max-width:767px){.slider-wrap .pager{top:inherit;bottom:30px;left:50%;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.slider-wrap .pager .pager-item{display:inline-block}.slider-wrap .pager .pager-item span{margin:0 5px}}.slider-wrap .control-arrows{display:none}.news{height:80px;background-color:#333333}@media only screen and (max-width:767px){.news{height:auto;padding-bottom:30px;text-align:center}}.news .breakpoint h4{position:relative;padding-right:40px;color:#FFF;line-height:80px;display:inline-block;vertical-align:top}.news .breakpoint h4:after{content:"";position:absolute;right:20px;top:50%;display:block;width:1px;height:36px;background-color:#FFF;-webkit-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}@media only screen and (max-width:767px){.news .breakpoint h4:after{display:none}}@media only screen and (max-width:767px){.news .breakpoint h4{display:block;padding-right:0;text-align:center}}.news .breakpoint ul{display:inline-block;width:calc(100% - 173px);height:80px;overflow:hidden;vertical-align:top}@media only screen and (max-width:767px){.news .breakpoint ul{display:block;width:100%;height:auto;overflow:initial}}.news .breakpoint ul li a{color:#FFF;font-size:1.3rem;line-height:80px}.news .breakpoint ul li a:after{content:"";display:block;clear:both}.news .breakpoint ul li a:hover .title{opacity:1}.news .breakpoint ul li a:hover .btn{background-position:right center}.news .breakpoint ul li a .title{float:left;width:calc(100% - 190px);opacity:0.5;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.news .breakpoint ul li a .btn{float:right;padding-right:77px;background-image:url(../images/arrow-white.png);background-repeat:no-repeat;background-position:right 10px center;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.news .breakpoint ul li a .title{width:100%;opacity:1}.news .breakpoint ul li a .btn{display:none}}@media only screen and (max-width:767px){.news .breakpoint ul li a{display:block;line-height:1.4}.news .breakpoint ul li a .title{float:none;line-height:1.4;-o-text-overflow:initial;text-overflow:initial;white-space:initial;overflow:initial}}@media only screen and (max-width:767px){.news .breakpoint ul li{margin:0px 0 0px;display:none}.news .breakpoint ul li:first-child{display:block}}.env{position:relative}.env .pic{position:absolute;left:0;top:0;width:50%;height:100%;background-image:url(../images/index-env-pic.png);-webkit-background-size:cover;-o-background-size:cover;background-size:cover}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.env .pic{position:relative;width:100%;height:30vh}}.env .pic .icon{width:100%;height:100%;background-image:url(../images/index-env-icon.png);background-repeat:no-repeat;background-position:center}.env .breakpoint:after{content:"";display:block;clear:both}.env .breakpoint .content{width:50%;padding-top:180px;padding-bottom:140px;padding-left:60px;padding-right:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:right}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.env .breakpoint .content{width:100%;padding-top:60px;padding-bottom:70px;padding-left:30px;padding-right:30px}}@media only screen and (max-width:767px){.env .breakpoint .content{padding:40px 0}}.env .breakpoint .content:after{content:"";display:block;clear:both}.env .breakpoint .content h4{color:#000;font-size:2.8rem;line-height:1.4;margin-bottom:25px}.env .breakpoint .content h4 span{color:#004d96}@media only screen and (max-width:767px){.env .breakpoint .content h4{font-size:2rem;margin-bottom:10px}}.env .breakpoint .content p{color:#808080;padding-left:50px;line-height:1.8}@media only screen and (max-width:767px){.env .breakpoint .content p{padding-left:0}}.env .breakpoint .content a{float:right;color:#004d96;font-size:1.3rem;margin-top:30px;padding-right:77px;background-image:url(../images/arrow-blue.png);background-repeat:no-repeat;background-position:right 10px center;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.env .breakpoint .content a:hover{background-position:right center}@media only screen and (min-width:992px) and (max-width:1199px){.product{height:745px;overflow:hidden}}.product .title{color:#FFF;font-size:2.5rem;line-height:110px;text-align:center;background-color:#333333}.product .catalog{background-color:#333333}.product .catalog ul.lv1:after{content:"";display:block;clear:both}.product .catalog ul.lv1>li{float:left;display:table;vertical-align:middle;width:calc(100% / 5);height:635px;background-position:center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .catalog ul.lv1>li.p1{background-image:url(../images/index-product-p1.png)}.product .catalog ul.lv1>li.p1:before{background-image:url(../images/index-product-p1.png)}.product .catalog ul.lv1>li.p2{background-image:url(../images/index-product-p2.png)}.product .catalog ul.lv1>li.p2:before{background-image:url(../images/index-product-p2.png)}.product .catalog ul.lv1>li.p3{background-image:url(../images/index-product-p3.png)}.product .catalog ul.lv1>li.p3:before{background-image:url(../images/index-product-p3.png)}.product .catalog ul.lv1>li.p4{background-image:url(../images/index-product-p4.png)}.product .catalog ul.lv1>li.p4:before{background-image:url(../images/index-product-p4.png)}.product .catalog ul.lv1>li.p5{background-image:url(../images/index-product-p5.png)}.product .catalog ul.lv1>li.p5:before{background-image:url(../images/index-product-p5.png)}.product .catalog ul.lv1>li .box{position:relative;display:table-cell;vertical-align:middle;padding-left:30px;padding-right:30px;padding-top:55px;padding-bottom:60px;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .catalog ul.lv1>li .box .overlay{display:block;position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-color:#333333;opacity:0.6;-webkit-transform:translate(0);-moz-transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .catalog ul.lv1>li .box h3{position:relative;z-index:5;color:#FFF;font-size:1.6rem;line-height:1.2;text-align:center;padding-bottom:0px;margin-bottom:0px;border-bottom:1px solid transparent;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .catalog ul.lv1>li .box p{display:none;position:relative;z-index:5;color:#FFF;font-size:1.2rem;line-height:1.5;margin-bottom:30px;opacity:0;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .catalog ul.lv1>li .box .lv2{display:none;position:relative;z-index:5;opacity:0;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .catalog ul.lv1>li .box .lv2 li a{display:block;width:calc(100% - 40px);min-width:140px;max-width:180px;margin:0 auto;margin-bottom:10px;border:1px solid #FFF;background-color:transparent;color:#FFF;font-size:1.1rem;line-height:20px;padding-top:5px;padding-bottom:5px;text-align:center;letter-spacing:1px;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .catalog ul.lv1>li .box .lv2 li a:hover{background-color:#FFF;color:#333333;font-weight:normal}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.product .catalog ul.lv1>li{float:none;width:100%!important;height:inherit}.product .catalog ul.lv1>li:after{content:"";display:block;clear:both}.product .catalog ul.lv1>li .box{float:right;display:block;height:100%;width:calc(50% - 60px);padding:30px 30px}.product .catalog ul.lv1>li .box h3{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #FFF}.product .catalog ul.lv1>li .box p{display:block;opacity:1;padding-left:30px;padding-right:30px}.product .catalog ul.lv1>li .box .lv2{display:block;opacity:1;text-align:center}.product .catalog ul.lv1>li .box .lv2 li{display:inline-block;margin-left:5px;margin-right:5px}.product .catalog ul.lv1>li .box .lv2 li a{min-width:160px}.product .catalog ul.lv1>li .box .overlay{opacity:.95}.product .catalog ul.lv1>li:nth-child(odd) .box{float:left}}@media only screen and (max-width:767px){.product .catalog ul.lv1>li:before{content:"";display:block;width:100%;height:160px;background-position:center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.product .catalog ul.lv1>li .box{float:none;width:calc(100% - 60px)}.product .catalog ul.lv1>li .box h3{font-size:1.7rem;margin-bottom:10px}.product .catalog ul.lv1>li .box p{font-size:1.2rem;padding-left:15px;padding-right:15px}.product .catalog ul.lv1>li .box .overlay{opacity:1}}@media only screen and (max-width:320px){.product .catalog ul.lv1>li .box .lv2 li{display:block}}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:1200px){.product .catalog ul.lv1:hover>li{width:calc((100% - 200px) / 5)}.product .catalog ul.lv1:hover>li:hover{width:calc((100% - 200px) / 5 + 80px);padding-left:60px;padding-right:60px}.product .catalog ul.lv1:hover>li:hover .overlay{left:50%;top:50%;width:100%;height:calc(100% - 300px);background-color:#333333;padding-top:55px;padding-bottom:60px;opacity:1;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.product .catalog ul.lv1:hover>li:hover h3{padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #FFF}.product .catalog ul.lv1:hover>li:hover p,.product .catalog ul.lv1:hover>li:hover ul.lv2{display:block;opacity:1}}.tech{position:relative}.tech .pic{position:absolute;right:0;top:0;width:50%;height:100%;background-image:url(../images/index-tech-pic.png);-webkit-background-size:cover;-o-background-size:cover;background-size:cover}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.tech .pic{position:relative;width:100%;height:30vh}}.tech .pic .icon{width:100%;height:100%;background-image:url(../images/index-tech-icon.png);background-repeat:no-repeat;background-position:center}.tech .breakpoint:after{content:"";display:block;clear:both}.tech .breakpoint .content{width:50%;padding-top:180px;padding-bottom:140px;padding-left:60px;padding-right:60px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.tech .breakpoint .content{width:100%;padding-top:60px;padding-bottom:70px;padding-left:30px;padding-right:30px}}@media only screen and (max-width:767px){.tech .breakpoint .content{padding:40px 0}}.tech .breakpoint .content:after{content:"";display:block;clear:both}.tech .breakpoint .content h4{color:#000;font-size:2.5rem;line-height:1.4;margin-bottom:25px}.tech .breakpoint .content h4 span{color:#004d96}@media only screen and (max-width:767px){.tech .breakpoint .content h4{font-size:2rem;margin-bottom:10px}}.tech .breakpoint .content p{color:#808080;padding-left:50px;line-height:1.8}@media only screen and (max-width:767px){.tech .breakpoint .content p{padding-left:0}}.tech .breakpoint .content a{float:right;color:#004d96;font-size:1.3rem;margin-top:30px;padding-right:77px;background-image:url(../images/arrow-blue.png);background-repeat:no-repeat;background-position:right 10px center;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.tech .breakpoint .content a:hover{background-position:right center}
.news .breakpoint h4{ font-weight: bolder;}
.news .breakpoint ul li a .title {opacity: 1;}
.news .breakpoint ul li a:hover .title {color: #ffca46;}
.news .breakpoint ul li a {color: #FFF;}