@font-face {
  font-family: "fontpage";
  src: url(fontpage.ttf) ;
}
*{
	font-family: fontpage;	
	
}
.scrollbar { 
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}
 
.force-overflow
{
	min-height: 450px;
}
.cc1{
	cursor: default;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #993300;

}


/*
 *  STYLE 1
 */

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #999;
}
.logininput{
	height: 35px;
	width: 200px;
	font-size: 18px;
	line-height: 35px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 5px;
}
.loginbtn {
	border-radius: 8px;
	-moz-border-radius: 8px;
	border: none;
	font-size: 24px;
	font-weight: 700;
	text-shadow: 1px 1px 1px #9cced6;
	color: #66FF66;
	width: 200px;
	cursor: pointer;
	border-top: 1px solid #BEDFEF;
	height: 40px;
	float: left;
	display: block;
	margin-left: 93px;
	line-height: 40px;
	background-color: #33CC33;
	background-repeat: repeat-x;
	background-position: top;
}
		
.loginbtn:hover {
	cursor: pointer;
	color: #0F390F;
	background-color: #33CC33;
	background-position: -0 -60px;
}
.loginbtn2 {
	border-radius: 8px;
	-moz-border-radius: 8px;
	border: none;
	font-size: 24px;
	font-weight: 700;
	text-shadow: 1px 1px 1px #9cced6;
	color: #000000;
	width: 250px;
	cursor: pointer;
	border-top: 1px solid #BEDFEF;
	height: 40px;
	float: left;
	display: block;
	margin-left: 68px;
	line-height: 40px;
	background-color: #FFFF00;
	background-repeat: repeat-x;
	background-position: top;
}
		
.loginbtn2:hover {
	cursor: pointer;
	color: #0F390F;
	background-color: #666600;
	background-position: -0 -60px;
}

#box_login {
	height: 370px;
	width: 385px;
	background-image: url(../picture/bg_login_box.png);
	background-repeat: repeat-x;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	color: #FFFFFF;
	margin-top: 100px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	
}
#box_login ul{
margin:0px;
padding:0px;
list-style-type:none;
}
#box_login ul li.bl_logo{
	cursor:default;
	text-align: center;
	margin-top: 10px;
}
#box_login ul li.bl_txt{
	cursor:default;
	text-align: center;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	float: left;
	height: 20px;
	clear: left;
	width: 100%;
	margin-top: 5px;
	margin-left: 5px;
}
#box_login ul li.bl_txt2{
	cursor:default;
	text-align: center;
	color: #CCCCCC;
	font-weight: bold;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	width: 100%;
	margin-top: 5px;
	margin-left: 5px;
	float: left;
}
#box_login ul li.bl_bt{
	cursor:default;
	text-align: center;
}
#logo_head {
	height: 70px;
	width: 100%;
	background-color: #353535;
	background-image: url(../img/bg_header.png);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #FFFFFF;
	line-height: 70px;
	font-size: 24px;
	font-weight: bold;
	text-align: justify;
	text-indent: 10px;
}
#menuleft {
	float: left;
	height: 100%;
	width: 235px;
	background-color: #525252;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #FFFFFF;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#menuleft ul.box_user{
	padding:0px;
	list-style-type:none;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 108px;
	margin-left: 0px;
}
#menuleft ul.box_user li.bu_pic{
	cursor:default;
	background-color: #f7c63b;
	float: left;
	height: 55px;
	width: 55px;
}
#menuleft ul.box_user li.bu_pic img{
	cursor:default;
	padding: 5px;
	border: 1px solid #f7c63b;
}
#menuleft ul.box_user li.bu_txt1{
	cursor:default;
	margin-left: 10px;
	float: left;
	width: 170px;
	color: #CCCCCC;
	font-size: 12px;
	text-align: left;
}
#menuleft ul.box_user li.bu_txt2{
	cursor:default;
	float: left;
	width: 170px;
	margin-left: 10px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
}
#page_nav {
	height: 40px;
	width: 100%;
	background-image: url(../picture/bg_breadcrumb.png);
	background-repeat: repeat-x;
	background-color: #C7C7C7;
	background-position: top;
	line-height: 40px;
	text-align: left;
	text-indent: 10px;
	color: #353535;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	float: left;
}
#page {
	height: 1000px;
	border: 1px solid #FFFFFF;
	background-color: #353535;
	margin-left: 10px;
}
#box_setting {
	float: left;
	height: 100%;
	width: 235px;
	margin-top: 20px;
}
#box_setting ul{
padding:0px;
margin:0px;
list-style-type:none;
}
#box_setting ul li.bs_tt{
	cursor:default;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	color: #FFFFFF;
	background-image: url(../picture/bst_tt.png);
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	width: 265px;
	background-repeat: no-repeat;
	z-index: 20;
	left: 2px;
	top: 160px;
	position: absolute;
	
}

#box_setting ul li.bs_list{
	cursor:default;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	background-image: url(../picture/bg_login_header.png);
	background-position: top;
	background-repeat: repeat-x;
	color: #CCCCCC;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #525252;
	border-bottom-color: #525252;
}
#box_setting ul li.bs_list:hover{
background-position: bottom;
color: #FFFFFF;
}

#box_setting ul li.bs_list_tt{
	cursor: default;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	background-image: url(../picture/bg_ftt.png);
	background-position: top;
	background-repeat: repeat-x;
	color: #fff;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #525252;
	border-bottom-color: #525252;
}

#box_frame {
	height: 100%;
	margin-top: 20px;
	margin-left: 30px;
	width: 1000px;
	float: left;
}
#box_frame ul{
padding:0px;
margin:0px;
list-style-type:none;
}
#box_frame ul li.bf_tt{
	cursor:default;
	font-size: 16px;
	line-height: 35px;
	color: #FFFFFF;
	height: 35px;
	background-image: url(../picture/bg_ftt.png);
	background-repeat: repeat-x;

}
#box_frame ul li.bf_f{
cursor:default;
}

#page_all {
	float: left;
	height: 100%;
	width: 100%;
}
#page_all ul{
padding:0px;
margin:0px;
list-style-type:none;
}
#page_all ul li.mnl{
	cursor:default;
	float: left;
	width: 260px;
	height: 100%;
	background-color: #3399FF;
}
#page_all ul li.pf{
	cursor:default;
	float: left;
	height: 100%;
	width: 900px;
	background-color: #006699;
}

#box_setting2 {
	float: left;
	height: 100%;
	width: 235px;
	margin-top: 20px;
}
#box_setting2 ul{
padding:0px;
margin:0px;
list-style-type:none;
}
#box_setting2 ul li.bs_list{
	cursor: pointer;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	background-image: url(../picture/bg_ftt.png);
	background-position: top;
	background-repeat: repeat-x;
	color: #FFFFFF;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #525252;
	border-bottom-color: #525252;
	font-weight: bold;
}
#box_setting2 ul li.bs_list:hover{
	background-position: bottom;
	color: #CCCCCC;
}
#box_setting2 ul li.bs_list2{
	cursor:default;
	font-size: 16px;
	line-height: 30px;
	height: 30px;
	text-align: left;
	text-indent: 10px;
	background-image: url(../picture/bg_ftt2.png);
	background-position: top;
	background-repeat: repeat-x;
	color: #000;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #525252;
	border-bottom-color: #525252;
	font-weight: bold;
}
.indexloginlight{
	border: 6px solid #333333;
	-webkit-transition : border 500ms ease-out;
	-moz-transition : border 500ms ease-out;
	-o-transition : border 500ms ease-out;
}
.indexloginlight:hover{
	border: 6px solid #FFFF00;
	
}