body{background:#f1f1f1 url(bg.gif);font-family:Tahoma,Geneva,sans-serif;margin:0;padding:0;}a{text-decoration:none;}img a{border:0;}form{padding:0;margin:0;}.canhgiua{width:964px;margin-left:auto;margin-right:auto;}.clear{clear:both;}#header{width:100%;height:200px;background:#ffffff url(headerbg.jpg) center top repeat-x;}#header #wrapper{width:964px;height:70px;}#logo{float:left;}#topmenu{background:url("../images/topmenu.png") no-repeat scroll 0 0 rgba(0,0,0,0);padding-bottom:5px;float:right;font-size:13px;width:399px;}#topmenu ul{list-style:none;padding:0;margin:0;}#topmenu ul li{float:right;margin-right:10px;color:#0F64C8;}#topmenu ul li a:link,#topmenu ul li a:visited{color:#000000;padding:3px;}#topmenu ul li a:hover,#topmenu ul li a:active{padding:3px;color:#0F64C8;-moz-border-radius:5px;-webkit-border-radius:5px;}#topmenu ul li .active{padding:3px;color:#0F64C8;-moz-border-radius:5px;-webkit-border-radius:5px;}#body-wrapper{background:#eef1f8;}#content-wrap{float:left;width:720px;}#content-wrap .top{height:9px;background:url(moduletop.png) no-repeat left bottom;}#content-wrap .middle{background:url(modulebg.png) left repeat-y;padding-left:5px;}#content-wrap .bottom{height:51px;background:url(modulebottom.png) top left;}#mainmenu.isuser{margin-top:-42px;float:left;font-size:13px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;position:relative;}#mainmenu ul{list-style:none;padding:0;margin:0;}#mainmenu.isuser ul li a:link,#mainmenu.isuser ul li a:visited{padding-left:20px;background:url(but.gif) top repeat-x;display:block;width:119px;line-height:34px;color:#000000;}#mainmenu.isuser ul li a:hover,#mainmenu.isuser ul li a:active,#mainmenu.isuser ul li a.menuactive{padding-left:20px;background:url(buthover.png) left center no-repeat;display:block;width:125px;line-height:34px;color:#FFFFFF;font-size:13px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;z-index:99999;}#mainmenu.isuser ul li a.menuactive{padding-left:30px;background:url(buthover.png) left center no-repeat;display:block;width:125px;line-height:34px;color:#FFFFFF;font-size:13px;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;z-index:99999;}#mainmenu.nouser{margin:0px 0 0!important;width:975px;background:url("../images/menu_bar.png") no-repeat scroll 0 0 rgba(0,0,0,0);}#mainmenu.nouser .tab{background:url("../images/text_menu.png") no-repeat scroll 0 0 rgba(0,0,0,0);height:58px;width:956px;}#mainmenu.nouser .tab:hover{background:url("../images/text_menu-hover.png") no-repeat scroll 0 0 rgba(0,0,0,0);}#mainmenu.nouser ul{margin:0 80px;}#mainmenu.nouser ul li{float:left;}#mainmenu.nouser ul li a{display:block;height:20px;}#mainmenu.nouser ul li a.home{background-position:-66px 0;margin:-8.5px -14px;width:95px;}#mainmenu.nouser ul li a.home:hover{background-position:-66px 0;}#mainmenu.nouser ul li a.support_sms{background-position:-155px 0;margin:0 43px;width:100px;}#mainmenu.nouser ul li a.support_sms:hover{background-position:-155px 0;}#mainmenu.nouser ul li a.reset_view{background-position:-299px 0;margin:-8px;width:120px;}#mainmenu.nouser ul li a.reset_view:hover{background-position:-299px 0;}#mainmenu.nouser ul li a.gioihanrs_view{background-position:-453px 0;margin:-8px 35px;width:110px;}#mainmenu.nouser ul li a.gioihanrs_view:hover{background-position:-453px 0;}#mainmenu.nouser ul li a.tanthu_view{background-position:-598px 0;margin:-8px;width:152px;}#mainmenu.nouser ul li a.tanthu_view:hover{background-position:-598px 0;}#mainmenu.nouser ul li a.command{background-position:-795px center;margin:-10px 25px;width:90px;}#mainmenu.nouser ul li a.command:hover{background-position:-795px center;}#content{float:left;width:550px;padding:10px;position:relative;}#sidebar{float:right;margin:-19px 0 0;width:240px;}#sidebar .top{height:34px;background:url(sidetop.png) left top no-repeat;font-weight:bold;font-size:14px font-family:Tahoma,Geneva,sans-serif}#sidebar .top h4{padding:15px;}#sidebar .middle{background:url(sidebg.png) left repeat-y;padding-left:20px;}.loginpanel{background:url(loginbg.png) repeat-y left;width:255px;padding:10px 0 0 0px;margin-left:-20px;color:#FFFFFF;}.loginpanel:after{content:"";position:absolute;width:0;height:0;border-top:0;border-left:15px solid #0052b9;border-bottom:10px solid transparent;margin:0 0 0 240px;-webkit-transition:all 0.05s ease;}#sidebar .bottom{height:51px;background:url(sidebottom.png) left top no-repeat;padding:0px 10px;}#sidebar .bottom ul{list-style:none;padding:0;margin:0;}#sidebar .bottom ul li{font-size:12px;color:#ffffff;padding-left:10px;float:left;background:url(sidebarbottomli.gif) no-repeat left bottom;line-height:47px;}#sidebar .bottom ul li a:link,#sidebar .bottom ul li a:visited{color:#ffffff;background:url(arrow.png) left center no-repeat;padding:10px 10px 10px 20px;line-height:47px;}#sidebar .bottom ul li a:hover,#sidebar .bottom ul li a:active{color:#FC0;}#footer-above{height:40px;}#footer{height:151px;background:#0093cb url(footerbg.jpg) repeat-x center bottom;}#footer .line1{line-height:34px;color:#FFFFFF;}#footer .line2{height:67px;font-size:13px;color:#FFFFFF;text-align:right;}#footer .line2 ul{margin-top:10px;float:left;width:400px;list-style:none;padding:0;margin:0;}#footer .line2 ul li{float:left;margin-right:10px;}#footer .line2 ul li a:link,#footer .line2 ul li a:visited{color:#FFFFFF;}#footer .line2 ul li a:hover,#footer .line2 ul li a:active{color:#FC0;}#footer .line2 p{float:right;width:510px;text-align:right;}#footer .line2 p a:link,#footer .line2 p a:visited{color:yellow;}#footer .line2 p a:hover,#footer .line2 p a:active{color:#FC0;}.menu-button{float:left;margin:10px;font-family:Arial,Helvetica,sans-serif;}.menu-button a:link,.menu-button a:visited{-moz-border-radius:10px;-webkit-border-radius:10px;background:#ffffff url(buttonbg.gif) left top no-repeat;display:block;padding-left:50px;padding-top:15px;color:#11a3dc;font-size:16px;font-weight:bold;height:55px;width:155px;border:1px solid #CCCCCC;}.menu-button a:hover,.menu-button a:active{background:#bbecff left top no-repeat;}.menu-button span{font-size:12px;font-weight:normal;color:#464646;}.loginbottomlinks a:link,.loginbottomlinks a:visited{color:#000000;}.character_info{background:url("../images/character_box.png") no-repeat scroll 0 0 rgba(0,0,0,0);height:248px;width:574px;}.character_info ul.column1{float:left;margin:8px -30px 0;text-align:right;width:222px;}.character_info ul.column2{float:left;margin:8px 0px 0;text-align:right;width:190px;}.character_info ul.column3{padding:10px;float:inherit;}.character_info ul.column3 li{padding:4px;}.character_info ul.column3 button{width:100px;}.character_info li{font-size:12px;padding:6px;list-style:none outside none;}.character_info li strong{float:left;font-weight:bold;color:#0f64c8;}.key_menu{background:url("../images/key_menu.png") no-repeat scroll 0 0 rgba(0,0,0,0);height:136px;width:727px;margin:0 -10px;}#home .main_content{float:left;width:500px;}#home .title{background:url("../images/h_warning.png") no-repeat scroll 0 0 rgba(0,0,0,0);margin:15px 30px 0;height:26px;color:#094ea9;}#home .title h1{margin:-5px 20px;}.h_content{margin:50px;border-top:1px solid #004d8b;}#home  no-repeat scroll center center #ECECEC;border:1px solid #BFBFBF;border-radius:5px;height:256px;padding:5px;margin:10px -120px 0;position:absolute;right:0;width:208px;}#fb-box{background:url("../images/fb.jpg") 0 0 no-repeat;width:294px;height:265px;position:absolute!important;display:none;right:12px;margin:6px -15px;}#fb-box-top{background:url("../images/fb_top.png") 0 0 no-repeat;width:33px;height:14px;position:absolute;margin:-15px 130px;}.fb_iframe_widget{top:50px;padding:0 10px;}.wrap{position:relative;top:150px;width:150px;margin:0 auto;}.loader{position:absolute;top:0;z-index:10;width:50px;height:50px;border:15px solid;border-radius:50%;border-top-color:rgba(44,44,44,0);border-right-color:rgba(55,55,55,0);border-bottom-color:rgba(66,66,66,0);border-left-color:rgba(33,33,33,0);animation:loadEr 3s infinite;}@keyframes loadEr {
  0% {
    border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
    
  } 10.4% {
    border-top-color: rgba(44,44,44,0.5);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  }
  20.8% {
    border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  }
31.2% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0.5);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
}
41.6% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
  transform: rotate(40deg);
}
52% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0.5);
    border-left-color: rgba(33,33,33,0);
}
62.4% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
}
72.8% {
  border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0.5);
}
}

.loaderbefore {
  width: 50px;
  height:50px;
  border: 15px solid #ddd;
  border-radius: 50%;
  position: absolute;
  top: 0;
  z-index: 9;
}

.circular {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 70px;
  height: 70px;
  border: 20px solid;
  border-radius: 50%;
  border-top-color: #333;
  border-left-color: #fff;
  border-bottom-color: #333;
  border-right-color: #fff;
  opacity: 0.2;
  animation: poof 5s infinite;
}
@keyframes poof {
  0% {transform: scale(1,1) rotate(0deg); opacity: 0.2;}
  50% {transform: scale(4,4) rotate(360deg); opacity: 0;}
}
.another {
  opacity: 0.1;
  transform: rotate(90deg);
  animation: poofity 5s infinite;
  animation-delay: 1s;
}
@keyframes poofity {
  0% {transform: scale(1,1) rotate(90deg); opacity: 0.1;}
  50% {transform: scale(4,4) rotate(-360deg); opacity: 0;}
}

.text-loading {
  position: absolute;
  top: 95px;
  left: 8px;
  font-family: Arial;
  text-transform: uppercase;
  color: #888;
  animation: opaa 10s infinite;
}
@keyframes opaa {
  0% {opacity: 1;}
10% {opacity: 0.5}
15% {opacity: 1;}
30% {opacity: 1;}
65% {opacity: 0.3;}
90% {opacity: 0.8;}
}
.loginbottomlinks.lost_pass1 {
	background:url("../images/lost_password.png") 0 0 no-repeat;
	height:34px;
	float:left;
}
.loginbottomlinks.register {
	background:url("../images/register_user.png") 0 0 no-repeat;
	height:34px;	
	margin: 0 115px;
}
#sidebar ul.newuser li {
	padding: 10px 12px 5px 25px;
	font-size: 11px;
	font-weight: bold;
	width: 105px;
}
#sidebar ul.newuser {
	list-style: none;
	margin: 0 -50px;	
}
#xoso_ball > input {
	margin: 2px 0;
}