@charset "utf-8";@import https://fonts.googleapis.com/css?family=Lato:100,400,900;@import https://fonts.googleapis.com/css?family=Monda:400,700;body,html{height:100%}body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333}a{color:#000;text-decoration:none}a:hover{color:#777;text-decoration:none;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}*,::before,::after{-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}.input1,.textarea,.select{background:#FFF;border:1px solid #CCC;font-family:'Lato','微軟正黑體',sans-serif;font-size:15px;line-height:1.1;color:#555}.input1:focus,.textarea:focus,.select:focus{border:1px solid #000}hr{height:1px;background:#CCC}.white{color:#FFF}.gray{color:#999}.black{color:#000}.blue{color:#0097de}.red{color:#be0000}.green{color:#19a568}.orange{color:#F60}.yellow{color:#FF0}.purple{color:#63C}.brown{color:#6e453c}#goTop{border:1px solid #227c86;color:#227c86;background:#FFF;text-align:center;position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;font-family:Verdana,Geneva,sans-serif;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}#goTop:hover{background:#227c86;color:#FFF}.btn-style{display:inline-block;z-index:1;position:relative;margin:30px 0}.btn-style:before,.btn-style:after{content:"";width:100%;height:100%;border:5px solid #ff8e00;position:absolute;top:0;left:0;z-index:-1;transition:all .3s ease 0}.btn-style:after{background:#ff8e00}.btn-style:hover:before{top:-7px;left:-7px}.btn-style:hover:after{top:7px;left:7px}.btn-style span{display:block;padding:7px 15px;background:#ff8e00;font-size:20px;color:#fff;text-transform:uppercase;z-index:2;transition:all .3s ease 0}.btn-style:hover span{background:#fff;color:#ff8e00;box-shadow:0 0 15px #909090}.pagination ul{list-style:none;padding-left:0}.pagination li{float:left}.pagination li a{display:block;color:#016974;border:2px solid #016974;width:50px;height:50px;border-radius:100%;margin-right:10px;line-height:50px;text-align:center;padding:0}.pagination .active a,.pagination .active a:focus,.pagination .active a:hover{background-color:#016974;color:#fff;border-color:#016974}.pagination li a:focus,.pagination li a:hover{color:#fff;background-color:#016974;border-color:#016974}.pagination li:first-child a{border-radius:100%}.pagination li:last-child a{margin-right:0;border-radius:100%}.web-bg{background:url(../images/all/bg.png)no-repeat center/cover;background-attachment:fixed}.ix-pro-inner:first-childe{padding-top:0}.ix-pro-inner{padding-top:50px}.carousel{padding-top:85px}.wrapper{padding:125px 0 3em}.header{position:fixed;z-index:99;width:100%}.navbar-toggle{margin-top:20px}.navbar{margin-bottom:0;border-radius:0;border:0}.navbar-brand{height:auto;width:350px}.navbar-brand img{height:55px;margin-right:8px;float:left}.navbar-brand p{margin:6px 0 0;font-size:2.2rem;font-weight:700;color:#016974}.navbar-brand span{display:block;font-size:1.75rem;margin-top:6px}.nav{text-align:right}.nav>li{display:inline-block;text-align:center}.nav>li>a{line-height:55px;padding:15px}header .nav .active{background:#016974;color:#fff}header .nav>li>a:hover{color:#016974}.footer{padding:160px 0 30px;background:url(../images/all/footer.png)no-repeat center top/cover;color:#fff}.footer,.footer a{color:#fff}.footer .infor{float:left;margin-bottom:15px}.footer .infor .companyName{font-size:2.4rem}.footer .infor .companyName span{display:block;font-size:1.4rem}.footer .infor a{display:block}footer ul{float:right;margin-bottom:15px}.copyright{font-size:1.4rem}.btnWrap{margin:2em 0;text-align:center}.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}@media screen and (max-width: 768px){.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}}.banner{height:300px}.carousel{height:29vw}.carousel:hover .carousel-control{display:block}.carousel .item,.carousel .item.active,.carousel .carousel-inner{height:100%}.carousel .fill{width:100%;height:100%;background-position:center bottom;background-size:cover}.carousel .carousel-control{background:none;display:none}.carousel-control .icon-prev::before,.carousel-control .icon-next::before{content:''}.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:60px;margin:-30px 0 0}.carousel-control .icon-prev{background:url(../images/all/control-icon.png) 0 0 no-repeat}.carousel-control .icon-next{background:url(../images/all/control-icon.png) -30px 0 no-repeat}.mj-title{position:relative;text-align:center;font-size:3.6rem;margin:0 0 40px}.mj-title.aa{font-size:2.6rem}.mj-title.aa:after{width:0}.mj-title span{position:absolute;left:50%;top:50%;font-size:3vw;opacity:.1;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-transform:uppercase;font-weight:700;letter-spacing:1rem}.mj-title:before,.mj-title:after{content:'';position:absolute;left:0;right:0;margin:auto;bottom:-15px;width:100px;height:1px;background:#227c86}.mj-title:after{width:10px;height:10px;bottom:-20px}.ix-pro{position:relative;padding:30px 0 0}.ix-pro:before{content:"";position:absolute;left:0;top:0;width:100%;height:200px;background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=0)}.pro-name{position:relative;z-index:1;padding:5px 30px;font-size:2rem}.pro-name:before,.pro-name:after{content:'';z-index:-1;position:absolute;background:#227c86}.pro-name:before{left:0;bottom:0;width:20px;height:60px}.ix-pro [class^=col-]{margin-bottom:30px}.ix-pro [class^=col-] img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);transition:all 3s cubic-bezier(0.165,0.84,0.44,1)}.ix-pro [class^=col-]:hover img{position:relative;z-index:2;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 30px rgba(0,0,0,.3)}.ix-pro [class^=col-]:hover .pro-name{color:#fff}.ix-pro [class^=col-]:hover .pro-name:before{width:100%;height:100%;background:#ff8e00}.about-all .about-l,.about-all .about-r{display:inline-block;vertical-align:top;width:49%}.about-all .about-r{float:right}.about-all .about-r figure{position:relative}.about-all .about-r figure img{position:relative;z-index:10;box-shadow:0 0 30px rgba(0,0,0,.3);margin:0 auto;transition:all 1s}.about-all .about-r figure:after{content:'';position:absolute;right:40px;bottom:-25px;width:5%;height:15%;background:#247c86;z-index:10;transition:all 1s}.about-all .about-l{padding:150px 20px}.about-all .about-l p{font-size:2.1rem;font-weight:700;color:#247c86;position:relative;margin-bottom:25px;padding-bottom:10px}.about-all .about-l span{letter-spacing:3px;display:block}.about-all:hover .about-r figure:after{width:75%;height:95%;z-index:5;right:20px;background:#ff8e00;bottom:-40px}.about-all:hover .about-r figure img{transform:scale(1.05)}.product{padding-top:30px}.information{padding-bottom:15px}.product .item{margin-bottom:30px;padding:0 15px;background:#fff;box-shadow:0 8px 25px 3px rgba(0,0,0,.3);border-radius:15px;overflow:hidden}.product .item h2{position:relative;z-index:1;padding-left:30px;font-size:2.4rem}.product .item h2:before{content:'';z-index:-1;position:absolute;background:#ff8e00;left:0;bottom:0;width:10px;height:100%}.product .item h3{display:inline-block;margin:15px 0 10px;padding:5px 15px;font-weight:700;font-size:1.5rem;text-shadow:0 0 0 #227c86;color:#fff;background:#227c86}.product .information{margin-top:15px;background:#eee}.product .information [class^="col-"]:nth-child(3){background:#e0e0e0}.pdt-all-zone ul{list-style-type:none;padding:0;text-align:center;width:100%}.pdt-all-zone ul li{display:inline-block;padding:0;border:1px solid #016974;margin:10px;position:relative;width:calc(100% / 3 - 25px);overflow:hidden;background:#016974;transition:all .5s}.pdt-all-zone ul li a{display:block;color:#fff;font-size:1.8rem;text-shadow:0 3px 8px #000}.pdt-title{position:relative;z-index:2;white-space:nowrap}.tabimg{position:relative;z-index:0;padding:30px 0;background-size:cover;background-position:center}.tabimg::before{position:absolute;content:'';background-color:#016974;left:0;top:0;z-index:-1;width:100%;height:100%;opacity:1}.pdt-all-zone ul li:nth-of-type(1) .tabimg{background-image:url(../images/products/pdt01.jpg)}.pdt-all-zone ul li:nth-of-type(2) .tabimg{background-image:url(../images/products/pdt02.jpg)}.pdt-all-zone ul li:nth-of-type(3) .tabimg{background-image:url(../images/products/pdt03.jpg)}.pdt-all-zone ul li:nth-of-type(4) .tabimg{background-image:url(../images/products/pdt04.jpg)}.pdt-all-zone ul li:nth-of-type(5) .tabimg{background-image:url(../images/products/pdt05.jpg)}.pdt-all-zone ul li.active .tabimg::before{opacity:.1}.pdt-all-zone ul li:hover .tabimg::before{opacity:.1}.product .item{width:49%}.product .item:nth-of-type(odd){float:left}.product .item:nth-of-type(even){float:right}.pic .mj{width:90%;margin:0 auto}.product .item:nth-of-type(2n+1){clear:both}.clear{clear:both}.about_box01{position:relative;z-index:0;margin-top:120px}.about_box01::before{position:absolute;content:'';width:70%;height:110%;right:0;top:-40px;z-index:-1;background-color:rgba(34,124,134,0.25)}.about_box01 .img_box{position:relative;float:left;width:450px;z-index:0}.about_box01 .img_box::before{position:absolute;content:'';width:95%;height:95%;left:-15px;top:-15px;background-color:#016974;z-index:-1}.about_box img{box-shadow:0 0 30px rgba(0,0,0,.3)}.about_box01 figcaption{float:right;width:calc(100% - 450px);color:#fff;padding:30px 50px}.about_box p{letter-spacing:2px;text-align:justify}.about_box01 p:nth-of-type(1){font-size:18px;font-weight:600;margin-bottom:20px;color:#016974;position:relative}.about_box01 p:nth-of-type(1)::before{position:absolute;content:'';background-color:#ff8e00;width:20px;height:90px;top:-5px;left:-60px;z-index:2}.about_box02{margin-top:100px}.about_box02 .img_box{float:right;width:400px;position:relative;z-index:2}.about_box02 .img_box::before{position:absolute;content:'';width:80%;height:30px;background-color:#ff8e00;left:20px;bottom:-20px;z-index:-1}.about_box02 figcaption{float:left;width:calc(100% - 400px);color:#fff}.about_box02 figcaption p:nth-of-type(1){position:relative;color:#016974;padding:30px;background-color:rgba(255,255,255,0.5);margin-top:-60px;margin-bottom:50px;width:650px;margin-left:50px}.about_box02 figcaption p:nth-of-type(1)::before{position:absolute;content:'';background-color:#01636d;width:20px;height:90px;top:20px;left:-10px}.about_box02 figcaption p:nth-of-type(2){position:relative;z-index:0;padding:40px;margin-left:150px;margin-bottom:0}.about_box02 figcaption p:nth-of-type(2)::before{position:absolute;content:'';background-color:rgba(255,140,0,0.7);width:110%;height:100%;left:0;top:0;z-index:-1}.contact_t{text-align:center;margin-top:60px;margin-bottom:50px}.contact_t p{font-size:20px;letter-spacing:1.5px;color:#898989}.contact_t span{display:block;font-size:14px;margin-top:5px}.contact_box{position:relative}.contact_box::before{position:absolute;content:'';background-color:rgba(255,255,255,0.5);width:80%;height:100%}.contact_form{width:60%;float:left;padding:45px 0 45px 45px}.input_l{float:left;width:48%;float:right;width:48%}.textarea{height:120px;padding:.8em!important}.textarea+.input__label--yoko::before{height:120px}textarea:focus{border:none!important}.code_l{float:left;width:200px}.code_r{float:left;margin-left:20px}.contact_form .btn-style{margin-bottom:0}.contant_area{width:35%;float:right;position:relative}.contant_area::after{position:absolute;content:'';width:100px;height:20px;z-index:10;transition:all 1s;top:35px;left:20px;background-color:#227c86}.contant_area:hover::after{width:100%;height:87%;z-index:5;background-color:#fe8e00}.contact_info{background-color:#fff;padding:50px;position:relative;z-index:10;margin-top:50px;box-shadow:0 0 20px -2px #bdbdbd;text-align:center;border-radius:5px}.main_color{color:#227c86;font-size:22px;font-weight:800;margin-bottom:20px;border-bottom:1px solid #eee;letter-spacing:1px}.contant_area ul{list-style:none;padding-left:0}.contant_area ul li{margin-bottom:15px}.contant_area ul li:nth-of-type(3){margin-bottom:0}.contant_area ul li a,.contant_area ul li{color:#b7b7b7;letter-spacing:.5px}.contant_area ul li a:hover{color:#227c86}.contant_area ul li i{font-size:28px;color:#fe8e00;margin-bottom:5px}.contant_area ul li span{display:block;font-weight:600;letter-spacing:.5px}.map_box{position:relative;z-index:0;margin-bottom:-120px}.map_box+.footer{position:relative;z-index:2}.input{position:relative;z-index:1;width:100%;display:inline-block;vertical-align:top}.input_l{float:left;width:48%}.input_r{float:right;width:48%}label{margin-bottom:0}.con_block_l{float:left;width:49%}.con_block_r{float:right;width:49%}.input__field{position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:700;-webkit-appearance:none}.input__field:focus{outline:none}.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#6a7989;font-weight:700;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input__label-content{position:relative;display:block;padding:1em 0 0;width:100%;font-size:15px;color:#227c86}.graphic{position:absolute;top:0;left:0;fill:none}input:-internal-autofill-selected{background-color:transparent!important}.input__field--isao{z-index:10;padding:0 .1em;width:100%;background:transparent;color:#afb3b8}.input__label--isao{position:relative;overflow:hidden;padding:0;width:100%;color:#dadada;text-align:left}.input__label--isao::before{content:'';position:absolute;top:0;width:100%;height:7px;background:#dadada;-webkit-transform:scale3d(1,0.4,1);transform:scale3d(1,0.4,1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition:-webkit-transform 0.3s,background-color .3s;transition:transform 0.3s,background-color .3s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}.input__label--isao::after{content:attr(data-content);position:absolute;top:0;left:0;padding:.75em .15em;color:#227c86;font-size:15px;opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-webkit-transition:opacity 0.3s,-webkit-transform .3s;transition:opacity 0.3s,transform .3s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1);pointer-events:none}.input__field--isao:focus + .input__label--isao::before{background-color:#227c86;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.input__field--isao:focus + .input__label--isao{pointer-events:none}.input__field--isao:focus + .input__label--isao::after{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input__label-content--isao{padding:.5em 0 .75em;-webkit-transition:opacity 0.3s,-webkit-transform .3s;transition:opacity 0.3s,transform .3s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}.input__field--isao:focus + .input__label--isao .input__label-content--isao{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}@media (max-width: 1199px){.about_box02 figcaption p:nth-of-type(1){margin-top:-200px}.about_box02{margin-top:240px}.about_box02 figcaption p:nth-of-type(2){margin-top:130px;margin-left:100px}}@media (max-width: 996px){.web-bg{background-attachment:inherit;background-position:center top}}@media (max-width: 991px){.about_box01 .img_box{width:35%}.about_box01 figcaption{width:65%;padding:30px}.about_box01::before{width:95%}.about_box01 p:nth-of-type(1)::before{left:-40px}.about_box01 p:nth-of-type(1) br{display:none}.about_box02 .img_box{float:right;width:300px}.about_box02 figcaption{width:100%}.about_box02 figcaption p:nth-of-type(1){margin-top:-350px;margin-left:0}.about_box02{margin-top:150px}.about_box02 figcaption p:nth-of-type(2){margin-left:30px;width:55%;margin-top:0}}@media (max-width: 768px){.mj-title span{font-size:10vw}.btn-style{margin-bottom:20px}.carousel{height:35vw}.nav>li{position:relative;display:block}header .nav>li>a{color:#227c86;font-weight:700}header .nav>li:not(:last-child):after{content:'';position:absolute;left:0;right:0;margin:auto;bottom:0;width:100px;height:1px;background:#227c86}.pic > *{width:100%}.pic .mj img{width:500px}.pdt-all-zone ul li{width:100%;margin:5px 0}.tabimg::before{opacity:0}.about_box01 .img_box{width:50%;float:none;margin-left:30px}.about_box01 figcaption{width:auto;float:none}.about_box01::before{height:70%;top:auto;bottom:0;width:100%}.about_box01 p:nth-of-type(1){margin-bottom:0}.about_box02 .img_box{width:40%}.about_box02 figcaption{width:60%;margin-top:30px}.about_box02{margin-top:30px}.about_box02 figcaption p:nth-of-type(1){margin-top:0;width:auto}.about_box02 figcaption p:nth-of-type(1)::before{display:none}.about_box02 .img_box::before{left:-20px;height:40px;bottom:-30px}.about_box02 figcaption p:nth-of-type(2){width:450px;margin-left:80px;padding:40px 0 40px 40px}.contact_form{width:100%;float:none;padding:50px 50px 0}.contant_area{width:90%;float:none;margin-left:5%}.contact_box::before{width:100%;height:80%}.contant_area::after{height:4px;width:200px;top:-2px;left:50%;transform:translateX(-50%)}.contant_area:hover::after{height:4px;width:200px;background-color:#227c86;z-index:10}}@media (max-width: 640px){#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}.footer{padding-top:100px;padding-bottom:80px}.footer .infor,footer ul{float:inherit}.copyright a{display:block}.carousel{height:50vw}.carousel .fill{background-position:right center}.about-all .about-l,.about-all .about-r{width:100%}.about-all .about-l{padding:50px 20px}.about-all:hover .about-r figure img{transform:scale(1)}.about_box01{margin-top:80px}.about_box02 figcaption p:nth-of-type(2){width:400px;margin-left:auto}.input_l,.input_r{float:none;width:100%}.contact_form{padding:30px 30px 0}.product .item{width:100%}.about_box01 p br{display:none}}@media (max-width: 480px){.navbar-brand{width:280px}.navbar-brand img{height:50px}.navbar-brand p{font-size:1.6rem}.navbar-brand span{font-size:1.2rem;margin-top:0}.about_box01{margin-top:80px}.about_box01 .img_box{width:80%;margin-left:30px}.about_box01 figcaption{padding-bottom:50px}.about_box02{margin-top:-20px}.about_box02 figcaption{width:100%;float:none}.about_box02 .img_box{width:70%;float:none;margin-left:20%}.about_box02 .img_box::before{height:20px;bottom:-15px}.about_box02 figcaption p:nth-of-type(1){margin-bottom:0}.about_box02 figcaption p:nth-of-type(2){width:auto;padding:30px;margin-left:0}.about_box02 figcaption p:nth-of-type(2)::before{width:100%}.code_l{width:140px}.infor p{white-space:nowrap;}}