@charset "utf-8";
/* CSS Document */
/* Set value default for tag */
* {margin:0px; padding:0px; font-size:12px;}
body  {
	font-family:Tahoma, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: left; 
	font-size:12px;
}
a {
    color:#266ee7;
    text-decoration: none;
}
a:hover {
    color:#f85214;
    text-decoration: underline;
}
img {
  border: 0px;
}

/* class for test */
.red {
	border: 1px solid red;
}

/* common */
.width_page{
	width:955px;
}

/* define page */
#page{
	position: relative;
	width: 975px;
}
#bg{
	float:left;
	background:url(/view/images/bg/main.jpg);
	padding-right: 10px;
	padding-left: 10px;
}

/* header */
#header{
	float: left;
	position: relative;
}
.header_top{
    text-align: center;
    color: #000000;
    float: left;
    width:955px;
    margin-left: 10px;
    _margin-left: 5px;
    height: 20px;
    background:url(/view/images/bg/header.jpg) repeat-x;
}
/* header menu */
#header_menu{
	float: left;
	position:relative;
	height:28px;
	background: url(/view/images/bg/menu.jpg) repeat-x;
	text-align: center;
    padding-top: 5px;
}
#header_menu1 ul{
	list-style:none;	
	position: relative;
}
#header_menu1 ul li{
	float: left;
	padding:5px;
	background: url(/view/images/bg/line_menu.jpg) no-repeat left;
	padding-left: 10px;
	padding-right: 10px;
}
#header_menu1 ul li a{
	color:#FFFFFF;
	font-weight: bold;
}
#header_menu1 ul li a:hover{
	color:#FF0000;
	text-decoration:underline;
}

/* left menu */
#left_menu{
	float:left;
	background:#CC00FF;
}
#left_menu ul{
	list-style:none;
	width:200px;
	text-align:left;
}
#left_menu ul li{
	padding:5px;
}
#left_menu ul li a{
	color:#CCCCCC;
}
#left_menu ul li a:hover{
	color:#FF0000;
	text-decoration:underline;
}

/* middle */
#middle{
	float:left;
	position:relative;
}
/* left */
#left{
	float:left;
}
.width_left{
	width:200px;
}
/* center */
#center{
	float:left;
	position:relative;
	padding-left:10px;
	padding-top: 10px;
}
.width_center{
	width:709px;
}
/* right */
#right{
	float:left;
	position:relative;
	padding-left:10px;
	padding-top: 10px;
}
.width_right{
	width:201px;
}
/* footer */
#footer{
	float:left;
	position:relative;
    margin-top: 10px;
}
#footer .top{
    background:url(/view/images/bg/footer.jpg) repeat-x;
    height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 10px;
}
.footer_bottom{
    text-align: center;
    color: #000000;
    float: left;
    width:955px;
    margin-left: 10px;
    _margin-left: 5px;
    height: 20px;
    background:url(/view/images/bg/footer2.jpg) repeat-x;
}


/* box center*/
.box_center{
	float:left;
	position:relative;
	width:709px;
}
.box_center .top{
	background:url(/view/images/box/center_top.jpg) no-repeat;
	height:4px; 
	width:709px; 
	float:left;
}
.box_center .middle{
	float:left; 
	width:707px;
	border-left: 1px solid #f6b7a8; 
	border-right: 1px solid #f6b7a8;
	_margin-top: -10px; 
}
.box_center .bottom{
	background:url(/view/images/box/center_bottom.jpg) no-repeat; 
	height:4px; 
	width:709px; 
	float:left;
}

/* tab */
.tab{
	float: left;
	position: relative;
	margin-bottom: 5px;
}
.tab .left{
	background:url(/view/images/tab/left.jpg) no-repeat; 
	height:29px; 
	width:5px; 
	float:left;
}
.tab .center{
	background:url(/view/images/tab/center.jpg) repeat-x; 
	height:23px;
	float:left;
	padding-top: 6px;
	text-align: left;
	*height: 29px;
}
.tab .right{
	background:url(/view/images/tab/right.jpg) no-repeat; 
	height:29px; 
	width:5px; 
	float:left;
}
.content_tab_center{
	width: 340px;
	padding: 6px;
	float: left;
	text-align: left;
	line-height: 20px;
}
.different_tab_center{
	width: 330px;
	color: #d84017;
	text-transform: uppercase;
	font-weight: bold;
}
.content_tab_full{
	width: 690px;
	padding: 6px;
	float: left;
	text-align: left;
	line-height: 20px;
}
.content_full{
    float:left;
    width:690px;
}


.different_tab_full{
	width: 680px;
	color: #d84017;
	text-transform: uppercase;
	font-weight: bold;
}
.link_title{
	font-weight: bold;
}
.button{
	background: url(/view/images/button.jpg) no-repeat;
	height: 19px;
	width: 85px;
	border: 0px;
	color: #353599;
	font-size: 11px;
	text-align: left;
	float: right;
	margin-top: 10px;
	padding-left: 5px;
}

/* box right */
.box_right{
	float:left;
	position:relative;
	width:201px;
}
.box_right .top{
	background:url(/view/images/box/right_top.jpg) no-repeat; 
	height:4px; 
	width:201px; 
	float:left;
}
.box_right .middle{
	float:left; 
	width:199px;
	border-left: 1px solid #f6b7a8; 
	border-right: 1px solid #f6b7a8;
	_margin-top: -10px;
}
.box_right .bottom{
	background:url(/view/images/box/right_bottom.jpg) no-repeat; 
	height:4px; 
	width:201px; 
	float:left;
}
.content_tab_right{
	width: 190px;
	float: left;
	text-align: left;
	padding: 5px;
    padding-bottom: 0px;
}
.different_tab_right{
	width: 180px;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
}
.link_login{
    color: #000000;
}
a:hover.link_login{
    color: #e14105;
    text-decoration: underline;
}
.button_login{
    background: url(/view/images/button_login.jpg) no-repeat;
	height: 20px;
	width: 78px;
	border: 0px;
	color: #FFFFFF;
	font-size: 11px;
	text-align: left;
	padding-left: 10px;
}
.ul_download{
    color: #0661aa;
    margin-left: 20px;
}
.ul_download li a{
    color: #545454;
}
.ul_download li a:hover{
    color: #e03210;
}
.display_title{
    color: #216de5;
    font-weight: bold;
    font-size: 14px;
}
.text_back{
    font-size:12px;
    font-weight:normal;
    text-transform:none;
    position: absolute;
    right: 10px;
    top: 3px;
}
.listItem{
    float: left;
    width: 690px;
}
.slide-top{
    background: url(/view/images/box/slide-top.gif) no-repeat;
    width: 229px;
    height: 5px;
    float: left;
}
.slide-bottom{
    background: url(/view/images/box/slide-bottom.gif) no-repeat;
    width: 229px;
    height: 5px;
    float: left;
}
.slide-middle{
    width: 229px;
    text-align: center;
    background: #e53a0f;
    float: left;
	_margin-top:-10px;
}
.btn_search{
	position:absolute; top:73px; right:25px; background: url(/view/images/button_search.jpg) no-repeat; height:23px; width:83px; border:0px;
}
.flash{
	float:left; 
	height:118px;
	width:545px;
}
ul.ul-list-category{
	list-style: circle;
	text-align: left;
	margin-left: 25px;
}
ul.ul-list-category li{
	padding-top: 5px;
	padding-bottom: 5px;
}