/* Style Global */
body{background-color:#111111;}
Div.mainbox{width:1005px;margin:0px auto; padding:0px; overflow:hidden;_height:1%; clear:both;}
.more{margin-top:5px;float:right;}

/*Top Style Start*/
.top{clear:both; height:140px;background:url(../images/topbg.jpg) no-repeat;}
	.top .othermes{width:auto;height:20px; display:block; padding-top:5px; padding-right:20px; float:right; text-align:center; clear:both;}
	.top .logo{ float:left; margin-top:10px;}
	.top .menu{width:760px;height:73px; display:block; float:right; text-align:right; clear:both;}
	.top .menu .banner { text-align:left; height:70px;}
	.top .menu ul { margin-top:5px;}
	.top .menu li { float:left;}
	.top .ctrlbar{width:100%;clear:both; text-align:center; margin-top:180px;}
	.top .ctrlbar a{display:inline; margin:0px 20px;}
/*top Style End*/

/*mainbody*/
.mainbody{padding:10px; clear:both;}
.mainbody .floatleft{width:210px; display:inline;}
.mainbody .floatcenter{width:490px; margin:0px 15px; float:left; display:inline;}
.mainbody .floatright{width:237px; float:left; display:inline;}

.mainbody .floatleft .leftnavbox{width:100%; clear:both; background:url(../images/leftnav_cbg.gif) repeat-y;}
    .mainbody .floatleft .leftnavbox .navtop{height:6px; overflow:hidden; clear:both; background:url(../images/leftnav_tbg.gif) no-repeat;}
	.mainbody .floatleft .leftnavbox .titlebar{height:26px;padding:10px 0 0 30px; clear:both; background:url(../images/title_bar.gif) center center no-repeat;}
	.mainbody .floatleft .leftnavbox .titlebar span{color:#afb0a6;}
	.mainbody .floatleft .leftnavbox .navbot{height:6px; overflow:hidden; clear:both; background:url(../images/leftnav_bbg.gif) no-repeat;}
	Div.svlist{padding:10px 0px; line-height:20px;}
	Div.svlist li{clear:both; margin:5px auto;}
	Div.svlist li a:link,Div.svlist li a:active,Div.svlist li a:visited,Div.svlist li a:hover{padding-left:15px; color:#afb0a6;}
	Div.addlist{padding:10px 20px; line-height:30px; color:#88db10;}
	.mainbody .floatleft .leftnavbox .content form{margin:10px 20px; clear:both; color:#afb0a6;}
	.mainbody .floatleft .leftnavbox .content form p{line-height:30px; clear:both;}
	.mainbody .floatleft .leftnavbox .content form .inputs{width:110px; height:20px; background:none; border:1px #afb0a6 solid;color:white;}
	.mainbody .floatleft .leftnavbox .content form a:link,.mainbody .floatleft .leftnavbox .content form a:visited,.mainbody .floatleft .leftnavbox .content form a:hover,.mainbody .floatleft .leftnavbox .content form .sub{width:50%; float:left; color:#afb0a6; display:block; text-align:center;}
	.mainbody .floatleft .leftctrl{clear:both; padding:20px 0px;}
	.mainbody .floatleft .leftctrl ul li{width:50%; text-align:center; float:left; margin:5px auto;}
	.mainbody .floatleft .leftctrl ul li a:link,.mainbody .floatleft .leftctrl ul li a:visited,.mainbody .floatleft .leftctrl ul li a:hover{width:91px; height:28px; background:url(../images/ctrl_bg.GIF) no-repeat; color:#fff;}
	
.mainbody .floatcenter .centernavbox{width:100%; clear:both;}
	.mainbody .floatcenter .centernavbox .titlebar{height:23px; padding:5px 0 0 35px; clear:both; background:url(../images/cent_title.gif) no-repeat;}
	.mainbody .floatcenter .centernavbox .titlebar span{float:left; color:#afb0a6;}
	.mainbody .floatcenter .centernavbox .content{padding:10px 15px; clear:both;}
	.mainbody .floatcenter .centernavbox .content .company{ float:left;}
	.mainbody .floatcenter .centernavbox .content .company2{ float:right;}
	.mainbody .floatcenter .centernavbox .content .intro{ float:left; color:#fff; margin-left:15px; margin-right:8px;}
	.mainbody .floatcenter .centernavbox .content .intro2{ float:left; color:#fff; margin-right:10px;}
	Div.artlist ul li{clear:both; background:url(../images/ico_3.GIF) left center no-repeat; border-bottom:1px #afb0a6 solid; line-height:30px; padding-left:15px;}
	Div.artlist ul li a:link,Div.artlist ul li a:visited,Div.artlist ul li a:hover{float:left; margin:0px 5px; color:#afb0a6;}
	Div.artlist ul li span{float:right; color:#999; font-size:10px;}
	Div.piclist .floatleft{width:15px; height:100px; cursor:pointer; background:url(../images/ico_4.GIF) center center no-repeat;}
	Div.piclist .floatright{width:15px; height:100px; cursor:pointer; background:url(../images/ico_5.GIF) center center no-repeat;}
	Div.piclist ul{float:left;}
	Div.piclist ul li{float:left; margin:0px 5px;}
	
.mainbody .floatright .rightnavbox{width:100%; clear:both; background:url(../images/rightnav_cbg.gif) repeat-y;}
	.mainbody .floatright .rightnavbox .navtop{height:6px; clear:both; overflow:hidden; background:url(../images/rightnav_tbg.gif) no-repeat;}
	.mainbody .floatright .rightnavbox .navbot{height:6px; clear:both; overflow:hidden; background:url(../images/rightnav_bbg.gif) no-repeat;}
	.mainbody .floatright .rightnavbox .content{clear:both; padding:10px 20px; color:#afb0a6;}
	.mainbody .floatright .rightnavbox .titlebar{height:22px; padding-top:4px; margin-top:5px; color:#fff; clear:both; background:url(../images/title_bar2.gif) center center no-repeat; text-align:center;}
	.mainbody .floatright .rightnavbox .slidebox{width:210px; height:130px; padding:2px; border:1px #afb0a6 solid; clear:both; margin:5px auto;}

.footer{height:80px; margin:15px auto; background:#2a2420; border:#744323 solid; border-width:1px 0px; clear:both; text-align:right;}
.footer p{margin-top:5px;text-align:center;}


/********************************************/
/****************Public Style****************/
/******************By  Kan ******************/

/*Page Layout Style*/
Div.pageleft{width:212px; float:left;}
Div.pageleft .leftnavbox {width:100%; clear:both; background:url(../images/leftnav_cbg.gif) repeat-y;}
    Div.pageleft .leftnavbox .navtop{height:6px; overflow:hidden; clear:both; background:url(../images/leftnav_tbg.gif) no-repeat;}
	Div.pageleft .leftnavbox .titlebar{height:26px;padding:10px 0 0 0; text-align:center; clear:both; background:url(../images/title_bar.gif) center center no-repeat;}
	Div.pageleft .leftnavbox .titlebar span{color:#afb0a6;}
	Div.pageleft .leftnavbox .navbot{height:6px; overflow:hidden; clear:both; background:url(../images/leftnav_bbg.gif) no-repeat;}
	Div.pageleft .leftnavbox .content{padding:10px 0px; line-height:20px;}
	Div.pageleft .leftnavbox .content li{clear:both; margin:5px auto;}
	Div.pageleft .leftnavbox .content .item a{ padding-left:25px; color:#ffffff; cursor:pointer; font-size:14px;}
	Div.pageleft .leftnavbox .content .sub_item a{ padding-left:50px; color:#ffffff; cursor:pointer; font-size:12px;}
	Div.pageleft .leftnavbox .content .list a{ color:#ffffff;}

	Div.pageleft .leftnavbox .content{padding:10px 20px; line-height:30px; color:#88db10;}
Div.pagemain{width:770px; float:left; margin-left:20px;}
	Div.pagemain .titlebar{ height:23px; padding: 5px 0 0 30px; color:#afb0a6; clear:both; background:url(../images/pagetitle.gif) no-repeat; border-left:#fff 1px solid;}
	Div.pagemain .titlebar span{float:left;}
	
	Div.pagemain .articlecont{padding:20px; margin-top:8px;clear:both; color:#fff; line-height:24px; border:1px #5e5a5a solid;}
	Div.pagemain .articlecont table { border: 1px solid #ffffff; border-collapse:collapse;}


Div.pagemain .pagelist{margin:30px 60px;}
Div.pagemain .pagelist ul li{clear:both; line-height:26px; background:url(../images/line_dot.gif) center bottom repeat-x;}
Div.pagemain .pagelist ul li a{width:80%; float:left; background:url(../images/listico.jpg) left center no-repeat; padding-left:20px;}
Div.pagemain .pagelist ul li span{float:right; color:#999;}
Div.pagemain .pagelist .pageclip{text-align:right; margin-top:20px;}


#show_preview { float:left; }
.STYLE2 { color: #FF6600 }
.PicList { font: 12px Arial, Helvetica, sans-serif;color:white; padding: 0px; margin:10px 0 5px 10px; float: left; text-align: center; width: 160px; }

#overlay{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:100000; background-color:#FFFFFF; filter:alpha(opacity=40); -moz-opacity:0.5; }
#overlay{ _position:absolute; }