@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,700&display=swap");@import url("https://fonts.googleapis.com/css?family=Rubik:700,700i&display=swap");.recruit-bg{background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(/Content/web_theme/css/Recruit/images/recruit_bg.jpg);z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;position:fixed}@media(min-width:1200px){.recruit-bg{background-attachment:fixed}}.page-recruit{color:#fff}.page-container{width:1200px;max-width:100%;margin:0 auto}.title-col{text-align:center;padding:100px 0 40px}.page-title,.page-subtitle{display:inline-block;padding:0;margin:0;width:150px}.page-title{font-family:"Roboto","Noto Sans TC",sans-serif;font-size:30px;border-right:4px solid #f4e727;padding-right:24px;text-align:right}.page-subtitle{font-family:"Rubik","Microsoft JhengHei","Roboto","Microsoft JhengHei",sans-serif;font-size:20px;text-align:left;padding-left:20px}.text-work-life{padding:0 60px;text-align:center;margin-bottom:0}.benefit-group{padding:0 15px;margin-top:30px}.benefit-group:before,.benefit-group:after{content:"";display:block;clear:both}.benefit-col{float:left;width:20%;text-align:center;padding:0 15px}.benefit-icon{display:inline-block;width:72px;height:72px;-webkit-background-size:contain;-khtml-background-size:contain;-moz-background-size:contain;-ms-background-size:contain;-o-background-size:contain;background-size:contain;margin-bottom:15px}.benefit-icon-1{background-image:url(/Content/web_theme/css/Recruit/images/recruit_icon_1.png)}.benefit-icon-2{background-image:url(/Content/web_theme/css/Recruit/images/recruit_icon_2.png)}.benefit-icon-3{background-image:url(/Content/web_theme/css/Recruit/images/recruit_icon_3.png)}.benefit-icon-4{background-image:url(/Content/web_theme/css/Recruit/images/recruit_icon_4.png)}.benefit-icon-5{background-image:url(/Content/web_theme/css/Recruit/images/recruit_icon_5.png)}.benefit-title{font-size:20px;font-weight:bold}.benefit-content{font-size:15px;text-align:left;margin-bottom:0}.join-col{width:100%;overflow-x:hidden;padding:60px 0}.join-btn{position:relative;font-family:"Rubik","Microsoft JhengHei","Roboto","Microsoft JhengHei",sans-serif;color:#2e3b44;width:100%;font-size:90px;line-height:200px;font-weight:bold;padding:0;z-index:1;background-color:transparent}.join-btn span{position:relative;display:inline-block;z-index:1;-webkit-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);-webkit-transition:margin .2s;-khtml-transition:margin .2s;-moz-transition:margin .2s;-ms-transition:margin .2s;-o-transition:margin .2s;transition:margin .2s}.join-btn-bg{z-index:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:#f4e727;-webkit-transform:skewY(-3deg);-khtml-transform:skewY(-3deg);-moz-transform:skewY(-3deg);-ms-transform:skewY(-3deg);-o-transform:skewY(-3deg);transform:skewY(-3deg);z-index:0}.join-btn:hover span{margin-left:30px}.join-btn:active .join-btn-bg{background-color:#ddcf0b}.join-btn:active span{text-shadow:0 2px 0 white}.join-icon{width:80px;height:80px;display:inline-block;-webkit-background-size:contain;-khtml-background-size:contain;-moz-background-size:contain;-ms-background-size:contain;-o-background-size:contain;background-size:contain;background-image:url(/Content/web_theme/css/Recruit/images/recruit_arrow.png)}#footer{position:relative;z-index:2;background-color:transparent;padding:15px 0}#footer p{color:#fff}#footer a,#footer a:hover{color:#fff}.title-col{padding:80px 0 30px}.page-container{min-height:calc(100vh - 460px)}.benefit-group{margin-top:10px;margin-bottom:0}.join-col{margin-bottom:-40px}@media(max-width:991px){.benefit-group{text-align:center}.benefit-col{float:none;display:inline-block;width:240px;vertical-align:top;margin-bottom:30px}}@media(max-width:539px){.join-btn{font-size:60px;line-height:130px}.join-icon{width:60px;height:60px}}.joinBtn{-webkit-animation-name:joinBtn;-khtml-animation-name:joinBtn;-moz-animation-name:joinBtn;-ms-animation-name:joinBtn;-o-animation-name:joinBtn;animation-name:joinBtn}@-webkit-keyframes joinBtn{from{opacity:1;-webkit-transform:skewY(-3deg) scaleX(.1);-khtml-transform:skewY(-3deg) scaleX(.1);-moz-transform:skewY(-3deg) scaleX(.1);-ms-transform:skewY(-3deg) scaleX(.1);-o-transform:skewY(-3deg) scaleX(.1);transform:skewY(-3deg) scaleX(.1)}to{opacity:1;-webkit-transform:skewY(-3deg) scaleX(1);-khtml-transform:skewY(-3deg) scaleX(1);-moz-transform:skewY(-3deg) scaleX(1);-ms-transform:skewY(-3deg) scaleX(1);-o-transform:skewY(-3deg) scaleX(1);transform:skewY(-3deg) scaleX(1)}}@-moz-keyframes joinBtn{from{opacity:1;-webkit-transform:skewY(-3deg) scaleX(.1);-khtml-transform:skewY(-3deg) scaleX(.1);-moz-transform:skewY(-3deg) scaleX(.1);-ms-transform:skewY(-3deg) scaleX(.1);-o-transform:skewY(-3deg) scaleX(.1);transform:skewY(-3deg) scaleX(.1)}to{opacity:1;-webkit-transform:skewY(-3deg) scaleX(1);-khtml-transform:skewY(-3deg) scaleX(1);-moz-transform:skewY(-3deg) scaleX(1);-ms-transform:skewY(-3deg) scaleX(1);-o-transform:skewY(-3deg) scaleX(1);transform:skewY(-3deg) scaleX(1)}}@-ms-keyframes joinBtn{from{opacity:1;-webkit-transform:skewY(-3deg) scaleX(.1);-khtml-transform:skewY(-3deg) scaleX(.1);-moz-transform:skewY(-3deg) scaleX(.1);-ms-transform:skewY(-3deg) scaleX(.1);-o-transform:skewY(-3deg) scaleX(.1);transform:skewY(-3deg) scaleX(.1)}to{opacity:1;-webkit-transform:skewY(-3deg) scaleX(1);-khtml-transform:skewY(-3deg) scaleX(1);-moz-transform:skewY(-3deg) scaleX(1);-ms-transform:skewY(-3deg) scaleX(1);-o-transform:skewY(-3deg) scaleX(1);transform:skewY(-3deg) scaleX(1)}}@-o-keyframes joinBtn{from{opacity:1;-webkit-transform:skewY(-3deg)scaleX(.1);-khtml-transform:skewY(-3deg)scaleX(.1);-moz-transform:skewY(-3deg)scaleX(.1);-ms-transform:skewY(-3deg)scaleX(.1);-o-transform:skewY(-3deg)scaleX(.1);transform:skewY(-3deg)scaleX(.1);}to{opacity:1;-webkit-transform:skewY(-3deg)scaleX(1);-khtml-transform:skewY(-3deg)scaleX(1);-moz-transform:skewY(-3deg)scaleX(1);-ms-transform:skewY(-3deg)scaleX(1);-o-transform:skewY(-3deg)scaleX(1);transform:skewY(-3deg)scaleX(1);}}@keyframes joinBtn{from{opacity:1;-webkit-transform:skewY(-3deg) scaleX(.1);-khtml-transform:skewY(-3deg) scaleX(.1);-moz-transform:skewY(-3deg) scaleX(.1);-ms-transform:skewY(-3deg) scaleX(.1);-o-transform:skewY(-3deg) scaleX(.1);transform:skewY(-3deg) scaleX(.1)}to{opacity:1;-webkit-transform:skewY(-3deg) scaleX(1);-khtml-transform:skewY(-3deg) scaleX(1);-moz-transform:skewY(-3deg) scaleX(1);-ms-transform:skewY(-3deg) scaleX(1);-o-transform:skewY(-3deg) scaleX(1);transform:skewY(-3deg) scaleX(1)}}.joinBtnSpan{-webkit-animation-name:joinBtnSpan;-khtml-animation-name:joinBtnSpan;-moz-animation-name:joinBtnSpan;-ms-animation-name:joinBtnSpan;-o-animation-name:joinBtnSpan;animation-name:joinBtnSpan}@-webkit-keyframes joinBtnSpan{from{opacity:0;-webkit-transform:rotate(-3deg) translateX(-50%);-khtml-transform:rotate(-3deg) translateX(-50%);-moz-transform:rotate(-3deg) translateX(-50%);-ms-transform:rotate(-3deg) translateX(-50%);-o-transform:rotate(-3deg) translateX(-50%);transform:rotate(-3deg) translateX(-50%)}to{opacity:1;-webkit-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}}@-moz-keyframes joinBtnSpan{from{opacity:0;-webkit-transform:rotate(-3deg) translateX(-50%);-khtml-transform:rotate(-3deg) translateX(-50%);-moz-transform:rotate(-3deg) translateX(-50%);-ms-transform:rotate(-3deg) translateX(-50%);-o-transform:rotate(-3deg) translateX(-50%);transform:rotate(-3deg) translateX(-50%)}to{opacity:1;-webkit-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}}@-ms-keyframes joinBtnSpan{from{opacity:0;-webkit-transform:rotate(-3deg) translateX(-50%);-khtml-transform:rotate(-3deg) translateX(-50%);-moz-transform:rotate(-3deg) translateX(-50%);-ms-transform:rotate(-3deg) translateX(-50%);-o-transform:rotate(-3deg) translateX(-50%);transform:rotate(-3deg) translateX(-50%)}to{opacity:1;-webkit-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}}@-o-keyframes joinBtnSpan{from{opacity:0;-webkit-transform:rotate(-3deg)translateX(-50%);-khtml-transform:rotate(-3deg)translateX(-50%);-moz-transform:rotate(-3deg)translateX(-50%);-ms-transform:rotate(-3deg)translateX(-50%);-o-transform:rotate(-3deg)translateX(-50%);transform:rotate(-3deg)translateX(-50%);}to{opacity:1;-webkit-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);}}@keyframes joinBtnSpan{from{opacity:0;-webkit-transform:rotate(-3deg) translateX(-50%);-khtml-transform:rotate(-3deg) translateX(-50%);-moz-transform:rotate(-3deg) translateX(-50%);-ms-transform:rotate(-3deg) translateX(-50%);-o-transform:rotate(-3deg) translateX(-50%);transform:rotate(-3deg) translateX(-50%)}to{opacity:1;-webkit-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}}