#banner{width:100%;height:470px;background:#fafafa no-repeat center/cover;MARGIN:100PX 0 0}
#banner .wrap{position:relative;top:41.6%;left:-10px;font-size:4.2rem;font-family:'Microsoft Jhenghei','Microsoft YaHei';color:#ffffff}
#banner .wrap>span{display:inline-block}
#space{height:100px}
@media (max-width:1279px){#banner{display:none}
#mp-head{background:#e71231;height:80px}
#space{height:120px}
}#child{background:none;padding:0;position:relative;top:-40px}
#child .wrap>a{width:50%}
@media (max-width:1279px){#child{padding:120px 0 0;top:-40px}
#child .wrap{height:48px}
#child .wrap>a{line-height:47px;font-size:1.3rem}
#child .wrap>a::after{height:1.3rem;top:17px}
}#hr,#job{padding:30px 0 130px 0}
#hr .wrap>.tit,#job .wrap>.tit{font-size:3.9rem;color:#2b2b2b;font-family:'Microsoft Jhenghei','Microsoft YaHei'}
#hr .wrap>.tit-en,#job .wrap>.tit-en{color:#bbb;font-size:1.5rem;font-family:'Montserrat';margin-top:12px}
#hr .m1{margin-top:80px;border:1px solid #e6e6e6;padding:50px 45px 15px 45px;position:relative}
#hr .m1 .tit{background:#fff;position:absolute;top:-20px;height:40px;line-height:40px;padding:0 20px;font-size:2.6rem;font-weight:bold}
#hr .m1 .con{line-height:1.9;font-size:1.7rem;font-family:'Microsoft Jhenghei','Microsoft YaHei'}
#hr .m1 .con p,#hr .m1 .con div{line-height:1.9;font-size:1.7rem;margin-bottom:25px;font-family:'Microsoft Jhenghei','Microsoft YaHei'}
#hr .m2{margin-top:60px}
#hr .m2>.tit{font-size:2.6rem;font-weight:bold}
#hr .m2 .box{display:flex;justify-content:space-between;margin-top:40px}
#hr .m2 .box .item{width:calc((100% - 200px)/5);background:#f6f7fb;border-radius:10%;text-align:center}
#hr .m2 .box .item .tit{font-size:2rem;font-weight:300;color:#e71231;overflow:hidden;margin-top:50px}
#hr1 .m2 .box .item .tit{font-size:2rem;font-weight:300;color:#e71231;overflow:hidden;margin-top:50px}
#hr .m2 .box .item .ico{margin-top:30px}
#hr .m2 .box .item .ico i{color:#2e2d3c;font-size:4.6rem}
#hr .m2 .box .item .desc{font-size:1.6rem;line-height:1.6;margin-top:30px;padding:0 30px 50px 30px;font-family:'Microsoft Jhenghei','Microsoft YaHei'}
#hr .m3{margin-top:60px}
#hr .m3>.tit{font-size:2.6rem;font-weight:bold}
#hr .m3 .con{font-size:1.7rem;font-family:'Microsoft Jhenghei','Microsoft YaHei';margin-top:30px}
#hr .m3 .con p,#hr .m3 .con div{line-height:1.9;font-size:1.7rem;margin-bottom:25px;font-family:'Microsoft Jhenghei','Microsoft YaHei'}
#job .desc{font-size:1.6rem;color:#aaa;font-weight:300;margin-top:50px}
#job .desc p{margin-bottom:10px;line-height:1.8}
#job .list{display:flex;margin-top:60px;flex-wrap:wrap}
#job .list>a{display:block;width:calc((100% - 100px)/3);padding:30px;box-sizing:border-box;margin-right:50px;margin-bottom:50px;background:#f6f7fb;transition:all .35s;position:relative;height:130px;overflow:hidden}
#job .list>a:hover{background:#e71231}
#job .list>a:nth-child(3n){margin-right:0}
#job .list>a .num{position:absolute;font-size:10rem;font-family:'Montserrat';color:#e6e6e6;top:15px;left:35px;z-index:2;transition:all .35s}
#job .list>a:hover .num{left:45px;color:rgba(255,255,255,.2)}
#job .list>a .tit{position:relative;z-index:3;left:40px;top:10px;font-size:2.6rem;color:#2e2d3c;font-weight:bold;line-height:1.3;width:70%;transition:all .35s}
#job .list>a:hover .tit{color:#fff}
#job .list>a::before{position:absolute;z-index:1;right:40px;bottom:-20px;content:'\e623';font-family:iconfont;font-size:10rem;color:#ccc;transition:all .35s}
#job .list>a:hover::before{color:rgba(255,255,255,.2);font-size:11rem;right:35px}
#job.school .list>a::before{content:'\e6fa';bottom:-15px}
.black{width:100%;height:100%;position:fixed;z-index:9999;left:0;top:0;visibility:hidden;transition:all .35s}
.black.active{background:rgba(0,0,0,.3);visibility:visible}
#view{position:fixed;z-index:10000;width:100%;height:66%;left:0;bottom:-66%;background:#fff;transition:all .4s}
#view.active{box-shadow:0 0 25px 3px rgba(0,0,0,.2);bottom:0}
#view::before{content:'\e623';font-size:32rem;font-family:'iconfont';color:#eee;position:absolute;right:0;bottom:0;z-index:1}
#view.school::before{content:'\e6fa';font-size:28rem;right:20px}
#view .wrap{padding:60px 0;max-width:1060px;height:100%;box-sizing:border-box;position:relative;z-index:2}
#view .wrap>.close{width:50px;height:50px;position:absolute;right:0;top:30px;display:block;text-align:center;line-height:50px;transition:all .25s}
#view .wrap>.close i{font-size:5rem;color:#ccc;transition:all .25s}
#view .wrap>.close:hover{transform:rotate(90deg)}
#view .wrap>.close:hover i{color:#fb5483}
#view .wrap .loading{font-size:1.5rem;font-weight:300;color:#bbb}
#view .wrap .loading img{display:inline-block;margin-right:8px}
#view .wrap .wrapper{display:none;height:100%}
#view .wrap .wrapper>.tit{font-size:3.2rem;color:#2b2b2b;font-weight:bold}
#view .wrap .todate{font-size:1.6rem;font-style:italic;margin-top:16px;border-bottom:1px solid #999;padding-bottom:35px}
#view .wrap .tags{margin-top:35px;height:calc(100% - 120px);overflow:scroll;padding-bottom:20px}
#view .wrap .tags .item{margin-bottom:35px}
#view .wrap .tags .item .tit{font-size:2rem;color:#bbb;font-weight:bold}
#view .wrap .tags .item .con{font-family:'Microsoft Jhenghei','Microsoft YaHei';color:#2e2d3c;font-size:1.6rem;line-height:1.6;margin-top:16px}
#view .wrap .tags .item .con p,#view .wrap .tags .item .con div{font-family:'Microsoft Jhenghei','Microsoft YaHei';color:#2e2d3c;font-size:1.6rem;line-height:1.6;margin-bottom:20px}
@media (max-width:1679px){#hr .wrap>.tit,#job .wrap>.tit{font-size:3.8rem}
#hr .wrap>.tit-en,#job .wrap>.tit-en{font-size:1.4rem}
#hr .m1 .tit{font-size:2.4rem}
#hr .m1 .con{font-size:1.6rem}
#hr .m1 .con p,#hr .m1 .con div{line-height:1.8;font-size:1.6rem}
#hr .m2>.tit{font-size:2.4rem}
#hr .m2 .box .item{width:calc((100% - 180px)/5)}
#hr .m2 .box .item .tit{font-size:1.9rem}
#hr .m2 .box .item .ico i{font-size:4.2rem}
#hr .m2 .box .item .desc{font-size:1.5rem}
#hr .m3>.tit{font-size:2.4rem}
#hr .m3 .con{font-size:1.6rem}
#hr .m3 .con p,#hr .m3 .con div{line-height:1.8;font-size:1.6rem}
#job .desc{font-size:1.5rem}
#job .list>a{width:calc((100% - 90px)/3);margin-right:45px;margin-bottom:45px}
#job .list>a .num{font-size:9.6rem;top:15px;left:35px}
#job .list>a:hover .num{left:45px}
#job .list>a .tit{left:20px;top:10px;font-size:2.4rem}
#job .list>a::before{right:35px;bottom:-20px;font-size:9.6rem}
#job .list>a:hover::before{right:30px}
#view::before{font-size:30rem}
#view.school::before{font-size:26rem}
#view .wrap .wrapper>.tit{font-size:3rem}
#view .wrap .todate{font-size:1.5rem}
#view .wrap .tags .item .tit{font-size:1.9rem}
#view .wrap .tags .item .con{font-size:1.5rem}
#view .wrap .tags .item .con p,#view .wrap .tags .item .con div{font-size:1.5rem}
}@media (max-width:1439px){#banner{height:450px}
#hr .m1{margin-top:60px}
#hr .m1 .tit{font-size:2.3rem}
#hr .m1 .con{font-size:1.5rem}
#hr .m1 .con p,#hr .m1 .con div{line-height:1.8;font-size:1.5rem}
#hr .m2{margin-top:50px}
#hr .m2>.tit{font-size:2.3rem}
#hr .m2 .box .item{width:calc((100% - 160px)/5)}
#hr .m2 .box .item .tit{font-size:1.8rem}
#hr .m2 .box .item .ico i{font-size:4rem}
#hr .m2 .box .item .desc{font-size:1.5rem}
#hr .m3{margin-top:50px}
#hr .m3>.tit{font-size:2.3rem}
#hr .m3 .con{font-size:1.5rem}
#hr .m3 .con p,#hr .m3 .con div{font-size:1.5rem}
#job .desc{font-size:1.4rem}
#job .list>a{width:calc((100% - 80px)/3);margin-right:40px;margin-bottom:40px}
#job .list>a .num{font-size:9rem;top:15px;left:30px}
#job .list>a:hover .num{left:40px}
#job .list>a .tit{left:20px;top:10px;font-size:2.2rem}
#job .list>a::before{right:25px;bottom:-20px;font-size:9rem}
#job .list>a:hover::before{right:20px}
#view::before{font-size:28rem}
#view.school::before{font-size:24rem}
#view .wrap .wrapper>.tit{font-size:2.8rem}
#view .wrap .todate{font-size:1.4rem}
#view .wrap .tags .item .tit{font-size:1.8rem}
#view .wrap .tags .item .con{font-size:1.4rem}
#view .wrap .tags .item .con p,#view .wrap .tags .item .con div{font-size:1.4rem}
}@media (max-width:1365px){#hr .m1 .tit{font-size:2.2rem}
#hr .m1 .con{font-size:1.4rem}
#hr .m1 .con p,#hr .m1 .con div{font-size:1.4rem}
#hr .m2>.tit{font-size:2.2rem}
#hr .m2 .box .item{width:calc((100% - 160px)/5)}
#hr .m2 .box .item .desc{font-size:1.4rem}
#hr .m3>.tit{font-size:2.2rem}
#hr .m3 .con{font-size:1.4rem}
#hr .m3 .con p,#hr .m3 .con div{font-size:1.4rem}
#job .list>a .tit{font-size:2rem}
}@media (max-width:1279px){#hr,#job{padding:0 15px 50px 15px}
#hr .wrap>.tit,#job .wrap>.tit{font-size:2.4rem}
#hr .wrap>.tit-en,#job .wrap>.tit-en{font-size:1.2rem;margin-top:6px}
#hr .m1{margin-top:60px;padding:30px 15px 0 15px}
#hr .m1 .tit{height:30px;line-height:40px;padding:0 10px;font-size:1.8rem;left:5px}
#hr .m1 .con{line-height:1.7;font-size:1.4rem}
#hr .m1 .con p,#hr .m1 .con div{line-height:1.7;font-size:1.4rem;margin-bottom:20px}
#hr .m2{margin-top:40px}
#hr .m2>.tit{font-size:1.8rem}
#hr .m2 .box{display:block;margin-top:30px}
#hr .m2 .box .item{width:100%}
#hr .m2 .box .item .tit{font-size:1.6rem;margin-top:30px;padding-top:25px;font-weight:bold}
#hr .m2 .box .item .ico{margin-top:20px}
#hr .m2 .box .item .ico i{color:#2e2d3c;font-size:4.2rem}
#hr .m2 .box .item .desc{font-size:1.4rem;line-height:1.6;margin-top:20px;padding:0 20px 25px 20px}
#hr .m3{margin-top:40px}
#hr .m3>.tit{font-size:1.8rem}
#hr .m3 .con{font-size:1.4rem;margin-top:20px}
#hr .m3 .con p,#hr .m3 .con div{line-height:1.7;font-size:1.4rem;margin-bottom:20px}
#job .desc{font-size:1.4rem;margin-top:30px}
#job .desc p{margin-bottom:7px;line-height:1.6;font-size:1.4rem}
#job .list{display:block;margin-top:30px}
#job .list>a{display:block;width:100%;padding:20px;margin-right:0;margin-bottom:15px;height:120px}
#job .list>a .num{font-size:8rem;left:20px}
#job .list>a:hover .num{left:20px}
#job .list>a .tit{left:20px;top:10px;font-size:2rem;width:100%}
#job .list>a::before{right:15px;bottom:-10px;font-size:8rem;color:#fff}
#job .list>a:hover::before{font-size:9rem;right:15px}
#job.school .list>a::before{bottom:-10px}
#view{height:100%;bottom:-100%;transition:all .6s}
#view::before{font-size:12rem}
#view.school::before{font-size:11rem}
#view .wrap{padding:30px 15px;max-width:unset;height:100%}
#view .wrap>.close{width:38px;height:38px;right:15px;top:15px;line-height:38px}
#view .wrap>.close i{font-size:3rem}
#view .wrap .loading{font-size:1.4rem}
#view .wrap .loading img{margin-right:6px}
#view .wrap .wrapper{display:none;height:100%}
#view .wrap .wrapper>.tit{font-size:2rem}
#view .wrap .todate{font-size:1.4rem;margin-top:10px;padding-bottom:15px}
#view .wrap .tags{margin-top:25px;height:calc(100% - 90px)}
#view .wrap .tags::-webkit-scrollbar{width:3px;height:3px}
#view .wrap .tags .item{margin-bottom:20px}
#view .wrap .tags .item .tit{font-size:1.8rem}
#view .wrap .tags .item .con{font-size:1.4rem;margin-top:15px}
#view .wrap .tags .item .con p,#view .wrap .tags .item .con div{font-size:1.4rem;margin-bottom:15px}
}