.welcome-page-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;margin:0 auto}.auth-box{width:100%;text-align:center;height:24px;position:relative;margin-bottom:16px}.auth-university-logo{width:140px;height:100px;top:-50px;left:50%;transform:translateX(-50%);display:block;position:absolute}.intro-box{height:400px}.intro-box,.intro-box2{width:100%;text-align:center;position:relative}.intro-box2{height:350px}.welcom_page_title{width:80%;position:absolute;top:10px;left:50%;transform:translateX(-50%);height:200px;background:url(/images/welcome_title.png) 50%/100% 100% no-repeat}.intro-box-icon1{background:url(/images/welcome_icon1.png) 50%/100% 100% no-repeat;position:absolute;width:130px;height:130px;left:0;top:80px}.intro-box-icon2{background:url(/images/welcome_icon2.png) 50%/100% 100% no-repeat;position:absolute;width:150px;height:150px;right:200px;bottom:50px}.intro-box-icon3{background:url(/images/welcome_icon3.png) 50%/100% 100% no-repeat;position:absolute;width:120px;height:120px;bottom:50px;right:350px}.cartoon-character{background:url(/images/welcome_icon4.png) 50%/100% 100% no-repeat;position:absolute;width:220px;height:250px;right:20%;bottom:20px}.helper_text_box{background:url(/images/welcome_icon5.png) 50%/100% 100% no-repeat;width:500px;height:140px;top:-60px}.helper_text_box,.summary_features{position:absolute;left:50%;transform:translateX(-50%)}.summary_features{background:url(/images/welcome_icon6.png) 50%/100% 100% no-repeat;width:400px;height:400px;bottom:0}.textbook_box{width:-moz-fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;position:absolute;bottom:48px;left:120px}.textbook_icon1{background:url(/images/welcome_icon7.png) 50%/100% 100% no-repeat;width:80px;height:120px;transform:rotate(-15deg)}.textbook_icon2{background:url(/images/welcome_icon8.png) 50%/100% 100% no-repeat;width:80px;height:120px;transform:rotate(15deg)}.summary_icon_left{background:url(/images/welcome_icon9.png) 50%/100% 100% no-repeat;position:absolute;left:20px;width:250px;height:300px;bottom:0}.summary_icon_right{background:url(/images/welcome_icon10.png) 50%/100% 100% no-repeat;position:absolute;right:20px;width:230px;height:280px;bottom:0}@media (max-width:767px){.intro-box{height:220px}.welcom_page_title{height:116px;width:100%}.auth-university-logo{width:100px;height:100px}.intro-box-icon1{display:none}.intro-box-icon2{width:90px;height:90px;bottom:0;left:50%;transform:translateX(-50%)}.intro-box-icon3,.textbook_box{display:none}.helper_text_box{width:80%;height:120px;top:-40px}.summary_features{width:300px;height:300px}.summary_icon_left,.summary_icon_right{display:none}}@media (min-width:768px) and (max-width:1023px){.intro-box{height:300px}.welcom_page_title{height:150px;width:100%}.auth-university-logo{width:120px;height:120px}.intro-box-icon1{display:none}.intro-box-icon2{width:120px;height:120px;bottom:0;left:50%;transform:translateX(-50%);right:0}.intro-box-icon3{width:90px;height:90px;bottom:70px;left:auto;right:100px;transform:none}.textbook_box{bottom:10px;left:20px}.intro-box2{height:400px}.summary_features{width:300px;height:300px}.summary_icon_left,.summary_icon_right{width:180px;height:220px}}