@font-face{
font-family: Noto Sans CJK SC;
src: url('/includes/fonts/NotoSansSC-Regular.woff2');}



body{  padding:0px; margin:0px; background: url(/includes/images/blockpage/bg-02192021.png) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}


#content{ 
	width: 881px; 
	margin:0 auto; 
	margin-top: 225px;
	position: relative; 

}
.box-content{
	position: absolute;
	top: 73px;
	left: 0;
	right: 0;
	text-align: center;
}

#content h1{font-size: 36px;
  font-family: "Noto Sans CJK SC";
  color: rgb(250, 164, 29);
  line-height: 1.2;
/*  text-align: left;*/
  @position: absolute;
  left: 190.669px;
  top: 345.742px;
  z-index: 37;


}
/*#country div  a:hover{ -webkit-animation: bounce 1s infinite; -moz-animation: bounce 1s infinite; -ms-animation: bounce 1s infinite; animation: bounce 1s infinite;}
*/
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(1);}
40% { -webkit-transform: translateY(-10px); }
60% { -webkit-transform: translateY(-10px); } }

@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); }
40% {-moz-transform: translateY(-10px); }
60% {-moz-transform: translateY(-10px); } }

@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0); }
40% {-o-transform: translateY(-10px); }
60% {-o-transform: translateY(-10px); } }

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0); }
40% {transform: translateY(-10px); }
60% {transform: translateY(-10px); } }


#content h2{
  font-size: 26px;
  /*font-family: "Noto Sans CJK SC";*/
  color: rgb(255, 255, 255);
  line-height: 1.2;
  /*text-align: left;*/
  @position: absolute;
  left: 178px;
  top: 447.836px;
  z-index: 38;


}

#content h3{font-size: 18px;
  font-family: "Noto Sans CJK SC";
  color: rgb(255, 255, 255);
  line-height: 1.2;
/*  text-align: left;*/
  @position: absolute;
  left: 190.683px;
  top: 544.773px;
  z-index: 39;

	margin-top: 50px;
}

#country div{
 width: 150px;
 display: inline-block;
 vertical-align: top;
 font-size: 18px;
  color: rgb(255, 255, 255);
   font-family: "Noto Sans CJK SC";
  line-height: 2.2;
/*  text-align: left;*/
  left: 474.375px;
  top: 585.1px;
  z-index: 45;

}

#country div a{
	 color: rgb(255, 255, 255);
}
#country div a:hover{
  color: rgb(250, 164, 29);
  text-decoration: none;
}
#country div > span{display: inline-block;margin-left: 10px; width: 60px; vertical-align: middle;}
#country div > div{display: inline-block;width: 30px;vertical-align: middle;}


@media only screen and (max-width : 480px) {
  #content h1{font-size: 25px;}
  #content h2{font-size: 20px;}
  #country > div{width: 122px ;}
  #content{width: 100%;margin-top:65px ;}
  .box-content{
  	position: unset;
  	padding-top: 50px;
  	background: url(/includes/images/blockpage/box.png) no-repeat center center; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;	
  }
  #content div{margin-bottom: 10px;line-height: 1.2;}
.box-img{display: none;}
  #logo img{width: 100% ; }
  .icp{font-size: 14px;}
  #icp{width: 200px;}

}

@media only screen and (max-width : 320px) {
#content h1{font-size: 18px;}
#content h2{font-size: 15px;}

#content{
	margin-top: 20px;
}
}

/*Developed by Jessfer Limbo @ OLE*/