template_content_wrapperbody{
  font-size:16px;
  font-family: Roboto;
}
.Registration_Application{
  background: #c10b0b;
  color:#f7f7f9;
  border-radius: 19px;
  padding:0px 24px;
  margin-right:12px;
  height: 38px;
  display: flex;
  align-items: center;
  text-align: center;
  font-size:95%;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
}
h2{
  font-family: "Teko", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;line-height: 1;
  font-size:32px;
  line-height: 2.4;
  margin:0;
}
strong{
  font-size:120%;
}
.slick-arrow, .slick-next , .slick-next{
  display: none!important;
}
.facebook, .youtube, .instagram{
  display: block;
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
}
.facebook{
  background-image: url('../asset/facebook.svg');
}
.youtube{
  background-image: url('../asset/youtube.svg');
}
.instagram{
  background-image: url('../asset/instagram.svg');
}
p{
  margin:0;
  line-height: 1.5;
  color: #222;
}
.allan-regular {
  font-family: "Allan", serif;
  font-weight: 400;
  font-style: normal;
}

.allan-bold {
  font-family: "Allan", serif;
  font-weight: 700;
  font-style: normal;
}
/* // <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 300 to 700 */
.teko-thick {
  font-family: "Teko", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;line-height: 1;
}
.teko-normal {
  font-family: "Teko", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;line-height: 1;
}
.teko-bold {
  font-family: "Teko", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;line-height: 1;
}
#searchbar{
  width: 100%;
  display: none;
}
#searchcontainer{
  /* max-width: 1400px; */
  width:500px;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:4px;
  padding-right:4px;
  display: flex;
  align-items: center;
  display: flex;
}
#searchcontainer input{
  height:40px;
  border-radius: 5px 0px 0px 5px;
  border:1px solid #ccc;
  width: 100%;
  border-right:0px;
  padding:0px 9px;
  outline: none;
}
#searchcontainer input:focus{
  border:2px solid #444b9b;
}
#searchcontainer >div{
  background-image: url('/asset/searchw.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px;
  height: 40px;
  width: 70px;
  background-color:#444b9b;
  border-radius: 0px 5px 5px 0px;
}
header{
   background: #fcfcff;
}
/* Styles for mobile screens (default) */
header.rwd-m{
  display:block;
  border-bottom: 0px solid #caaaaa;
  background-color: #040f94;
}
header.rwd-d{
  display:none;
  padding-top:0px;
  padding-bottom:0px;
}
header.rwd-d .rwd-d-container{
  width: 100%;
  max-width: 1400px;
  margin:0 auto;
  display: flex;
  padding-top:18px;padding-bottom:18px;
  justify-content: space-between;
}

header.rwd-d .rwd-d-side{
  justify-content: center;
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
header.rwd-d .rwd-d-side .rwd-d-side-social-language{
  display: flex;
  justify-content: center;
  align-items: center;
}
header.rwd-d .rwd-d-side .facebook{
  background-position: center;
  background-size: cover;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  margin:6px;
  margin-right:24px;
  background-image: url('/asset/facebook-share.svg');
}
header.rwd-d .container{
  display:flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding-left:6px;
  padding-right:6px;
  padding:6px;
  background-color: #444b9b;
}
header.rwd-d .rwd-menu-container{
  max-width: 1400px;
  width: 100%;
  margin:0 auto;
}
header.rwd-d .container >div{
  display:flex;
  align-items: center;
}

header.rwd-d .logo{
  background-image: url('../asset/logo.png');
  background-position: left 2px center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100px;
  padding-left:120px;
  width: auto;
  height: 100px;
  display: block;
  color: black;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  line-height: 1.2;
  font-size:24px;
  font-family: "Teko"
}
header.rwd-d .container .search{
  background-image: url('../asset/searchw.svg');
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  margin-right: 12px;
}
header.rwd-d .container .login{
  color: #f0f0f0;
  margin-right: 8px;
  margin-left:8px;
}
header.rwd-d .container .menu{
  display:flex;
  padding-top:8px;
  padding-bottom:8px;
}
header.rwd-d .container .menu a{
  color: #f0f0f0;
  text-decoration: none;
  padding:8px 12px 8px 12px;
  white-space: nowrap;
}
header.rwd-d .container .navitem{
  padding:0px;
  color:#222;
  text-decoration: none;

}
header.rwd-d .container .menu a{
  display: block;
}
header.rwd-d .container .menu .dropdown-content {
  display: none;
  position: absolute;
  left:12px;
  padding:4px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 8px;
}
header.rwd-d .container .menu .dropdown:hover .dropdown-content {
  display: block;

}
header.rwd-d .container .menu .dropdown:hover .dropdown-content a{
  color:#413887!important;
}
header.rwd-d .searchcontainer{
  display: block;
  width:320px;
  background:white;
  position: absolute;
  height:46px;
  top: 32px;
  right:0px;
  border-radius: 6px;
  z-index: 99;

  padding-left:30px;
  background-image: url('../asset/search.svg');
  background-position: left 6px center;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 5px;
  display: none;

}
nav.rwd-m{
  position: fixed;
  top:0px;
  left:-320px;
    /* left:0px;; */
  width:320px;
  height: 100vh;
  background: #f6f6f6;
  z-index: 99;
  overflow: auto;
}
nav.rwd-m a{
  display: flex;
  height: 42px;
  align-items: center;
  padding-left:12px;
  font-size:100%;
  color:#222;
  text-decoration: inherit;

}
nav.rwd-m .closemenu{
  background-image: url('../asset/close.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width:36px;
  height: 36px;
  margin-left:6px;
}
nav.rwd-m .msearchcontainer{
  padding:12px;
  display: flex;
}
nav.rwd-m .msearchcontainer .searchbutton{
  background-image: url(/asset/searchw.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px;
  height: 40px;
  width: 70px;
  background-color: #444b9b;
  border-radius: 0px 5px 5px 0px;
}
nav.rwd-m .msearchcontainer input{
  height:40px;
  padding-left:12px;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 5px 0px 0px 5px;
  border:1px solid #ccc;
  border-right:0px solid #111;
  width: 100%;
  outline: none;

}
nav.rwd-m .msearchcontainer input:focus{
  border:2px solid #444b9b;
}
nav.rwd-m #mobilenavheading{
  padding-top:12px;
  padding-bottom:12px;
}
nav.rwd-m #mobilenav{
  border-top:1px solid #aaa;
  padding-top:24px;
  overflow-y: auto;
}
nav.rwd-m .item{

}
nav.rwd-m .nav-child{
  padding-left:12px;
  display: none;
}
nav.rwd-m .nav-child a{
  font-size:90%;
  color:#444;
}
nav.rwd-m .nav-parent{
  background-image: url('../asset/right-arrow.svg');
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 20px;
}
.m-b{
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.m-b .namecontainer{
  color: #464444;
}
.m-b .logocontainer, .m-b .buttoncontainer{
  flex: 0 0 100px;
  padding:8px;
}
.m-b .buttoncontainer{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.m-b .logo{
  display: block;
  background-image: url('../asset/logo.png');
  background-position: center;
  background-size: contain;
  width: 62px;
  height: 62px;
  border-radius: 4px;
}
.m-b .search{
  background-image: url('../asset/search.svg');
  background-position: center;
  background-size: contain;
  width: 22px;
  height: 22px;
  border-radius: 4px;
  margin-right: 12px;
}
.m-b .menu{
  background-image: url('../asset/menu.svg');
  background-position: center;
  background-size: contain;
  width: 38px;
  height: 38px;
  border-radius: 4px;
}
.landingbanner{
  position: relative;
  padding-top:42px;
  padding-bottom:42px;
  min-height: 320px;
  background:rgba(0,0,0,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.landingbanner div{
  font-size:180%;
  font-weight: bold;
  text-align: center;
  color:rgba(250,250,250,0.82);
  line-height: 1;
}
.landingbanner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('../asset/banner/landing.jpg');
  background-size: cover; /* 或其他你需要的背景尺寸 */
  background-position: center; /* 或其他你需要的背景位置 */
  opacity: 0.8; /* 设置背景图片的透明度 */
  z-index: -1; /* 确保伪元素位于内容之下 */
}
section{

}
section .showmore{
  text-align: center;
  margin-top:72px;
  margin-bottom:42px;
  display: block;
  font-size:28px;
  color: #222;
    text-decoration: underline;
}
section .title{
  margin-bottom:16px;
  margin-top:42px;
  font-size:42px;
  text-align: center;
}
#latestnew .item{
  display: flex;
  border-radius: 12px 12px 12px 12px;
  border:1px solid #dde;
  padding-top:12px;
  padding-left:6px;
  padding-right:6px;
  padding-bottom:12px;
  margin-bottom:16px;
}
#latestnew .image{
  flex: 0 0 120px;
  background-size: cover; /* 或其他你需要的背景尺寸 */
  background-position: center; /* 或其他你需要的背景位置 */
  aspect-ratio: 1.5/1;
  border-radius: 6px 6px 6px 6px;
}
#latestnew .content{
  flex: 1 1 0;
  padding-left:12px;
  padding-right:12px;
}
#latestnew .content .date{
  line-height: 2;
  font-size:14px;
  color:#779;
}
#latestnew .content .p{
  line-height: 1.5;
    font-size: 15px;
    color: #223;
}
#registered_team_bg{
  padding-top:42px;
  padding-bottom:42px;
  /* background-image: url('../asset/teambg.jpg'); */
  background-size: cover; /* 或其他你需要的背景尺寸 */
  background-position: center; /* 或其他你需要的背景位置 */
  opacity: 0.8; /* 设置背景图片的透明度 */
}
#registered_team .grid-container{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 32px; /* 可选的，用于设置网格项之间的间距 */
  padding:12px;
  justify-content: center;
  align-content: start;
  margin: 0 auto;
}
#registered_team .grid-container .item{
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 120px;
  height: 120px;
  border-radius: 4px;
  justify-self: center; /* Center item horizontally within its cell */
  align-self: center; /* Center item vertically within its cell */
  text-align: center; /* Optional: center text within the item */
}

footer .nav a{
  color: inherit;
  text-decoration: inherit;
}

footer .followuscontainer{
  background:#27313D;
  padding-top:42px;
  padding-bottom:42px;
}
footer .copyright{
  padding:12px;
  background-color: #dddde6;
  color:#222;
  padding-bottom:38px;
  border-top: 1px solid #44a;
}
footer .copyright .footerlogo{
  background-image: url('../asset/logo.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100px;
  width: auto;
  height: 170px;
  display: block;
  color: black;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: flex-start;

}
footer .copyright p{
  color:#333;
  font-size:85%;
  line-height: 2;
  text-align: center;
}
footer .followuscontainer{
  color: #fafafa;
  text-align: center;
}
footer .followusicons{
  display: flex;
  margin-top: 12px;
  justify-content: center;
}
footer .followusicons a{
  margin:12px;
}

.game .item img{
  border-radius: 4px;
}

.hightlight div{
  margin-right: 24px;
  margin-left:0px;
  border-radius: 6px;
}

#news_and_press{
  display: block;
}
#press_section{
  flex: 0 0 40%;
}
#news_section{
  flex: 1 1 0;
}
.presslist .item{
  padding:12px;
  padding-left:0px;
  border-bottom:1px solid #ddd;
  display: block;
  cursor: pointer;
}
.presslist .item .date{
  line-height: 2;
  font-size:14px;
  color:#779;
}
.presslist .item .content{
  line-height: 1.5;
  font-size:15px;
  color:#223;
}
.template_content_wrapper{
  max-width: 1400px;
  background:rgba(255,255,255,0.95);
  margin:0 auto;
  width:100%;
  padding:0px 18px;
}
.templatecontent{
  margin:0 auto;
  width:100%;
  padding:24px 18px;
  /* background:#fafaff; */
  padding-bottom:62px;
}
.templatetitle{
  margin: 0 auto;
  width: 100%;
  padding:0px 0px;
}
.templatecontent a:hover {
  color: #FF6666; /* Hover color */
  text-decoration: underline; /* Optional: Add underline on hover */
}
.templatecontent a{
  display: block;
  line-height: 1.8;
  text-decoration: inherit;
}
#sharethispagecontainer{
  margin: 0 auto;
  width:100%;
  max-width: 1400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#sharethispagecontainer .scicons{
  display: flex;
  margin-bottom:24px;
}
.sharebyfacebook, .sharebyinstagram, .sharebywhatsapp{
  background-position: center;
  background-size: cover;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  margin:16px;
}
.sharebyfacebook{
  background-image: url('/asset/facebook-share.svg');
}
.sharebyinstagram{
  background-image: url('/asset/instagram-share.svg');
}
.sharebywhatsapp{
  background-image: url('/asset/whatsapp-share.svg');
}

.copyurl{
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 520px;
  border:1px solid #ddd;
  border-radius: 9px;
  padding:6px 12px;
  padding-right:0px;
  width: 90%;
  margin-bottom:32px;
  background: #f9f9f9;
}
.copyurl .url{
  flex: 1 1 0;
  white-space: nowrap; /* Prevent text from wrapping */
overflow: hidden;    /* Hide overflowed content */
color:#224;
text-align: center;
}
.copyurl .copybutton{
  background-position: right center;
  background-size: cover;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background-image: url('/asset/copy.svg');
  flex: 0 0 32px;
}


footer{
  background:#dddde6;
}
footer .nav{
  margin:0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1400px;
  padding:32px 12px;
}
footer .nav .heading{
  margin-bottom:12px;
  color: #333345;
  font-family: teko;
  font-size:24px;
}
footer .nav .item{
  line-height: 2.2;
  color: #333345;
  font-size:16px;
}
footer .nav>div{
  flex: 0 0 100%;
  margin-bottom:42px;
}


/* Styles for larger screens */
@media (min-width: 520px) {
  #latestnew.grid-container{
    grid-template-columns: repeat(2, 1fr);
  }
  footer .nav.grid-container{
    grid-template-columns: repeat(2, 1fr);
  }
  footer .nav>div{
    flex: 0 0 48%;
    margin-bottom:42px;
  }
}
@media (min-width: 768px) {
  #latestnew .image{
    flex: 0 0 200px;
  }
  #latestnew.grid-container{
    grid-template-columns: repeat(3, 1fr);
  }
  footer .nav.grid-container{
    grid-template-columns: repeat(4, 1fr);
  }
  footer .nav>div{
    flex: 0 0 33.33%;
    margin-bottom:42px;
  }
}

@media (min-width: 980px) {
  header.rwd-m{
    display:none;
  }
  header.rwd-d{
    display:block;
  }
  #news_and_press{
    display: flex;
  }
}


/* Content specific styles*/
/* Simple Image Layout styles*/
.single-responsive-image {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.single-responsive-image.small{
  width: 40%;
}

.entry-content p{
  margin-bottom:12px;
}
/* Images in collapsible button styles*/
.collapsible-button-img {
	background-color: rgba(120,140,240,0.1);
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: background-color 0.3s ease;
  padding-right: 32px;
  background-image: url(/asset/down.svg);
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 20px;
}

.active-img{
	background-color: #f9f9f9;
  background-image: url(/asset/up.svg);
}

.collapsible-content-img {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	background-color: #f1f1ff;
	transition: max-height 0.3s ease;
  margin-bottom:24px;
}

.collapsible-content-img img {
	max-width: 100%;
	height: auto;
	transition: opacity 0.3s ease;
	margin: 5px;
}


.textbox {
  padding: 14px 18px;
  width: 100%;
  background-color: rgba(211, 211, 211, 0.3);
  font-size: 15px;
  text-align: left;
  display: block;
}

.alternate:nth-child(even) {
  background-color: rgba(211, 211, 211, 0.6);
}

.alternate:last-child{
  margin-bottom: 24px;
}