body { margin:0; padding:0; font:17px/26px Helvetica Neue Light, tahoma, Arial, Helvetica, sans-serif; color:#333; text-align:justify;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
.clear { clear:both;}
.details { width:1090px; padding:5px; margin:0 auto;}
img{ vertical-align:middle; border:0;}
*{ padding:0; margin:0;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input { list-style:none; font-weight:400;}

/*::-webkit-scrollbar { display:none;}*/

.DisRight { margin-right:10px;}
.DisLeft { margin-left:10px;}
.DisLeftIndex { margin-left:40px;}
.rightfloat { float: right; }
.button { padding:5px 0;}
.button img { margin-right:20px;}
.leftfloat { float:left;}
/*************************/
a { color:#538ffe; text-decoration:none;}
a:hover { color:#4f86eb; text-decoration:underline;}
/*************************/
.BlueButton { padding:5px; width:140px; height:23px;  line-height:23px; cursor:pointer; text-align:center; font-size:15px; -moz-border-radius: 5px;      /* Gecko browsers */  -webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;     /* W3C syntax */  }
.Grayness { width:160px; padding:2px 10px; height:23px; margin:13px 0; cursor:pointer; -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius: 5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */   }
.IndexPush { cursor:pointer; -moz-border-radius: 5px; /* Gecko browsers */  -webkit-border-radius:5px; /* Webkit browsers */ border-radius:5px; /* W3C syntax */  }
/*************************/
.MainNav_Twentytwo { background: #fff; }
.MainNav_Twentytwo .details { width: 1260px; margin: 0 auto; display: flex; flex-direction: row; justify-content:space-between; align-items: center; }
.MainNav_Twentytwo .logo { width:145px;  }
.MainNav_Twentytwo ul { display: flex; flex-direction: row; align-items: center; padding: 20px 0; }
.MainNav_Twentytwo ul li {list-style: none; padding:0 20px; font-size: 21px; }
.MainNav_Twentytwo li::after { content: "|"; padding: 0 0 0 30px;}
.MainNav_Twentytwo li:last-child::after {content: ""; padding: 0 0 0 0px;}
.MainNav_Twentytwo ul a {color: #333; text-decoration: none;}
.MainNav_Twentytwo ul a:hover { color: #f60;}
/*************************/
.MainFoot { background:#1f222a; color:#6a7480; text-align:center;}
.MainFoot p { padding:3px 0;  }
.MainFoot p a { color:#6a7480; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#6a7480;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
.MainFoot h6 { font-size:13px; padding:8px 100px 0;}
/*************************/
.navigator_pop{ padding:10px; border-radius:5px; width:400px; text-align:center; position:relative; background:#fff; font-size:15px;}
.navigator_pop .close{ color:#fff; background-color:#000; border-radius:20px; font-size:16px; width:22px; height:22px; cursor:pointer; position:absolute; right:-10px; top:-10px;}
.navigator_pop p a{ color:#0072BC; border-bottom:1px dashed #0072BC; text-decoration:none;}
.navigator_pop .btn{ text-align:center;}
.navigator_pop .btn a { background:#84c754; text-decoration:none; padding:8px 15px; margin:10px 0; display:inline-block; border-radius:5px; text-align:center; color:#fff; font-size:16px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.navigator_pop .btn a:hover { background:#50ab0f;}

.EventBan { background:url(../banner/2020new-year-banner.jpg) center no-repeat; }
.EventBan .Hov { width:100%; max-width:1080px;  margin:0 auto; height:140px; } 

@media (min-width: 768px) and (max-width: 979px) {
	.details { width:100%; padding:0; }
	body { margin:0; padding:0; font:13px/23px Verdana, Arial, sans-serif; color:#333; text-align:justify; }
	
	.MainNav_Twentytwo .details { width: 95%; margin: 0 auto; }

	.MainFoot h6{padding:8px 25px 0;}
	.MainFoot p i {height:auto; }
}

@media (min-width: 480px) and (max-width: 767px) {
	.details {  width:100%; padding:0; } 
	
	.MainNav_Twentytwo .details { width: 95%; margin: 0 auto; }
	
	.DisLeftIndex { margin:10px 0 0;}
	.MainFoot p i {height:auto; }
}

@media  (max-width: 479px) {
	.details {  width:100%; padding:0; }	
	body { margin:0; padding:0; font:13px/23px Verdana, Arial, sans-serif; color:#333; text-align:justify; }
	
	.MainNav_Twentytwo .details { width: 95%; margin: 0 auto;  flex-direction: row; flex-wrap:wrap;  }
	.MainNav_Twentytwo .logo { padding: 20px 10px 0;  }
	.MainNav_Twentytwo ul li { padding:0 10px; font-size: 17px; }
	.MainNav_Twentytwo li::after { padding: 0 0 0 10px;}
	

	.DisLeftIndex { margin:10px 0 0;}
	.MainFoot { background:#1f222a; color:#474f59; text-align:center;}
	/*************************/
	.MainFoot .iphone { display:none;}	
	.MainFoot h6{padding:8px 25px 0;}
	.MainFoot p i { display:block; height:auto; line-height:normal; font-style:normal;}
}