html{position:relative;height:100%;font-size:14px;overflow:hidden}body{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}.main-container{background-color:#f7f8fb}#join-banner{position:relative;height:270px;background-color:#c8a665}.banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:auto 100%;opacity:.7}.banner__text{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;padding-top:60px}.banner__text h1{font-size:32px;color:#fff;font-weight:700;text-shadow:2px 2px 5px #5d5d5d}.banner__text p{font-size:18px;color:#fff;line-height:4em;text-shadow:1px 1px 3px #4d4d4d}.banner__text a{display:inline-block;font-size:14px;background-color:#d21330;color:#fff;padding:1em 3em}#aboutus{text-align:center;background-color:#edf1fa;padding:40px 15px}#aboutus h2{font-family:PingFangSC-Medium sans-serif;max-width:1200px;margin:auto;font-size:24px;color:#1a1a1a;line-height:2em;font-weight:700}#aboutus p{max-width:1200px;margin:auto;font-size:18px;color:#4d4d4d;line-height:2em}#why{max-width:1200px;margin:auto;padding:80px 15px 0}#why h2{font-family:PingFangSC-Medium sans-serif;font-size:24px;color:#333;text-align:center;line-height:2em;font-weight:700}.why-content{margin-top:20px;font-size:0}.why__text{display:inline-block;width:100%;padding-bottom:20px;vertical-align:middle}.why__text>div:not(:first-child){margin-top:40px}.why__images1,.why__images2,.why__images3{display:inline-block;width:100%}.why__images1,.why__images2,.why__images3{font-size:0;margin-top:10px;vertical-align:middle}.why__images1 img:first-child{width:100%}.why__images1 img:nth-child(2),.why__images1 img:nth-child(3){width:50%;margin-top:8px}.why__images2 img{width:100%}.why__images3 img{width:100%}.why__text h3{font-family:PingFangSC-Semibold sans-serif;font-size:18px;color:#0f0f0f;line-height:2em;font-weight:700}.why__text p{font-size:18px;color:#4d4d4d}.why__text img{width:36px;vertical-align:baseline;margin-right:-24px}#recruitment{max-width:1200px;margin:auto;padding:100px 15px 40px}#recruitment h2{font-size:24px;color:#333;text-align:center;font-weight:700}.post-info{position:relative;margin-top:40px;padding:40px 20px 120px;background-color:#edf1fa}.post-info h3{font-size:20px;color:#0f0f0f;font-weight:700;line-height:2em}.post-info h4{font-size:16px;color:#0f0f0f;font-weight:700;line-height:2em}.post-info p{font-size:16px;color:#0f0f0f;line-height:2em}.post-info .delivery{position:absolute;display:inline-block;right:50%;bottom:40px;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);padding:1em 3em;background:-moz-linear-gradient(129deg,rgba(205,181,127,1) 0,rgba(189,151,89,1) 100%);background:-o-linear-gradient(129deg,rgba(205,181,127,1) 0,rgba(189,151,89,1) 100%);background:-webkit-linear-gradient(129deg,rgba(205,181,127,1) 0,rgba(189,151,89,1) 100%);background:linear-gradient(129deg,rgba(205,181,127,1) 0,rgba(189,151,89,1) 100%);font-size:14px;color:#fff}@media screen and (min-width:400px){.banner__bg{background-size:100%}}@media screen and (min-width:800px){#join-banner{height:350px}.banner__text{padding-top:90px}.why__text{width:54%;padding-left:12px;padding-right:12px}.why__images1{width:46%}.why__images2{width:50%}.why__images3{width:50%}.post-info .delivery{position:absolute;right:40px;bottom:40px;font-size:14px;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@media screen and (min-width:1200px){#join-banner{height:550px}.banner__text{padding-top:180px}.banner__text h1{font-size:40px}.banner__text p{font-size:20px}.banner__text a{font-size:16px}#aboutus h2,#recruitment h2,#why h2{font-size:30px}#aboutus p,#why p{font-size:20px}.post-info h3{font-size:24px}.post-info h4,.post-info p{font-size:18px}.post-info .delivery{font-size:16px}.why__text{width:54%}.why__images1{width:46%}.why__images2{width:50%}.why__images3{width:50%}}