#mCSB_1_container{height:100%}.mCSB_outside+.mCSB_scrollTools{right:0px;margin:40px 0;opacity:0}.show .mCSB_outside+.mCSB_scrollTools{opacity:1;transition:opacity .6s 1s}.onScroll .header{background:none}.footer{display:none}.section{position:fixed;width:100%;height:100%;top:0;overflow:hidden}.section-bg{position:absolute;width:0%;height:100%;right:0;top:0;background:#f1f1f1}.show .section-bg{transition:width .6s;width:100%}.section-scroll{position:absolute;bottom:0;left:0;width:10vw;height:10vw;cursor:pointer;z-index:2}.section-scroll-text{position:absolute;left:50%;bottom:50%;font-size:.875em;white-space:nowrap;opacity:0;transform:rotate(-90deg);transform-origin:left center}.show .section-scroll-text{bottom:40%;opacity:1;transition:bottom .6s .7s,opacity .6s .7s}.section-scroll-arrow{position:absolute;top:50%;width:100%;text-align:center;font-size:1.5em;color:#fff;opacity:0;transform:translateY(-50%)}.show .section-scroll-arrow{opacity:1;transition:bottom .6s .5s,opacity .6s .5s}.section-scroll-inner{position:relative;top:16px}.section-scroll:hover .section-scroll-inner{color:#000;animation:scrollbtn .3s forwards}.section .fa-arrow-down:hover{color:#000}.section .cutext{font-size:16px}.control{position:fixed;top:0;left:10vw;border-right:#ddd solid 1px;z-index:9}.control-btn{margin-top:30vh;width:8vw;height:calc(70vh - 10vw);display:flex;align-items:center;border:#ddd solid 1px;border-right:none;box-sizing:border-box}.control-inner{margin:auto}.control-inner li{width:4px;height:4px;padding:13px;cursor:pointer;margin:auto}.control-inner li:before{content:"";width:100%;height:100%;background:#999;display:block;border-radius:50%}.control-inner li.active:before,.control-inner li:hover:before{background:#000}.control-inner li.active:before{transform:scale(1.5)}.control-num{font-size:1em;color:#ccc;margin:20px 0 40px;transform:rotate(-90deg)}.btn{font-size:.75em;margin-top:80px}.btn a{color:#000}.btn a:after{content:"";display:inline-block;vertical-align:middle;margin-left:30px;width:120px;height:1px;background:#ddd;transition:width .6s,background .6s}.btn a:hover{color:#999}.btn a:hover:after{width:40px}.slogan{font-size:1.5em;margin:5px 0 40px;line-height:1.2;color:#000}.sub-title{color:#999;margin-bottom:40px}.sub-title,.slogan,.text,.btn,.sbt{transform:translateY(40px);opacity:0}.show .sub-title,.show .slogan,.show .text,.show .btn,.show .sbt{opacity:1;transform:translateY(0px);transition:opacity .6s,transform .6s}.show .sub-title{transition-delay:1s}.show .slogan{transition-delay:1.2s}.show .text{transition-delay:1.4s}.face{overflow:hidden;float:right;margin-top:45px;margin-bottom:45px}.show .btn{transition-delay:1.6s}.top-photos{position:relative;height:100%;opacity:0;transform:translateY(40px);overflow:hidden}.show .top-photos{opacity:1;transform:translateY(0);transition:opacity 1s .5s,transform 1s .5s}.top-photos li{position:absolute;top:0;width:100%;height:100%;background-size:cover;background-position:center;transform:scale(1.2);transition:transform 10s}.top-photos li.show-now{transform:scale(1)}.top-photos li:after{content:"";display:block;width:100%;height:100%;background:#000;opacity:.2}.top-mask{position:absolute;bottom:0;width:100%;height:0;background:#f1f1f1}.show .top-mask{animation:topmask 1s}.top-line-h{position:absolute;bottom:0;height:100%;width:1px;background:#fff;opacity:.2;z-index:6}.top-line-h:nth-child(1){left:8vw;margin-left:-20px}.top-line-h:nth-child(2){left:50%}.top-line-h:nth-child(3){left:calc(100% - 8vw);height:calc(100% - 90px)}.top-slogan{position:absolute;bottom:0;left:0;width:calc(100% - 8vw);z-index:5}.top-slogan-bg{position:absolute;height:100%;width:0;background:#fff}.show .top-slogan-bg{width:100%;transition:width .6s 1s}.top-slogan-text{position:relative;height:90px;line-height:20px;margin-right:20vw;padding:0px 22vw 0px calc(8vw - 20px);color:#000}.top-slogan-text:before{content:"";width:0%;height:100%;position:absolute;top:0;right:0;background:#ddd}.show .top-slogan-text:before{animation:textbg 1s 1.3s forwards}.top-slogan-text li{position:absolute;padding:0 30px;width:30vw;display:flex;align-items:center;height:90px;opacity:0}.top-slogan-inner{margin-bottom:-10px}.top-slogan-scrollhover{position:absolute;right:0;top:0;height:0%;width:100%;text-align:center;background:#999;color:#fff;overflow:hidden;line-height:20px;transition:height .3s,line-height .3s}.top-slogan-scroll{position:absolute;right:0;top:0;height:100%;width:20vw;text-align:center;line-height:90px;font-size:.875em;color:#999;cursor:pointer;opacity:0}.show .top-slogan-scroll{opacity:1;transition:line-height .3s,opacity .6s 1.5s}.top-slogan-scroll:hover{line-height:150px}.top-slogan-scroll:hover .top-slogan-scrollhover{height:100%;line-height:90px}.top-scrolldown{position:absolute;right:0;bottom:0;height:90px;width:8vw;text-align:center;line-height:90px;color:#aaa;font-size:1.5em;z-index:5;cursor:pointer;opacity:0;bottom:40px}.show .top-scrolldown{opacity:1;bottom:0;transition:opacity .6s 1s,bottom .6s 1s}.top-scrolldown:hover .top-scrolldown-inner{color:#fff;animation:scrollbtn .3s forwards}.top-scrolldown-inner{position:relative}@keyframes topmask{0%{top:auto;bottom:0;height:0}50%{top:auto;bottom:0;height:100%}51%{top:0;bottom:auto;height:100%}100%{top:0;bottom:auto;height:0}}@keyframes textbg{0%{left:0;right:auto;width:0}50%{left:90%;right:auto;width:10%}51%{right:0;left:auto;width:10%}100%{right:0;left:auto;width:100%}}@keyframes scrollbtn{0%{top:-20px}100%{top:0}}.contact-map{position:absolute;bottom:5vw;right:0;height:calc(90% - 5vw);width:35%;overflow:hidden;transform:translateY(100%);margin:0}.contact-map-inner{position:absolute;top:0;width:100%;height:100%;transform:translateY(-100%)}.contact-map iframe{position:absolute;top:0;width:100%;height:100%}.show .contact-map,.show .contact-map-inner{transform:translateY(0);transition:transform 1s .5s}.contact-container{position:absolute;top:10%;left:5%;width:57%;height:calc(90% - 5vw)}.contact-container-bg{position:absolute;top:10%;right:25%;width:0%;height:calc(90% - 5vw);background:#fff}.show .contact-container-bg{width:70%;transition:width .6s .5s}.contact-wrapper{position:relative;display:flex;align-items:center;height:100%}.contact-inner{margin:45px 5vw 0 5vw}.contact-lblock{float:left;width:56%}.contact-text{font-size:.875em}.contact-text li{display:inline-block;margin-bottom:5px}.contact-text .tt{width:50px;vertical-align:top}.contact-text .ww{width:calc(100% - 55px)}.contact-text .ww .addr{background-color:#666;color:#fff;font-size:14px;padding:7px 7px 2px;border-radius:5px;white-space:nowrap}.contact-text .addtitleA{margin-bottom:20px}.contact .qr{width:120px;margin-left:-14px}.contact .qr img{width:100%}.contact-line{position:absolute;top:10%;left:65%;width:1px;height:0%;background:#ddd}.show .contact-line{height:calc(90% - 5vw);transition:height .6s .5s}.contact-corner{position:absolute;left:50%;bottom:-10vw;background:#999;width:5vw;height:10vw}.show .contact-corner{animation:contactcorner 1s forwards}@keyframes contactcorner{0%{left:50%;bottom:-10vw;width:5vw}50%{left:50%;bottom:0;width:5vw}100%{left:0;bottom:0;width:10vw}}.consult-container{position:absolute;left:0;top:15px;width:92%;height:calc(100% - 5vw)}.consult-container-bg{position:absolute;top:0;left:0;width:92%;height:0%;background:#fff}.show .consult-container-bg{height:calc(100% - 5vw);transition:height .6s .5s}.consult-wrapper{position:relative;margin-left:18vw;min-height:calc(100vh - 5vw);display:flex;align-items:center}.consult-img{position:absolute;top:10%;left:0;height:0%;width:40%;overflow:hidden}.show .consult-img{height:calc(90% - 15px);transition:height .6s 1s}.consult-img-inner{position:absolute;background-size:cover;background-position:30% center;height:100%;width:100%}.consult-inner{margin-left:40%;width:50%;padding:70px 5% 30px}.consult-list{margin:-1%;overflow:hidden}.consult-item{position:relative;float:left;width:31.3333%;margin:1%}.consult-img{overflow:hidden}.consult-img img{width:100%;transition:transform .6s}.consult-name{color:#000;margin:20px 0;font-size:.875em;letter-spacing:3px;text-align:center}.consult-view{position:absolute;top:0;width:100%;opacity:0;transition:opacity .6s}.consult-view:before{content:"";padding-bottom:100%;display:block;background:#000;opacity:.3}.consult-view:after{content:"";width:1px;height:0;top:60%;left:50%;margin-top:10px;position:absolute;background:#ccc;transition:height .6s}.consult-view-icon{position:absolute;top:50%;left:50%;width:40px;height:40px;background:#fff;color:#000;text-align:center;line-height:40px;border-radius:50%;margin:-20px 0 0 -20px}.consult-item a:hover img{transform:scale(1.2)}.consult-item a:hover .consult-view{opacity:1}.consult-item a:hover .consult-view:after{height:40%}.consult-send{position:absolute;right:8vw;bottom:0;z-index:2}.consult-send .send-text{color:#fff;width:15vw;height:5vw;text-align:center;line-height:5.2vw;letter-spacing:.2em}.consult-send a:hover .send-text{color:#000}.consult-corner{position:absolute;right:70%;bottom:-5vw;background:#999;width:5vw;height:5vw}.show .consult-corner{animation:workcorner 1s forwards}@keyframes workcorner{0%{right:70%;bottom:-5vw;width:5vw}30%{right:70%;bottom:0;width:5vw}100%{right:8vw;bottom:0;width:15vw}}label{display:block;width:100%;color:#000;font-size:.9em}.must{color:#f05e5e;margin-left:5px}.l1,.l2,.l3{margin-bottom:10px;float:left}.l1,.l2{width:46%}.l2{margin-left:8%}.l3{width:100%}.code-in{width:calc(100% - 120px);float:left}.code-img{float:left;border:1px solid #e6e6e6;margin:0 10px}.code-change{float:left;line-height:40px}input,textarea,select{font-family:"Manjari",sans-serif,"STHeiti Light","Heiti TC","微軟正黑體","Microsoft JhengHei",sans-serif;width:100%;color:#666;background-color:#fff;box-sizing:border-box;border:1px solid #ccc;border-radius:unset;resize:none;padding:10px 10px;margin:0}textarea{height:80px}@media screen and (max-width: 1600px){.about-img{max-width:calc(100% - 360px - 80px)}.contact-inner{margin:32px 40px 0 40px}.contact-lblock{width:50%}}@media screen and (max-width: 1200px){#mCSB_1_container{height:auto}.contact-lblock{width:70%;float:none}.contact-wrapper{display:block;height:auto}.contact-inner{margin:45px 40px 0 40px}.face{float:none}}@media screen and (min-width: 1201px){.mCSB_outside+.mCSB_scrollTools{display:none}}@media screen and (min-width: 1100px)and (max-height: 800px){.contact-map{bottom:calc(5vw - 5%)}.contact-container{top:15%}.contact-container-bg{top:15%}.contact-line{top:15%}}@media screen and (max-width: 1100px){.logo{margin-left:20px;transition:margin .3s}.onScroll .logo,.show-nav .logo{margin-left:0}.onScroll .header{background:#fff}.footer{display:block}.section{position:relative;height:auto}.section-scroll{display:none}.control{display:none}.top{height:100vh}.top-line-h:nth-child(1){margin-left:0}.top-line-h:nth-child(2){left:calc(100% - 30vw)}.top-line-h:nth-child(3){height:calc(100% - 70px)}.top-slogan-text{margin-right:22vw;padding:0 0 0 8vw}.top-slogan-text li{width:auto;max-width:420px}.top-slogan-scroll{width:22vw}.consult-container,.contact-container{position:relative;height:auto;width:auto;top:auto}.contact-map{position:relative;bottom:unset;width:auto;top:70px;padding-bottom:60vw;z-index:9}.contact-line{top:90px;left:auto;right:8vw}.show .contact-line{height:calc(100% - 70px - 8vw);top:70px}.contact-container{margin:0 8vw;left:auto;margin-top:70px}.contact-container-bg{right:auto;left:8vw}.show .contact-container-bg{width:calc(100% - 8vw);top:70px;height:calc(100% - 70px - 8vw)}.contact-wrapper{min-height:0;margin:0}.contact-corner{bottom:-8vw;width:4vw;height:8vw}.contact-inner{margin:108px 15vw}.contact-inner .face{float:none}.contact-lblock{float:none;width:100%}@keyframes contactcorner{0%{left:50%;bottom:-8vw;width:4vw}50%{left:50%;bottom:0;width:4vw}100%{left:0;bottom:0;width:8vw}}.consult-title2{display:block;margin-bottom:30px}.consult-container{margin:8vw 8vw}.consult-container-bg{width:calc(100% - 8vw)}.show .consult-container-bg{height:calc(100% - 8vw)}.consult-wrapper{margin:0;min-height:0}.consult-img{display:none}.consult-inner{width:100%;margin:40px 10vw;padding:0}.consult-line{position:absolute;top:0;left:8vw;width:1px;height:0;background:#ddd}.show .consult-line{transition:height .6s .5s;height:calc(100% - 8vw)}.consult-send{bottom:0;right:unset;left:8vw}.consult-send .send-text{line-height:8.2vw;width:92vw;height:8vw}.consult-corner{bottom:-8vw;right:unset;left:8vw;height:8vw}@keyframes workcorner{0%{right:unset;left:8vw;bottom:-8vw;width:4vw}30%{right:unset;left:8vw;bottom:0;width:4vw}100%{right:unset;left:8vw;bottom:0;width:92vw}}.l1,.l2{width:47%}.l2{margin-left:6%}}@media screen and (max-width: 800px){.consult-inner,.contact-inner{max-width:400px;margin:80px auto}.top-slogan-text{font-size:.875em}.consult-container{margin:8vw 50px}.show .consult-container-bg{height:calc(100% - 50px)}.show .consult-line{height:calc(100% - 50px)}.consult .l1,.consult .l2{width:100%}.consult .l2{margin-left:0}.consult-send{left:0}.consult-send .send-text{width:100vw;height:50px;line-height:53px}.consult-corner{height:50px}@keyframes workcorner{0%{right:0%;bottom:-8vw;width:4vw}30%{left:0;bottom:0;width:4vw}100%{left:0;bottom:0;width:100vw}}}@media screen and (max-width: 640px){.slogan{font-size:1.25em}.btn{margin-top:60px}.btn a:after{width:80px}.top-slogan{width:calc(100% - 8vw - 80px)}.top-slogan-text{margin-right:0;line-height:20px;height:80px}.top-slogan-text li{padding:20px;height:40px}.top-slogan-scroll{display:none}.top-scrolldown{right:8vw;width:80px;height:80px;line-height:80px;font-size:1.25em}.top-line-h:nth-child(2){left:calc(100% - 8vw - 80px)}.consult-inner,.contact-inner{max-width:none;margin:40px 20px}.contact-line{right:7vw}.contact-container-bg{height:91.8%}.contact-map{top:70px}.contact-text li{display:block}.contact-text .ww{margin-bottom:15px;width:100%}.text{display:inline-block;width:100%}.consult-container{margin:70px 8vw 50px}}@media screen and (max-height: 600px){.section-scroll{height:160px}.section-scroll-text{display:none}}