input:focus{outline:none}.clear{clear:both}.hide{display:none}.likemsg{color:#f8934a;font-size:11px;margin:auto;text-align:center}#btn_fansok{margin:auto;display:block}.float_right{float:right}.float_left{float:left}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#1997c4;font-size:22px;font-family:Arial,微軟正黑體;letter-spacing:2px;opacity:.5}input:-moz-placeholder,textarea:-moz-placeholder{color:#1997c4;font-size:22px;font-family:Arial,微軟正黑體;letter-spacing:2px;opacity:.5}input::-moz-placeholder,textarea::-moz-placeholder{color:#1997c4;font-size:22px;font-family:Arial,微軟正黑體;letter-spacing:2px;opacity:.5}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#1997c4;font-size:2px;font-family:Arial,微軟正黑體;letter-spacing:2px;opacity:.5}area{cursor:pointer;display:block}.fa-times-thin:before{content:'×'}.alertify-buttons{background:transparent;border-top:none;border-radius:0;box-shadow:none;padding:14px 35px 15px}.alertify-button{font-family:Arial,微軟正黑體}.alertify-button-ok{background-image:none;background-color:#29acec}.alertify-button-ok:hover,.alertify-button-ok:focus,.alertify-button-ok.active{background-color:rgba(41,172,236,.85)}.alertify-button-cancel{background-image:none;background-color:#ebf6fb}.alertify-button-cancel:hover,.alertify-button-cancel:focus,.alertify-button-cancel.active{background-color:rgba(235,246,251,.85)}.alertify-cover{background-color:#ebf6fb;opacity:.95;filter:alpha(opacity=95)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{position:relative}#awardbar{display:block;position:absolute;left:0;top:0;width:208px;height:208px;background:url(../images/awardbar.png) no-repeat;background-size:100% auto;width:10vw;height:auto;z-index:100;position:fixed}#awardbar:after{padding-top:100%;display:block;content:''}@media screen and (max-width:767px){#awardbar{background:url(../images/awardbar_m.png) no-repeat;background-size:100% auto;width:100%;height:auto;top:60px;position:absolute;z-index:1}#awardbar:after{padding-top:10.74169%;display:block;content:''}}#container{display:block;position:relative;width:100%;height:auto;margin:auto}@media screen and (max-width:767px){#container{padding-top:60px}}.inner{display:block;position:relative;width:100%;height:auto;max-width:1540px;margin:auto}@media screen and (max-width:767px){.inner{max-width:100%}}header{z-index:11;display:block;position:absolute;left:0;top:0;width:100%;height:100px;position:fixed;padding:10px 128px 0 128px;background-color:#fff;background-color:rgba(255,255,255,.8);top:-100px;-moz-transition:all,.5s,linear,.5s;-o-transition:all,.5s,linear,.5s;-webkit-transition:all,.5s,linear,.5s;transition:all,.5s,linear,.5s}header.active{top:0;-moz-transition:all,.5s,linear,.5s;-o-transition:all,.5s,linear,.5s;-webkit-transition:all,.5s,linear,.5s;transition:all,.5s,linear,.5s}header .inner{padding-left:16px;padding-right:16px}header #logo{display:block;position:relative;width:201px;height:73px;background:url(../images/logo.png) no-repeat;float:left}header #mobilemenubg{display:none}header #mobilemenubar{display:none}header #menuslogan{display:none}header #navbar{display:block;position:relative;width:472px;height:28px;background:url(../images/ruler.png) no-repeat;float:right;margin-top:20px;font-family:'Times New Roman',Times,serif}header #navbar ul{padding-top:26px}header #navbar ul li{display:block;position:relative;width:94px;height:20px;text-align:center;float:left}header #navbar ul li a{display:block;color:#000;text-decoration:none;border-top:2px solid transparent;font-weight:bold}header #navbar ul li a:before{content:'';display:block;position:absolute;left:0;top:0;width:0;height:2px;background-color:#7f7f7f;-moz-transition:all,.5s,linear,.5s;-o-transition:all,.5s,linear,.5s;-webkit-transition:all,.5s,linear,.5s;transition:all,.5s,linear,.5s}header #navbar ul li a:hover{color:#000;text-decoration:none}header #navbar ul li a:hover:before{width:100%;-moz-transition:all,.2s,linear,.5s;-o-transition:all,.2s,linear,.5s;-webkit-transition:all,.2s,linear,.5s;transition:all,.2s,linear,.5s}header #navbar ul li a.active:before{width:100%;-moz-transition:all,.2s,linear,.5s;-o-transition:all,.2s,linear,.5s;-webkit-transition:all,.2s,linear,.5s;transition:all,.2s,linear,.5s}header #navbar #mobilemenushare{display:none}header #menucontact{display:none}@media screen and (max-width:1024px){header{padding:10px 32px 0 32px}}@media screen and (max-width:768px){header{padding:10px 16px 0 16px}}@media screen and (max-width:767px){header{height:60px;padding:0;background-color:rgba(255,255,255,.95)}header #logo{position:absolute;left:12px;top:12px;float:none;height:auto;width:100px;background-size:100% auto;z-index:11}header #logo:after{padding-top:36.31841%;display:block;content:''}header #mobilemenubg{display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:11;background-color:#fff}header #mobilemenubar{display:block;position:absolute;right:12px;top:18px;width:100px;height:24px;text-align:right;z-index:11;vertical-align:top}header #mobilemenubar #contactbtn{display:inline-block;width:24px;height:24px;font-size:16px;border-radius:50%;background-color:#000;color:#fff;cursor:pointer;margin-right:10px;border:2px solid #000;vertical-align:top;text-decoration:none}header #mobilemenubar #contactbtn:before{display:block;width:100%;height:100%;content:"";text-align:center;padding-top:2px}header #mobilemenubar #menubtn{display:inline-block;width:24px;height:24px;font-size:20px;color:#000;border:2px solid #000;border-radius:50%;cursor:pointer;vertical-align:top;text-decoration:none}header #mobilemenubar #menubtn:before{display:block;width:100%;height:100%;content:"";text-align:center;padding-top:1px}header #mobilemenubar #menubtn.active{border:none;background-color:#00b1ef;color:#fff;text-decoration:none}header #mobilemenubar #menubtn.active:before{content:""}header #menuslogan{display:block;font-size:12px;letter-spacing:1px;line-height:14px;font-weight:700;padding:0 16px;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;margin-bottom:60px}header #navbar{z-index:10;position:absolute;width:100%;height:100vh;clear:both;background:none;background-color:#fff;float:none;margin-top:0;padding-top:60px;background:url(../images/bestforyou.png) no-repeat;background-size:100% auto;background-size:40% auto;background-position:right top;background-position:right 20px bottom 20px;background-color:#fff;left:0;top:-100vh;-moz-transition:all,.5s,linear,.5s;-o-transition:all,.5s,linear,.5s;-webkit-transition:all,.5s,linear,.5s;transition:all,.5s,linear,.5s}header #navbar ul{z-index:10;padding:0 16px;margin:0}header #navbar ul li{z-index:10;display:block;width:100%;height:auto;float:none;text-align:left;font-size:26px;border-bottom:1px solid #000;padding:6px 0}header #navbar ul li a{z-index:12;border-top:none;cursor:pointer}header #navbar ul li a:before{display:none}header #navbar ul li a:hover{border-top:none}header #navbar ul li a:hover:before{display:none}header #navbar ul li a.active{border-top:none}header #navbar ul li a.active:before{display:none}header #navbar.active{-moz-transition:all,.5s,linear,.5s;-o-transition:all,.5s,linear,.5s;-webkit-transition:all,.5s,linear,.5s;transition:all,.5s,linear,.5s;top:0}header #navbar #mobilemenushare{display:block;position:absolute;left:16px;bottom:16px;width:auto;height:auto;text-align:center}header #navbar #mobilemenushare .fbicon{display:block;position:relative;width:30px;height:30px;background:url(../images/fb_b.png) no-repeat;background-size:100% auto;display:inline-block;margin:auto 16px auto 0}header #navbar #mobilemenushare .lineicon{display:block;position:relative;width:30px;height:30px;background:url(../images/line_g.png) no-repeat;background-size:100% auto;display:inline-block;margin:auto 16px auto 0}header #menucontact{display:block;font-size:12px;letter-spacing:1px;line-height:16px;padding:0 16px;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-weight:700;margin-top:30px}}#contanier_wrap{display:block;position:relative;width:100%;height:auto;z-index:1}#contanier_wrap .scrolldown{display:block;position:absolute;left:50%;bottom:60px;width:30px;height:21px;margin-left:-15px;background:url(../images/scroll_arrow.png) no-repeat;width:auto;background-position:center bottom;padding-bottom:45px;color:#000;-moz-animation:AniBubbleUpAutoKeyframe .5s linear 0s infinite alternate;-webkit-animation:AniBubbleUpAutoKeyframe .5s linear 0s infinite alternate;animation:AniBubbleUpAutoKeyframe .5s linear 0s infinite alternate}@-moz-keyframes AniBubbleUpAutoKeyframe{0%{-moz-transform:translateY(-10px);transform:translateY(-10px)}100%{-moz-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes AniBubbleUpAutoKeyframe{0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes AniBubbleUpAutoKeyframe{0%{-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}}#contanier_wrap .scrolldown.white{color:#fff;background:url(../images/scroll_arrow2.png) no-repeat;background-size:100% auto;background-size:auto auto;background-position:center bottom}@media screen and (max-width:767px){#contanier_wrap .scrolldown{font-size:12px;bottom:12%;margin-left:-35px}}#contanier_wrap #home{z-index:1;display:block;position:relative;width:100%;height:100vh;background:url(../images/water_all.png) no-repeat;padding-top:100px;background-size:100% auto;background-position:center center;min-height:500px;background:none;overflow:hidden}#contanier_wrap #home .scrolldown{opacity:0;-moz-transition:all,.5s,linear,.5s;-o-transition:all,.5s,linear,.5s;-webkit-transition:all,.5s,linear,.5s;transition:all,.5s,linear,.5s}#contanier_wrap #home.active:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/water_all.png) no-repeat;background-size:100% auto;background-position:center center;-moz-animation:homeKeyframe .5s linear 0s 1 alternate;-webkit-animation:homeKeyframe .5s linear 0s 1 alternate;animation:homeKeyframe .5s linear 0s 1 alternate}@media screen and (max-width:767px){#contanier_wrap #home.active:before{background-position:center bottom}}#contanier_wrap #home.active .scrolldown{opacity:1;-moz-transition:all,.5s,linear,.5s;-o-transition:all,.5s,linear,.5s;-webkit-transition:all,.5s,linear,.5s;transition:all,.5s,linear,.5s}#contanier_wrap #home #text1{display:block;position:absolute;left:50%;top:50%;width:351px;height:119px;margin-left:-151.5px;margin-top:-139.5px;background:url(../images/text1.png) no-repeat;background:none}#contanier_wrap #home #text1.active:before{content:'';display:block;position:absolute;left:0;top:0;width:351px;height:119px;background:url(../images/text1.png) no-repeat;-moz-animation:text1Keyframe 1s linear 0s 1 alternate;-webkit-animation:text1Keyframe 1s linear 0s 1 alternate;animation:text1Keyframe 1s linear 0s 1 alternate}#contanier_wrap #home #text1.active .dot1{display:block;position:absolute;left:0;top:120px;width:20px;height:20px;background-color:#000;border-radius:50%;opacity:0;-moz-animation:text1Dot1Keyframe .3s linear 0s 1 alternate;-webkit-animation:text1Dot1Keyframe .3s linear 0s 1 alternate;animation:text1Dot1Keyframe .3s linear 0s 1 alternate}#contanier_wrap #home #text1.active .dot2{display:block;position:absolute;left:-80px;top:30px;width:223.5px;height:171px;background:url(../images/water1.png) no-repeat;background-size:100% auto;-moz-animation:text1Dot2Keyframe 1s linear 0s 1 alternate;-webkit-animation:text1Dot2Keyframe 1s linear 0s 1 alternate;animation:text1Dot2Keyframe 1s linear 0s 1 alternate}@media screen and (max-width:767px){#contanier_wrap #home #text1{display:none}}#contanier_wrap #home #text2{display:block;position:absolute;left:50%;top:50%;width:352px;height:119px;margin-left:-152px;margin-top:-139.5px;background:url(../images/text2.png) no-repeat;background:none}#contanier_wrap #home #text2.active:before{content:'';display:block;position:absolute;left:0;top:0;width:352px;height:119px;background:url(../images/text2.png) no-repeat;-moz-animation:text1Keyframe 1s linear 0s 1 alternate;-webkit-animation:text1Keyframe 1s linear 0s 1 alternate;animation:text1Keyframe 1s linear 0s 1 alternate}#contanier_wrap #home #text2.active .dot1{display:block;position:absolute;right:0;top:120px;width:20px;height:20px;background-color:#000;border-radius:50%;opacity:0;-moz-animation:text1Dot1Keyframe .3s linear 0s 1 alternate;-webkit-animation:text1Dot1Keyframe .3s linear 0s 1 alternate;animation:text1Dot1Keyframe .3s linear 0s 1 alternate}#contanier_wrap #home #text2.active .dot2{display:block;position:absolute;right:-130px;top:30px;width:223.5px;height:171px;background:url(../images/water1.png) no-repeat;background-size:100% auto;-moz-animation:text1Dot2Keyframe 1s linear 0s 1 alternate;-webkit-animation:text1Dot2Keyframe 1s linear 0s 1 alternate;animation:text1Dot2Keyframe 1s linear 0s 1 alternate}@media screen and (max-width:767px){#contanier_wrap #home #text2{display:none}}#contanier_wrap #home #text3{display:block;position:absolute;left:50%;top:50%;width:448px;height:387px;margin-left:-200px;margin-top:-273.5px;background:url(../images/text3.png) no-repeat;background:none}#contanier_wrap #home #text3.active:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/text3.png) no-repeat;background-size:100% auto;-moz-animation:text3Keyframe .5s linear 0s 1 alternate;-webkit-animation:text3Keyframe .5s linear 0s 1 alternate;animation:text3Keyframe .5s linear 0s 1 alternate}#contanier_wrap #home #flag1{display:block;position:absolute;left:50%;top:50%;width:116px;height:231px;margin-left:-14px;margin-top:9.5px;background:url(../images/flag1.png) no-repeat;background:none}#contanier_wrap #home #flag1.active:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/flag1.png) no-repeat;background-size:100% auto;-moz-animation:flag1Keyframe .3s linear 0s 1 alternate;-webkit-animation:flag1Keyframe .3s linear 0s 1 alternate;animation:flag1Keyframe .3s linear 0s 1 alternate}@media screen and (max-width:767px){#contanier_wrap #home{padding-top:60px;min-height:100%}#contanier_wrap #home #text3{height:auto;width:80%;background-size:100% auto;top:20%;margin-left:-38%;margin-top:0}#contanier_wrap #home #text3:after{padding-top:86.38393%;display:block;content:''}#contanier_wrap #home #flag1{height:auto;width:18%;background-size:100% auto;top:49%;margin-left:-3%;margin-top:0}#contanier_wrap #home #flag1:after{padding-top:199.13793%;display:block;content:''}}@media screen and (max-width:320px){#contanier_wrap #home #flag1{width:15%;top:55%}}#contanier_wrap #bestkoc{z-index:1;background-color:#00a2ea;padding-left:128px;padding-right:128px}#contanier_wrap #bestkoc .inner{height:auto;padding-left:16px;padding-right:16px;padding-top:50px;padding-bottom:50px}#contanier_wrap #bestkoc .d-flex{display:flex;align-items:stretch;justify-content:center;align-items:center}#contanier_wrap #bestkoc .d-flex .item{flex:1;text-align:center}#contanier_wrap #bestkoc .d-flex .item .bestkoclogo{width:130px;margin:auto;display:block}#contanier_wrap #bestkoc .d-flex .item h3{color:#fff;font-weight:900;font-size:24px}#contanier_wrap #bestkoc .d-flex .item h4{color:#fff;font-weight:normal;font-size:24px}#contanier_wrap #bestkoc .d-flex .item h5{font-size:16px;margin-top:30px;margin-bottom:50px;line-height:150%}#contanier_wrap #bestkoc .d-flex .item h5 br{display:none}#contanier_wrap #bestkoc .d-flex .item .btn-primary{border-radius:2.5rem;font-weight:900;font-size:18px;padding:1rem 2.5rem;background:#4de6e5;border:none;background:linear-gradient(180deg,#4fe5e6 0%,#58aded 100%);-webkit-box-shadow:6px 6px 6px 0 rgba(0,0,0,.2);-moz-box-shadow:6px 6px 6px 0 rgba(0,0,0,.2);box-shadow:6px 6px 6px 0 rgba(0,0,0,.2)}#contanier_wrap #bestkoc .d-flex .item .mobile{display:none}#contanier_wrap #bestkoc .d-flex .item.pc{display:block}@media screen and (max-width:767px){#contanier_wrap #bestkoc .d-flex .item{flex:none;width:100vw;padding-left:10px;padding-right:10px}#contanier_wrap #bestkoc .d-flex .item h3{font-size:18px}#contanier_wrap #bestkoc .d-flex .item h4{font-size:18px}#contanier_wrap #bestkoc .d-flex .item h5 span{display:none}#contanier_wrap #bestkoc .d-flex .item h5 br{display:block}#contanier_wrap #bestkoc .d-flex .item.pc{display:none}#contanier_wrap #bestkoc .d-flex .item .mobile{display:block}}#contanier_wrap #brand .inner{height:auto;padding-left:16px;padding-right:16px;padding-top:40px;padding-bottom:80px}@media screen and (max-width:767px){#contanier_wrap #brand .inner{padding-top:20px}}#contanier_wrap #brand h3{font-weight:900;font-size:24px;color:#00a4e8}@media screen and (max-width:767px){#contanier_wrap #brand h3{font-size:22px;margin-bottom:20px}}#contanier_wrap #brand .item{text-align:center}#contanier_wrap #brand .item.mobile{display:none}#contanier_wrap #brand .item.pc{display:block}@media screen and (max-width:767px){#contanier_wrap #brand .item{flex:none;padding-left:10px;padding-right:10px}#contanier_wrap #brand .item h3{font-size:18px}#contanier_wrap #brand .item h4{font-size:18px}#contanier_wrap #brand .item h5 span{display:none}#contanier_wrap #brand .item h5 br{display:block}#contanier_wrap #brand .item.pc{display:none}#contanier_wrap #brand .item.mobile{display:block}}#contanier_wrap #brand .owl-dots .owl-dot span{width:16px;height:16px}#contanier_wrap #brand .owl-dots .owl-dot.active span{background:#00a4e8}#contanier_wrap #about{z-index:1;display:block;position:relative;width:100%;height:100vh;background:url(../images/water_group1.png) no-repeat;background-size:100% auto;background-position:center top;background-color:#272121;padding-left:128px;padding-right:128px}#contanier_wrap #about .fp-tableCell{display:block}#contanier_wrap #about .inner{height:100vh;padding-left:16px;padding-right:16px}#contanier_wrap #about #water_group2{display:block;position:absolute;right:120px;bottom:120px;width:547px;height:278px;background:url(../images/water_group2.png) no-repeat}#contanier_wrap #about #flag2{display:block;position:absolute;right:16px;bottom:220px;width:370px;height:438px;background:url(../images/flag2.png) no-repeat}@media screen and (max-width:1366px){#contanier_wrap #about #flag2{height:auto;width:300px;background-size:100% auto;bottom:100px}#contanier_wrap #about #flag2:after{padding-top:118.37838%;display:block;content:''}}@media screen and (max-width:1024px){#contanier_wrap #about #flag2{height:auto;width:200px;background-size:100% auto;bottom:300px}#contanier_wrap #about #flag2:after{padding-top:118.37838%;display:block;content:''}}@media screen and (max-width:768px){#contanier_wrap #about #flag2{bottom:100px}}#contanier_wrap #about #aboutus{display:block;position:absolute;left:16px;top:128px;width:480px;height:auto;padding-bottom:80px;background:url(../images/bestforyou.png) no-repeat;background-size:100% auto;background-size:auto auto;background-position:right bottom;color:#fff;font-size:18px;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-weight:300;letter-spacing:3px}#contanier_wrap #about #aboutus h3{display:block;position:relative;width:134px;height:46px;background:url(../images/about_tittle01.png) no-repeat;margin-bottom:36px}#contanier_wrap #about #aboutus h4{display:block;position:relative;width:388px;height:24px;background:url(../images/about_tittle02.png) no-repeat;margin-bottom:36px}#contanier_wrap #about #aboutus .foot{display:block;position:relative;width:3219px;height:773px;background:url(../images/foot_w.png) no-repeat;height:auto;width:60vw;max-width:65vw;background-size:100% auto;margin-top:60px;margin-bottom:40px}#contanier_wrap #about #aboutus .foot:after{padding-top:24.01367%;display:block;content:''}#contanier_wrap #about #aboutus .aboutContent{font-size:18px;-webkit-filter:drop-shadow(0 0 3px #000);filter:drop-shadow(0 0 3px #000);line-height:24px;margin-bottom:32px}#contanier_wrap #about #aboutus .aboutContent span{font-weight:900}@media screen and (max-width:1024px){#contanier_wrap #about #aboutus{left:32px}#contanier_wrap #about #aboutus .foot{display:block;position:relative;width:1383px;height:419px;background:url(../images/foot_m.png) no-repeat;height:auto;background-size:100% auto;width:100%;max-width:100%}#contanier_wrap #about #aboutus .foot:after{padding-top:30.29646%;display:block;content:''}#contanier_wrap #about #aboutus .aboutContent{font-size:14px;letter-spacing:1px;margin-bottom:20px}#contanier_wrap #about #aboutus .aboutContent span{letter-spacing:2px}}@media screen and (max-width:1024px){#contanier_wrap #about{padding-left:32px;padding-right:32px}}@media screen and (max-width:767px){#contanier_wrap #about{padding-left:12px;padding-right:12px}#contanier_wrap #about .inner{padding-top:60px;overflow:hidden;padding-left:0;padding-right:0}#contanier_wrap #about #water_group2{height:auto;background-size:100% auto;width:70%;right:0;bottom:30px}#contanier_wrap #about #water_group2:after{padding-top:50.82267%;display:block;content:''}#contanier_wrap #about #flag2{width:150px;right:0;bottom:10px}#contanier_wrap #about #aboutus{display:block;position:absolute;left:0;top:0;width:100%;height:auto;padding:76px 0 27px 0;background-position:0 bottom;background-size:40% auto}#contanier_wrap #about #aboutus h3{height:auto;background-size:100% auto;width:36%;margin-bottom:20px}#contanier_wrap #about #aboutus h3:after{padding-top:34.32836%;display:block;content:''}#contanier_wrap #about #aboutus h4{height:auto;background-size:100% auto;width:85%;margin-bottom:20px}#contanier_wrap #about #aboutus h4:after{padding-top:6.18557%;display:block;content:''}}@media screen and (max-width:320px){#contanier_wrap #about #flag2{width:100px;right:-26px;bottom:10px}#contanier_wrap #about #aboutus{padding:76px 0 30px 16px;background-size:30% auto}#contanier_wrap #about #aboutus h3{margin-top:0;margin-bottom:10px;font-size:24px}#contanier_wrap #about #aboutus h4{font-size:14px;margin-bottom:10px}}#contanier_wrap #solution{text-shadow:-1px 0 #00b1ef,1px -1px 0 #00b1ef,-1px 1px 0 #00b1ef,1px 1px 0 #00b1ef}#contanier_wrap #solution #steptitle{-webkit-filter:drop-shadow(0 0 3px #00b1ef);filter:drop-shadow(0 0 3px #00b1ef)}#contanier_wrap #solution,#contanier_wrap #service{z-index:1;display:block;position:relative;width:100%;height:100vh;background:url(../images/cloud1.png) no-repeat;background-size:auto auto;background-position:center top;background-attachment:fixed;background-color:#00b1ef;padding-left:128px;padding-right:128px}#contanier_wrap #solution .fp-tableCell,#contanier_wrap #service .fp-tableCell{display:block}#contanier_wrap #solution .inner,#contanier_wrap #service .inner{height:100vh;padding-left:16px;padding-right:16px}#contanier_wrap #solution #steptitle,#contanier_wrap #service #steptitle{display:block;position:absolute;left:16px;top:230px;width:239px;height:47px;background:url(../images/solution_tittle01.png) no-repeat}#contanier_wrap #solution #stepcontainer,#contanier_wrap #service #stepcontainer{display:block;position:absolute;left:50%;top:50%;width:100%;height:170px;margin-left:-50%;margin-top:-85px;text-align:center;white-space:nowrap;vertical-align:top;padding-left:16px;padding-right:16px}#contanier_wrap #solution #stepcontainer .carousel-indicators,#contanier_wrap #service #stepcontainer .carousel-indicators{display:none}#contanier_wrap #solution #stepcontainer .carousel-control,#contanier_wrap #service #stepcontainer .carousel-control{display:none}#contanier_wrap #solution #stepcontainer .step,#contanier_wrap #service #stepcontainer .step{display:block;position:relative;width:20%;height:auto;display:inline-block;color:#fff;text-align:center;white-space:normal;vertical-align:top}#contanier_wrap #solution #stepcontainer .step h3,#contanier_wrap #service #stepcontainer .step h3{font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:24px;font-weight:800;letter-spacing:5px;margin:auto auto 6px auto}#contanier_wrap #solution #stepcontainer .step p,#contanier_wrap #service #stepcontainer .step p{font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:14px;font-weight:300;letter-spacing:1px}#contanier_wrap #solution #stepcontainer .step::before,#contanier_wrap #service #stepcontainer .step::before{content:'';display:block;position:absolute;right:0;top:60px;width:13px;height:25px;background:url(../images/arrow_w.png) no-repeat}@media screen and (max-width:1366px){#contanier_wrap #solution #stepcontainer .step h3,#contanier_wrap #service #stepcontainer .step h3{font-size:20px}#contanier_wrap #solution #stepcontainer .step p,#contanier_wrap #service #stepcontainer .step p{font-size:12px}}@media screen and (max-width:1024px){#contanier_wrap #solution #stepcontainer .step h3,#contanier_wrap #service #stepcontainer .step h3{font-size:16px;letter-spacing:2px}#contanier_wrap #solution #stepcontainer .step p,#contanier_wrap #service #stepcontainer .step p{font-size:12px}}#contanier_wrap #solution #stepcontainer #step1,#contanier_wrap #service #stepcontainer #step1{background:url(../images/step1.png) no-repeat;background-size:100% auto;background-size:auto 35px;background-position:center top;padding-top:50px;-webkit-filter:drop-shadow(0 0 3px #00b1ef);filter:drop-shadow(0 0 3px #00b1ef)}#contanier_wrap #solution #stepcontainer #step2,#contanier_wrap #service #stepcontainer #step2{background:url(../images/step2.png) no-repeat;background-size:100% auto;background-size:auto 35px;background-position:center top;padding-top:50px;-webkit-filter:drop-shadow(0 0 3px #00b1ef);filter:drop-shadow(0 0 3px #00b1ef)}#contanier_wrap #solution #stepcontainer #step3,#contanier_wrap #service #stepcontainer #step3{background:url(../images/step3.png) no-repeat;background-size:100% auto;background-size:auto 35px;background-position:center top;padding-top:50px;-webkit-filter:drop-shadow(0 0 3px #00b1ef);filter:drop-shadow(0 0 3px #00b1ef)}#contanier_wrap #solution #stepcontainer #step4,#contanier_wrap #service #stepcontainer #step4{background:url(../images/step4.png) no-repeat;background-size:100% auto;background-size:auto 35px;background-position:center top;padding-top:50px;-webkit-filter:drop-shadow(0 0 3px #00b1ef);filter:drop-shadow(0 0 3px #00b1ef)}#contanier_wrap #solution #stepcontainer #step5,#contanier_wrap #service #stepcontainer #step5{background:url(../images/step5.png) no-repeat;background-size:100% auto;background-size:auto 35px;background-position:center top;padding-top:50px;-webkit-filter:drop-shadow(0 0 3px #00b1ef);filter:drop-shadow(0 0 3px #00b1ef)}#contanier_wrap #solution #stepcontainer #step5::before,#contanier_wrap #service #stepcontainer #step5::before{display:none}#contanier_wrap #solution #listcontainer,#contanier_wrap #service #listcontainer{display:block;position:absolute;left:0;top:120px;width:100%;height:170px;text-align:center;white-space:nowrap;vertical-align:top;padding-left:16px;padding-right:16px}#contanier_wrap #solution #listcontainer .listitem,#contanier_wrap #service #listcontainer .listitem{display:block;position:relative;width:20%;height:auto;display:inline-block;color:#fff;text-align:left;white-space:normal;vertical-align:top}#contanier_wrap #solution #listcontainer .listitem h3,#contanier_wrap #service #listcontainer .listitem h3{font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:27px;font-weight:800;letter-spacing:5px;margin:auto auto 6px auto;color:#000}#contanier_wrap #solution #listcontainer .listitem p,#contanier_wrap #service #listcontainer .listitem p{font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:19px;font-weight:300;letter-spacing:1px;color:#fff}@media screen and (max-width:1024px){#contanier_wrap #solution #listcontainer .listitem h3,#contanier_wrap #service #listcontainer .listitem h3{font-size:20px}#contanier_wrap #solution #listcontainer .listitem p,#contanier_wrap #service #listcontainer .listitem p{font-size:12px}}#contanier_wrap #solution .slash,#contanier_wrap #service .slash{display:none}@media screen and (max-width:1366px){#contanier_wrap #solution #steptitle,#contanier_wrap #service #steptitle{left:16px;top:150px;font-size:36px}}@media screen and (max-width:1024px){#contanier_wrap #solution,#contanier_wrap #service{background-size:120% auto;background-position:center bottom;padding-left:32px;padding-right:32px}}@media screen and (max-width:768px){#contanier_wrap #solution,#contanier_wrap #service{background-position:center 300px}#contanier_wrap #solution #stepcontainer .step:before,#contanier_wrap #service #stepcontainer .step:before{width:8px;height:16px;background-size:100% auto}#contanier_wrap #solution #stepcontainer .step h3,#contanier_wrap #service #stepcontainer .step h3{font-size:14px}#contanier_wrap #solution #stepcontainer .step p,#contanier_wrap #service #stepcontainer .step p{letter-spacing:0}#contanier_wrap #solution #listcontainer .listitem h3,#contanier_wrap #service #listcontainer .listitem h3{font-size:18px;letter-spacing:2px}}@media screen and (max-width:767px){#contanier_wrap #solution,#contanier_wrap #service{background-position:center 200px;height:auto;min-height:50vh;padding-left:12px;padding-right:12px}#contanier_wrap #solution .inner,#contanier_wrap #service .inner{padding-top:120px;height:auto;min-height:50vh;padding-left:0;padding-right:0}#contanier_wrap #solution #steptitle,#contanier_wrap #service #steptitle{left:0;top:70px;height:auto;background-size:100% auto;width:50%}#contanier_wrap #solution #steptitle:after,#contanier_wrap #service #steptitle:after{padding-top:19.66527%;display:block;content:''}#contanier_wrap #solution #stepcontainer,#contanier_wrap #service #stepcontainer{animation:none;opacity:1;position:relative;left:auto;top:auto;height:200px;margin-left:auto;margin-top:auto;padding:16px}#contanier_wrap #solution #stepcontainer .carousel-indicators,#contanier_wrap #service #stepcontainer .carousel-indicators{display:block}#contanier_wrap #solution #stepcontainer .carousel-indicators li,#contanier_wrap #service #stepcontainer .carousel-indicators li{background-color:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3)}#contanier_wrap #solution #stepcontainer .carousel-indicators li.active,#contanier_wrap #service #stepcontainer .carousel-indicators li.active{background-color:#fff;border:1px solid #fff}#contanier_wrap #solution #stepcontainer .carousel-control,#contanier_wrap #service #stepcontainer .carousel-control{display:block}#contanier_wrap #solution #stepcontainer .carousel-control.left,#contanier_wrap #service #stepcontainer .carousel-control.left{background-image:none}#contanier_wrap #solution #stepcontainer .carousel-control.left i,#contanier_wrap #service #stepcontainer .carousel-control.left i{position:absolute;width:28px;height:28px;border:2px solid #fff;border-radius:50%;top:50%;z-index:5;display:inline-block;margin-top:-10px;left:50%;margin-left:-10px}#contanier_wrap #solution #stepcontainer .carousel-control.left i:before,#contanier_wrap #service #stepcontainer .carousel-control.left i:before{font-size:14px;display:block;width:100%;height:100%;padding-top:5px}#contanier_wrap #solution #stepcontainer .carousel-control.right,#contanier_wrap #service #stepcontainer .carousel-control.right{background-image:none}#contanier_wrap #solution #stepcontainer .carousel-control.right i,#contanier_wrap #service #stepcontainer .carousel-control.right i{position:absolute;width:28px;height:28px;border:2px solid #fff;border-radius:50%;top:50%;z-index:5;display:inline-block;margin-top:-10px;right:50%;margin-right:-10px}#contanier_wrap #solution #stepcontainer .carousel-control.right i:before,#contanier_wrap #service #stepcontainer .carousel-control.right i:before{font-size:14px;display:block;width:100%;height:100%;padding-top:5px}#contanier_wrap #solution #stepcontainer .item,#contanier_wrap #service #stepcontainer .item{color:#fff;width:100%}#contanier_wrap #solution #stepcontainer .item h3,#contanier_wrap #service #stepcontainer .item h3{font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:20px;font-weight:800;letter-spacing:5px;margin:auto auto 6px auto}#contanier_wrap #solution #stepcontainer .item p,#contanier_wrap #service #stepcontainer .item p{font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:12px;font-weight:300;letter-spacing:1px}#contanier_wrap #solution #listcontainer,#contanier_wrap #service #listcontainer{animation:none;float:none;position:relative;left:auto;top:auto;margin-left:auto;margin-top:0;white-space:normal;text-align:left;height:auto;padding-left:0;padding-right:0}#contanier_wrap #solution #listcontainer .listitem,#contanier_wrap #service #listcontainer .listitem{padding:0;margin-bottom:16px;width:33.3%;height:130px;float:left}#contanier_wrap #solution #listcontainer .listitem h3,#contanier_wrap #service #listcontainer .listitem h3{font-size:16px;letter-spacing:1px;text-align:center}#contanier_wrap #solution #listcontainer .listitem p,#contanier_wrap #service #listcontainer .listitem p{letter-spacing:0;text-align:center}#contanier_wrap #solution .slash,#contanier_wrap #service .slash{display:block;margin:0 auto 16px;width:100%;height:10px;background:url(../images/slash.png) no-repeat;background-size:100% auto;background-size:auto 100%;background-repeat:repeat-x;opacity:.4}#contanier_wrap #solution.active #stepcontainer,#contanier_wrap #service.active #stepcontainer{animation:none;opacity:1}#contanier_wrap #solution.active #listcontainer,#contanier_wrap #service.active #listcontainer{animation:none;opacity:1}}@media screen and (max-width:320px){#contanier_wrap #solution #listcontainer .listitem,#contanier_wrap #service #listcontainer .listitem{width:50%}#contanier_wrap #solution #listcontainer .listitem p,#contanier_wrap #service #listcontainer .listitem p{letter-spacing:1px}}#contanier_wrap #service{padding-left:0;padding-right:0}#contanier_wrap #service #service_background-17{display:block;position:relative;width:100%;height:42vh;background:url(../images/service_background-17.png) no-repeat;background-size:100% auto;background-position:center top}#contanier_wrap #service #servicecontainer{padding-left:128px;padding-right:128px;display:block;position:relative;width:100%;height:58vh;background-color:#b9aca2}#contanier_wrap #service .inner{height:100%}#contanier_wrap #service .inner #steptitle{top:20px}@media screen and (max-width:1366px){#contanier_wrap #service #steptitle{top:20px}}@media screen and (max-width:1024px){#contanier_wrap #service #servicecontainer{padding-left:32px;padding-right:32px}}@media screen and (max-width:767px){#contanier_wrap #service .inner{padding-top:0}#contanier_wrap #service #steptitle{display:none}#contanier_wrap #service #service_background-17{display:none}#contanier_wrap #service #servicecontainer{background-color:#00b1ef;padding-left:12px;padding-right:12px;height:auto}}#contanier_wrap #contact{z-index:1;display:block;position:relative;width:100%;height:auto;background-size:auto auto;background-position:center top;background-color:#fff;padding-bottom:36px}#contanier_wrap #contact .fp-tableCell{display:block}#contanier_wrap #contact #contactcontainer{padding-left:128px;padding-right:128px}#contanier_wrap #contact .inner{height:100%;width:100%;padding-left:16px;padding-right:16px}#contanier_wrap #contact #topbanner{display:block;position:relative;width:100%;height:760px;background-color:#00b1ef;padding-top:20px;overflow:hidden}#contanier_wrap #contact #topbanner .inner{height:100%;width:100%}#contanier_wrap #contact #topbanner #water_group3{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/water_group3.png) no-repeat;background-size:100% auto;background-position:center bottom}#contanier_wrap #contact #topbanner #moon{display:block;position:absolute;left:50%;bottom:-80px;width:744px;height:620px;margin-left:-423px;background:url(../images/moon.png) no-repeat;color:#000;text-align:center}#contanier_wrap #contact #topbanner #moon h3{display:block;position:relative;width:450px;height:95px;background:url(../images/contact_tittle.png) no-repeat;background-size:90% auto;background-position:center center;margin-left:208px;margin-top:97px}#contanier_wrap #contact #topbanner #mountain{display:block;position:absolute;left:50%;bottom:-180px;width:1115px;height:581px;margin-left:-548.5px;background:url(../images/mountain.png) no-repeat}#contanier_wrap #contact #topbanner #flag3{display:block;position:absolute;left:50%;bottom:140px;width:58px;height:115.5px;margin-left:-8.75px;background:url(../images/flag1.png) no-repeat;background-size:100% auto;width:80px;height:159px}@media screen and (max-width:1024px){#contanier_wrap #contact #topbanner #water_group3{background-position:center bottom}}#contanier_wrap #contact .leftblock{display:block;position:relative;width:48%;height:auto;float:left;padding-top:54px}#contanier_wrap #contact .leftblock .inputgroup{width:100%;margin-bottom:32px}#contanier_wrap #contact .leftblock .inputgroup label{display:block;width:100%;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:18px;font-weight:bolder}#contanier_wrap #contact .leftblock .inputgroup label span{color:#00b1ef}#contanier_wrap #contact .leftblock .inputgroup input{display:block;width:100%;height:36px;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:16px;font-weight:300;border:none;border-bottom:1px solid #000}#contanier_wrap #contact .leftblock .inputgroup textarea{display:block;width:100%;height:108px;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:16px;font-weight:300;border:none;border-bottom:1px solid #000}#contanier_wrap #contact .leftblock .inputgroup.half1{width:46%;float:left}#contanier_wrap #contact .leftblock .inputgroup.half2{width:46%;float:right}#contanier_wrap #contact .leftblock .inputgroup #requests{position:relative;display:block;width:100%;height:36px;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:16px;font-weight:300;line-height:32px;border:none;border-bottom:1px solid #000;color:#000;cursor:pointer}#contanier_wrap #contact .leftblock .inputgroup #requests span{display:inline-block;width:100%;height:100%;overflow:hidden;padding-right:20px;cursor:pointer}#contanier_wrap #contact .leftblock .inputgroup #requests i{display:block;position:absolute;right:0;top:0;width:20px;height:20px;cursor:pointer}#contanier_wrap #contact .leftblock .inputgroup #requests #requests_value{display:block;position:absolute;left:0;top:100%;width:100%;height:auto;display:none;background-color:#fff;border:1px solid #000;padding:16px}#contanier_wrap #contact .leftblock .inputgroup #requests #requests_value input{display:inline-block;width:20px;height:20px;font-size:14px;margin:auto;line-height:20px;vertical-align:middle}#contanier_wrap #contact .leftblock .inputgroup #requests #requests_value label{display:inline-block;width:auto;line-height:20px;font-size:14px;vertical-align:middle;margin-right:12px;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif}#contanier_wrap #contact .leftblock .inputgroup #requests.active #requests_value{display:block}#contanier_wrap #contact .leftblock .submitgroup{width:100%;margin-bottom:32px;position:relative;padding-left:70px}#contanier_wrap #contact .leftblock .submitgroup label{position:absolute;left:0;top:0;display:block;width:70px;height:36px;line-height:36px;margin:0;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:18px;font-weight:bolder}#contanier_wrap #contact .leftblock .submitgroup label span{color:#00b1ef}#contanier_wrap #contact .leftblock .submitgroup img{display:block;float:left;width:20%;height:36px}#contanier_wrap #contact .leftblock .submitgroup input{display:block;margin-left:2%;float:left;width:30%;height:36px;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:16px;font-weight:300;border:none;border-bottom:1px solid #000}#contanier_wrap #contact .leftblock #btnsend{width:20%;display:block;float:right;padding:6px 9px;background-color:#00b1ef;color:#fff;border:none;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:18px;letter-spacing:5px;text-align:center}#contanier_wrap #contact .rightblock{display:block;position:relative;width:48%;height:auto;float:right;padding-top:54px;text-align:right}#contanier_wrap #contact .rightblock #map{display:block;position:relative;width:425px;height:434px;background:url(../images/map.jpg) no-repeat;width:100%;height:auto;background-size:cover;display:inline-block;margin-bottom:106px}#contanier_wrap #contact .rightblock #map:after{padding-top:102.11765%;display:block;content:''}#contanier_wrap #contact .rightblock p{font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:18px;font-weight:bolder;letter-spacing:3px}@media screen and (max-width:1024px){#contanier_wrap #contact #contactcontainer{padding-left:32px;padding-right:32px}}@media screen and (max-width:768px){#contanier_wrap #contact #contactcontainer .inner{padding-left:0;padding-right:0}#contanier_wrap #contact .leftblock{width:350px}#contanier_wrap #contact .leftblock .inputgroup label{font-size:16px}#contanier_wrap #contact .leftblock .submitgroup label{font-size:16px}#contanier_wrap #contact .leftblock #btnsend{font-size:16px}#contanier_wrap #contact .rightblock{width:330px}#contanier_wrap #contact .rightblock #map{height:auto;background-size:100% auto;width:100%;margin-bottom:186px}#contanier_wrap #contact .rightblock #map:after{padding-top:102.11765%;display:block;content:''}#contanier_wrap #contact .rightblock p{font-size:16px;letter-spacing:1px}}@media screen and (max-width:767px){#contanier_wrap #contact{height:100%;min-height:100vh;padding-top:60px;padding-bottom:0}#contanier_wrap #contact #contactcontainer{padding-left:12px;padding-right:12px}#contanier_wrap #contact #contactcontainer .inner{padding-left:0;padding-right:0}#contanier_wrap #contact:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:60px;background-color:#00b1ef}#contanier_wrap #contact .inner{padding:16px}#contanier_wrap #contact #topbanner{height:200px;padding-top:0}#contanier_wrap #contact #topbanner .inner{padding:0}#contanier_wrap #contact #topbanner #moon{width:220px;height:183px;bottom:10px;margin-left:-129px;background-size:100% auto}#contanier_wrap #contact #topbanner #moon h3{height:auto;background-size:100% auto;width:66%;margin-left:25%;margin-top:18%}#contanier_wrap #contact #topbanner #moon h3:after{padding-top:21.11111%;display:block;content:''}#contanier_wrap #contact #topbanner #mountain{width:300px;height:156px;margin-left:-159px;bottom:-20px;background-size:100% auto}#contanier_wrap #contact #topbanner #flag3{width:20px;height:40px;bottom:65px;margin-left:-12px;background-size:100% auto}#contanier_wrap #contact .leftblock{width:100%;float:none;padding-top:0}#contanier_wrap #contact .leftblock .inputgroup{margin-bottom:12px}#contanier_wrap #contact .leftblock .inputgroup label{font-size:14px}#contanier_wrap #contact .leftblock .inputgroup input{font-size:14px;height:20px}#contanier_wrap #contact .leftblock .inputgroup textarea{font-size:14px;height:48px}#contanier_wrap #contact .leftblock .inputgroup #requests{height:20px;font-size:14px;line-height:20px}#contanier_wrap #contact .leftblock .inputgroup #requests i{font-size:18px}#contanier_wrap #contact .leftblock .submitgroup{padding-left:60px}#contanier_wrap #contact .leftblock .submitgroup label{font-size:14px;height:20px;line-height:36px;width:60px}#contanier_wrap #contact .leftblock .submitgroup img{width:30%;height:36px}#contanier_wrap #contact .leftblock .submitgroup input{width:30%;font-size:14px;height:36px}#contanier_wrap #contact .leftblock #btnsend{font-size:16px;width:30%}#contanier_wrap #contact .rightblock{display:none}}#contanier_wrap #joinus{z-index:1;display:block;position:relative;width:100%;height:100vh;background-color:#a8a89e;padding-left:128px;padding-right:128px}#contanier_wrap #joinus .fp-tableCell{display:block}#contanier_wrap #joinus .inner{height:100Vh;background:url(../images/water_group4.png) no-repeat;background-size:100% auto;background-size:800px auto;background-position:100% 60px;padding-left:16px;padding-right:16px}#contanier_wrap #joinus #joinuslogo{display:block;position:absolute;left:16px;top:13%;width:483px;height:111px;background:url(../images/joinus.png) no-repeat}#contanier_wrap #joinus #joinushead{display:block;position:absolute;right:16px;top:33%;width:66px;height:406px;background:url(../images/head.png) no-repeat}#contanier_wrap #joinus #joinuscontent{display:block;position:absolute;left:16px;top:28%;width:500px;height:auto}#contanier_wrap #joinus #joinuscontent p{font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:17px;line-height:36px;font-weight:300;letter-spacing:2px;color:#fff}#contanier_wrap #joinus #joinuscontent .joinbtn{display:block;position:relative;width:auto;height:auto;float:right;padding:12px 48px;border-radius:30px;background-color:#fff;color:#a8a89e;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:17px;font-weight:300;letter-spacing:2px}#contanier_wrap #joinus #joinuscontent #join_water_02{display:none}#contanier_wrap #joinus #bottom{display:block;position:absolute;left:0;bottom:0;width:100%;height:120px;color:#fff;font-family:"Microsoft YaHei","微軟正黑體","Microsoft JhengHei","STHeiti","Noto Sans TC",sans-serif;font-size:16px;font-weight:300;letter-spacing:2px;vertical-align:bottom;padding-left:16px;padding-right:16px}#contanier_wrap #joinus #bottom #logo_w_container{display:inline-block;float:left;margin-right:36px;vertical-align:bottom}#contanier_wrap #joinus #bottom #logo_w_container #logo_w{display:block;position:relative;width:148px;height:54px;background:url(../images/logo_w.png) no-repeat;margin-bottom:12px}#contanier_wrap #joinus #bottom #logo_w_container p{font-size:12px;letter-spacing:0;font-weight:normal;line-height:20px;margin:auto}#contanier_wrap #joinus #bottom #m1{display:inline-block;float:left;margin-right:48px;vertical-align:bottom;padding-top:28px}#contanier_wrap #joinus #bottom #m1 a{display:inline-block;font-size:14px;font-weight:normal;letter-spacing:0;color:#fff;padding:2px;border-bottom:1px solid #fff;margin-bottom:12px;margin-right:12px;text-decoration:none}#contanier_wrap #joinus #bottom #m1 a:hover{text-decoration:none}#contanier_wrap #joinus #bottom #m1 p{font-size:12px;letter-spacing:0;font-weight:normal;line-height:20px;margin:auto}#contanier_wrap #joinus #bottom #m2{display:inline-block;float:left;vertical-align:bottom;padding-top:28px}#contanier_wrap #joinus #bottom #m2 a{display:inline-block;font-size:14px;font-weight:normal;letter-spacing:0;color:#fff;padding:2px;border-bottom:1px solid #fff;margin-bottom:12px;margin-right:12px;text-decoration:none}#contanier_wrap #joinus #bottom #m2 a:hover{text-decoration:none}#contanier_wrap #joinus #bottom #m2 p{font-size:12px;letter-spacing:0;font-weight:normal;line-height:20px;margin:auto}#contanier_wrap #joinus #bottom .slash{display:none}#contanier_wrap #joinus #bottom #mobilem3{display:none}#contanier_wrap #joinus #bottom #mobileshare{display:none}#contanier_wrap #joinus #bottom #bestforyou_w{display:block;position:relative;width:162px;height:45px;background:url(../images/bestforyou_w.png) no-repeat;float:right;margin-top:56px}#contanier_wrap #joinus #bottom #mobilem4{display:none}@media screen and (max-width:1366px){#contanier_wrap #joinus .inner{background-size:60% auto;background-position:120% 0}#contanier_wrap #joinus #joinuslogo{left:0;top:17%;height:auto;width:300px;background-size:100% auto}#contanier_wrap #joinus #joinuslogo:after{padding-top:22.98137%;display:block;content:''}#contanier_wrap #joinus #joinushead{right:0;top:24%}#contanier_wrap #joinus #joinuscontent{left:0;width:410px}#contanier_wrap #joinus #joinuscontent p{line-height:28px}}@media screen and (max-width:1024px){#contanier_wrap #joinus{padding-left:32px;padding-right:32px}}@media screen and (max-width:768px){#contanier_wrap #joinus .inner{padding-left:0;padding-right:0}#contanier_wrap #joinus #bottom{padding-left:0;padding-right:0}#contanier_wrap #joinus #bottom #logo_w_container{margin-right:16px}#contanier_wrap #joinus #bottom #m1{margin-right:16px}#contanier_wrap #joinus #bottom #bestforyou_w{display:none}}@media screen and (max-width:767px){#contanier_wrap #joinus{height:100%;min-height:100vh;padding-left:0;padding-right:0}#contanier_wrap #joinus .inner{background:url(../images/join_water_01.png) no-repeat;background-size:100% auto;height:100%;min-height:100vh;background-size:500px;background-position:left 4px;padding:76px 12px 16px 12px}#contanier_wrap #joinus #joinuslogo{position:relative;left:auto;top:auto;width:50%;margin-bottom:30px}#contanier_wrap #joinus #joinushead{right:12px;top:17.8%;height:auto;width:10%;background-size:100% auto}#contanier_wrap #joinus #joinushead:after{padding-top:615.15152%;display:block;content:''}#contanier_wrap #joinus #joinuscontent{position:relative;left:auto;top:auto;width:100%}#contanier_wrap #joinus #joinuscontent p{font-size:12px;line-height:20px;letter-spacing:1px}#contanier_wrap #joinus #joinuscontent .joinbtn{float:left;font-size:12px;padding:6px 26px;margin-top:16px}#contanier_wrap #joinus #joinuscontent #join_water_02{display:block;position:relative;width:579px;height:417px;background:url(../images/join_water_02.png) no-repeat;height:auto;background-size:100% auto;width:50%;margin-left:10%}#contanier_wrap #joinus #joinuscontent #join_water_02:after{padding-top:72.02073%;display:block;content:''}#contanier_wrap #joinus #bottom{position:relative;left:auto;bottom:auto;height:auto;font-size:12px;margin-top:5%;padding:0}#contanier_wrap #joinus #bottom #logo_w_container{display:none}#contanier_wrap #joinus #bottom .slash{display:block;margin:16px auto 6px;width:100%;height:10px;background:url(../images/slash.png) no-repeat;background-size:100% auto;background-size:auto 100%;background-repeat:repeat-x;opacity:.4}#contanier_wrap #joinus #bottom #m1{padding:0;margin:0;float:left;width:75%}#contanier_wrap #joinus #bottom #m1 a{display:block;float:left;width:33.3%;border:none;font-weight:900;margin-right:0;text-align:center}#contanier_wrap #joinus #bottom #m1 p{display:none}#contanier_wrap #joinus #bottom #m2{padding:0;float:left;width:25%}#contanier_wrap #joinus #bottom #m2 a{display:block;float:left;width:100%;border:none;font-weight:900;margin-right:0;text-align:center}#contanier_wrap #joinus #bottom #m2 p{display:none}#contanier_wrap #joinus #bottom #mobilem3{clear:both;display:block;font-size:12px;letter-spacing:1px;font-weight:normal;line-height:20px;margin:auto;text-align:center}#contanier_wrap #joinus #bottom #bestforyou_w{background:url(../images/bestforyou_w_mobile.png) no-repeat;background-size:100% auto;background-size:100% auto;display:block;margin:16px auto;float:none}#contanier_wrap #joinus #bottom #mobileshare{display:block;margin:auto;text-align:center}#contanier_wrap #joinus #bottom #mobileshare .fbicon{display:block;position:relative;width:30px;height:30px;background:url(../images/fb_w.png) no-repeat;background-size:100% auto;display:inline-block;margin:auto 16px}#contanier_wrap #joinus #bottom #mobileshare .lineicon{display:block;position:relative;width:30px;height:30px;background:url(../images/line_w.png) no-repeat;background-size:100% auto;display:inline-block;margin:auto 16px}#contanier_wrap #joinus #bottom #mobilem4{display:block;font-size:12px;letter-spacing:0;font-weight:normal;line-height:20px;margin:20px auto auto}#contanier_wrap #joinus #bottom #mobilem4 p{display:block}#contanier_wrap #joinus #bottom #mobilem4 p.m41{float:left}#contanier_wrap #joinus #bottom #mobilem4 p.m42{float:right;text-align:right}}@media screen and (max-width:320px){#contanier_wrap #joinus #bottom #m1 a{font-size:12px}#contanier_wrap #joinus #bottom #m2 a{font-size:12px}#contanier_wrap #joinus #bottom #mobilem4 p.m41{text-align:center;float:none}#contanier_wrap #joinus #bottom #mobilem4 p.m42{text-align:center;float:none}#contanier_wrap #joinus #bottom #mobilem4 p.m42 br{display:none}}@-moz-keyframes homeKeyframe{0%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes homeKeyframe{0%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes homeKeyframe{0%{transform:scale(1.5);opacity:0}100%{transform:scale(1);opacity:1}}@-moz-keyframes flag1Keyframe{0%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes flag1Keyframe{0%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes flag1Keyframe{0%{transform:scale(1.1);opacity:0}100%{transform:scale(1);opacity:1}}@-moz-keyframes text3Keyframe{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes text3Keyframe{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes text3Keyframe{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@-moz-keyframes text1Keyframe{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes text1Keyframe{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes text1Keyframe{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-moz-keyframes text1Dot1Keyframe{0%{transform:scale(5);opacity:0}100%{transform:scale(1);opacity:1}}@-webkit-keyframes text1Dot1Keyframe{0%{transform:scale(5);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes text1Dot1Keyframe{0%{transform:scale(5);opacity:0}100%{transform:scale(1);opacity:1}}@-moz-keyframes text1Dot2Keyframe{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-webkit-keyframes text1Dot2Keyframe{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes text1Dot2Keyframe{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-moz-keyframes solutionHideKeyframe{0%{-moz-transform:translateY(0);transform:translateY(0);opacity:1}100%{-moz-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@-webkit-keyframes solutionHideKeyframe{0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@keyframes solutionHideKeyframe{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-moz-transform:translateY(-100px);-ms-transform:translateY(-100px);-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0}}@-moz-keyframes solutionShowKeyframe{0%{-moz-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-moz-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes solutionShowKeyframe{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes solutionShowKeyframe{0%{-moz-transform:translateY(100px);-ms-transform:translateY(100px);-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}