h3{font-weight: bold;}
/*==========Banner CSS Start==========*/
.gsc-input{margin-bottom: 0 !important;padding-right: 0 !important;}
.gsc-search-button{background: #3079ed !important;}
table.gsc-search-box td.gsc-input{padding-right: 0 !important;width: 220px;}
table.gsc-search-box td{border: none !important;}
.gsc-search-button-v2{border: none !important;}
.main-banner {
  position: relative;
  padding: 302px 0 334px 0;
  /****/
  background: linear-gradient(to bottom, #009FFB , #C1E2EB);
}
.bus-banner{
  padding: 102px 0 134px 0;
  background: linear-gradient(to bottom, #09A3FB , #fff);
}
.bus-banner .banner-content .banner_h1{margin-top: 100px !important;}
.bus-banner .banner-content h2{text-transform: uppercase;/* color: #2392CC; */}
.main-banner .container {
  position: relative;
  z-index: 3;
}
.backorange{padding: 1rem;background: #F19710;text-align: center;}


.pup-imgs{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 80%);
  opacity: 0;
  visibility: hidden;
  z-index: 999999999999999;
}
.pup-imgs.show{
  opacity: 1;
  visibility: visible;
}
.pup-imgs .close{
  position: absolute;
  right: 2rem;
  top: 2rem;
  cursor: pointer;
  z-index: 999999;
  
}
.pup-imgs .close::after{
    display: block;
    content: "\f00d";
    font-family: FontAwesome;
    color: #fff;
    cursor: pointer;
    font-size: 2em;
}
.rocket-img {
  position: absolute;
  top: 90%;
  left: 60%;
  margin-left: -50%;
  transform: translate(0,-50%);
  opacity: 0;

}
.rocket-img a{
  display: block;
  width: 100%;
  height: 100%;
}
.rocket-img a img{
  transition: 0.5s;
  transition-delay: 0.1s;
}
.rocket-img a img:hover{
  filter: drop-shadow(6px 6px 10px #fff) invert(0%);
}
.rocket-img.active-rocket {
  top: 50%;
  opacity: 1;
  transition: 2s;
  transition-delay: 0.8s;
 /** animation: rocket 6s ease-in-out infinite 0.5s;**/

}

@keyframes rocket {
0%, 100% {
  transform: translate(0,-50%) translateX(15px);
}
50% {
  transform: translate(0,-50%) translateX(-15px);
}
}

.banner-animate {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  height: 100%;
  overflow: hidden;

}

.stars {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.stars img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  animation: blink 5s linear infinite alternate;
}

@keyframes blink {
  0% {
      opacity: 1;
  }
  50% {
      opacity: 0;
  }
  100% {
      opacity: 0.5;
  }
}

.smoke {
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  pointer-events: none;
  z-index: 9;
}

.smoke.smoke1 {
  opacity: 0.4;
  animation: smoke 6s ease-in-out infinite;
}

.smoke.smoke2 {
  animation: smoke2 5s ease-in-out infinite;
}

.smoke img {
  width: 100%;
}

@keyframes smoke {
0%, 100% {
  transform: translate(-50%) translateY(10px);
}
50% {
  transform: translate(-50%) translateY(0px);
}
}

@keyframes smoke2 {
0%, 100% {
  transform: translate(-50%) translateY(0px);
}
50% {
  transform: translate(-50%) translateY(10px);
}
}

.planet {
  position: absolute;
  opacity: 1;
  pointer-events: none;
}

.planet1 img {
  width: auto;
}

.planet1 {
  top: 197px;
  right: 26px;
  width: 125px;
  opacity: 1;
  animation: rocket 2s ease-in-out infinite 0.5s;
}

.planet2 {
  top: 204px;
  left: -78px;
  width: 125px;
  opacity: 1;
  animation: rocket 3s ease-in-out infinite 0.5s;
}

.planet3 {
  bottom: 147px;
  right: -30px;
  transform: translate(-50%);
  width: 385px;
  opacity: 1;
}

.planet4 {
  top: 550px;
  left: 29px;
  width: 268px;
  opacity: 1;
}

.planet5 {
  top: 600px;
  right: 500px;
  width: 117px;
  opacity: 1;
}

.shooting-star {
  position: absolute;
  pointer-events: none;
  width: 79px;
}

.shooting-star img {
  width: auto;
}

.shooting-star1 {
  top: 115px;
  left: 250px;
}

.shooting-star2 {
  top: 500px;
  left: 100px;
}

.shooting-star3 {
  top: 100px;
  right: 470px;
}

.shooting-star4 {
  top: 370px;
  right: 50px;
}

.shooting-star5 {
  top: 600px;
  right: 600px;
}


/*Banner Content*/
.banner-content {
  text-align: center;
}
.banner-content .banner_h1{margin-top: 280px;color: #fff;line-height: 1.2;text-shadow: 0 3px 24px rgba( 0, 0, 0, 0.3);}
.banner-content .banner_h1 a{display: block; color: #fff;line-height: 1.2;text-shadow: 0 3px 24px rgba( 0, 0, 0, 0.3);position: relative;}
.banner-content .banner_h1 a:hover{
  filter: drop-shadow(16px 16px 20px #efefef) invert(0%);
}
.banner-form form {
  position: relative;
  display: inline-block;
}

.banner-form input {
  width: 570px;
  height: 70px;
  background: #ffffff;
  border-radius: 4px;
  border: none;
  outline: none;
  padding: 10px 190px 10px 30px;
  font-size: 16px;
  color: #777777;
}

.banner-form .sec-btn {
  position: absolute;
  top: 5px;
  right: 5px;
}
/*==========Banner CSS End==========*/



.stopbar{
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
.stopbar::after{content: '';display: inline-block;width: 100%;height: 3px;background: #EEA5E6;position: absolute;left: 0;top: 60%;}
.stopbar a{background: #fff;margin-top: 1rem; position: relative;z-index: 9;padding: 1rem 0.8rem; display: block;width: 24%;border: 3px solid #EEA5E6;border-radius: 8px;font-size: 18px;color: #000;font-family: 'JosefinSans-Bold';}

.___gcse_0{
  width: 200px;
}







.title {
  position: relative;
  line-height: 1;
  font-size: 72px;
  text-transform: uppercase;
  font-family: 'JosefinSans-Bold';
}
.first-block{position: relative;overflow: hidden;padding: 4rem 0;}
.first-block .items{border: 1px solid #DEDEDE;border-radius: 30px;box-sizing: border-box;padding: 2rem;box-shadow: 0 3px 6px #FFF0DC;display: flex;align-items: center;}
.first-block .items .icos{width: 23%;}
.first-block .items span{margin-left: 2rem;width: 75%;text-transform: uppercase;word-wrap: break-word;white-space: pre-wrap; }
.first-block .i1{position: absolute;right: -2.2rem;top: 0;}
.second-block{position: relative;overflow: hidden;width: 100%;height: 100%;background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bg.png) no-repeat top center;background-size: cover;padding: 5rem 0;}
.second-block::after{content: '';display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(94, 198, 255, 0.7);}
.second-block .container{position: relative;z-index: 9;}
.second-block .box{background: #fff;box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);border-radius: 30px;}
.second-block .box form .form-control{border: 1px solid #D2D2D2;border-radius: 10px;font-family: 'JosefinSans-Regular';color: #656565;}
.second-block .box form .relative{position: relative;}
.second-block .box form .relative::after{content: "\f0d7";font-family: 'FontAwesome';position: absolute;right: 1rem;top: 0.4rem;}
.second-block .box form button{background: #F19710;color: #fff;border-radius: 10px;border: none;padding-left: 2rem;padding-right: 2rem; margin-left: 1rem;}

.second-block .pics .t{position: relative;display: flex;align-items: center;justify-content: space-between;}
.second-block .pics .t::after{content: '';display: inline-block;width: 90%;height: 1px;background: #E1E1E1;}
.second-block .left{
  padding: 0px 30px 0px 0;
  height: 100%;
}
.fc .fc-toolbar-title{font-family: 'JosefinSans-Bold';}
#calendar{height: 100%;border-radius: 29px !important;}

.circleuul{
  display: flex;
  justify-content: flex-start;    
  padding-top: 30px;
  flex-wrap: wrap;
}

.circleuul li{
  width: 25%;
  text-align: center;
  list-style: none;
}

.circleuul li a{
font-size: calc(14px + var(--size1,0));
}
.dark .circleuul li a{color: #fff;}

 .circleuul li i{
 padding-right: 7px;
}

.circleuul li:nth-child(1) i{
  color: #F19710;
}
 .circleuul li:nth-child(2) i{
  color: #6E1E6F;
}
 .circleuul li:nth-child(3) i{
  color: #E30505;
}
.circleuul li:nth-child(4) i{
  color: #64C2F2;
}
.circleuul li:nth-child(5) i{
  color: #118F12;
}
.circleuul li:nth-child(6) i{
  color: #3eb5f6;
}
.circleuul li:nth-child(7) i{
  color: #a77a2d;
}
.circleuul li:nth-child(8) i{
  color: #ea6caa;
}
.circleuul li:nth-child(9) i{
  color: #90ea6c;
}
.circleuul li:nth-child(10) i{
  color: #F19710;
}
.circleuul li.green i{
  color: #118F12;
}
.circleuul li.purple i{
  color: #871A84;
}
.circleuul li.blue i{
  color: #026FAB;
}



.second-block .pics>.right{
   padding: 10px 0;
}




.second-block .pics  .eventlists{
  border-radius: 15px;
  margin-top: 30px;
  height: 345px;
  overflow-y: scroll;
  box-sizing: border-box;
}

.second-block .pics  .eventlists::-webkit-scrollbar {
  width:8px;
  height:8px;
}

/*滚动条里面小方块样式*/
.second-block .pics  .eventlists::-webkit-scrollbar-thumb {
  border-radius:15px;
  -webkit-box-shadow:inset 0 0 5px rgba(240,240,240,0.7);
  background:#fff;
}

/*滚动条里面轨道样式*/
.second-block .pics  .eventlists::-webkit-scrollbar-track {
  -webkit-box-shadow:inset 0 0 5pxrgba(240,240,240,0.7);
  background:rgba(240,240,240,0.7);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}


.second-block .pics  .eventlists .items a{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding: 7.5px 0;
}

.second-block .pics  .eventlists .items .left{
 width: 30%;
 padding-right: 0;
}
.second-block .pics  .eventlists .items .left img{
 width: 100%;
}

.second-block .pics  .eventlists .items .right{
 width: 65%;
}


.second-block .pics .eventlists .items .right .time{
 color: #F19710;
 padding-bottom: 10px;
 font-size: calc(14px + var(--size1,0));
}

.second-block .pics  .eventlists .items .right .time span{
 color: #F19710;
 font-size: calc(20px + var(--size1,0));
}

.second-block .pics  .eventlists .items .right p{
 line-height: 1.4;
     overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
  font-size: calc(14px + var(--size1,0));
}






.third-block{position: relative;overflow: hidden;padding: 5rem 0;}
.third-block .i2{position: absolute;left: -2.2rem;top: 0;}
.third-block .news{position: relative;}
.third-block .news .swiper{overflow: visible;}
.third-block .news .swiper .swiper-slide{position: relative;}
.third-block .news .swiper .swiper-slide a{display: block;border: 1px solid #fff;background: #ececec;  width: 100%;min-height: 378px;border-radius: 30px;box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);box-sizing: border-box;padding: 2.5rem;}
.third-block .news .swiper .swiper-slide a:hover{border: 1px solid #F19710;}
.third-block .news .swiper .swiper-slide a em{font-style: normal;}

.third-block .news .swiper .swiper-slide a h3{
  color: #272727;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 !important;
}
.third-block .news .swiper .swiper-slide a .desinfo{
  color: #A8A8A8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;

}
.third-block .news .swiper .swiper-slide a .know-more{position: absolute;display: flex;align-items: center; right: 3rem;bottom: 3rem;color: #A8A8A8;border-bottom: 1px solid #A8A8A8;}
.third-block .news .swiper .swiper-slide a .know-more::after{content: "\f105";font-family: 'FontAwesome'; display: inline-block;margin-left: 0.5rem;}
.four-block{position: relative;overflow: hidden;padding: 5rem 0;}
.four-block .i3{position: absolute;right: -1rem;top: -1rem;}
.four-block .i4{position: absolute;left: -3rem;bottom: -10rem;}
.four-block .Story .swiper{padding-bottom: 7rem;}
.four-block .Story .swiper .swiper-pagination-bullet{width: 18px;height: 18px;background: none;border: 1px solid #BEBEBE;opacity: 1;margin: 0 1rem;}
.four-block .Story .swiper .swiper-pagination-bullet-active{border: 1px solid #F19710;background: #F19710;}
.four-block  .Story .swiper .swiper-slide{}
.four-block  .Story .swiper .swiper-slide a{box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);border-radius: 15px;background: #fff;display: block;overflow: hidden;}
.four-block  .Story .swiper .swiper-slide a .boximg{width: 100%;height: 315px; position: relative;overflow: hidden;}
.four-block  .Story .swiper .swiper-slide a .boximg img{width: 100%;height: 100%;object-fit: cover;}
.four-block  .Story .swiper .swiper-slide a .txt{width: 100%;padding: 2.5rem;position: relative;overflow: hidden;padding-bottom: 0.8rem;}
.four-block  .Story .swiper .swiper-slide a .txt h3{color: #272727;}
.four-block  .Story .swiper .swiper-slide a .txt span{
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.four-block  .Story .swiper .swiper-slide a .txt i{width: 59px;height: 50px;background: #F19710;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-top: 3rem;float: right;}
.four-block  .Story .swiper .swiper-slide a .txt i::after{
  content: '\2192';
  display: inline-block;
  color: #fff;
}
.five-block{position: relative;overflow: hidden;background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bg2.png) no-repeat top center;background-size: cover;padding: 7rem 0;}
.five-block::after{content: '';display: inline-block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(94, 198, 255, 0.7);}
.five-block .container{position: relative;z-index: 9;}
.five-block .Story .swiper{padding-bottom: 4rem;}
.five-block .Story .swiper .swiper-pagination-bullet{width: 18px;height: 18px;background: none;border: 1px solid #BEBEBE;opacity: 1;margin: 0 1rem;}
.five-block .Story .swiper .swiper-pagination-bullet-active{border: 1px solid #F19710;background: #F19710;}
.five-block  .Story .swiper .swiper-slide{}
.five-block  .Story .swiper .swiper-slide a{box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);border-radius: 15px;background: #fff;display: block;overflow: hidden;}
.five-block  .Story .swiper .swiper-slide a .boximg{width: 100%;position: relative;overflow: hidden;height: 315px;}
.five-block  .Story .swiper .swiper-slide a .boximg img{width: 100%;height: 100%;object-fit: cover;}
.five-block  .Story .swiper .swiper-slide a .txt{width: 100%;padding: 2.5rem;position: relative;overflow: hidden;padding-bottom: 0.8rem;}
.five-block  .Story .swiper .swiper-slide a .txt h3{color: #272727;}
.five-block  .Story .swiper .swiper-slide a .txt span{
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.five-block  .Story .swiper .swiper-slide a .txt i{width: 59px;height: 50px;background: #F19710;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-top: 1.5rem;float: right;}
.five-block  .Story .swiper .swiper-slide a .txt i::after{
  content: '\2192';
  display: inline-block;
  color: #fff;
}





.page-banner{position: relative;overflow: hidden;}
.page-banner .boximg{position: relative;}
.page-banner .boximg .bg{background: linear-gradient(to bottom, #009FFB , #C1E2EB);padding: 4.5rem 0;}
.dark .page-banner .boximg .bg{background: linear-gradient(to bottom, #20233f, #2d3256);}
.page-banner .boximg .bg img{width: 100%;height: 100%;object-fit: cover;opacity: 0;}
.page-banner .boximg .pabar{position: absolute;left: 0;bottom: 0;width: 100%;}
.page-banner .boximg .pabar img{width: 100%;}
.page-banner .inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.page-banner .inner .bread a,.page-banner .inner .bread span{color: #fff;font-family: 'JosefinSans-Bold';text-transform: uppercase;}
.page-banner .inner h1{text-shadow: 0 3px 24px rgba( 0, 0, 0, 0.18);}
.Hello-Freshman{position: relative;overflow: hidden;padding-top: 6rem;padding-bottom: 2rem;}
.Hello-Freshman .catenav{border-radius: 23px;background: #fff;box-shadow: 0 6px 23px rgba( 0, 0, 0, 0.18);overflow: hidden;margin-right: 2rem;}
.Hello-Freshman .catenav h2{width: 100%;height: auto;box-sizing: border-box;padding: 0.8rem;background: #FF9A01;text-align: center;}
.Hello-Freshman .catenav ul{padding:  1rem;}
.Hello-Freshman .catenav ul li{list-style: none;color: #AEAEAE;margin-top: 0.5rem; font-family: 'JosefinSans-Regular';border-radius: 9px;padding: 0.8rem;}
.Hello-Freshman .catenav ul li a{color: #AEAEAE;}
.Hello-Freshman .catenav ul li.current_page_item,.Hello-Freshman .catenav ul li:hover{background: #EFEFEF;}
.Hello-Freshman .catenav ul li.current_page_item a,.Hello-Freshman .catenav ul li.current_page_item a:hover{color: #000;}
.Hello-Freshman .content{position: relative;}
.Hello-Freshman .box{box-shadow: 0 6px 23px rgba( 0, 0, 0, 0.18);border-radius: 30px;width: 92%;float: left;}
.Hello-Freshman .box .txt{font-size: 16px;line-height: 1.8;}
.Hello-Freshman .box p{margin-bottom: 1rem;}

.Hello-Freshman .box p a{color: #27A8EB;text-decoration: underline;word-break: break-all;}
.Hello-Freshman .box img{}
.Hello-Freshman .content{}
.Hello-Freshman .content ul{padding-left: 0;}
.Hello-Freshman .content ul li{list-style: none;position: relative;padding-left: 1.5rem;}
.Hello-Freshman .content ul li b{display: block;}
.Hello-Freshman .content ul li::before{content: '';display: inline-block;position: absolute;left: 0;top: 0.7rem; width: 14px;height: 14px;border-radius: 50%;background: #FF9A01;}
.Hello-Freshman .content ul li a{color: #27A8EB;}
.Hello-Freshman .content ol{padding-left: 1.5rem;}
.Hello-Freshman .content ol li{}

.Hello-Freshman .content .tablist .itemstab h6{border-bottom: 1px solid #333; padding: 1.5rem 0;margin-bottom: 0;display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.Hello-Freshman .content .tablist .itemstab h6 .fa-angle-up{display: none;}
.Hello-Freshman .content .tablist .itemstab .body{margin: 2rem 0;display: none;}
.Hello-Freshman .content .tablist .itemstab .body span{display: block;}
.Hello-Freshman .content .tablist .itemstab .body a img{width: 30px;height: 30px;}
.Hello-Freshman .content .tablist .itemstab .body .tb{padding: 1rem;margin-top: 1rem !important;}
.Hello-Freshman .content .tablist .itemstab .body .tb th{padding: 1rem;}
.Hello-Freshman .content .tablist .itemstab .body .tb td{padding: 1rem;}
.Hello-Freshman .content .tablist .itemstab .body #cloak40090{display: inline-block;margin-left: 3px;}
.Hello-Freshman .content .tablist .itemstab2 h6 {
  border-bottom: 1px solid #333;
  padding: 1.5rem 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}




.Hello-Freshman .content .tablist .itemstab2 h6 .fa-angle-up{display: inline-block;}
.Hello-Freshman .content .tablist .itemstab2 h6 .fa-angle-down{display: none;}
.Hello-Freshman .content .tablist .itemstab2 .body{margin: 2rem 0;display: block;}
.Hello-Freshman .content .tablist .itemstab2 .body table{overflow: hidden;}
.Hello-Freshman .content .tablist .itemstab2 .body table thead{background: #FF9A01;color: #fff;text-align: center;}
.Hello-Freshman .content .tablist .itemstab2 .body table th,.Hello-Freshman .content .tablist .itemstab2 .body table td{padding: 1rem;font-family: 'JosefinSans-Regular';}
.Hello-Freshman .content .tablist .itemstab2 .body table tr td{color: #AEAEAE;text-align: center;}
.Hello-Freshman .content .tablist .itemstab2 .body table tr td a{display: inline-block; color: #27A8EB;text-decoration: underline;text-align: center;margin-top: 1rem;}
.Hello-Freshman .content .tablist .itemstab2 .body table tr td span{float: left;display: inline-block;padding: 0.5rem 2rem ;text-align: left;}
.Hello-Freshman .content .tablist .itemstab2 .body table tr td span a{text-align: left;}
.Hello-Freshman .content .tablist .itemstab2 .body table tr td:nth-child(1){color: #FF9A01;text-align: left;font-family: 'JosefinSans-Bold';}
.Hello-Freshman .content .tablist .itemstab2 .body table tr:nth-last-child(1) td:nth-child(1){border-radius: 0 0 0 23px;}
.Hello-Freshman .content .tablist .itemstab2 .body .tb{padding: 1rem;margin-top: 1rem !important;}
.Hello-Freshman .content .tablist .itemstab2 .body .tb th{padding: 1rem;}
.Hello-Freshman .content .tablist .itemstab2 .body .tb td{padding: 1rem;}
.Hello-Freshman .content .tablist .itemstab2 .body .tb .left{width: 80%;}
.Hello-Freshman .content .tablist .itemstab2 .body .tb .left em{display: block;color: #FF9A01;font-style: normal;margin-top: 0.6rem;}
.Hello-Freshman .content .tablist .itemstab2 .body .tb a{width: 10%;}
.Hello-Freshman .content .tablist .itemstab2 .body .tb a img{width: 50px;height: 50px;}
 .Hello-Freshman .story a{
		color: #0d6efd;

	}
.Hello-Freshman .box .txt  a{
	    font-weight: bold;
}
.Hello-Freshman .box .txt table td{
  border: 5px solid #fff;
  padding: 0.8rem;
  line-height: 1.6;
}
.Hello-Freshman .box .txt table th{
  border: 5px solid #fff;
  padding: 0.8rem;
  line-height: 1.6;
}
.Hello-Freshman .box .txt table tr td:nth-child(1){
    background: #FFE3B8;
    color: #535353;
    font-weight: bold;
}
.Hello-Freshman .box .txt table tr td:nth-child(2){
    background: #D8D8D8;
    color: #707070;
}
.transverse{
  width: 100%;
  overflow: hidden;
  overflow-x: scroll;
  margin-bottom: 2rem;
}
.custom_table_yellow  tr:nth-child(1) td{background: #FF9A01;color: #fff;}
.custom_table_blue  tr:nth-child(1) td{background: #FF9A01;color: #fff;}
.custom_table_yellow  tr td{border: 1px solid #DEDEDE;}
.custom_table_yellow  tr td strong{margin-bottom: 0;text-align: center;display: block;text-align: center;}

table  tr td{border: 1px solid #DEDEDE;}
table  tr:nth-child(1) td strong{margin-bottom: 0;text-align: center;color: #fff;}


table  tr td h5{margin-bottom: 0;text-align: center;color: #fff;}

.Hello-Freshman .content span.name{font-family: 'JosefinSans-Bold'; color: #FF9A01;display: flex;align-items: center;text-align: right;justify-content: flex-end;margin-bottom: 3rem;}
.Hello-Freshman .content span.name::before{content: '';display: inline-block;width: 89px;height: 2px;background: #FF9A01;margin-right: 0.5rem;}
.Hello-Freshman .content .pic{float: left;width: 6%;position: absolute;right: 0;}
.table>:not(:first-child){border-top: none;}
.Hello-Freshman .content .tablist .itemstab2 .body table tr td #cloak40428{display: block;text-align: center;float: none;}
.Hello-Freshman .content .tablist .itemstab2 .body table tr td span a  span{display: block;text-align: center;float: none;}








.Hello-Freshman .box .click{font-family: 'JosefinSans-Regular' !important;text-transform: capitalize;}
.Hello-Freshman .box .click img{margin-top: 0;margin-right: 5px;}
.Hello-Freshman .box .items{border-bottom: 1px solid #D6D6D6;padding: 2rem;}
.Hello-Freshman .box .items:nth-last-child(1){border: none;}
.Hello-Freshman .box .items p{color: #000;margin-bottom: 0.5rem;}
.Hello-Freshman .box .items span{color: #27A8EB;text-decoration: underline;word-wrap:break-word;}
.Hello-Freshman .box .firstlist .border-top{border-top: 1px solid #DBDBDB !important;padding-top: 1.5rem;margin-top: 1.5rem;}
.Hello-Freshman .box .firstlist b{display: block;}
.Hello-Freshman .box .firstlist .more{width: 197px;height: 63px;text-align: center;display: flex;align-items: center;justify-content: center;margin-top: 1rem;}
.Hello-Freshman .box .firstlist img{float: right;display: block;margin-top: 0;}
.Hello-Freshman .box .firstlist ul{padding-left: 1rem;}
.Hello-Freshman .box .firstlist ul li{list-style: decimal;font-weight: bold;padding-left: 0;}
.Hello-Freshman .box .firstlist ul li a{color: #27A8EB;text-decoration: underline;}
.Hello-Freshman .box .firstlist ul li::before{display: none;}
.Hello-Freshman .box .firstlist table td{padding: 1rem;border: 1px solid #ccc;}
.Hello-Freshman .content .University .row .col-md-3{padding-right: calc(var(--bs-gutter-x) * .2);padding-left: calc(var(--bs-gutter-x) * .2);margin-bottom: 0.4rem;}
.Hello-Freshman .content .University .row .col-md-9{padding-right: calc(var(--bs-gutter-x) * .2);padding-left: calc(var(--bs-gutter-x) * .2);margin-bottom: 0.4rem;}
.Hello-Freshman .content .University .row .col-md-3 .pt{background: #FFE3B8;height: 100%; padding: 0.5rem 1rem;font-weight: bold;color: #535353;}
.Hello-Freshman .content .University .row .col-md-9 a{display: block;width: 100%;height: 100%; background: #D8D8D8;padding: 0.5rem 1rem;}
.Hello-Freshman .content .University .row .col-md-9 a{color: #27A8EB;text-decoration: underline;word-break: break-all}
.Hello-Freshman .content2 a{text-decoration: underline;}
.Hello-Freshman .content2 p b a{color: #000 !important;}
.Hello-Freshman .content2 a.orange{color: #FF9A01;}
.Hello-Freshman .content .garyback .gary{background: rgba( 216, 216, 216, 0.28);padding: 1rem;margin-bottom: 2rem;}
.Hello-Freshman .content .garyback .gary:nth-last-child(1){margin-bottom: 0;}
.Hello-Freshman .content .garyback .gary p{line-height: 29px;}
.Hello-Freshman .content .garyback .gary p:nth-last-child(1){margin-bottom: 0;text-align: right;}
.Hello-Freshman .content .double li{display: flex;}
.Hello-Freshman .content .double li .left{width: 40%;}
.Hello-Freshman .content .double li .right{width: 60%;}
.Hello-Freshman .content .service img{margin:  0.5rem 0 1rem 0;}
.About{position: relative;overflow: hidden;}
.About #two img{width: 100%;}
.About .bar{background: #fff;padding: 2rem; display: flex;align-items: center;justify-content: center;border-radius: 23px;box-shadow: 0 6px 23px rgba( 0, 0, 0, 0.18);}
.About .bar a{text-align: center;width: 33%;color: #000;display: flex;align-items: center;justify-content: center;}
.About .bar a::before{
  content: '';
  display: inline-block;
  width: 34px;
  height: 31px;
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/rii.png) center center;
  opacity: 0;
}
.About .bar a:hover::before{opacity: 1;}
.fs132{font-size: 132px;line-height: 0.4;}
.About .content .mt-7{position: relative;margin-top: -7rem;}
.About .container .box{box-shadow: 0 6px 23px rgba( 0, 0, 0, 0.18);border-radius: 23px;background: #fff;padding: 3rem;}
.About .container .box p{font-family: 'JosefinSans-Regular';line-height: 34px;}
.About .container .box p:nth-last-child(1){margin-bottom: 0;}
.About .content table{margin-bottom: 0;}
.About .content table thead{background: #FF9A01;color: #fff;}
.About .content table tbody{border: none;}
.About .content table tbody tr td{border: none;}
.About .content table tr th{font-size: 30px;font-family: 'JosefinSans-Bold';padding: 1rem 2rem;}
.About .content table tr td{font-size: 20px;font-family: 'JosefinSans-Regular';padding: 1.5rem 2rem;}
.About .content .bstable{border-radius: 23px;overflow: hidden;box-shadow: 0 6px 24px rgba( 0, 0, 0, 0.18);}
.About .table-striped>tbody>tr:nth-of-type(odd)>*{background: #FFEACB;border: 1px solid #FF9A01;padding: 0.8rem 2rem;}
.About .table-striped>tbody>tr:nth-of-type(even)>*{padding: 0.8rem 2rem;}
.About .content .table-border>tbody>tr>*{border-top: 1px solid #D6D6D6;vertical-align: middle;}
.About .content .table-border>tbody>tr.active{background: #FFEACB;}
.About .content .project-imgs .swiper{overflow: visible;}
.About .content .project-imgs .swiper .swiper-slide img{width: 100%;}
.About .content .project-imgs .as{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem;
  position: relative;
}
.About .content .project-imgs .as .swiper-pagination{
    position: relative;
    width: 100px;
    text-align: left;
}
.About .content .project-imgs .as .abts{
  position: relative;
  width: 80px;

}
.Hello-Freshman .content .down .col-md-2{}
.Hello-Freshman .content .down .boximg{
}
.Hello-Freshman .content .tb{border: 1px solid #F19710;border-radius: 20px;overflow: hidden;margin-top: 3rem;} 
.Hello-Freshman .content .tb b{padding: 1.2rem 3rem;background: #F19710;display: block;width: 100%;color: #fff;}
.Hello-Freshman .content .down p{margin-bottom: 0;color: #6E6E6E;font-weight: bold;}
.Hello-Freshman .content .down .col-md-8,.Hello-Freshman .content .down .col-md-4{border: 1px solid #F19710;border-bottom: none; padding: 1.2rem 3rem;}
.Hello-Freshman .content .down a{display: flex;align-items: center;color: #74716D;font-family: 'JosefinSans-Bold';}
.Hello-Freshman .content .down a img{margin-right: 0.5rem;margin-top: 0;}
.Hello-Freshman .content .down .col-md-8{border-right: none;}
.Hello-Freshman .story .col-md-4{
  padding-right: calc(var(--bs-gutter-x) * 1.5);
  padding-left: calc(var(--bs-gutter-x) * 1.5);
}
.Hello-Freshman .story .col-md-4 a{border-radius: 30px;background: #FBFBFB;display: block;width: 100%;height: 100%;box-shadow: 0px 3px 24px rgba( 0, 0, 0, 0.18);padding: 2.5rem;}
.Hello-Freshman .story .col-md-4 a .boximg{position: relative;overflow: hidden;}
.Hello-Freshman .story .col-md-4 a .boximg img{
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s ease 0s ;
  -moz-transition: all 0.5s ease 0s ;
  -ms-transition: all 0.5s ease 0s ;
  -o-transition: all 0.5s ease 0s ;
  transition: all 0.5s ease 0s ;

}
.Hello-Freshman .story .col-md-4 a:hover .boximg img{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.Hello-Freshman .story .col-md-4 a em{color: #74716D;font-style: normal;display: block;margin: 1.5rem 0 0.5rem 0;}
.Hello-Freshman .story .col-md-4 a .orange{line-height: 1.4;}
.Hello-Freshman .story .ar-t{text-align: center;font-style: normal;display: block;font-weight: bold;}
.Hello-Freshman .story .ar-tt{width: 50%;margin: 2rem auto;}
.Hello-Freshman .story .newswi .swiper-slide a{
  border-radius: 30px;background: #FBFBFB;display: block;height: 100%;box-shadow: 0px 3px 24px rgba( 0, 0, 0, 0.18);padding: 2.5rem;
}
.Hello-Freshman .story .newswi .swiper{padding-bottom: 3rem;}
.Hello-Freshman .story .newswi .swiper-slide a{background: #FBFBFB;box-shadow: 0 6px 12px rgba( 0, 0, 0, 0.18);border-radius: 30px;padding: 2rem;margin: 1rem;}
.Hello-Freshman .story .newswi .swiper-slide a .date{color: #818181;font-style: normal;display: block;margin: 1rem 0 0.5rem 0;}
.Hello-Freshman .story .newswi .swiper-pagination .swiper-pagination-bullet-active{background: #F19710;}
.Hello-Freshman .story .pics .swiper-slide{height: 700px;}
.Hello-Freshman .story .pics .swiper-slide img{display: block;margin: 0 auto; width: 100%;height: 100%;object-fit: contain;}
.Hello-Freshman .story .pics .pic-top{position: relative;}
.Hello-Freshman .story .pics .pic-top .swiper-button-next,.Hello-Freshman .story .pics .pic-top .swiper-button-prev{
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #F2F2F2;
  color: #707070;
}
.Hello-Freshman .story .pics .pic-top .swiper-button-next:after,.Hello-Freshman .story .pics .pic-top .swiper-button-prev:after{color: #707070;}
.Hello-Freshman .story .pics .mySwiper .swiper-slide{position: relative;}
.Hello-Freshman .story .pics .mySwiper .swiper-slide img{opacity: 0.2;}
.Hello-Freshman .story .pics .mySwiper .swiper-slide-thumb-active img{opacity: 1;}



.News{position: relative;overflow: hidden;}
.News .items{position: relative;height: 48%;}
.News .items a{display: block;width: 100%; position: relative;height: 100%;border-radius: 10px;overflow: hidden;}
.News .items .boximg{position: relative;height: 100%;}
.News .items .boximg img{width: 100%;height: 100%;}
.News .items .boximg::after{
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: rgba( 0, 0, 0, 0.18);
  position: absolute;
  left: 0;
  top: 0;
}
.News .hover{position: absolute;left: 0;bottom: 0;box-sizing: border-box;padding: 3rem 5rem;}
.News .itemstow{display: flex;justify-content: space-between;flex-wrap: wrap;height: 100%;}
.News .itemstow .items:nth-child(1){
  margin-bottom: 1rem;
}
.News .Newsbox .list{
  position: relative;
}
.News .Newsbox .list{display: flex;width: 100%;align-items: center;}
.News .Newsbox .list .imgs{width: 25%;}
.News .Newsbox .list .right{width: 70%;margin-left: 2rem;} 
.News .Newsbox .list .right h3{
  color: #272727;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.News .Newsbox .list .right p{
  color: #A8A8A8;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.News .Newsbox .list .right .more{width: 138px;height: 44px;font-size: 12px; display: flex;align-items: center;justify-content: center;border-radius: 10px;margin-top: 2.5rem;}
.News .col-md-10{    width: 77.33333333%;}
.News .col-md-2{    width: 22.66666667%;}
.News .col-md-2 .imgs{position: relative;height: 100%;}
.News .Newsbox .list .imgs img{width: 100%;height: 100%;}
.News .col-md-2 .imgs h5{position: absolute;left: 5%;top:2%;border: 2px solid #FFFFFF;border-radius: 20px;width: 90%;height: 96%;display: flex;align-items: center;justify-content: center;}
.News .newslist{position: relative;}
.News .newslist .news-menu ul{display: flex;border-bottom: 1px solid #000000;padding-left: 0;}
.News .newslist .news-menu ul li{list-style: none;margin-right: 2rem;font-family: 'JosefinSans-Bold';padding: 1rem 0;}
.News .newslist .news-menu ul li a{display: inline-block; color: #858585;padding: 4rem 0;box-sizing: border-box;padding: 0 1rem;position: relative;z-index: 99;}
.News .newslist .news-menu ul li.active{color: #F19710;border-bottom: 2px solid #F19710;}
.News .newslist .news-menu ul li.active a{color: #F19710;}
.News .newslist .news-bottom ul{padding-left: 0;}
.News .newslist .news-bottom ul li{list-style: none;position: relative;}
.News .newslist .news-bottom ul li a{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;border-bottom: 1px solid #D5D5D5;padding: 3rem 0;position: relative;}
.News .newslist .news-bottom ul li a .date{font-style: normal;color: #818181;width: 10%;}
.News .newslist .news-bottom ul li a .date b{display: block;text-align: center;}
.News .newslist .news-bottom ul li a .date i{display: block;text-align: center;}
.News .newslist .news-bottom ul li a span.tag{width: 18%;margin: 0 2rem;border-radius: 22px;background: #F19710;text-align: center;padding: 0.5rem;color: #fff !important;font-family: 'JosefinSans-Bold';}
.News .newslist .news-bottom ul li a h3{
  width: 60%;
  color: #272727;
  font-family: 'JosefinSans-Bold';

}
.News .newslist .news-bottom ul li a h3.story{width: 80%;}
.News .newslist .news-bottom ul li a:hover{border-bottom: 1px solid #F19710;}

.News .newslist .news-add-list a{box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);height: 100%; border-radius: 15px;background: #fff;display: block;overflow: hidden;position: relative;}
.News .newslist .news-add-list a .boximg{width: 100%;position: relative;overflow: hidden;height: 315px;}
.News .newslist .news-add-list a .boximg img{width: 100%;height: 100%;object-fit: cover;}
.News .newslist .news-add-list a .txt{width: 100%;padding: 2.5rem;position: relative;overflow: hidden;padding-bottom: 0.8rem;}
.News .newslist .news-add-list a .txt h3{color: #272727;}
.News .newslist .news-add-list a .txt span{
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.News .newslist .news-add-list a .txt i{width: 59px;height: 50px;background: #F19710;border-radius: 10px;display: flex;align-items: center;justify-content: center;margin-top: 1.5rem;float: right;}
.News .newslist .news-add-list a .txt i::after{
  content: '\2192';
  display: inline-block;
  color: #fff;
}

span.orange{background: #F19710;font-family: 'JosefinSans-Bold';}
span.blue{background: #1088F1;font-family: 'JosefinSans-Bold';}
span.green{background: #22B95E;font-family: 'JosefinSans-Bold';}
span.pink{background: #F1103E;font-family: 'JosefinSans-Bold';}

.News .body{width: 60%;margin: 5rem auto;}
.News .body .ac img{display: block;margin: 0 auto;}
.News .newswi .swiper{padding-bottom: 3rem;}
.News .newswi .swiper-slide .box{background: #FBFBFB;box-shadow: 0 6px 12px rgba( 0, 0, 0, 0.18);border-radius: 20px;padding: 2rem;margin: 1rem;height: 302px;}
.News .newswi .swiper-slide .box span{border-radius: 22px;padding: 0.5rem 2rem;color: #fff;}
.News .newswi .swiper-slide .box h3{padding: 1.5rem 0;color: #000;margin-bottom: 0;}
.News .newswi .swiper-slide .box .date{color: #818181;font-style: normal;}
.News .newswi .swiper-pagination .swiper-pagination-bullet-active{background: #F19710;}


#wrap{
  position: relative;
  
}
.car1 {
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 57%;
}
.road{
  position: relative;
  margin-top: 14%;
  left: 50%;
  top: 0;
  z-index: 10;
  width: 2197px;
  height: 4251px;
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/road-i.png) 50% 0/contain no-repeat;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.building-1{
    position: absolute;
    left: 50%;
    top: -340px;
    z-index: 10;
    width: 396px;
    height: 375px;
    transform: translateX(285px);
    background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus1.png) 0 0/contain no-repeat;
}
.building-2{
  position: absolute;
  left: 50%;
  top: -110px;
  z-index: 10;
  width: 113px;
  height: 79px;
  transform: translateX(235px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus2.png) 0 0/contain no-repeat;
}
.building-3{
  position: absolute;
  left: 50%;
  top: -20px;
  z-index: 10;
  width: 298px;
  height: 202px;
  transform: translateX(565px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus3.png) 0 0/contain no-repeat;
}
.building-4{
  position: absolute;
  left: 50%;
  top: -125px;
  z-index: 10;
  width: 175px;
  height: 176px;
  transform: translateX(45px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus4.png) 0 0/contain no-repeat;
  z-index: 99;
}
.building-5{
  position: absolute;
  left: 50%;
  top: -180px;
  z-index: 10;
  width: 482px;
  height: 344px;
  transform: translateX(-335px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus5.png) 0 0/contain no-repeat;
}
.building-6{
  position: absolute;
  left: 50%;
  top: -90px;
  z-index: 10;
  width: 135px;
  height: 307px;
  transform: translateX(-230px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus6.png) 0 0/contain no-repeat;
}
.building-7{
  position: absolute;
  left: 50%;
  top: -45px;
  z-index: 10;
  width: 75px;
  height: 76px;
  transform: translateX(260px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus7.png) 0 0/contain no-repeat;
}
.building-8{
  position: absolute;
  left: 50%;
  top: -45px;
  z-index: 10;
  width: 261px;
  height: 222px;
  transform: translateX(270px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus8.png) 0 0/contain no-repeat;
}
.building-9{
  position: absolute;
  left: 50%;
  top: 95px;
  z-index: 10;
  width: 198px;
  height: 178px;
  transform: translateX(90px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus9.png) 0 0/contain no-repeat;
}
.building-10{
  position: absolute;
  left: 50%;
  top: 170px;
  z-index: 10;
  width: 198px;
  height: 178px;
  transform: translateX(170px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus10.png) 0 0/contain no-repeat;
}
.building-11::after{
  content: '';
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 555px;
  z-index: 10;
  width: 147px;
  height: 281px;
  transform: translateX(600px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus11.png) 0 0/contain no-repeat;
}
.building-12{
  position: absolute;
  left: 50%;
  top: 825px;
  z-index: 10;
  width: 416px;
  height: 240px;
  transform: translateX(390px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus12.png) 0 0/contain no-repeat;
}
.building-13{
  position: absolute;
  left: 50%;
  top: 935px;
  z-index: 10;
  width: 191px;
  height: 132px;
  transform: translateX(200px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus13.png) 0 0/contain no-repeat;
}
.cloud-1{
  position: absolute;
  left: 50%;
  top: 595px;
  z-index: 10;
  width: 269px;
  height: 153px;
  transform: translateX(-260px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus14.png) 0 0/contain no-repeat;
}
.building-15{
  position: absolute;
  left: 50%;
  top: 625px;
  z-index: 10;
  width: 64px;
  height: 241px;
  transform: translateX(100px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus15.png) 0 0/contain no-repeat;
}
.building-16{
  position: absolute;
  left: 50%;
  top: 795px;
  z-index: 10;
  width: 192px;
  height: 178px;
  transform: translateX(-70px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus16.png) 0 0/contain no-repeat;
}
.building-17{
  position: absolute;
  left: 50%;
  top: 710px;
  z-index: 10;
  width: 802px;
  height: 509px;
  transform: translateX(-870px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus17.png) 0 0/contain no-repeat;
}


.building-18{
  position: absolute;
  left: 50%;
  top: 1215px;
  z-index: 10;
  width: 594px;
  height: 409px;
  transform: translateX(-290px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus18.png) 0 0/contain no-repeat;
}
.building-19{
  position: absolute;
  left: 50%;
  top: 1585px;
  z-index: 10;
  width: 192px;
  height: 178px;
  transform: translateX(100px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus19.png) 0 0/contain no-repeat;
}
.building-20{
  position: absolute;
  left: 50%;
  top: 1570px;
  z-index: 10;
  width: 64px;
  height: 241px;
  transform: translateX(290px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus20.png) 0 0/contain no-repeat;
}
.building-21{
  position: absolute;
  left: 50%;
  top:1480px;
  z-index: 10;
  width: 493px;
  height: 349px;
  transform: translateX(-870px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus21.png) 0 0/contain no-repeat;
}
.cloud-2{
  position: absolute;
  left: 50%;
  top:1480px;
  z-index: 10;
  width: 445px;
  height: 353px;
  transform: translateX(670px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/cloud-2.png) 0 0/contain no-repeat;
}

.building-22{
  position: absolute;
  left: 50%;
  top:2090px;
  z-index: 10;
  width: 413px;
  height: 276px;
  transform: translateX(-50px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus22.png) 0 0/contain no-repeat;
}
.building-23{
  position: absolute;
  left: 50%;
  top:1920px;
  z-index: 10;
  width: 667px;
  height: 572px;
  transform: translateX(570px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus23.png) 0 0/contain no-repeat;
}

.building-24{
  position: absolute;
  left: 50%;
  top:2190px;
  z-index: 10;
  width: 1076px;
  height: 450px;
  transform: translateX(-1520px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus24.png) 0 0/contain no-repeat;
}
.building-25{
  position: absolute;
  left: 50%;
  top:2520px;
  z-index: 10;
  width: 783px;
  height: 676px;
  transform: translateX(-750px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus25.png) 0 0/contain no-repeat;
}


.building-26{
  position: absolute;
  left: 50%;
  top:3070px;
  z-index: 100;
  width: 64px;
  height: 241px;
  transform: translateX(-730px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus26.png) 0 0/contain no-repeat;
}
.building-27{
  position: absolute;
  left: 50%;
  top:3080px;
  z-index: 10;
  width: 219px;
  height: 189px;
  transform: translateX(-660px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus27.png) 0 0/contain no-repeat;
}

.building-28{
  position: absolute;
  left: 50%;
  top:2860px;
  z-index: 10;
  width: 508px;
  height: 302px;
  transform: translateX(-455px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus28.png) 0 0/contain no-repeat;
}
.building-29{
  position: absolute;
  left: 50%;
  top:2430px;
  z-index: 10;
  width: 508px;
  height: 302px;
  transform: translateX(255px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus29.png) 0 0/contain no-repeat;
}


.cloud-3{
  position: absolute;
  left: 50%;
  top:2800px;
  z-index: 10;
  width: 302px;
  height: 153px;
  transform: translateX(690px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/cloud-3.png) 0 0/contain no-repeat;
}


.cloud-4{
  position: absolute;
  left: 50%;
  top:2880px;
  z-index: 10;
  width: 302px;
  height: 153px;
  transform: translateX(500px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/cloud-3.png) 0 0/contain no-repeat;
}
.building-30{
  position: absolute;
  left: 50%;
  top:3530px;
  z-index: 10;
  width: 868px;
  height: 641px;
  transform: translateX(-800px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus30.png) 0 0/contain no-repeat;
}


.building-31{
  position: absolute;
  left: 50%;
  top:3500px;
  z-index: 10;
  width: 192px;
  height: 178px;
  transform: translateX(-50px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus31.png) 0 0/contain no-repeat;
}
.building-32{
  position: absolute;
  left: 50%;
  top:3480px;
  z-index: 10;
  width: 64px;
  height: 241px;
  transform: translateX(140px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus32.png) 0 0/contain no-repeat;
}
.building-33{
  position: absolute;
  left: 50%;
  top:3450px;
  z-index: 10;
  width: 739px;
  height: 542px;
  transform: translateX(210px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus33.png) 0 0/contain no-repeat;
}
.building-34{
  position: absolute;
  left: 50%;
  top:3900px;
  z-index: 10;
  width: 106px;
  height: 238px;
  transform: translateX(760px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus34.png) 0 0/contain no-repeat;
}
.building-35{
  position: absolute;
  left: 40%;
  top:4010px;
  z-index: 99999;
  width: 106px;
  height: 238px;
  transform: translateX(760px);
  background: url(/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/bus/bus34.png) 0 0/contain no-repeat;
}
.question-1{
  position: absolute;
  left: 50%;
  transform: translateX(-800px);
  top: 300px;
  width: 540px;
  z-index: 9999999;
}

.question-2{
  position: absolute;
  left: 50%;
  transform: translateX(300px);
  top: 1150px;
  width: 540px;
  z-index: 99999999;

}
.question-3{
  position: absolute;
  left: 50%;
  transform: translateX(-800px);
  top: 1900px;
  width: 700px;
  z-index: 9999999;

}
.question-4{
  position: absolute;
  left: 50%;
  transform: translateX(100px);
  top: 3150px;
  width: 700px;
  z-index: 9999999;

}
.question .text{position: relative;}
.question .text p{line-height: 30px;margin-bottom: 2rem;}
.question .addtxt .box{
   width: 425px;
   left: 230px;
   position: absolute;
   bottom: -1.5rem;
   opacity: 0;

 
}


.question-4 .addtxt .box{
  width: 525px;


}
.question .addtxt .box.show{opacity: 1;}
.question .addtxt .box .border{
  margin-top: 1rem;
  width: 100%;
  padding: 0.5rem 1.5rem; 
  border: 1px solid #DEDEDE;
  border-radius: 20px;
  box-shadow: 0 3px 12px #FFF0DC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #010F2E;
  
}
.question .addtxt .box .border span{width: 90%;}
.question .addtxt .box .border i{
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background: #F19710;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.question .addtxt .box .in{
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 3px 12px rgba( 0, 0, 0, 0.4);
  box-sizing: border-box;
  padding: 2rem;



}
.question .addtxt .box .in::before{
  position: absolute;
  bottom: 50px;
  left: -8px;
  width: 0;
  height: 0;
  content: '';
  border: 10px solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(-140deg);
  box-shadow: 3px -3px 3px rgba( 0, 0, 0, 0.2);
}
.question .addtxt .box ul{display: none;margin: 1rem 0;}
.question .addtxt .box ul li{margin: 0.5rem 0;}









.dark .main-banner{
  background: linear-gradient(to bottom, #20233f, #2d3256);
}
.dark .second-block::after{background: rgba(43, 46, 74, 0.7);}
.dark .five-block::after{background: rgba(43, 46, 74, 0.7);}
.dark .footer{
    background: linear-gradient(to bottom, #20233f, #2d3256);
}
.dark .footer .planet1{opacity: 0.1;}
.dark footer .copyright{background: #1E223D;}
.fc .fc-button-group > .fc-button{padding: 0 !important;}
.dark #collapseNav{
  background: #20233f;
}
.dark .bus-banner{
  background: linear-gradient(to bottom, #20233f, rgba(255,255,255,0));
}
.wp-block-table tr td{border: 5px solid #fff;padding: 0.8rem;line-height: 1.6;font-size: 16px;}
.wp-block-table tr td:nth-child(1){background: #FFE3B8;color: #535353;font-weight: bold;}
.wp-block-table tr td:nth-child(2){background: #D8D8D8;color: #707070;}
.wp-block-table tr td:nth-child(2) a{
  color: #27A8EB;
  text-decoration: underline;
  word-break: break-all;
}
.question .addtxt .box{position: relative;left: 0;top: 0;bottom: auto;margin-top: 2rem;}
.question .addtxt .box .in::before{
  bottom: auto;
  top: -8px;
  left: 50px;
  transform: rotate(-40deg);
}
.tabss table{width: 430%;}
.transverse table td{width: 200px;}
.h5, h5 {
  font-size: auto !important;
}



section#top {
  background-color: #722167;
}
section#top .row,
section#top .col {
  margin: 0;
  padding: 0;
  align-items: center;
}
section#top .intro {
  color: #FFF;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 30px;
}
section#top .intro .wrap {
  width: 100%;
}
section#top .intro h3 {

}
section#top .intro h1 {
  margin-bottom: 40px;
}
section#top .intro p {
}
section#top .intro p span {
  word-break: keep-all;
  word-wrap: normal;
  display: inline-block;
}
section#ep {
  padding: 100px 0;
}
/* section#ep .container{padding: 0 150px;} */
section#ep h1 {
  margin-bottom: 70px;
}
/* section#top .video{height: 100%;} */
section#ep .item {
  margin-bottom: 30px;
}
section#ep .item a {
  display: flex;
  transition: all 0.4s ease-in-out;
  outline: none;
  color: #000;
  position: relative;
  

}
.container-wiggle {
  perspective: 25px;
}
.zoom {
  transition: transform .2s;
}

.inner-wiggle {
  background-color: white;
  box-shadow: 2px 2px 50px rgb(0 0 0 / 20%);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
}
section#ep .item a:hover {
  color: #000;
}
section#ep .item .ep {
  text-align: center;
  display: flex;
  align-items: center;
}
section#ep .item .ep i {
  color: #db9d68;
  margin-left: 5px;
}
section#ep .item .pic_info{display: flex;flex-wrap: wrap;background: #fff;}
section#ep .item .pic_info .pic{width: 50%;}
section#ep .item .pic_info .pic img{width: 100%;}
section#ep .item .pic_info .info {
  margin-top: 25px;
  width: 50%;
  padding: 1.5rem;
}
section#ep .item .pic_info .info p{margin-bottom: 1px;}
section#ep .item .pic_info .info h2 {
  margin-bottom: 10px;
}
section#book:hover:after {
  right: 0;
  bottom: 0;
}
section#book {
  cursor: pointer;
  background-color: #722167;
  position: relative;
  overflow: hidden;
  padding: 3rem 0;
}
section#book:after {
  content: "";
  display: block;
  width: 62px;
  height: 65px;
  background-image: url("/20230305020218oe_/https://www.osa.cuhk.edu.hk/wp-content/themes/bingo/static/images/corner.png");
  position: absolute;
  right: -62px;
  bottom: -65px;
  transition: all 0.9s ease-in-out;
}
section#book .row,
section#book .col {
  margin: 0;
  padding: 0;
}
section#book .intro {
  color: #FFF;
  border-left: solid 1px rgba(255, 255, 255, 0.2);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
}
section#book .intro .wrap {
  width: 100%;
  color: #000;
}
section#book .intro h5 {
  margin-bottom: 40px;
}
section#book .intro h1 {
  margin-bottom: 20px;
}
section#book .intro .btn {
  border: solid 1px #FFF;
  margin-top: 30px;
}

.wrapper {margin: 3vh auto;position: relative;}
.prevnext{width:100%;position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;display: flex;justify-content: space-between;}
.flip-book {box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);display: none;background-size: cover;}
.page {padding: 20px;background-color: #fdfaf7;color: #785e3a;border: solid 1px #c2b5a3;overflow: hidden;}
.page .page-content {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;}
.page .page-content .page-header {height: 30px;font-size: 100%;text-transform: uppercase;text-align: center;}
.page .page-content .page-image {height: 100%;background-size: contain;background-position: center center;background-repeat: no-repeat;}
.page .page-content .page-text {height: 100%;flex-grow: 1;font-size: 80%;text-align: justify;margin-top: 10px;padding-top: 10px;box-sizing: border-box;border-top: solid 1px #f4e8d7;}
.page .page-content .page-footer {height: 30px;border-top: solid 1px #f4e8d7;font-size: 80%;color: #998466;}
.page.--left {border-right: 0;box-shadow: inset -7px 0 30px -7px rgba(0, 0, 0, 0.4);}
.page.--right {border-left: 0;box-shadow: inset 7px 0 30px -7px rgba(0, 0, 0, 0.4);}
.page.--right .page-footer {text-align: right;}
.page.hard {background-color: #f2e8d9;border: solid 1px #998466;}
.page.page-cover {background-color: #e3d0b5;color: #785e3a;border: solid 1px #998466;}
.page.page-cover h2 {text-align: center;padding-top: 50%;font-size: 210%;}
.page.page-cover.page-cover-top {box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), -2px 0 5px 2px rgba(0, 0, 0, 0.4);}
.page.page-cover.page-cover-bottom {box-shadow: inset 0px 0 30px 0px rgba(36, 10, 3, 0.5), 10px 0 8px 0px rgba(0, 0, 0, 0.4);}
#top .video {
  position: relative;
  height: auto;
}
#top .video:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
#top .video > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1680px) {
  .question-2{transform: translateX(150px);}
  .question-4{transform: translateX(50px);}
  .transverse2 table{width: 120%;}
}
@media (max-width: 1500px) {
  .sticky .nav-box .nav li a{font-size: 16px;}
}
@media (max-width: 1440px) {
  .Hello-Freshman .content .down .boximg{padding: 4rem 2rem 2rem 2rem;}
  .rocket-img{left: 50%;}
  .title{font-size: 44px;}
  .question-1{width: 400px;transform: translateX(-600px);}
  .question-2{    transform: translateX(50px);width: 400px;}
  .question-3{width: 400px;transform: translateX(-600px);}
  .question-4{width: 400px;transform: translateX(50px);}
  .question-4 .addtxt .box {
      width: 425px;
  }
  header .nav-box .nav li a{font-size: 15px;padding: 0.5rem 0;}
  









}
@media (max-width: 1280px) {
  .News .col-md-2 .imgs h5{height: 85%;}
  .five-block .container .content .box{width: 160px;padding-left: 1rem;padding-right: 1rem;}
  .five-block .container .content .box .more{margin-top: 0;}
  .five-block .container .content .box .more img{display: block;margin: 0.5rem auto;}
  .five-block .container .content h6{height: 60px;}
  .question .addtxt .box{width: 350px;}
}
.menu-toggle {
  display: none;
  
}
header .nav-box .nav .c{display: none;}
@media (max-width: 1200px) {
  .topbar{display: none !important;}
  .topmenu .left{display: block;width: 40% !important;}
  header .nav-box .logo{width: 100%;}
  header .header .topmenu .toptextright{display: block;}
  .toptextright{display: block;margin-top: 2rem;}
  .toptextright .icos form{margin-left: 0;}
  .toptextright .icos dl dd{margin-right: 1rem;}
  .menu-toggle {
    border: none;
    cursor: pointer;
    position: relative;
    width: 24px;
    display: block;
    border-top: 1px solid #fff;
    height: 34px;
    background: none;
    box-shadow: none;
  }
  .menu-toggle::before{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 10px;
  }
  .menu-toggle::after{
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 22px;
  }

  .active.menu-toggle{border: none;}
  .menu-toggle .dashicons{display: none !important;opacity: 0 !important;}
  .active.menu-toggle::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 1px;
    left: 0;
    background: #fff;
    transform: rotate(45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
  }
  .active.menu-toggle::after{
    position: absolute;
    content: '';
    width: 20px;
    height: 1px;
    left: 0;
    background: #fff;
    transform: rotate(-45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
  }



  .hidden-mobile {
      display: none !important;
  }
  header .nav-box .nav .c{display: block;}
  header .header .right .nav-box{justify-content: flex-end !important;}
  header .nav-box .nav .menu{flex-wrap: wrap;overflow: hidden;}
  header .nav-box .nav li{width: 100%;}
  header .nav-box .nav{
    display: none !important;
   
  
  
  
  }
  header .nav-box .nav li a{color: #fff;justify-content: flex-start;padding: 1rem 0;text-align: left;    word-break: break-word;}

  .toptextright .icos a{border: 1px solid #fff;}
  .size a{border: 1px solid #fff;color: #fff;margin-right: 1rem;}
  .topbar .toptextright{display: none; margin-top: 1.5rem;width: 100%;justify-content: flex-start;}
  .toptextright .icos{justify-content: flex-start;flex-wrap: wrap;}
  .toptextright .icos a{margin-left: 0;}
  .toptextright .icos .items{width: 100%;}
  .toptextright .icos .items span{display: none;}
  .toptextright .icos form{display: block;position: relative;width: 100%;top: 0;}
  .toptextright .icos form .form-group{width: 100%;border: 1px solid #F19710;}
  .toptextright .icos dl{position: relative;display: flex;top: 0;margin: 1.5rem 0;}
  .menu-main_zh-container{width: 100%;}
  .main-navigation .menu-item-has-children > a::before {
      content: "\f107";
      font-family: 'FontAwesome';
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
  }
  .sub-menu-pc{display: none !important;}
  .main-navigation li::after{display: none;}
  .main-navigation li::before{display: none;}
  #collapseNav{
    position: fixed;
    box-sizing: border-box;
    padding: 30px;
    position: fixed;
    top: 0px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
    width: 101vw;
    height: 100%;
    padding-bottom: 5rem;
    background: #fff;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    z-index: 100000000001;
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    overflow-y: auto;
    transition: all .1s cubic-bezier(.77, 0, .175, 1) 0ms;
    top: -1rem;
    transform: translateX(100%);
    color: #fff;
    right: -100%;
    background-color: #3eb5f6;
  }
  #collapseNav.show{
    transform: translateX(0);
    right: 0%;
  }
  #collapseNav .nav-item .btn{
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    text-align: left;
  }
  .nav .nav.flex-column{padding-left: 10px;}
  .nav-link{color: #fff!important;padding: 1rem 0;}
  .nav-item{border-bottom: 1px solid #fff;}
 .list-item:last-child{
	   border-bottom: none;
  }
  .question-1 {
      width: 350px;
      transform: translateX(-500px);
  }
  .question-2 {
      width: 350px;
      transform: translateX(0px);
  }
  .question-3 {
      width: 350px;
      transform: translateX(-500px);
  }
  .question-4 {
      width: 350px;
      transform: translateX(0px);
  }
}

@media (max-width: 1024px) {
  .opennav header .nav-box .nav{right: -6%;}
  .third-block .i2{width: 15%;}
  .first-block .i1{width: 20%;}
  .four-block .i3{width: 10%;}
  .four-block .i4{width: 10%;}
  .Hello-Freshman .catenav{margin-right: 0rem;}
  .Hello-Freshman .box{padding: 1rem !important;}
  .banner-content .banner_h1{margin-top: 300px;}
  .News .Newsbox .list .right .more{margin-top: 1rem;}
  .Hello-Freshman .content .down .col-md-2 {
      width: 23.66666667%;
  }
  .Hello-Freshman .content .down .boximg .more{width: 140px;height: 48px;}
  header .logo .imgs{width: 80%;}
  .page-banner .boximg .bg{padding: 3rem 0;}
  .Hello-Freshman .story .pics .swiper-slide{height: 500px;}

  .question-1{width: 300px;transform: translateX(-400px);}
  .question-2{    transform: translateX(100px);width: 340px;}
  .question-3{width: 300px;transform: translateX(-400px);}
  .question-4{width: 350px;transform: translateX(-50px);}

  .question-4 .addtxt .box{position: relative;left: 0;top: 0;bottom: auto;margin-top: 2rem;}
  .question-4 .addtxt .box .in::before{
    bottom: auto;
    top: -8px;
    left: 50px;
    transform: rotate(-40deg);
  }
}
@media (max-width: 768px) {
  .opennav header .nav-box .nav {
    right: -5%;
   }   
  .second-block .left{padding: 0;}
  .first-block .items .icos img{display: block;margin: 0 auto;}
  .first-block .items  span{display: block;text-align: center;margin: 0 auto;}
  footer .footer{padding-top: 10rem;}
  .four-block .Story .swiper .swiper-slide a{flex-wrap: wrap;justify-content: center;}
  .four-block .Story .swiper .swiper-slide a .boximg{width: 100%;}
  .four-block .Story .swiper .swiper-slide a .txt{width: 100%;margin-top: 1rem;}
  .Hello-Freshman .box{width: 80%;}
  .Hello-Freshman .pic{width: 10%;}
  .second-block .col-md-5,.second-block .col-md-7{width: 100%;margin-top: 1.5rem !important;}
  .banner-content .banner_h1{margin-top: 200px;}
  .News .col-md-10{    width:100%;}
  .News .col-md-2{ margin-top: 3rem;   width: 100%;height: 320px;border-radius: 30px;overflow: hidden;}
  .News .col-md-2 img{width: 100%;height: 100%;object-fit: cover;}
  .News .col-md-2 .imgs h5{top: 10%;height: 80%;}
  .Hello-Freshman .content .down .col-md-2 {
      width: 32.66666667%;
  }
  header .header{padding-left: 2rem;padding-right: 2rem;}
  .News .body{width: 100%;}
  .Hello-Freshman .story .col-md-4 a{padding: 1.5rem;}
  .Hello-Freshman .story .pics{margin: 0rem auto !important;padding: 0 !important;}
  .second-block .col-md-7{display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
  .second-block .col-md-7 .box:nth-last-child(1){margin-bottom: 1.5rem;margin-top: 0 !important;}
  .second-block .col-md-7 .form-group{display: block;}
  .question-1{width: 200px;transform: translateX(-350px);}
  .question-2{transform: translateX(50px);width: 300px;}
  .question-3{width: 300px;transform: translateX(-300px);}
  .question-4{width: 300px;transform: translateX(0px);}
  .question .text p{line-height: 1.4;}
  .About #one{margin-top: 2rem;}
  .News .newslist .news-bottom ul li a span.tag{width: 15%;margin-left: 0;margin-right: 0;}
  .News .newslist .news-add-list .col-md-4{width: 50%;}
}
@media (max-width: 767px) {
  .third-block .news .swiper{overflow: hidden;}
  .banner-animate .planet{display: none;}
  .topmenu .left{
    width: 90% !important;
  }
  header .header .right{width: 30%;}
  .News .newslist .news-bottom ul li a .date{display: flex;align-items: center;}
  .News .newslist .news-bottom ul li a .date b{margin-right: 0.5rem;}
  .bread{display: none;}
  .About .bar a::before{display: none;}
  .About .bar{flex-wrap: wrap;}
  .About .bar a{width: 100%;}
  .fs132{font-size: 90px;} 
  header .header .left{width: 70%;}
  header .logo .imgs{width: 100%;}
  .Hello-Freshman .container>.row{flex-direction: column-reverse;}
  footer .footer .sub-links{justify-content: center;}
  .five-block .container .col-md-2{width: 50%;}
  footer .footer .fnav li{width: 50%;text-align: center;margin-top: 0.5rem;}
  .Hello-Freshman .box{width: 100%;padding: 1.5rem !important;}
  .Hello-Freshman .pic{width: 10%;}
  .Hello-Freshman .nonepad{padding: 0 !important;}
  .Hello-Freshman .catenav{margin-right: 0;}
  .About .content .mt-7{margin-top: -2rem;}
  .About #two h3{position: relative;margin-top: -4rem;}
  .About .container .box{margin-top: 2rem;}
  .page-banner .boximg{height: 280px;}
  .page-banner .boximg .bg{height: 100%;}
  .About .content table tr th{font-size: 24px;}
  .About .content table tr td{font-size: 16px;}
  .second-block .box.px-5{padding: 1.5rem !important;}
  .second-block .pics .eventlists .items .left{width: 100%;}
  .second-block .pics .eventlists .items .left::after{display: none;}
  .second-block .pics .eventlists .items .right{width: 100%;margin-top: 1.5rem;}
  .second-block .pics .t::after{width: 75%;}
  .second-block .pics .eventlists{height: auto;}
  .Hello-Freshman .box .txt{font-size: 16px;line-height: 1.4;text-align: justify;}
  .Hello-Freshman .content ul li::before{width: 10px;height: 10px;top: 0.4rem;}
  .Hello-Freshman .box .firstlist img{float: none;margin-top: 1.5rem;}
  .banner-content .banner_h1{margin-top: 100px;}
  .main-banner{padding-top: 300px !important;}
  .News .Newsbox .list{flex-wrap: wrap;}
  .News .Newsbox .list .imgs{width: 100%;}
  
  .News .Newsbox .list .right{width: 100%;margin-left: 0;margin-top: 1rem;}
  .Hello-Freshman .content .down .col-md-2 {
      width: 100%;
  }
  .Hello-Freshman .content .down .boximg{background-size: cover;}
  body .fs22{font-size: 19px;}
  body .fs20{font-size: 18px;}
  body .fs36{font-size: 26px;}
  .title{font-size: 30px;}
  body .fs48{font-size: 30px;}
  .News .newslist .news-bottom ul li a{padding: 1rem 0;}
  .News .newslist .news-menu ul li{margin-right: 0rem;}
  .News .newslist .news-bottom ul li a .date{width: 100%;}
  .News .newslist .news-bottom ul li a span.tag{width: 100%;margin-left: 0;margin: 1rem 0;}
  .News .newslist .news-bottom ul li a h3{width: 100%;}
  body .fs24, body h2, body .h2{font-size: 18px;}
  .News .newslist .news-menu ul{overflow-y: scroll;}
  .Hello-Freshman .story .ar-tt{width: 100%;}
	
  .second-block .box form .form-control{height: 36px;}
  .five-block .Download .swiper{overflow: visible;padding-bottom: 5rem;}
  .five-block .Download .swiper .swiper-pagination-bullet {
      width: 18px;
      height: 18px;
      background: none;
      border: 1px solid #BEBEBE;
      opacity: 1;
      margin: 0 1rem;
  }
  .five-block .Download .swiper .swiper-pagination-bullet-active{background: #F19710;border: none;}
  .five-block{padding: 3rem 0;}
  .toptextright .icos dl{display: flex;}
  .Hello-Freshman .story .pics .swiper-slide{height: 240px;}
  .five-block .container .content .box{width: 100%;}
  .stopbar{flex-wrap: wrap;}
  .stopbar a{width: 48%;}
  .stopbar::after{top: 30%;}
  .stopbar::before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 3px;
    background: #EEA5E6;
    position: absolute;
    left: 0;
    top: 80%;
}
.Hello-Freshman .content .pic{display: none;}
.bus-banner{padding-bottom: 0;}
.c{padding: 0 15px;}
.News .newslist .news-add-list .col-md-4{width: 100%;}
.tabss table{width: 810%;}
  
.thumbnails{display: none;}
.magazine-viewport .magazine{margin-left: -15px !important;}
section#ep .container{padding: 0px;}
.pup-imgs .close{top: 0;}
}
@media (max-width: 767px) {
  .question .addtxt .box{
    position: relative;
    opacity: 0;
    width: 100%;
    left: 0;
    display: none;

  }
  .question .addtxt .box.show{
    display: block;
    opacity: 1;
  }
  .question .addtxt .box .in::before{
    bottom: auto;
    top: -8px;
    left: 50px;
    transform: rotate(-40deg);
  }
  section#ep .item .pic_info .pic,section#ep .item .pic_info .info{width: 100%;margin-top: 0;}
  section#top .intro{padding: 40px 0 30px 0;}
  section#top .intro h1{margin-bottom: 20px;}
  section#book .intro{padding: 30px 0px;}
  section#ep{padding: 40px 0;}
  section#ep h1{margin-bottom: 30px;}
}
.opennav header{}
.opennav header .header{}
#collapseNav .close{
  position: relative;
  padding-bottom: 3rem;
  float: right;
  overflow: hidden;
  height: 30px;
  width: 25px;
}
#collapseNav .close::before{
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    left: 0;
    background: #fff;
    transform: rotate(45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
}
#collapseNav .close::after{
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    left: 0;
    background: #fff;
    transform: rotate(-45deg) scaleX(1.35);
    transition-delay: .1s;
    top: 15px;
}