@charset "UTF-8";
.contact{position:relative;padding:60px 0 100px 0;width:100%;height:auto;min-height:800px;left:0;top:0;z-index:1}#contact-box1{margin-top:100px;margin-bottom:80px}#contact-content{position:relative;display:inline-block;width:410px;height:335px;max-width:100%}#contact-1{position:absolute;display:block;width:calc(53 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(0 / 335 * 100%);z-index:2}#contact-svg1{width:100%;height:auto}#contact-svg1 path{fill:url(#contact-svgcolor)}#contact-2{position:absolute;display:block;width:calc(408 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(31 / 335 * 100%);z-index:2}#contact-3{position:absolute;display:block;width:calc(203 / 410 * 100%);left:calc(1 / 410 * 100%);top:calc(147 / 335 * 100%);z-index:2}#contact-svg2{width:100%;height:auto}#contact-svg2 path{fill:url(#contact-svgcolor2)}#contact-4{position:absolute;display:block;width:calc(403 / 410 * 100%);left:calc(2 / 410 * 100%);top:calc(189 / 335 * 100%);z-index:2}.scrolltop{display:block;width:38px;height:49px;margin:70px auto 0 auto;background:url(/images/main/scrolltop.png) 0 0 no-repeat;background-repeat:no-repeat;background-size:contain}@media (max-width:767px){.scrolltop{position:absolute;width:32px;height:43px;left:50%;bottom:15px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%)}}@media (max-width:479px){.contact{max-width:100%;height:auto;min-height:1px;padding:60px 0 100px 0}#contact-box1{margin-top:50px;margin-bottom:0}#contact-content{margin-left:0;height:auto}#contact-1{position:relative;width:15%;left:0;top:0;margin-bottom:15px}#contact-2{position:relative;width:90%;left:0;top:0}#contact-3{position:relative;width:60%;left:0;top:0;margin-top:-15px;margin-bottom:15px}#contact-4{position:relative;width:85%;left:0;top:0;margin-bottom:40px;margin-top:-10px}}
.bread-crumbs{position:fixed;width:100%;left:5px;top:60px;font-size:12px;letter-spacing:1.5px;z-index:10;opacity:0.4;transform:scale(0.9);-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);-ms-transform:scale(0.9)}.bread-crumbs a{position:relative;color:#ffffff}.project-default .container{max-width:755px}.bg-text{position:absolute;left:50%;top:170px;width:1057px;max-width:90%;height:228px;background:url(/images/project-default/topbg.png) center center no-repeat;-webkit-background-size:contain;background-size:contain;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:-1}.work-info{padding-top:120px}.work-logo{margin-bottom:20px}.work-logo img{width:auto;height:auto;max-width:60px;max-height:85px}.work-line{width:16px;height:2px;background-color:#ffffff;margin:25px auto 15px auto}.work-share{display:inline-block;margin-bottom:12px}.work-share .icon{opacity:0.6}.work-title{font-size:30px;letter-spacing:3px;color:#ffffff;margin:0 0 5px 0;line-height:120%}.work-titleEn{font-size:14px;letter-spacing:2px;color:#ffffff;margin:0 0 40px 0;opacity:0.4}.work-shareGroup{text-align:right;margin-bottom:10px}.work-share{display:inline-block}.work-imgGroup{position:relative}.work-img{position:relative;z-index:1}.work-img:before,.work-img:after{position:absolute;content:"";width:62px;height:224px;bottom:0;z-index:-1}.work-img:before{right:calc(100% - 15px);background:url(/images/project-default/bgleft.png) bottom right no-repeat;-webkit-background-size:contain;background-size:contain}.work-img:after{left:calc(100% - 15px);background:url(/images/project-default/bgright.png) bottom left no-repeat;-webkit-background-size:contain;background-size:contain}.work-img img{width:100%}.page-group{position:absolute;width:100%;left:0;top:calc(50% + 17px);bottom:0;transform:translateY(-50%);-ms-transfrom:translateY(-50%);-moz-transfrom:translateY(-50%);-o-transfrom:translateY(-50%);-webkit-transfrom:translateY(-50%);z-index:2;padding:0 140px}.page-arrow{position:relative;width:180px;height:105px;color:#ffffff}.page-full{position:absolute;width:100%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);font-size:12px;color:rgba(255,255,255,0.9);-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in}.page-arrow i{position:absolute;opacity:0.4;font-size:28px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in}.page-arrow span{opacity:0;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in}.page-arrow:hover i{opacity:1}.page-arrow:hover span{opacity:1}.page-prve{float:left;border-left:1px solid #c92535;text-align:left}.page-prve .page-full{left:0;padding-left:25px}.page-prve i{left:0;margin-left:5px}.page-prve:hover .page-full{left:-10px}.page-next{float:right;border-right:1px solid #da4a58;text-align:right}.page-next .page-full{right:0;padding-right:25px}.page-next i{right:0;margin-right:5px}.page-next:hover .page-full{right:-10px}.scrolldown{position:relative;margin-top:-15px;z-index:3}.step-introduction{font-size:13px;line-height:180%;color:#eeeeef;opacity:0.7;padding-bottom:50px}.step-img{width:100%}.editor{font-family:"Microsoft JhengHei",sans-serif;color:rgba(255,255,255,0.5)}.editor img{width:100% !important}.link,.link:hover,.link:active,.link:focus{display:block;color:#ffffff;font-size:13px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link i{padding-right:5px}.back-link{float:right;display:block;color:#ffffff;font-size:12px;margin-right:10px;letter-spacing:1px;background:-moz-linear-gradient(left,rgba(140,16,16,0) 0%,rgba(140,16,16,1) 100%);background:-webkit-linear-gradient(left,rgba(140,16,16,0) 0%,rgba(140,16,16,1) 100%);background:linear-gradient(to right,rgba(140,16,16,0) 0%,rgba(140,16,16,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c1010',endColorstr='#8c1010',GradientType=1 );width:140px;text-align:center;padding:5px 15px}.back-link:hover,.back-link:active,.back-link:focus{color:#ffffff}.back-link img{width:15px;padding-right:5px}
@media screen and (max-width:1099px){.page-group{padding:0 70px}}@media screen and (min-width:768px){.fbShare-link{float:right;margin-right:10px;padding-right:10px;border-right:1px solid #9292928f}.fbShare-link .fb-share-button{margin-top:3px}}@media screen and (min-width:992px){.bread-crumbs{left:20px;width:15px}.bread-crumbs a{display:block}.bread-crumbs a+a{padding-top:30px}.bread-crumbs a+a:before{position:absolute;content:"";width:7px;height:7px;left:3px;top:12px;background:url(/images/common_icon/bread-icon.png) center no-repeat;-webkit-background-size:contain;background-size:contain}}@media screen and (max-width:991px){.bread-crumbs a+a{padding-left:30px}.bread-crumbs a+a:before{position:absolute;content:"";width:7px;height:7px;left:12px;top:5px;background:url(/images/common_icon/bread-icon.png) center no-repeat;-webkit-background-size:contain;background-size:contain}.bg-text{top:140px}.step-introduction{padding-bottom:40px}.page-group{padding:0 30px}.page-arrow:hover i{opacity:0.4}.page-arrow:hover span{opacity:0}.page-prve:hover .page-full{left:0}.page-next:hover .page-full{right:0}}@media screen and (max-width:767px){.bg-text{top:100px}.work-info{padding-top:95px}.work-title{font-size:24px;letter-spacing:1px}.work-img:before,.work-img:after{width:31px;height:112px}.page-group{padding:0 15px}.page-arrow{width:50%}.step-introduction{padding-bottom:20px}.function-left{position:relative;padding-bottom:10px}.link{padding-right:73px}.back-link{width:100%;text-align:center;float:left}.fbShare-link{position:absolute;right:15px;top:0;display:inline-block;margin-left:10px;padding-left:10px;border-left:1px solid #9292928f}}@media screen and (max-width:599px){.page-group{top:calc(50% - 10px)}}