@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}.work-info{padding-top:65px}.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:0 auto 15px auto}.work-title{font-size:32px;letter-spacing:3px;font-weight:bold;color:#ffffff;margin:0 0 5px 0}.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 img{width:100%}.page-group{position:absolute;width:100%;left:0;top:90px;z-index:2;padding:0 20px}.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%}.step2{padding-bottom:40px}.step2-title{position:relative;padding-top:60px;padding-bottom:25px}.step2-title:after{position:relative;width:18px;height:2px;margin:0 auto;background-color:#ffffff}.step2-title img{display:inline-block;max-width:100%}.editor img{width:100% !important}.step3{padding-bottom:40px}.step3-title img{display:inline-block;max-width:100%}.step4{padding-bottom:10px}.step4-title img{display:inline-block;max-width:100%}.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}.web-link{float:right;display:block;color:#ffffff;font-size:12px;background:#8c1010;padding:5px 20px;letter-spacing:1px}.web-link:hover,.web-link:active,.web-link:focus{color:#ffffff}.web-link i{font-size:15px;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 (min-width:480px){}@media screen and (min-width:768px){.fbShare-link{float:right;margin-right:10px;padding-right:10px;border-right:1px solid #5e5e5e}.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 (min-width:1400px){}@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}.work-titleEn{margin:0 0 20px 0}.step-introduction{padding-bottom:40px}.step2{padding-bottom:20px}.step3{padding-bottom:20px}}@media screen and (max-width:767px){.work-info{padding-top:75px}.work-title{font-size:28px;letter-spacing:1px}.work-titleEn{margin:0 0 25px 0}.page-group{top:30px;padding:0 15px}.page-arrow{width:50%}.step-introduction{padding-bottom:20px}.step2{padding-bottom:0px}.step2-title{padding-top:30px}.step3-title{padding-bottom:15px}.step3-title img{max-width:320px;width:100%}.step4-title{padding-bottom:15px}.step4-title img{max-width:320px;width:100%}.function-left{position:relative;padding-bottom:10px}.link{padding-right:73px}.web-link{width:48%;text-align:center}.back-link{width:48%;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 #5e5e5e}.fb-share-button{background-image:url(/images/common_icon/c_FB.png)}}@media screen and (min-width:600px) and (max-width:767px){}@media (max-width:991px){}@media (max-width:767px){}@media screen and (max-width:599px){}@media screen and (max-width:330px){}@media (max-width:479px){}