#banner .bot .grid-item a{white-space:nowrap;display:contents}@media screen and (max-width:1180px){#banner #banner-contents .left{padding-right:40px}#banner .bot .grid-item .text{font-size:16px;flex-wrap:wrap}#banner .bot .grid-item a{font-size:16px}#banner .bot .grid-item:nth-child(2){margin:0 20px}#banner .bot .grid-item:nth-child(2):before{width:20px;left:-20px}#banner .bot .grid-item:nth-child(2):after{width:20px;right:-20px}#home-register-highlight .wrapper{padding:35px 20px}#home-register-highlight .wrapper .left .icon{left:20px}}@media screen and (max-width:1024px){#home-firstmetrics .grid-item .contents{padding:50px 50px 50px 90px}#home-firstmetrics .grid-item:nth-child(even) .contents{padding:50px 90px 50px 50px}#home-highlights .left .grid .grid-item .innercontents .name{font-size:14px}#home-highlights .left .grid .grid-item .innercontents .bot{font-size:12px;line-height:15px;padding:0 15px}#home-highlights .right .grid{grid-gap:10px}#home-highlights .right .grid .grid-item .innercontents .name{font-size:14px}}@media screen and (max-width:980px){#banner{background-position:left 45% center}#banner #banner-contents .right .avatar{width:50px;height:47px;margin-right:5px}#banner #banner-contents .right .question{font-size:18px;line-height:22px;margin-top:10px;margin-bottom:25px}#banner #banner-contents .right .swiper-slide:nth-child(3) .box-name{margin-right:0;margin-bottom:20px}#banner #banner-contents .right .swiper-slide:nth-child(3) .options{flex-direction:column}#banner #banner-contents .right .swiper-slide:nth-child(4) .birthday{margin-right:0;margin-bottom:20px}#banner #banner-contents .right .swiper-slide:nth-child(4) .options{flex-direction:column}#banner .bot .grid-item .text{padding:0 15px 0 10px}#banner .bot .grid-item:nth-child(2){margin:0 10px}#banner .bot .grid-item:nth-child(2):before{width:10px;left:-10px}#banner .bot .grid-item:nth-child(2):after{width:10px;right:-10px}#home-firstmetrics .grid{grid-template-columns:repeat(1,1fr)}#home-firstmetrics .grid-item,#home-firstmetrics .grid-item:nth-child(even){flex-direction:column;align-content:center;padding:0;margin-top:80px}#home-firstmetrics .grid-item .icon,#home-firstmetrics .grid-item:nth-child(even) .icon{left:auto;right:auto;bottom:auto;top:-60px;margin-bottom:30px}#home-firstmetrics .grid-item .contents,#home-firstmetrics .grid-item:nth-child(even) .contents{padding:70px 50px 50px 50px !important;text-align:center;width:100%}#home-firstmetrics .grid-item a,#home-firstmetrics .grid-item:nth-child(even) a{right:auto;left:auto;bottom:-20px}#home-firstmetrics .grid-item:first-child{margin-top:60px}#home-highlights .right .grid{grid-gap:10px}}@media screen and (max-width:767px){#banner{background:url("/Images/homepage/bg-banner-mobile.jpg") no-repeat center bottom;background-size:110% auto}#banner #banner-contents .wrapper{flex-direction:column;align-items:center}#banner #banner-contents .left{width:100%;margin-bottom:30px;text-align:center;padding-right:0}#banner #banner-contents .left h2{text-align:center;background:#fef7da99;margin:0 auto}#banner #banner-contents .right{width:80%;min-height:270px}#banner .bot .grid-item{background:transparent;flex-direction:column;align-items:center;box-shadow:none}#banner .bot .grid-item .number{height:40px;width:40px;margin-bottom:10px}#banner .bot .grid-item .text{padding:0 20px;text-align:center;height:auto}#banner .bot .grid-item:nth-child(2){margin:0}#banner .bot .grid-item:nth-child(2):before{display:none}#banner .bot .grid-item:nth-child(2):after{display:none}#home-about .item,#home-about .item:nth-child(even){flex-direction:column}#home-about .item .innerleft,#home-about .item:nth-child(even) .innerleft{width:100%;order:2 !important;padding-left:0 !important;padding-right:0 !important;margin-bottom:20px}#home-about .item .innerright,#home-about .item:nth-child(even) .innerright{width:100%;order:1 !important;padding-left:0 !important;padding-right:0 !important;margin-bottom:20px}#home-highlights .wrapper{grid-template-columns:repeat(1,2fr)}#home-highlights .left{margin-bottom:60px}#home-highlights .left .grid{max-width:535px;margin:0 auto}#home-highlights .left .grid .grid-item .innercontents .name{font-size:16px}#home-highlights .left .grid .grid-item .innercontents .bot{font-size:14px;line-height:17px;padding:0 20px}#home-highlights .right{max-width:535px;margin:0 auto}#home-highlights .right .grid{grid-gap:10px}#home-highlights .right .grid .grid-item .innercontents .name{font-size:16px}#home-register-highlight .wrapper .left h3{font-size:20px}}@media screen and (max-width:600px){#banner{height:750px}#banner .bot{bottom:-40px}#banner .clouds{bottom:-40px}#banner #banner-contents .right .box-pagination{bottom:0}#banner #banner-contents .right .box-pagination .swiper-line{display:none}#banner #banner-contents .right .box-progress{bottom:10px;width:calc(100% - 40px);left:auto;right:0}#home-firstmetrics{padding:90px 0 75px}#home-firstmetrics .title .icon span:before{background-position:0 -160px}#home-firstmetrics .grid-item .icon,#home-firstmetrics .grid-item:nth-child(even) .icon{width:80px;height:80px;top:-40px;margin-bottom:10px}#home-firstmetrics .grid-item .icon img,#home-firstmetrics .grid-item:nth-child(even) .icon img{width:45px;height:auto}#home-firstmetrics .grid-item .contents,#home-firstmetrics .grid-item:nth-child(even) .contents{padding:55px 50px 40px 50px !important;text-align:center;width:100%}#home-firstmetrics .grid-item h3,#home-firstmetrics .grid-item:nth-child(even) h3{margin-bottom:5px}#home-firstmetrics .grid-item a,#home-firstmetrics .grid-item:nth-child(even) a{right:auto;left:auto;bottom:-20px}#home-firstmetrics .grid-item:first-child{margin-top:40px}#home-firstmetrics .grid-item:nth-child(even){margin-top:60px}#home-about .title .icon span:before{background-position:-80px -160px}#home-blog .title .icon span:before{background-position:-200px -160px}#home-blog .swiper-bot{flex-direction:column}#home-blog .swiper-bot .swiper-pagination{margin-bottom:50px}#home-blog .swiper-bot:before{display:none}#home-highlights .left .title .icon span:before{background-position:-120px -160px}#home-highlights .left .grid .grid-item .innercontents .name{font-size:14px}#home-highlights .left .grid .grid-item .innercontents .bot{font-size:12px;line-height:15px;padding:0 15px}#home-highlights .right .title .icon span:before{background-position:-240px -160px}#home-highlights .right .grid{grid-gap:3px}#home-highlights .right .grid .grid-item .innercontents .name{font-size:14px}#home-register-highlight .wrapper{flex-direction:column;align-items:center;padding:0 20px 35px 20px}#home-register-highlight .wrapper .left{padding:0;margin-right:0;margin-bottom:20px;text-align:center;flex-direction:column}#home-register-highlight .wrapper .left .icon{position:relative;left:0}#home-blog{padding:75px 0 250px}#home-about{padding:0 0 75px}#home-blog .swiper-container{padding-top:0}}@media screen and (max-width:480px){#banner{background-size:cover;background-position:center bottom 60px}#banner #banner-contents .left{width:100%;font-size:30px;margin-bottom:20px}#banner #banner-contents .left h2{font-size:18px;color:#fff;text-shadow:.45px .35px #eee;background:#00000011;border-radius:11px;padding:2px;margin:0 auto 10px auto}#banner #banner-contents .right{width:100%;min-height:calc(100% - 130px)}#banner #banner-contents .right .avatar{width:40px;height:37px}#banner #banner-contents .right .question{font-size:16px;line-height:20px;margin-top:8px}#banner #banner-contents .right .note{padding-left:0;font-size:12.9px}#banner #banner-contents .right input,#banner #banner-contents .right select{height:40px;border-radius:20px !important;box-shadow:0 3px 15px rgba(0,0,0,.15)}#banner #banner-contents .right .swiper-slide:nth-child(4) .birthday{flex-direction:column;box-shadow:none;margin-bottom:0}#banner #banner-contents .right .swiper-slide:nth-child(4) .box{margin-bottom:15px;width:100% !important}#banner #banner-contents .right .swiper-slide:nth-child(5) .box-email{margin-bottom:15px}#banner #banner-contents .right .swiper-slide:nth-child(5) .bot-option{flex-direction:column}#banner #banner-contents .right .swiper-slide:nth-child(5) .bot-option .box-password{margin-bottom:15px;margin-right:0}#banner .bot .grid-item{background:transparent;flex-direction:column;align-items:center;box-shadow:none}#banner .bot .grid-item .number{height:30px;width:30px;margin-bottom:10px;font-size:14px}#banner .bot .grid-item .text{text-align:center;height:auto;font-size:12px}#banner .bot .grid-item .text a{font-size:12px}#banner .bot .grid-item:nth-child(1) .text{padding:0 5px 0 0}#banner .bot .grid-item:nth-child(2) .text{padding:0 5px}#banner .bot .grid-item:nth-child(3) .text{padding:0 0 0 5px}#home-highlights .left .grid{grid-gap:5px}#home-highlights .left .grid .grid-item{border:none;box-shadow:none}#home-highlights .right .grid .grid-item .innercontents .name{font-size:12px;padding:8px 10px}#home-highlights .right .grid .grid-item .innercontents .local{font-size:12px;padding:0 10px}#home-highlights .right .grid .grid-item .innercontents .local:before{background-position:-105px -45px;background-size:300px;width:15px;height:15px}}@media screen and (max-width:380px){#banner #banner-contents .right .option{font-size:16px}#home-highlights .left .grid{grid-template-columns:repeat(2,1fr)}#home-highlights .left .grid .grid-item .innercontents .name{font-size:16px}#home-highlights .left .grid .grid-item .innercontents .bot{font-size:14px;line-height:17px;padding:0 20px;display:none}}