@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}body{position:relative}@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:1200px){body{padding-top:155px}}header:hover .actived>span{color:#FFF}header nav ul.main>li .lv2{z-index:10;height:15px;overflow:hidden}header nav ul.main>li .lv2 li a img{display:none}.banner.poyol{background-image:url(../images/banner-poyol.png)}.banner.pu{background-image:url(../images/banner-pu.png)}.banner.tpu{background-image:url(../images/banner-news.png)}.banner.water{background-image:url(../images/banner-water.png)}.banner.sticker{background-image:url(../images/banner-sticker.png)}.contentWrap{padding-top:0}#popup{display:none;position:fixed;z-index:10001;top:0;width:100%;height:100%}#popup .overlay{position:absolute;z-index:10;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6)}#popup .contentBox{display:none;position:absolute;z-index:20;left:50%;top:50%;width:660px;padding:20px;margin-left:75px;background-color:rgba(0, 77, 150, 0.9);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#popup .contentBox .wrap{position:relative;padding-top:50px;padding-bottom:80px}#popup .contentBox .wrap .close{position:absolute;right:20px;top:-40px;width:54px;height:54px;background-color:#FFF;cursor:pointer}#popup .contentBox .wrap .close:after,#popup .contentBox .wrap .close:before{content:"";display:block;width:38px;height:1px;background-color:#004d96;position:absolute;left:8px;top:26px;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#popup .contentBox .wrap .close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#popup .contentBox .wrap .close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#popup .contentBox .wrap .close:hover:before{-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-o-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}#popup .contentBox .wrap .close:hover:after{-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);-o-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg)}#popup .contentBox .wrap .img{position:absolute;z-index:10;left:-20px;top:30px;border:3px solid #004d96;width:300px;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}#popup .contentBox .wrap .img img{width:100%;height:auto}#popup .contentBox .wrap h3{padding-left:220px;color:#FFF;font-size:1.7rem;line-height:1.4}#popup .contentBox .wrap h2{padding-left:220px;padding-bottom:25px;margin-bottom:20px;color:#FFF;font-size:1.7rem;line-height:1.4;border-bottom:1px solid white;display:block;font-size:1.5rem;opacity:0.5}#popup .contentBox .wrap h4{color:#FFF;font-size:1.3rem;padding-left:220px;margin-bottom:10px}#popup .contentBox .wrap ul{padding-left:220px}#popup .contentBox .wrap ul li{color:#FFF;font-size:1.2rem;opacity:0.5}#popup .contentBox .wrap ul.feature{margin-bottom:20px}#popup .contentBox .wrap ul.feature li{position:relative;padding-left:20px;margin-bottom:6px;line-height:1.4}#popup .contentBox .wrap ul.feature li:before{content:"．";display:block;position:absolute;left:0;top:0}#popup .contentBox .wrap ul.project:after{content:"";display:block;clear:both}#popup .contentBox .wrap ul.project li{display:inline-block;margin-bottom:6px}#popup .contentBox .wrap ul.project li:after{content:"/";display:inline-block;margin-left:5px}#popup .contentBox .wrap .btnBox{position:absolute;bottom:-50px;left:220px}#popup .contentBox .wrap .btnBox .btn{position:relative;width:150px;height:80px;background-color:#FFF;display:inline-block;margin-left:40px;color:#004d96;font-size:1.3rem;text-align:center;line-height:120px;text-indent:0.1rem;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#popup .contentBox .wrap .btnBox .btn:before{content:"";display:block;position:absolute;left:50%;top:12px;width:38px;height:25px;background-position:center;background-repeat:no-repeat;-webkit-transform:translate(-50%, 0);-moz-transform:translate(-50%, 0);-o-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}#popup .contentBox .wrap .btnBox .btn.detail{margin-left:0}#popup .contentBox .wrap .btnBox .btn.detail:before{background-image:url(../images/pop-detail-icon.png)}#popup .contentBox .wrap .btnBox .btn.data:before{background-image:url(../images/pop-data-icon.png)}#popup .contentBox .wrap .btnBox .btn:hover{letter-spacing:5px}@media only screen and (min-width:768px) and (max-width:991px){#popup .contentBox{width:500px;margin-left:50px}#popup .contentBox .wrap{padding-bottom:50px}#popup .contentBox .wrap .img{width:200px}#popup .contentBox .wrap h2,#popup .contentBox .wrap h3,#popup .contentBox .wrap h4,#popup .contentBox .wrap ul{padding-left:120px}#popup .contentBox .wrap .btnBox{left:120px}#popup .contentBox .wrap .btnBox .btn{margin-left:20px}}#sketch .slick-list li{position:relative}#sketch .slick-list li .point{position:absolute;z-index:10;width:30px;height:30px;color:#FFF;text-align:center;line-height:30px;text-indent:.1rem;background-color:#004d96;-webkit-border-radius:100%;border-radius:100%;cursor:pointer;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#sketch .slick-list li .point:hover{width:40px;height:40px;line-height:40px}#sketch .slick-list li .point .info{display:none}@media only screen and (max-width:767px){#sketch .slick-list li .point{display:none}}#sketch .slick-list li img{display:block;width:100%;height:auto}#sketch .btn{position:absolute;top:50%;width:57px;height:60px;margin-top:-30px;background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#sketch .btn.prev{left:10px;background-image:url(../images/arrow-lft-blue.png)}#sketch .btn.next{right:10px;background-image:url(../images/arrow-blue.png)}#sketch .btn.slick-disabled{opacity:0.5;cursor:default}#sketch .btn:hover.prev{left:0}#sketch .btn:hover.next{right:0}@media only screen and (max-width:767px){#sketch{text-align:center}#sketch .btn{position:relative;top:inherit;display:inline-block;margin-top:0;width:80px;height:40px;border:1px solid #004d96;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#sketch .btn:before{content:"";display:block;width:57px;height:10px;position:absolute;left:50%;top:50%;margin-left:-28px;margin-top:-5px;background-position:center;background-repeat:no-repeat;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#sketch .btn.prev{left:inherit}#sketch .btn.prev:before{background-image:url(../images/arrow-lft-blue.png)}#sketch .btn.next{right:inherit}#sketch .btn.next:before{left:inherit;right:50%;margin-left:0;margin-right:-28px;background-image:url(../images/arrow-blue.png)}#sketch .btn.slick-disabled{opacity:0.5;cursor:default}}#intro{text-align:center;min-height:430px;padding-top:40px;padding-bottom:40px;background-image:url(../images/pu-intro-bg.png);background-position:center bottom;background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}#intro h1{color:#004d96;font-size:2.7rem;margin-bottom:40px}@media only screen and (max-width:767px){#intro h1{margin-bottom:20px}}#intro p{width:535px;margin:0 auto 90px}@media only screen and (max-width:767px){#intro p{width:inherit;padding-left:30px;padding-right:30px;margin-bottom:60px}}#intro a{position:relative;display:block;width:100px;height:85px;margin:0 auto;background-color:#1babe0}#intro a: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 a: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 a:hover:before{top:16px}#intro a:hover:after{letter-spacing:2px;text-indent:2px}#tab{text-align:center;padding-top:80px;padding-bottom:30px}#tab li{display:inline-block;vertical-align:top;margin-bottom:5px}#tab li a{display:table-cell;vertical-align:middle;width:190px;height:55px;margin-left:5px;margin-right:5px;color:#004d96;font-size:1.3rem;line-height:25px;border:1px solid #004d96;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}#tab li a:hover{color:#FFF;background-color:#004d96}#tab.fixed{position:fixed;z-index:9999;top:155px;width:100%;padding:10px 0;background-color:#FFF}#tab.fixed a{height:36px;line-height:36px}@media only screen and (max-width:767px){#tab{padding-top:30px;padding-bottom:20px}#tab li a{margin-bottom:10px}}.product .description{margin-bottom:60px}.product .description h4{padding-top:25px;padding-bottom:25px;border-top:1px solid #004d96;border-bottom:1px solid #004d96;color:#004d96;text-align:center}@media only screen and (max-width:767px){.product .description{margin-bottom:30px}.product .description h4{font-size:1.3rem;padding-left:15px;padding-right:15px}}.product .content h4{color:#004d96;margin-bottom:20px}@media only screen and (max-width:767px){.product .content h4{font-size:1.3rem;margin-bottom:10px}}.product .content .info{margin:0 auto 50px}.product .content .info:after{content:"";display:block;clear:both}.product .content .info .box{float:left;width:calc(50% - 60px);margin-left:30px;margin-right:30px}.product .content .info .box .construction img{display:block;width:100%;height:auto;margin-bottom:10px}.product .content .info .box .construction p{margin-bottom:30px}.product .content .info .box .construction .btn{position:relative;display:inline-block;width:80px;height:40px;border:1px solid #004d96;background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .content .info .box .construction .btn:before{content:"";display:block;width:57px;height:10px;position:absolute;left:50%;top:50%;margin-left:-28px;margin-top:-5px;background-position:center;background-repeat:no-repeat;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .content .info .box .construction .btn:hover{background-color:#004d96}.product .content .info .box .construction .btn.prev:before{background-image:url(../images/arrow-lft-blue.png)}.product .content .info .box .construction .btn.prev:hover:before{background-image:url(../images/arrow-lft-white.png)}.product .content .info .box .construction .btn.next:before{left:inherit;right:50%;margin-left:0;margin-right:-28px;background-image:url(../images/arrow-blue.png)}.product .content .info .box .construction .btn.next:hover:before{background-image:url(../images/arrow-white.png)}.product .content .info .box .construction .btn.slick-disabled{opacity:0.5;cursor:default}.product .content .info .box .data li,.product .content .info .box .feature li{position:relative;padding-left:20px;color:#666;font-size:1.3rem;line-height:1.6;margin-bottom:10px}.product .content .info .box .data li:before,.product .content .info .box .feature li:before{content:"．";display:block;position:absolute;left:0;top:0}.product .content .info .box .feature{margin-bottom:30px}.product .content .info .box .data a{color:#666}.product .content .info .box .data a:after{content:"";display:inline-block;width:14px;height:15px;margin-left:5px;background-image:url(../images/product-data-icon.png);background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.product .content .info .box .data a:hover{color:#004d96}@media only screen and (max-width:767px){.product .content .info .box{float:none;width:calc(100% - 30px);margin-left:15px;margin-right:15px;margin-top:30px}.product .content .info .box #construction{margin-bottom:30px;text-align:center}.product .content .info .box #construction img{margin-bottom:5px}.product .content .info .box #construction p{margin-bottom:10px}}@media only screen and (max-width:767px){.product .content .info{margin:0 auto 30px}}.product .content .project{text-align:center;padding-bottom:30px;padding-left:15px;padding-right:15px}@media only screen and (max-width:767px){.product .content .project h4{text-align:left;margin-left:15px}}.product .content .project ul:after{content:"";display:block;clear:both}.product .content .project ul .btn{display:none}.product .content .project ul li{position:relative;float:left;margin-left:15px;margin-right:15px;margin-bottom:30px;width:calc((100% - 90px) / 3)}.product .content .project ul li img{display:block;width:100%;height:auto}.product .content .project ul li h5{position:absolute;z-index:30;top:50%;left:50%;width:calc(100% - 100px);color:#FFF;font-size:1.3rem;line-height:1.6;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%);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}.product .content .project ul li h5 span{font-size:1rem;display:block;margin-bottom:5px}.product .content .project ul li:before{content:"";display:block;position:absolute;z-index:10;width:100%;height:100%;background-color:#004d96;opacity:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}.product .content .project ul li:after{content:"";display:block;position:absolute;z-index:20;left:50%;top:50%;width:calc(100% - 40px);height:calc(100% - 40px);border:1px solid white;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%);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}.product .content .project ul li:hover:after,.product .content .project ul li:hover h5{opacity:1}.product .content .project ul li:hover:before{opacity:0.6}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.product .content .project ul li img{width:100%;margin-bottom:10px}.product .content .project ul li h5{opacity:1;color:#666;position:relative;top:inherit;left:inherit;width:calc(100% - 30px);margin-left:auto;margin-right:auto;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.product .content .project ul li:before{display:none}.product .content .project ul li:after{display:none}}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.product .content .project .btn{position:relative;display:inline-block;width:80px;height:40px;border:1px solid #004d96;background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .content .project .btn:before{content:"";display:block;width:57px;height:10px;position:absolute;left:50%;top:50%;margin-left:-28px;margin-top:-5px;background-position:center;background-repeat:no-repeat;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.product .content .project .btn.prev:before{background-image:url(../images/arrow-lft-blue.png)}.product .content .project .btn.next:before{left:inherit;right:50%;margin-left:0;margin-right:-28px;background-image:url(../images/arrow-blue.png)}.product .content .project .btn.slick-disabled{opacity:0.5;cursor:default}}@media only screen and (max-width:767px){.product .content .project{padding-left:0;padding-right:0}.product .content .project ul li{width:100%;margin-left:0;margin-right:0;margin-bottom:10px}}.case{text-align:center;background-color:#EBEBEB;padding-top:40px;padding-bottom:70px}.case h4{color:#004d96;font-size:2.7rem;margin-bottom:45px}.case .slick-slider{padding-left:20px;padding-right:20px}.case .slick-slider .slick-list{margin-bottom:20px}.case .slick-slider .slick-list li{position:relative;margin-left:10px;margin-right:10px}.case .slick-slider .slick-list li .info{position:relative}.case .slick-slider .slick-list li .info:before{content:"";display:block;position:absolute;z-index:10;width:100%;height:100%;background-color:#004d96;opacity:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}.case .slick-slider .slick-list li .info img{display:block;width:100%;height:auto}.case .slick-slider .slick-list li .info h5{position:absolute;z-index:20;top:50%;left:50%;width:calc(100% - 40px);color:#FFF;font-size:1.3rem;line-height:1.4;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%);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}.case .slick-slider .slick-list li .info h5 span{font-size:1rem;display:block;margin-top:5px;margin-bottom:5px}.case .slick-slider .slick-list li p{opacity:0;margin-top:10px;font-size:1.2rem;text-align:left;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s}.case .slick-slider .slick-list li:hover .info:before{opacity:0.6}.case .slick-slider .slick-list li:hover h5,.case .slick-slider .slick-list li:hover p{opacity:1}@media only screen and (max-width:767px),only screen and (min-width:768px) and (max-width:991px){.case .slick-slider .slick-list li img{width:100%;margin-bottom:10px}.case .slick-slider .slick-list li h5{opacity:1;color:#666;position:relative;top:inherit;left:inherit;width:calc(100% - 30px);margin-left:auto;margin-right:auto;-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-o-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.case .slick-slider .slick-list li:before{display:none}}.case .slick-slider .slick-dots li{display:inline-block;width:8px;height:8px;margin-left:15px;margin-right:15px;background-color:#1babe0;cursor:pointer}.case .slick-slider .slick-dots li.slick-active{background-color:#004d96}.case .slick-slider .slick-dots li button{display:none}.case .btn{position:absolute;top:50%;width:57px;height:60px;background-position:center;background-repeat:no-repeat;cursor:pointer;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.case .btn.prev{left:10px;background-image:url(../images/arrow-lft-blue.png)}.case .btn.next{right:10px;background-image:url(../images/arrow-blue.png)}.case .btn.slick-disabled{opacity:0.5;cursor:default}.case .btn:hover.prev{left:0}.case .btn:hover.next{right:0}@media only screen and (max-width:767px){.case{padding-top:30px;padding-bottom:40px}.case h4{margin-bottom:20px}.case .slick-slider{padding-left:0;padding-right:0;margin-bottom:10px}.case .slick-slider .slick-list{margin-bottom:0}.case .slick-slider .slick-list li{margin-left:0;margin-right:0}.case .btn{position:relative;top:inherit;display:inline-block;width:80px;height:40px;border:1px solid #004d96;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.case .btn:before{content:"";display:block;width:57px;height:10px;position:absolute;left:50%;top:50%;margin-left:-28px;margin-top:-5px;background-position:center;background-repeat:no-repeat;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s}.case .btn.prev{left:inherit}.case .btn.prev:before{background-image:url(../images/arrow-lft-blue.png)}.case .btn.next{right:inherit}.case .btn.next:before{left:inherit;right:50%;margin-left:0;margin-right:-28px;background-image:url(../images/arrow-blue.png)}.case .btn.slick-disabled{opacity:0.5;cursor:default}}