body 
{
 float:none;
 width:100%;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 margin:auto;
 text-decoration:none;
 background:#666666;
 background:#FFFFFF url('images/bg_body.png') top center repeat-x;
}

li
{
 list-style-type:none; 
}

input
{
 border:#CCCCCC 1px solid;
 color:#42748F; 
}

select
{
 border:#CCCCCC 1px solid;
 color:#42748F;
}

form
{
 padding:0px;
 margin:auto;
}

img 
{
 border:0px;
}

a 
{
 font-weight:bold;
 color:#42748F; 
 text-decoration:none;
}

a:hover
{
 text-decoration:none;
}
/* checkbox */
#checkbox
{
 background:none; 
 border:0px;
}
/* all */
#all
{
 width:1008px;
 margin:0px auto;
}
/* header */
#header
{
 float:left; 
 width:1008px;
 height:138px; 
 background:url('images/banner.png');
 border:0px;
}

#header #logo
{
 float:left;
 width:121px;
 height:101px;
 margin-left:38px; 
 margin-top:30px;
}
/* shadow */
#shadow
{
 float:left; 
 width:1008px;
 background:url('images/bg_shadow.png') repeat-y;
}
/* nav */
#nav 
{
 width:1000px;
 height:32px;
 font-size:12px;
 font-weight:bold; 
 background:url('images/bg_header_menu.jpg') repeat-x;
}

#dropmenu, #dropmenu ul 
{
 width:100%; 
 margin:0; 
 padding:0; 
 list-style-type:none; 
 list-style-position:outside; 
 position:relative; 
 line-height:1.5em; 
 z-index:300; 
 background:#fff; 
 font-weight:bold;
}

#dropmenu a 
{
 float:left;
 width:auto;
 height:24px;  
 color:#FFFFFF; 
 padding:6px 7px 0px; 
 font-size:12px;  
}

#dropmenu a:hover 
{
 background:#888; 
 color:#fff;
 background:url('images/bg_menu_hover.jpg') repeat-x;
}

#dropmenu li 
{
 float:left;
 position:relative;
 text-align:left;
}

#dropmenu ul 
{
 position:absolute; 
 display:none; 
 width:12em; 
 top:1.9em; 
 left:-1px;
}

#dropmenu ul a 
{
 float:left;  
 border-left:1px solid #c8c8c8;
 border-bottom:1px solid #c8c8c8;
 background:url('images/bg_header_menu.jpg') repeat-x;
 padding:5px;
}

#dropmenu li ul 
{
}

#dropmenu li ul a 
{
 width:15em; 
 height:auto; 
 border-bottom:1px solid #c8c8c8;
}

#dropmenu ul ul 
{
 top:auto;
 text-align:left;
}

#dropmenu li ul ul 
{
 left:12em; 
 margin:0px 0 0 10px;
}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul 
{
 display:none;
}

#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul 
{
 display:block;
}
#dropmenu #active
{
 float:left;
 width:auto;
 height:32px;
 background:url('images/bg_menu_hover.jpg') repeat-x;
 color:#FFFFFF; 
 padding:0px 7px; 
}
/* main */
#main 
{
 float:none;
 width:1000px;
 background:#FFFFFF;
}

#main #left
{
 float:left; 
 width:660px;
 margin-left:3px;
 margin-top:3px;
}

#main #left #slider
{
 float:left; 
 width:662px;
 height:276px;
 border:0px;
 text-align:center;
 margin-bottom:5px;
}

#main #left #sms
{
 float:left; 
 width:665px;
 height:112px;
 font-size:12px;
 background:url('images/bg_sms.png') no-repeat;
 margin-left:-3px;
 text-align:left;
}

#main #left #tools
{
 float:left; 
 width:665px;
 height:140px; 
 background:url('images/bg_tools.png') no-repeat right;
 font-size:11px;
 margin-left:-2px;
}

#main #left #tools #login
{
 float:left; 
 width:300px;
 padding-bottom:0px;
 padding-top:10px;
 padding-left:15px;
 padding-right:5px;
}

#main #left #tools #login #top 
{
 float:left;
 width:100%;
 height:24px; 
 font-size:12px; 
 font-weight:bold; 
 color:#666666; 
 text-align:left;
}

#main #left #tools #hotline
{
 float:right; 
 width:345px; 
 color:#FFFFFF;
 text-align:right; 
}
/* right */
#main #right
{
 float:right; 
 width:320px;
 margin-right:3px;
 margin-top:3px;
}

#main #right #text
{
 float:left; 
 background:url('images/bg_tr_menu.jpg') bottom right no-repeat;
 width:320px; 
 margin-bottom:5px;
}

#main #right #text #title
{
 float:left; 
 width:320px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}

#text_left
{
  float:left; 
  width:140px; 
  text-align:right; 
  padding-right:10px; 
  font-weight:bold;
  margin-top:10px;
}

#text_right
{
  float:right; 
  width:470px; 
  margin:5px 0px; 
  text-align:left;
}

#main #right #video
{
 float:right; 
 width:320px; 
 margin:0px; 
 margin-bottom:5px;
}

#main #right #video #title
{
 float:left; 
 width:320px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}

#main #right #company
{
 float:right;
 background:url('images/bg_tr_menu.jpg') bottom right no-repeat;
 width:320px; 
 margin-bottom:5px;
}

#main #right #company #title
{
 float:left; 
 width:320px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}

#main #right #trademark
{
 float:left; 
 background:url('images/bg_tr_menu.jpg') bottom right no-repeat;
 width:320px; 
 margin-bottom:5px;
}

#main #right #trademark #title
{
 float:left; 
 width:320px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}

#main #right #adv
{
 float:left; 
 background:url('images/bg_tr_menu.jpg') bottom right no-repeat;
 width:197px; 
 margin-bottom:5px;
}

#main #right #adv #title
{
 float:left; 
 width:197px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}

#main #right #download
{
 float:left; 
 background:url('images/bg_tr_menu.jpg') bottom right no-repeat;
 width:320px; 
 margin-bottom:5px;
}

#main #right #download #title
{
 float:left; 
 width:320px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}

#main #right #stats
{
 float:left; 
 background:url('images/bg_tr_menu.jpg') bottom right no-repeat;
 width:320px; 
 margin-bottom:5px;
}

#main #right #stats #title
{
 float:left; 
 width:320px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}

#main #right #poll
{
 float:left; 
 background:url('images/bg_tr_menu.jpg') bottom right no-repeat;
 width:197px; 
 margin:0px; 
 margin-bottom:5px;
}

#main #right #poll #title
{
 float:left; 
 width:197px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}

#main #right #support
{
 float:left; 
 background:url('images/bg_tr_menu.jpg') bottom right no-repeat;
 width:320px; 
 margin-bottom:5px;
}

#main #right #support #title
{
 float:left; 
 width:320px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}
/* customer */
#customer
{
 float:left; 
 width:1008px;
 height:161px; 
 background:url('images/customer.png') no-repeat center top;
}
/* footer */
#footer
{
 float:left; 
 width:1008px;
 text-align:center; 
 margin:5px;
}
/* brandco*/
#brandco
{
 float:left; 
 width:662px; 
}

#brandco #top 
{
 float:left; 
 width:662px; 
 height:12px;
 background:url('images/brandco/top.png') no-repeat; 
}

#brandco #bottom 
{
 float:left; 
 width:662px;
 background:url('images/brandco/bottom.png') no-repeat; 
 height:12px;
}

#brandco #main 
{
 float:left; 
 width:662px;
 background:url('images/brandco/main.png') repeat-y;
 margin-top:-2px;
}

#brandco #main #title
{
 float:left;
 width:662px;
 background:url('images/brandco/title.jpg') repeat-x;
 height:38px;
 text-align:left;
 font-size:15px;
 font-weight:bold;
 color:#663300;
}

#brandco #main #title
{
 float:left;
 width:618px;
 background:url('images/brandco/icon.png') no-repeat;
 padding-left:39px;
 padding-top:12px;
 padding-bottom:5px;
 margin-left:5px;
}
/* pages */
#main #left #pages
{
 float:left; 
 width:660px; 
 margin-bottom:5px;
}

#main #left #pages #title
{
 float:left; 
 width:660px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}
/* news */
#main #left #news
{
 float:left; 
 width:660px; 
 margin-bottom:5px;
}

#main #left #news #title
{
 float:left; 
 width:661px; 
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 color:#FFFFFF;
}
/* news relate */
#main #left #news_relate
{
 float:left; 
 width:660px; 
 margin-bottom:5px;
}

#main #left #news_relate #title
{
 float:left; 
 width:650px;
 padding-left:10px;
 background:url('images/bg_td_menu.jpg') top repeat-x; 
 height:19px;
 font-size:12px;
 font-weight:bold;
 padding-top:5px;
 text-align:left;
 color:#FFFFFF;
}
/*** pages view ***/
#pages_view{
    font-family:Georgia,serif;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

#pages_view #other {
    background-image:url('images/bg_page.gif'); 
	background-position:0px -18px; 
	border:1px solid #CCCCCC; 
	color:#333333; 
	padding-left:3px; 
	padding-right:3px; 
	text-decoration:none;
}

#pages_view #current{
    background-image:url('images/bg_page.gif'); 
	background-position:0px -18px; 
	border:1px solid #CCCCCC; 
	color:#FF0000; 
	padding-left:3px; 
	padding-right:3px; 
	text-decoration:none;
}
/* loading */
#jquery_loading
{ 
 background:#FF8B00;
 color:#FFFFFF;
 position:fixed;
 z-index:10;
 padding:6px;
 top:0px;
 right:0px;
 margin:0px;
}

* html #jquery_loading
{ 
 position:absolute;
 top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat')?documentElement.scrollTop:document.body.scrollTop);
}
/* slider of project */
.scrollList .btnUp {
	position: relative;
	float: left;
	cursor: pointer;
	width: 16px;
	height: 76px;
}

.scrollList .btnDown {
	position: relative;
	float: left;
	cursor: pointer;
	width: 16px;
	height: 76px;
}

.scrollList .mask {
	position: relative;
	float: left;
	width: 928px;
	height: 76px;
	margin: 0;
	overflow: hidden;
	text-align:left;
}

.scrollList .mask .list {
	position: absolute;
	float: left;
	height: 76px;
	width: 9280px;
}

.scrollList .mask .list .item {
	position: relative;
	float: left;
	height: 76px;
	padding:0px 3px;
	color:#FFFFFF;
}

.scrollList .mask .list .item a, .scrollList .mask .list .item a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.scrollList .mask .list .item img {
	position: relative;
	width: 120px;
	height: 76px;
	padding:3px;
	border:none;
}

#navi
{
 float:left; 
 width:994px; 
 background:#666666; 
 margin-left:2px; 
 color:#FFFFFF; 
 font-size:12px; 
 text-align:left; 
 padding:5px 0px; 
 padding-left:8px;
 margin-bottom:5px;
}

#navi a
{
 color:#FFFFFF;
}