@charset "utf-8";
/* CSS Document */


/*body {color:white;}
:link {color:white;}
:visited:active {color:white}*/


.main_header{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	width:100%;	
    margin-bottom:94px;
}
.header_gap{
	width:100%;
	height:92px;
	background-color:#000;	
}

.main_menu_bt1 a:link, .main_menu_bt1_active a {
	float: left;
	margin-left: ;	background-repeat: no-repeat;
	background-color: #;
	padding-bottom: ;
	background-image: url(../images/main_menu_bt_home.png);
	background-position: left top;
	height: 45px;
	width: 45px;
	margin-left: 30px;
}

.main_menu_bt1 a:hover, .main_menu_bt1_active a {
	float: left;
	background-image: url(../images/main_menu_bt_home_hover.png);
	background-repeat: no-repeat;

}
.main_menu_bt {

	color: #FFFFFF;

}
.main_menu_bt a:link, .main_menu_bt_active a {
	text-align: center;
	float: left;
	font-family: "Microsoft YaHei", arial;
	font-size: 13pt;
	letter-spacing: 1px;
	text-decoration: none;
	color: #FFFFFF;
	padding-right: 7px;
	padding-left: 7px;
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.main_menu_bt a:hover, .main_menu_bt_active a {
	text-decoration:none;
	color: #f9e11d;
	background-image: url(../images/main_menu_bt_bg.png);
	background-repeat: repeat-x;
	padding-top: 10px;
	padding-bottom: 12px;
}

.main_menu_bt a:visited, .main_menu_bt_active a{
	text-decoration:none;

}

.main_menu_bt a:active
 {
	color: #ffffff;
	text-decoration: none;
  }
.main_menu_bt_active {
	color: #f9e11d;
}
  
  
  /* after login dropdown */
  
.personal_info_dropdown_box{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #FFFFFF;
	height: 70px;
	width: 104px;
	margin-left:-10px;
}


.line01{
	background-color: #AD1001;
	overflow: hidden;
	height: 10px;
	padding-top: -15px;
	padding-right: 80px;
	padding-left: 40px;
	/*margin-bottom: 10px;*/
}
.icon_dropdown{
	float: left;
	padding-right: 3px;
}
.icon_personal_info{
	float: left;
	margin-right: 3px;
	margin-left: 6px;
}
.icon_personal_info2{
	float: left;
	margin-right: 3px;
	margin-left: 4px;
}
.personal_info_txt01{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	text-align: left;
}

.personal_info_txt01 {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ad1001;
	text-decoration: none;
}

.personal_info_txt02{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	float: left;
	text-decoration: none;
	color: #ad1001;
}

.personal_info_txt03{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 9pt;
	float: right;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	padding-top: 2px;
}

.personal_info_txt02{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	float: left;
	color: #ad1001;


}

.personal_info_txt02 a:link{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	float: left;
	color: #ad1001;
	text-decoration: none;

}


.personal_info_txt02 a:hover{
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	float: left;
	color: #6501b1;
	text-decoration: none;
}

.main_header a, .main_header a:visited, .main_header a:hover, .main_header a:active {
  color: inherit;
} 
.line02{
	overflow: hidden;
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0px;
	text-align: center;
}
.line03{
	overflow: hidden;
	padding-top: 5px;
	text-align: center;
	padding-left: 5px;
	width: 100%;
	padding-right: 3px;
}
.line04{
	overflow: hidden;
	padding-top: 3px;
	padding-right: 8px;
	padding-left: 8px;
	text-align: center;
	width: 90%;
}
.icon_reset_pw{
	float: left;
	margin-right: 3px;
	margin-left: 6px;
}


.credit_total_box{
	height: 28px;
	width: 114px;
	margin-left: 12px;
	background-color: #FFFFFF;
	float: right;
}

.credit_box{
	overflow: hidden;
	width: 160px;
}

.credit_box02{
	/*-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;*/
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*-moz-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;*/
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	/*border-top-left-radius: 5px;
	border-top-right-radius: 5px;*/
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 200px;
	width: 260px;
	background-color:#fff;
	overflow: hidden;
	padding-top: 0px;
	margin-right:200px;
	margin-left:44px;
}

.header_sub{position:absolute; margin-top:0px; margin-left:111px; z-index:1; font-size:11px; color:yellow; font-family:Arial, Helvetica, sans-serif }
.header_sub2{position:absolute; margin-top:0px; margin-left:361px; z-index:1; font-size:11px; color:yellow; font-family:Arial, Helvetica, sans-serif }

.header_sub_img{position:absolute; margin:-35px 0 0 90px; z-index:1; }
.header_sub_img2{position:absolute; margin:-35px 0 0 485px; z-index:1; }
.header_sub_img3{position:absolute; margin:-35px 0 0 75px; z-index:1; }


/* Added on 27102016 for headers design changed */
.top-menu02{
	color:#999;
}

.top-menu02:hover{
	color:#fff;
	text-decoration:underline;
}


/* CSS button */
.btn {
  background: #0bff21;
   background-image: -webkit-linear-gradient(top, #0bff21, #0bff21);
  background-image: -moz-linear-gradient(top, #0bff21, #0bff21);
  background-image: -ms-linear-gradient(top, #0bff21, #0bff21);
  background-image: -o-linear-gradient(top, #0bff21, #0bff21);
  background-image: linear-gradient(to bottom, #0bff21, #0bff21);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #213005;
  font-size: 14px;
  padding: 1px 6px 1px 6px;
  text-decoration: none;
}

.btn:hover {
  background: #00c412;
  background-image: -webkit-linear-gradient(top, #00c412, #00c412);
  background-image: -moz-linear-gradient(top, #00c412, #00c412);
  background-image: -ms-linear-gradient(top, #00c412, #00c412);
  background-image: -o-linear-gradient(top, #00c412, #00c412);
  background-image: linear-gradient(to bottom, #00c412, #00c412);
  text-decoration: none;
  color: #fff;
}

.btn02 {
  background: #1e1e1e;
  background-image: -webkit-linear-gradient(top, #1e1e1e, #1e1e1e);
  background-image: -moz-linear-gradient(top, #1e1e1e, #1e1e1e);
  background-image: -ms-linear-gradient(top, #1e1e1e, #1e1e1e);
  background-image: -o-linear-gradient(top, #1e1e1e, #1e1e1e);
  background-image: linear-gradient(to bottom, #1e1e1e, #1e1e1e);
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  font-family: Arial;
  color: #fff;
  font-size: 14px;
  padding: 2px 0px 0px 0px;
  border: solid #0bff21 1px;
  text-decoration: none;
}

.btn02:hover {
  background: #00c412;
  background-image: -webkit-linear-gradient(top, #00c412, #00c412);
  background-image: -moz-linear-gradient(top,#00c412, #00c412);
  background-image: -ms-linear-gradient(top, #00c412, #00c412);
  background-image: -o-linear-gradient(top, #00c412, #00c412);
  background-image: linear-gradient(to bottom, #00c412, #00c412);
  border: solid #00c412 1px;
  text-decoration: none;
  color: #fff;
}

.badge1 {
   position:relative;
}
.badge1[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-10px;
   right:-10px;
   font-size:.8em;
   background:#62d91f;
   color:#fff;
   width:18px;height:18px;
   text-align:center;
   line-height:18px;
   border-radius:50%;
   box-shadow:0 0 1px #333;
}

.main-menu{
	color: #fffefe;
}

.main-menu:hover{
	color:#f9e11d;
}

.top-menu{
	color:#f9e11d;
}

.top-menu:hover{
	color:#fff;
}

.top-menu02{
	color:#999;
}

.top-menu02:hover{
	color:#fff;
	text-decoration:underline;
}

.btn_out {
  background: #151515;
  background-image: -webkit-linear-gradient(top, #151515, #151515);
  background-image: -moz-linear-gradient(top, #151515, #151515);
  background-image: -ms-linear-gradient(top, #151515, #151515);
  background-image: -o-linear-gradient(top, #151515, #151515);
  background-image: linear-gradient(to bottom, #151515, #151515);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  border: solid #999 1px;
  font-family: Arial;
  color: #999;
  font-size: 11px;
  /*padding: 2px 6px 0px 6px;*/
  text-decoration: none;
}

.btn_out:hover {
  background: #999;
  background-image: -webkit-linear-gradient(top, #999, #999);
  background-image: -moz-linear-gradient(top,#999, #999);
  background-image: -ms-linear-gradient(top, #999, #999);
  background-image: -o-linear-gradient(top, #999, #999);
  background-image: linear-gradient(to bottom, #999, #999);
  border: solid #151515 1px;
  text-decoration: none;
  color: #fff;
}

.tooltip .tooltiptext {
    visibility: hidden;
	margin-top:-220px;
	margin-left:-185px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.headgap { background-color:#000; width:100%; height:85px; }
@media (max-width:900px){
	.headgap { height:0px; }
}