html,body{max-width:1904px;min-width:480px;margin-left:auto;margin-right:auto;}body{position:relative;}html{box-sizing:border-box;}html.noscroll{overflow-y:hidden;}html.open .pulldown{display:block;}.page-inner{overflow:hidden;}.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}.clear{clear:both;float:left;}.inline-block{display:inline-block;}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph;}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle;}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle;}.container{max-width:1200px;margin:auto;position:relative;}header,#content,footer{width:100%;float:left;clear:both;}.pop-up{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:10;box-sizing:border-box;padding-top:114px;overflow-y:scroll;display:none;}.pop-up.open{display:block;}.pop-up .pop-up-container .close_but{background-color:#fff;background-repeat:no-repeat;background-position:center center;background-image:url('/img/1/5/icon-close-lightbox.svg');cursor:pointer;border:1px solid #707070;box-sizing:border-box;width:50px;height:50px;display:table;margin-left:auto;margin-right:auto;border-radius:50%;}.pop-up .pop-up-container .pop_content{margin-top:10px;padding-bottom:100px;}.pop-up .pop-up-container .pop_content .map{max-width:980px;margin-left:auto;margin-right:auto;position:relative;}.pop-up .pop-up-container .pop_content .map img{width:100%;height:auto;}.pop-up .pop-up-container .pop_content .map #map{position:absolute;top:0;left:0;width:100%;height:100%;}.pulldown{background-color:#3d3d3d;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow-y:scroll;box-sizing:border-box;padding-top:83px;display:none;}.pulldown .head{position:fixed;top:0;left:0;width:100%;}.pulldown .head .left{width:150px;display:inline-block;vertical-align:top;box-sizing:border-box;padding-left:20px;padding-top:33px;}.pulldown .head .left .logo{width:100%;display:inline-block;}.pulldown .head .left .logo img{width:100%;height:auto;}.pulldown .head .close_menu{display:inline-block;position:absolute;top:25px;right:20px;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;background-image:url('/img/3/icon-menu-close.svg');cursor:pointer;}.pulldown .top{text-align:center;box-sizing:border-box;padding-left:0px;font-size:0;margin-top:65px;}.pulldown .top .lang_m{display:inline-block;vertical-align:top;color:#fff;font-size:17px;font-family:"Noto Sans TC", 'Archivo Narrow';font-weight:bold;position:relative;top:-4px;margin-right:41px;}.pulldown .top .social_m{font-size:0;display:inline-block;vertical-align:top;position:relative;box-sizing:border-box;padding-left:40px;}.pulldown .top .social_m:before{content:'';position:absolute;left:0;top:0;width:1px;height:20px;background-color:#fff;}.pulldown .top .social_m .social_cell{display:inline-block;vertical-align:top;width:22px;margin-right:30px;}.pulldown .top .social_m .social_cell:last-child{margin-right:0px;}.pulldown .top .social_m .social_cell img{width:100%;height:auto;}.pulldown .bottom{box-sizing:border-box;padding:0 20px;margin-top:46px;padding-bottom:50px;}.pulldown .bottom .link_container{box-sizing:border-box;border-top:1px solid #707070;padding-top:29px;}.pulldown .bottom .link_container .link{display:flex;justify-content:center;align-items:center;font-weight:600;text-align:center;color:#fff;font-size:17px;text-shadow:0px 0px 10px rgba(255,255,255,0.2);height:50px;margin-bottom:20px;font-family:'Archivo Narrow';}.pulldown .bottom .link_container .link.current{background-color:rgba(255,255,255,0.1);}header{position:absolute;top:0;left:0;width:100%;z-index:9;}header .scrolldown{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,0.5);height:80px;display:flex;justify-content:space-between;transform:translate(0,-100%);transition:transform 1s;}header .scrolldown.scroll{transform:translate(0,00%);}header .scrolldown .left{width:150px;display:inline-block;vertical-align:top;box-sizing:border-box;padding-left:39px;padding-top:19px;}header .scrolldown .left .logo{width:100%;display:inline-block;}header .scrolldown .left .logo img{width:100%;height:auto;}header .scrolldown .right{display:inline-block;vertical-align:top;box-sizing:border-box;padding-top:27px;padding-right:60px;}header .scrolldown .right .link_container{display:inline-block;vertical-align:top;box-sizing:border-box;padding-right:41px;position:relative;top:-3px;font-size:0;}@media (max-width: 1199px){header .scrolldown .right .link_container{display:none;}}header .scrolldown .right .link_container .link{display:inline-block;vertical-align:top;font:normal normal 600 16px/32px Archivo Narrow;letter-spacing:0.9px;color:#fff;text-shadow:0px 0px 10px rgba(255,255,255,0.2);opacity:1;position:relative;margin-right:59.3px;}header .scrolldown .right .link_container .link:last-child{margin-right:0px;}header .scrolldown .right .link_container .link:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background-color:#fff;transition:transform 0.75s;transform:scaleX(0);transform-origin:center center;}header .scrolldown .right .link_container .link:hover:after,header .scrolldown .right .link_container .link.current:after{transform:scaleX(1);}header .scrolldown .right .lang_container{display:inline-block;vertical-align:top;position:relative;box-sizing:border-box;padding-left:41px;}@media (max-width: 1199px){header .scrolldown .right .lang_container{display:none;}}header .scrolldown .right .lang_container:before{content:'';position:absolute;left:0;top:2px;width:2px;height:20px;background-color:#7d7d7d;}header .scrolldown .right .lang_container .lang_scroll{color:#fff;font-size:17px;font-family:"Noto Sans TC", 'Archivo Narrow';font-weight:bold;}header .scrolldown .menu{top:15px;}header .lang{position:absolute;top:68px;left:40px;color:#fff;font-size:17px;font-family:"Noto Sans TC", 'Archivo Narrow';font-weight:bold;}@media (max-width: 1199px){header .lang{display:none;}}header .social{position:absolute;top:69px;right:40px;font-size:0;}@media (max-width: 1199px){header .social{display:none;}}header .social .social_cell{display:inline-block;vertical-align:top;width:22px;margin-right:20px;}header .social .social_cell:last-child{margin-right:0px;}header .social .social_cell img{width:100%;height:auto;}header .top .logo{display:block;max-width:312px;margin-left:auto;margin-right:auto;margin-top:45px;}@media (max-width: 1199px){header .top .logo{margin-top:34px;margin-left:30px;max-width:181px;}}@media (max-width: 767px){header .top .logo{margin-left:19px;max-width:131px;}}@media (max-width: 1199px){header .top .logo.desk{display:none;}}@media (min-width: 1200px){header .top .logo.mob{display:none;}}header .top .logo img{width:100%;height:auto;}header .menu{display:inline-block;position:absolute;top:30px;right:20px;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;background-image:url('/img/3/icon-menu.svg');cursor:pointer;}@media (min-width: 1200px){header .menu{display:none;}}@media (max-width: 767px){header .menu{top:25px;}}header .bottom{margin-top:39px;box-sizing:border-box;padding-left:27px;}header .bottom .link_container{display:flex;font-size:0;justify-content:space-evenly;max-width:772px;margin-left:auto;margin-right:auto;}@media (max-width: 1199px){header .bottom .link_container{display:none;}}header .bottom .link_container .link{display:inline-block;vertical-align:top;font:normal normal 600 16px/32px Archivo Narrow;letter-spacing:0.9px;color:#fff;text-shadow:0px 0px 10px rgba(255,255,255,0.2);opacity:1;position:relative;}header .bottom .link_container .link:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background-color:#fff;transition:transform 0.75s;transform:scaleX(0);transform-origin:center center;}header .bottom .link_container .link:hover:after,header .bottom .link_container .link.current:after{transform:scaleX(1);}#content{min-height:500px;}footer{text-align:center;min-height:81px;background-color:#3d3d3d;box-sizing:border-box;padding:31px 20px;}footer .copyright,footer .copyright *{color:#fff;letter-spacing:0.2px;font-size:15px;}.page_banner{box-sizing:border-box;position:relative;}.page_banner .image{position:absolute;height:100%;width:100%;}@media (max-width: 767px){.page_banner .image{position:relative;}}.page_banner .image:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.43);z-index:2;}.page_banner .image img{height:100%;width:auto;position:relative;left:50%;top:0;transform:translateX(-50%);z-index:1;}@media (max-width: 767px){.page_banner .image img{height:auto;width:100%;}}.page_banner .caption{position:relative;}.page_banner .caption img{width:100%;height:auto;}@media (max-width: 767px){.page_banner .caption img{display:none;}}.page_banner .caption .page_title{z-index:3;position:absolute;bottom:95px;letter-spacing:1.1px;width:100%;left:0;text-align:center;font-size:60px;font-weight:bold;text-shadow:0px 0px 10px rgba(255,255,255,0.2);color:#f2b539;}@media (max-width: 767px){.page_banner .caption .page_title{position:relative;bottom:0;min-height:100px;display:flex;align-items:center;justify-content:center;background-color:#3d3d3d;}}.portfolios{margin-top:120px;margin-bottom:126px;}.portfolios .categories a{display:inline-block;vertical-align:top;font-size:17px;border:1px solid #e4e4e4;border-radius:30px;margin-right:10px;margin-bottom:10px;padding:19px 47px;letter-spacing:0.34px;font-weight:600;color:#1fafcc;min-width:220px;box-sizing:border-box;text-align:center;}.portfolios .categories a:first-child{min-width:0;}.portfolios .categories a.current,.portfolios .categories a:hover{color:#fff;background:#1fafcc;border-color:#1fafcc;}.portfolios .select{display:none;position:relative;z-index:1;cursor:pointer;height:60px;}.portfolios .select .select-input{display:block;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;position:relative;font-size:17px;background:#1fafcc;color:#fff;letter-spacing:0.34px;font-weight:600;border-radius:30px;padding-left:20px;padding-right:80px;box-sizing:border-box;line-height:60px;}.portfolios .select .select-input:after{content:'';position:absolute;top:0;right:20px;margin:auto;bottom:0;width:35px;height:50px;background:url(/img/1/1/icon-arrow-banner.svg) no-repeat center/100% 100%;transform:rotate(90deg);}.portfolios .select .select-container{display:none;border:1px solid #e4e4e4;overflow:auto;max-height:200px;border-radius:30px;background:#fff;margin-top:-60px;padding-top:60px;}.portfolios .select .select-container div{font-size:17px;font-weight:600;letter-spacing:0.34px;padding:20px;}.portfolios .select .select-container div:hover{color:#fff;background:#1fafcc;}.portfolios .select.select-fix .select-input:after{transform:rotate(270deg);}.portfolios .works-container{position:relative;margin-top:64px;text-align:center;}.portfolios .works-container h2{display:inline-block;background:#fff;font-size:40px;color:#f2b539;padding:0 20px;position:relative;margin-bottom:80px;}.portfolios .works-container .works{text-align:left;margin-left:-100px;margin-right:-100px;}.portfolios .works-container .works a{display:inline-block;vertical-align:top;margin-right:50px;margin-bottom:48px;padding-bottom:32px;width:calc((100% - 100px) / 3);background:#fff;position:relative;text-align:center;}.portfolios .works-container .works a img{width:100%;height:auto;}.portfolios .works-container .works a h3{font-size:22px;color:#3d3d3d;margin-top:31px;letter-spacing:0.44px;}.portfolios .works-container .works a h4{font-size:17px;font-weight:normal;color:#1e87a3;letter-spacing:0.34px;margin-top:10px;}.portfolios .works-container .works a:nth-child(3n){margin-right:0;}.portfolios .works-container .pager{display:inline-block;position:relative;text-align:center;margin-top:32px;background:#fff;padding:0 44px;}.portfolios .works-container .pager *{display:inline-block;vertical-align:middle;font-size:17px;}.portfolios .works-container .pager .first,.portfolios .works-container .pager .last,.portfolios .works-container .pager .page,.portfolios .works-container .pager input{line-height:40px;height:40px;}.portfolios .works-container .pager .first{margin-right:8px;}.portfolios .works-container .pager .first,.portfolios .works-container .pager .last,.portfolios .works-container .pager .page{min-width:40px;box-sizing:border-box;border-radius:50%;}.portfolios .works-container .pager .first.selected,.portfolios .works-container .pager .first:hover,.portfolios .works-container .pager .last.selected,.portfolios .works-container .pager .last:hover,.portfolios .works-container .pager .page.selected,.portfolios .works-container .pager .page:hover{background:#f2b539;}.portfolios .works-container .pager .page{margin:0 4px;}.portfolios .works-container .pager .first.disabled,.portfolios .works-container .pager .last.disabled,.portfolios .works-container .pager .prev.disabled,.portfolios .works-container .pager .next.disabled{display:none;}.portfolios .works-container .pager .prev,.portfolios .works-container .pager .next{width:16px;height:12px;margin:0 10px;background:url(/img/4/Icon-arrow-page.svg) no-repeat center/100% 100%;}.portfolios .works-container .pager .prev.disable,.portfolios .works-container .pager .next.disable{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity = 30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}.portfolios .works-container .pager .next{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH";}.portfolios .works-container .pager .last{margin-left:8px;}.portfolios .works-container .pager input{width:60px;padding-left:12px;text-align:left;box-sizing:border-box;margin-left:20px;border:1px solid #525252;}.portfolios .works-container:before{content:'';position:absolute;top:24px;left:0;right:0;bottom:20px;border:1px solid #f2b539;border-radius:40px;}.portfolios-detail{margin-top:124px;position:relative;margin-bottom:117px;}.portfolios-detail .container{max-width:1400px;}.portfolios-detail .work-title{font-size:30px;color:#3d3d3d;letter-spacing:0.6px;}.portfolios-detail .work-title + h3{font-size:17px;color:#1e87a3;letter-spacing:0.34px;margin-top:20px;}.portfolios-detail .editor{margin-top:52px;}.portfolios-detail .gallery{position:absolute;top:0;right:0;width:60.7%;max-width:1156px;}.portfolios-detail .gallery .gallery-container{position:relative;overflow:hidden;white-space:nowrap;}.portfolios-detail .gallery .gallery-container .slider{display:inline-block;}.portfolios-detail .gallery .gallery-container .img img{width:100%;height:auto;}.portfolios-detail .gallery .prev,.portfolios-detail .gallery .next{pointer-events:all;cursor:pointer;display:inline-block;vertical-align:top;width:70px;height:70px;opacity:0.5;background-color:#f2b539;border-radius:50%;background-image:url(/img/1/1/icon-arrow-gallery.svg);background-repeat:no-repeat;background-position:center;position:absolute;top:50%;}.portfolios-detail .gallery .prev{left:0;transform:translate(38%,-50%);}.portfolios-detail .gallery .next{right:0;transform:scaleX(-1) translate(38%,-50%);}.portfolios-detail .gallery .pager{position:absolute;bottom:20px;left:0;right:0;text-align:center;}.portfolios-detail .gallery .pager a{display:inline-block;border-radius:50%;width:8px;height:8px;background:#fff;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);filter:alpha(opacity = 30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;margin:0 6px;}.portfolios-detail .gallery .pager a.current{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);filter:alpha(opacity = 100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}.portfolios-detail.hasGallery{min-height:750px;}.portfolios-detail.hasGallery .container > *{width:32%;}@media (max-width: 1199px){.portfolios{padding:0 30px;}.portfolios .categories{display:none;}.portfolios .select{display:block;}.portfolios .works-container .works{margin-left:-15px;margin-right:-15px;}.portfolios-detail{min-height:auto !important;}.portfolios-detail .container > *{width:auto !important;margin-left:30px;margin-right:30px;}.portfolios-detail .gallery{position:relative;width:100%;margin-top:50px;}}@media (max-width: 767px){.portfolios{padding:0 20px;}.portfolios .works-container .works a{width:calc((100% - 50px) / 2);margin-right:50px !important;}.portfolios .works-container .works a:nth-child(even){margin-right:0 !important;}/*953795e33e25c16a067bcfa2a5842f5b*/.portfolios-detail .container > *{margin-left:20px;margin-right:20px;}}