body{ background-color: #F3F3F3;}
/*position */
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.bc{margin-left: auto; margin-right: auto;}
.fl{float: left; display: inline;}
.fr{float: right; display: inline;}
.vm{vertical-align: middle;}
.vt{vertical-align: top;}
.pr{position: relative;}
.pa{position: absolute;}
.abs-right{position: absolute; right: 0;}
.abs-left{position: absolute; left: 0;}
.hidden{visibility: hidden;}
.none{display: none;}

/**css3.0**/
.br5{ border-radius: 5px;}
.br10{ border-radius: 10px;}

.bs{box-shadow: 0 1px 1px #E4E4E4;}
/*margin padding */
.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}
.m25{margin: 25px;}
.m30{margin: 30px;}
.m50{margin: 50px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr50{margin-right: 50px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml50{margin-left: 50px;}
.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p25{padding: 25px;}
.p30{padding: 30px;}
.p50{padding: 50px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt50{padding-top: 50px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr50{padding-right: 50px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb50{padding-bottom: 50px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl50{padding-left: 50px;}


/**background**/
.bc-white{ background-color: #ffffff;}

/**icon**/
i{ background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
i.icon-1{ background-position: 0px 0px; width: 19px; height: 20px;}
i.icon-2{ background-position: -22px 0px; width: 50px; height: 50px;}
i.icon-3{ background-position: -70px 0px; width: 50px; height: 50px;}
i.icon-4{ background-position: -125px 0px; width: 50px; height: 50px;}
i.icon-5{ background-position: -175px 0px; width: 50px; height: 50px;}
i.icon-6{ background-position: -225px 0px; width: 50px; height: 50px;}
i.icon-7{ background-position: -275px 0px; width: 50px; height: 50px;}
i.icon-8{ background-position: -325px 0px; width: 50px; height: 50px;}
i.icon-9{ background-position: -375px 0px; width: 50px; height: 50px;}
i.icon-10{ background-position: -425px 0px; width: 50px; height: 50px;}
i.icon-11{ background-position: -475px 0px; width: 50px; height: 50px;}
i.icon-12{ background-position: -525px 0px; width: 50px; height: 50px;}
i.icon-13{ background-position: -575px 0px; width: 50px; height: 50px;}
i.icon-14{ background-position: -625px 0px; width: 50px; height: 50px;}
i.icon-15{ background-position: -675px 0px; width: 50px; height: 50px;}
i.icon-16{ background-position: -725px 0px; width: 50px; height: 50px;}
i.icon-17{ background-position: -775px 0px; width: 50px; height: 50px;}
i.icon-18{ background-position: -825px 0px; width: 50px; height: 50px;}
i.icon-19{ background-position: -875px 0px; width: 50px; height: 50px;}
i.icon-20{ background-position: -925px 0px; width: 50px; height: 50px;}
i.icon-21{ background-position: -975px 0px; width: 50px; height: 50px;}
i.icon-22{ background-position: -1025px 0px; width: 50px; height: 50px;}

/*****/
.banan-bg{ background: url(../images/banan.png) center #2F7E13 no-repeat; height: 355px;  }

.form-signin {
	margin-right:30%;
	float:right;
	background: url(../images/form-bg.png);
	border-radius: 5px;
    width: 330px;
    padding: 15px;
}
.form-signin .form-signin-heading, .form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin .checkbox {
    font-weight: normal;
}
.form-signin .form-control {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: auto;
    padding: 10px;
    position: relative;
}
.form-signin .form-control:focus {
    z-index: 2;
}
.form-signin input[type="text"] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}
.form-signin input[type="password"] {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}


/****/
#focus ul{width:100%;height:355px; position:relative; margin: 0px; padding: 0px;}
#focus ul li{float:left;width:100%;height:355px;overflow:hidden;position:absolute;display:none;background-position:center center;background-repeat:no-repeat}
#focus ul li.on{display:block}
#focus .btn{position:absolute;height:35px;padding:5px 0px;left:50%;bottom:0;text-align:right; margin-top: -30px;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;_font-size:0;margin-left:5px;cursor:pointer;background:#8B8B8B;border-radius:8px 8px 8px 8px;height:16px;margin:0
4px;overflow:hidden;width:16px}
#focus .btn span.on{background:#F80}


footer {
margin-top: 30px;
background-color: #eee;
min-width: 768px;
padding: 30px 0;
text-shadow: 0 1px 0 #fff;
border-top: 1px solid #e5e5e5;
-webkit-box-shadow: inset 0 5px 15px rgba(0,0,0,.025);
-moz-box-shadow: inset 0 5px 15px rgba(0,0,0,.025);
box-shadow: inset 0 5px 15px rgba(0,0,0,.025);
}


/*�޸� 2014.1.17 am yilia*/
.navbar-heade-rg{
  float: right;
  padding:9.5px;
  font-size: 12px;
}
.navbar-heade-rg ul{list-style: none;line-height: 30px;}
.navbar-heade-rg ul li a,.navbar-heade-rg ul li a:hover{color:#333;}
.navbar-heade-rg ul li{ cursor: pointer;
padding:0 10px;
  float: left; 
  margin-left: 20px;
  height: 30px;
  background-color:#cccccc;
  background-image: linear-gradient(to bottom, #FFFFFF, #cccccc); 
  background: -moz-linear-gradient(top, #ace, #cccccc); 
  background: -webkit-gradient(linear,top,from(#FFFFFF),to(#cccccc));
  background: -webkit-linear-gradient(top, #FFFFFF, #cccccc);
  background: -o-linear-gradient(top, #FFFFFF, #cccccc);
  border-radius: 5px;
  border: 1px #cccccc solid;
  color: #333333;
  z-index: 2;
  font-weight: bold;
 }
 .navbar-heade-rg ul li .li-bg1,.li-bg2,.li-bg3{
  float: left;
  width: 26px;
  height: 30px;
  background-position: 3px -2px;
  z-index: 99;
} 
.navbar-heade-rg ul li .li-bg1{background: url('../images/login-icon.png') no-repeat 3px -2px;}
.navbar-heade-rg ul li .li-bg2{background: url('../images/login-icon.png') no-repeat 3px -30px;}
.navbar-heade-rg ul li .li-bg3{background: url('../images/login-icon.png') no-repeat 3px -55px;}

.navbar-heade-rg ul li .li-rg{
  margin-left: 26px;
  padding: 0px 10px;
  height: 30px;
  border-left: 1px #cccccc solid ;
  text-align: center;
  font-weight: normal;
}
.container{width:100%;padding:0 10%}