body{
	font-size:20px;
	font-family: 'Microsoft YaHei','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.red{
	color:#c91717;
}

.blue{
	color: #0072a2;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.clear{
	clear: both;
}

.bold{
	font-weight: bold;
}

.hide{
	display: none;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
/* override app_framework */
#afui {
	background-color: #f7f4ef;
}
#afui .panel{
	padding:0;
}
/* header */
#afui .header {
  background: url("images/A03.gif") repeat-x;
  border-bottom-width:0px;
  height: 79px !important;
  overflow: visible;
  z-index: 999 !important;
}

#afui .header h1 {
  background: url("images/A10.png") no-repeat center center;
  height:79px;
}

#afui .menuButton {
  background: url("images/A01.png") no-repeat center center;
  float: left !important;
  height: 79px;
  margin: 0 0 0 11px;
  top: 0px;
}
#afui #backButton:before, #afui .menuButton:after {
  content: none;
}

#afui .header span.sep{
	background: url("images/A02.gif") no-repeat center center;
	width:2px;
	height:79px;
	float:left;
	display:inline-block;
	margin-left: 25px;
}
/* nav */
#afui > #aside_menu, #afui > #menu.tabletMenu {
  background: none repeat scroll 0 0 #181818;
  border-right: 1px solid #181818;
  color: #959595;
  font-size:30px;
  width:428px;
}
#afui > #menu.tabletMenu li{
	height:90px;
	border:0;
	padding-left:0;
}
#afui > #menu.tabletMenu li.hr{
	height:2px;
	padding:0;
	background: url("images/A07.gif") repeat-x center center;
}
#afui > #menu.tabletMenu li a{
	margin-left:0;
	padding-left:160px;
	height:90px;
	line-height:60px;
	font-weight:bold !important;
}
#afui .list > li > a:after{
	content:none;
}

#afui > #menu.tabletMenu li a.sg{
	background: url("images/A04_sg_out.png") no-repeat 50px 13px;
}
#afui > #menu.tabletMenu li a.isin{
	background: url("images/A04_isin_out.png") no-repeat 50px 13px;
}
#afui > #menu.tabletMenu li a.sg.sel,
#afui > #menu.tabletMenu li a.sg:hover{
	background: url("images/A04_sg_over.png") no-repeat 50px 13px;
	background-color: #2f2e2c !important;
}
#afui > #menu.tabletMenu li a.isin.sel,
#afui > #menu.tabletMenu li a.isin:hover{
	background: url("images/A04_isin_over.png") no-repeat 50px 13px;
	background-color: #2f2e2c !important;
}
#afui > #menu.tabletMenu li a.exit{
	/* background: url("images/exit.png") no-repeat 50px 13px; */
}
/* footer */
#afui .footer{
	height:101px !important;
	padding:0;
	margin:0;
	border-top:0;
	background: url("images/A06_out.gif") repeat-x center center;
}
#afui .footer a{
	font-size:18px !important;
	height: 110px !important;
	font-weight:bold !important;
	padding-top: 70px;
	color: #959595 !important;
	display:inline-block;
	text-decoration:none;
	width: 100%;
}
#afui .footer a.sg{
	background: url("images/A04_sg_out.png") no-repeat center 2px;
}
#afui .footer a.isin{
	background: url("images/A04_isin_out.png") no-repeat center 2px;
}
#afui .footer a.sg.sel,
#afui .footer a.sg:hover{
	font-weight:bold;
	background: url("images/A04_sg_over.png") no-repeat center 2px;
	color: #fff !important;
}
#afui .footer a.isin.sel,
#afui .footer a.isin:hover{
	font-weight:bold;
	background: url("images/A04_isin_over.png") no-repeat center 2px;
	color: #fff !important;
}

#com_footer ul{
	width:100%;
	list-style:none;
	margin:0 auto;
	text-align:center;	
}
#com_footer ul li{
	float:left;
	height:110px;
	width:23%;
	width: -webkit-calc((100% - 12px)/4);
    width: -moz-calc((100% - 12px)/4);
	width: calc((100% - 12px)/4);
}
#com_footer ul li.sel,
#com_footer ul li:hover{
	background: url("images/A06_over.gif") repeat-x 0 0;
}

#com_footer ul li.hr{
	height:101px;
	min-width:4px;
	width:4px;
	padding:0;
	background: url("images/A05.gif") repeat-x center center;
}

/* self def */
.cnt_wrap{
	padding:0px 10px 30px 10px;
}