#header,
#footer,
#main { margin:0 auto; width:972px; clear:left; display:block; }
#header        { border-top:0px solid #2C4C78; }
#main         {
	text-align:left;
	background:#F6F6F6;
	width: 960px;
	float: none;
	padding: 5px;
}
#main table.swf { border-top:1px solid #2C4C78; border-bottom:0px solid #2C4C78; }/*760x50 banner*/
#footer        { clear:both;text-align:center; padding:10px 0; border-bottom:0px solid #9BB4D1; border-top:5px solid #9BB4D1; background:#FFF; }
#footer_info   { margin:0; padding-bottom:8px; color:#2C4C78; }
#footer_info a { padding:0 5px;}
#right           { float:right; width:730px; overflow:hidden; }
#left            { float:left; width:232px; }
#left a:link,
#left a:visited  { color:#111; }
#left li{width:190px;height:15px;overflow:hidden;}

/* right */
#right .div_r    { padding-bottom:10px; border:1px #2C4C78 solid; background:#F6F6F6; }
#right .div_r li { border-bottom:#FFF 1px solid;}
#right li {width:320px;height:15px;overflow:hidden;}

#right h1#new_atc a  { padding-left:28px; display:block; background:url(../images/new_atc.gif) #FFF no-repeat 6px 2px; font-size:12px;}
#right h1#dl_idx_new a,
#right h1#new_soft a { padding-left:28px; display:block; background:url(../images/new_soft.gif) #FFF no-repeat 6px 2px; font-size:12px; }
#right h1#new_atc  a:hover,
#right h1#dl_idx_new  a:hover,
#right h1#new_soft a:hover   { text-decoration:none; }

#right h1#map      { background:url(../images/sitmap.gif) #E5EEF5 no-repeat 6px 3px; border:0px solid #C7C783; }
#right h1#idx_news { background:url(../images/news_add.gif) #E5EEF5 no-repeat 6px 2px; border:0px solid #8388C7; }
#right h1#map,
#right h1#idx_news { padding:2px 0 0 28px; font-size:12px; /* voice-family:"\"}\""; voice-family:inherit; width:70px; */}
#right h1#softwarename { padding:2px 0 2px 28px; border:0px solid #84B0C7; background:url(../images/software.gif) #E5EEF5 no-repeat 6px 4px; line-height:1.5em;}

#right h2        { background:url(../images/new_soft.gif) #E5EEF5 no-repeat 6px 2px; padding:2px 0px 2px 28px; }
#right h3        { background:url(../images/software_ok.gif) #E5EEF5 no-repeat 6px 2px; padding:3px 0px 2px 28px; }
#right h3 img {
	margin-top: 1px;
}
#right .div_ra   { border-top:1px solid #9BB4D1; border-bottom:1px solid #2C4C78; background:#9BB4D1; }
#right .div_rz   { padding: 2px; border-top:1px solid #FFF; }
#right ul.new,
#right ol.new    { padding-left:30px; list-style:url(../images/15.gif); }
#right ul.com li,
#right ol.new li { border-bottom:1px dashed #eee; padding:1px 0 !important; padding:0;}
#right ul.com,
#right ol.com    { padding-left:22px; list-style:url(../images/16.gif);}
#right ul.com span,
#right ol.com span { padding-top:4px;}

#copyright,
#powerby  { font-size:11px; margin:0; }
#top1      { padding:0 0 5px 0; width:768px; text-align:left; background:#E5EEF5; background:url(../images/banner.gif) no-repeat 0px 0px; }
#top      { padding:0 0 3px 0; width:768px; text-align:left; background:#ffffff; no-repeat 0px 0px; }
#top_flot { float:right; }
#logo     { margin:0; padding-left:10px; padding-top:5px;}
#calendar { margin:0; text-align:right; padding:8px 60px 5px 0px;  font:11px Verdana, Sans-Serif; color:#fff; clear:left; }
#banner   { padding:5px 10px 5px 10px; margin:0; border:0px solid #84B0C7; }/*468x60 banner*/
#search   { margin:0 0 5px; padding:1px 1px; background-color:#FFF; border-bottom:0px solid #84B0C7; }
#pilot  { margin:0 0 10px; padding:3px 10px; background-color:#FFF; border-bottom:1px solid #84B0C7; }
#pilot span { float:right; padding-left:20px; background:url(../images/user_login.gif) no-repeat 0px 0px;}
#help     { cursor: help}
.swf_m    { text-align:center; margin:10px 0 0 10px; }/*468x60 flash*/

body       { background:url(../images/bg.gif) #E5EEF5 repeat-y center; }
h1,h2,h3,h4,
h5,h6,form { margin:0; font-family:Verdana, Sans-Serif; }
dl,ul,ol   { margin:0; padding:0; list-style:none; }
h1   { font-size:14px; }
h2,
h3,
h4   { font-size:12px; }

#nav a:link,
#nav a:visited,
#nav a:hover,
#nav a:active { color:#369; text-decoration:none; }
#nav          { border-bottom:10px solid #FFF; float:left; width:100%; background:url(../images/nav_b.gif) #E5EEF5 repeat-x bottom; }
#nav li       { display:inline; line-height:110% !important; line-height:130%; }
#nav a        { border-bottom:1px solid #9BB4D1; float:left; font-weight:bold; text-decoration:none; background:url(../images/nav_r.gif) no-repeat right top; }
#nav a:hover  { background-position:100% -50px; }
#nav span     { padding:6px 12px 4px 12px; float:left; display:block; white-space:nowrap; background:url(../images/nav_l.gif) no-repeat left top; }
/* $ \*/
#nav span     { float:none; }
/* $ */
#nav a:hover span { background-position:0% -50px; }
#nav li#sel a     { border-width:0px; background-position:100% -50px; }
#nav li#sel span  { padding-bottom:5px; background-position:0% -50px; }
#sub_nav             { padding:0 0 5px 0; display:block; background:#FFF; }
#sub_nav,
#sub_nav a:link,
#sub_nav a:visited,
#sub_nav a:active    { color:#2C4C78; }
#sub_nav a           { padding:0 2px; }

#sub_nav_atc            { padding:0 0 5px 0; display:block; background:#FFF; }
#sub_nav_atc,
#sub_nav_atc a:link,
#sub_nav_atc a:visited,
#sub_nav_atc a:active    { color:#2C4C78; }
#sub_nav_atc a           { padding:0 2px; }

/* sidebar */
#sidebar_menu ul    { padding-top:10px; }
#sidebar_menu ul li { margin:0 18px 0 15px; text-align: center; border-top:1px solid #FFF; border-right:1px solid #CCC; border-bottom: 1px solid #999; border-left:1px solid #FFF; }
#sidebar_menu ul li a       { padding: 2px 0 2px; display: block; border-left: 18px solid #EEE; border-right: 18px solid #EEE; background: #DDD; }
#sidebar_menu ul li a:hover { color: #FFF; display: block; border-color:#369; background: #2C4C78; }
.sidebar_pub         { padding-top:10px; }
.sidebar_pub ol li   { padding-left:12px; background:url(../images/pub_li.gif) no-repeat 2px 6px; height:20px; }
.cls { clear:both; display:block; }

#sitmap    { background:#FFF; }
#sitmap ul { background:#FFF; margin:0 10px; }
#sitmap li { border:1px solid #eee; float:left; white-space:nowrap; padding:0; margin:0 5px 1px 0; color:#ccc; text-align:center; width:95px; height:18px; overflow:hidden;}
#sitmap h4 { font-size:12px; clear:both; padding-top:8px !important; padding:5px 10px 0 10px; margin:0; border-top:0px dashed #EEE; }
#sitmap h4#map_atc  { height:24px; border-top:1px dashed #84B0C7; margin-top:15px; }
#sitmap ul#cate_atc { margin-bottom:12px; }
#sitmap ul#cate_atc li{ border-color:#eee; background: #F9F9F9;}

#aboutus{ margin:20px; font-size:14px;}
#aboutus h1 { margin-top:15px; padding: 10px; border:1px solid #84B0C7; }
#aboutus h2 { margin-top:15px; padding:0 10px; border:0px solid #ccc;}
#aboutus h3 { margin-top:15px; padding:0 10px; border:0px solid #ccc;}

#aboutus ol { list-style:inside decimal; padding: 10px; border:1px solid #84B0C7; background:#FFF;}
#aboutus li { padding:5px 0;}
#aboutus p  { margin:0; padding: 10px; border:1px solid #84B0C7; background:#FFF;}


/* Edit by cyc at 2007-08-09 */
#header_bg {
	clear: both;
	float: left;
	width: 972px;
	background: #fff;
}
/* For Index.html */
#SiteName {
	clear: both;
	float:left;
	width:973px;
	padding-left: 1px;
	font-weight: bold;
	line-height:40px;
	border-bottom:1px solid #84B0C7;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color: #A9D6E9;
	text-align:left
}
#ChannelMap {
	clear: both;
	float:left;
	width:973px;
	padding-left: 1px;
	font-size:12px;
	font-weight: bold;
	line-height:14px;
	border-bottom:2px solid #84B0C7;
	voice-family: "\"}\"";
	voice-family: inherit;
	background-color: #A9D6E9;
}
#ChannelMap ul {
	margin:0;
	padding:0;
	list-style:none;
}
#ChannelMap li {
	display:inline;
	margin:0;
	padding:0;
}
#ChannelMap a {
	float:left;
	background:url("tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#ChannelMap a span {
	float:left;
	display:block;
	background:url("tabright.gif") no-repeat right top;
	padding:5px 11px 4px 5px;
	color:#036;
	white-space: nowrap;
}
#ChannelMap a span.clubnav {
	padding:5px 9px 4px 5px !important;
	padding:5px 6px 4px 3px;
}

.blogbox {
	clear:both;
	float: left;
	width: 545px;
	background: #fff url(../images/blogstar_bgr.gif) repeat-y;
}
.blogbox h1 {
	float: left;
	width: 509px !important ;
	width: 509px;
	padding-bottom: 2px;
	margin: 0 0 0 4px !important;
	margin: 0 0 0 2px;
}
.blogbox h1 span {
	float: right;
	padding-right: 11px;
	font-weight: normal;
}
#blogstar {
	clear: both;
	padding-top: 3px;
}
#blogstar li {
	float: left;
	width: 54px;
	padding: 0;
	margin: 0;
	line-height: 160%;
}
#blogstar li a {
	padding-left: 7px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#ChannelMap a span {
	float:none
}
/* End IE5-Mac hack */
#ChannelMap a:hover span {
	color:#036;
}
#ChannelMap a:hover {
	background-position:0% -42px;
}
#ChannelMap a:hover span {
	background-position:100% -42px;
}
#ChannelMap #sel a {
	background-position:0% -42px;
}
#ChannelMap #sel a span {
	background-position:100% -42px;
}

#bbsNav {
	clear: both;
	float: left;
	width: 768px;
	background: #fff;
	padding: 5px 5px 1px 8px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 737px;
}
#bbsNav ul {
	float: left;
}
#bbsNav li {
	float: left;
}
#bbsNav li a {
	margin: 0 4px 0 2px;
}
#bbsNav li.Boo {
	font-weight: bold;
	padding-left: 10px;
}

.isShow {
	text-align: center;
	font-weight: normal;
	padding-top: 8px;
	line-height: 200%;
}
.isShow img {
	border: 1px solid #000;
	margin-bottom: 6px;
}

#commend   { margin:0 0 0 10px; padding-bottom:10px !important; }

#commend div.box_xs  { margin-right:5px; float:left;width:142px; text-align:center; background:#FFF;  }

#commend li.box_xs_t { background:url(../images/box_xs_t.gif) no-repeat left top; margin-bottom:-13px; }

#commend li.box_xs_c { border-left:1px solid #84B0C7; border-right:1px solid #84B0C7; height:95px; }

#commend li.box_xs_c2{ border-left:1px solid #84B0C7; border-right:1px solid #84B0C7; height:24px; margin-top:-3px; }

#commend li.box_xs_b { background:url(../images/box_xs_b.gif) no-repeat left bottom; margin-top:-14px; }



.box_s     { width:220px; margin:10px 0px 0px 10px; }

.box_l     { width:545px; margin:10px 10px 0 0; overflow:hidden; clear:both;}

.box_s_t   { background:url(../images/box_s_t.gif) no-repeat left top; margin-bottom:-13px; }

.powerby p { font:9px Verdana, Sans-Serif; letter-spacing:-0.5pt; margin:0; padding:2px 0 5px 0; border-top:0px solid #FFF; background:#EEE; text-align:center; border-left:3px solid #FFF; border-right:3px solid #FFF; }

.powerby h3{ background:#E5F3E6; border-left:3px solid #FFF; border-right:3px solid #FFF; }

.powerby,

.box_l_c,

.box_m_c,

.box_s_c,

.box_s_c_ann,

#sub_menu_wrap { padding:1px 3px;border-left:1px solid #84B0C7;border-right:1px solid #84B0C7; }

.box_s_c h2    { background:#F3E5E5; border-left:3px solid #FFF; border-right:3px solid #FFF; text-align:center; }

.box_s_c h4    { background:#F3F3E5; border-left:3px solid #FFF; border-right:3px solid #FFF; text-align:center; }

.box_s_c h3,

.box_s_c_ann h3{ background:#E5E6F3; border-left:3px solid #FFF; border-right:3px solid #FFF; text-align:center; }

.box_s_c_ann ul li,

.box_s_c li { list-style-type:none; list-style-position:outside; padding:2px 0 !important; padding:0; border-top:1px solid #FFF; border-left:3px solid #FFF; border-right:3px solid #FFF; }

.box_s_c li { padding-left:12px !important; padding-left:10px; background-position:2px 6px !important; background:url(../images/pub_li.gif) #EEE no-repeat 4px 9px; color:#999; }

.box_s_b       { margin-top:-15px; background:url(../images/box_s_b.gif) no-repeat left bottom; }

/* sub_menu */

#sub_menu_wrap h3 { background:#E5EEF5; border-left:3px solid #fff; border-right:3px solid #fff; border-bottom:1px solid #fff; text-align:center; }

#sub_menu         { padding:10px 0 5px 0; border-left:3px solid #fff; border-right:3px solid #fff; }

#sub_menu li   { text-align:center; border-top:1px solid #FFF; border-bottom: 1px solid #999; }

#sub_menu li a       { padding:2px 0; display: block; border-left: 18px solid #eee; border-right: 18px solid #EEE; background: #ddd; }

#sub_menu li a:hover { color:#FFF; display: block; border-color:#369; background: #2C4C78; }




/* ?? */

#news ul li { padding:0 5px; border-bottom:1px dashed #eee;}

#news span { font-size:10px; color:#006666; padding-right:5px; }



.box_m_left  { margin:0 15px 0 4px; width:350px; float:left; clear:left; }

.box_m_right { width:350px; float:left; }

.box_m_t     { margin:10px 0 -13px 0; background:url(../images/box_m_t.gif) no-repeat left top; }

.box_m_c     { background:#FFF; }

.box_m_b     { margin-top:-15px; background:url(../images/box_m_b.gif) no-repeat left bottom; margin-bottom:10px !important; margin-bottom:0; }

.box_l_t { margin-bottom:-13px; background:#FFF url(../images/box_l_t.gif) repeat left top; }

.box_l_c { background:#FFF; }

.box_l_b { margin-top:-15px; background:url(../images/box_l_b.gif) repeat left bottom; clear:both;}

.list_page                   { clear:left; }

.list_page li             { background:#E5EEF5; padding:2px 0 2px 4px; }

.list_page li span.foot_m { width:260px; float:right; text-align:left; }

.list_page li span.foot_r { width:100px; float:right; text-align:center; }

span.keywords     {  font-weight:bold; color:#e03; }



/*list software page*/

.li_s           { clear:right; font-family:Tahoma, Sans-Serif; }

.li_s ul.u1 li  { float:left; padding:10px 0 0 0; text-align:center; background:#FFF; }

.li_s ul li h4  { padding:0 0 2px 25px; background:url(../images/ico_down.gif) no-repeat 5px 2px; font-size:12px; }

.li_s ul li.s1  { width:248px; font-weight:bold; text-align:left; }

.soft_sort        { clear:right; font-weight:bold; margin:5px 0; height:20px; font-family:Tahoma, Sans-Serif; }

.soft_sort li     { padding:2px 0; float:left; text-align:center; }

.soft_sort li a   { border:1px solid #84B0C7; background:#E5EEF5; padding:2px 4px;  }

.soft_sort li a:hover { background:#FFF; text-decoration:none; }

.soft_sort li.s1  { width:244px; text-align:left; }

.soft_sort li.s2,

.soft_sort li.s3,

.soft_sort li.s4,

.soft_sort li.s5 { width:71px; }

.li_s ul li.s1  { width:255px; }

.li_s ul li.s2,

.li_s ul li.s5  { width:80px; }

.li_s ul li.s3,

.li_s ul li.s4  { width:60px; }

.li_s ul.u1,

.li_s ul.u2     { margin:0; width:100%; clear:left; }

.li_s p         { margin:0; }

.li_s div       { margin:0; padding:5px 10px; clear:left; }

.li_s ul.u2 li  { padding-bottom:10px; border-bottom:1px dashed #84B0C7; float:left; font-size:12px; color:#666; }

.li_s ul.u2 li span { font-weight:bold; }

.li_s ul li.s6 { width:160px; padding-left:7px;}

.li_s ul li.s7 { width:160px; }

.li_s ul li.s8 { width:210px; font-size:12px !important; font-size:11px; }

.li_s ul li.s2,

.li_s ul li.s3,

.li_s ul li.s4 { font:10px Georgia, Sans-Serif; color:#e03; }



/* software download page */

#dl_main    { width:536px; background:#F6F6F6; }

#dl_main h1 { border:0px solid #84B0C7; border-bottom:0; }

.dl_right   { width:255px; padding:30px 0; border-top:1px solid #fff; border-right:1px solid #eee; float:left; text-align:center; background:#F6F6F6; }

.dl_left    {  width:280px; float:left; background:#F6F6F6; overflow:hidden; }

.dl_left ul li      {  white-space:nowrap; padding: 2px 10px; border:1px solid #FFF; }

.dl_left ul li.grid {  background:#E5EEF5; border-top:0; border-bottom:0; }



#description    { padding:10px; clear:left; }

#description p  { margin:8px 0px; }

#description li { list-style:disc inside; }

#description dt { margin:5px; width:100px; padding:2px 0 0 26px; border:1px solid #84b0c7; font-size:12px; font-weight:bold; background:url(../images/description.gif) #FFF no-repeat 5px 2px; }

#description dd { margin:5px; }

#dl_select   {  margin:5px 10px; padding:10px 5px 10px 45px; border:1px solid #84B0C7; background:url(../images/download.gif) #E5EEF5 no-repeat 10px 12px; }

#dl_select a { padding-left:8px; }

#size_info   { padding-left:8px; font-size:10px; }



#favorite   { float:right;}

#favorite a { margin-bottom:1px; border:1px solid #84B0C7; padding:1px 4px; line-height:16px; background:#FFF; display:block; }



#correlative_s h5,

#correlative_a h5 { font-size:12px;}

#correlative_a li { font-size:12px;}

#correlative_a i { font-size:9px;}
#correlative_a    { margin:10px 10px 0 10px; border:1px solid #ffffff; background:#ffffff; padding:10px; }

#correlative_s    { margin:10px 10px 0 10px; border:1px solid #ffffff; background:#ffffff; padding:10px; }



/* */

#quote      { margin:10px;}

#quote ul   { clear:both; height:20px; }

#quote li   { margin:0 15px 0 0; float:left; width:100px; border:1px solid #84B0C7; background:#E5EEF5; text-align:center;}

#quote li a { background:#E5EEF5; display:block; }

#quote li a:hover{ background:#FFF; text-decoration:none; }

#quote li h5     { text-align:left; padding-left:26px; background:url(../images/review.gif) #FFF no-repeat 5px 1px; font-size:12px;}



#list_review dt   { margin-top:10px; padding:3px 26px; background:url(../images/ico_info.gif) #eee no-repeat 5px 4px; border:1px solid #ccc; border-bottom:0; }

#list_review dd   { margin:0; padding:3px 5px; border: 1px solid #ccc; border-top:0; }

#list_review_wrap { padding:5px 20px 20px; font-family:Tahoma,Sans-Serif; }

#idx_atc_new h1,
#idx_atc_1 h1,
#idx_atc_2 h1,
#idx_atc_3 h1,
#idx_atc_4 h1,
#idx_atc_5 h1 { padding:2px 0 0 28px; font-size:12px; background:url(../images/new_atc.gif) #E5EEF5 no-repeat 6px 2px; border:0px solid #84B0C7; height:40px}

#right .more  { padding-top:5px; padding-right:4px; text-align:right; }
#right .more  a { padding:1px 2px 0 4px; border:1px solid #84B0C7; background:#E5EEF5; color:#2C4C78;}
#right .more a:hover { background:#fff; text-decoration:none; }

.date,.date_new { margin:0px; padding-right:3px; font:10px Georgia, Sans-Serif; color:#ccc; float:right; }/*idx*/
.date_com       { color:#e03; }
.date_new       { color:#e03; }
.footer { font-weight:bold; text-align:center; border-left:1px solid #9BB4D1; border-right:1px solid #9BB4D1; }
#list_art      { background:#F6F6F6; }
#list_art_top  { }
#list_art_top ul li             { background:#CCC; padding:4px 0 4px 16px; font-weight:bold; }
#list_art_top ul li span#top_m  { width:86px; float:right; text-align:center; }
#list_art_top ul li span#top_r  { width:100px; float:right; text-align:center; }
#list_art_content                { }
#list_art_content ul li          { padding:2px 0; border-top:1px solid #FFF; list-style:url(../images/16.gif); margin-left:22px; }
#list_art_content ul li span.cm  { width:86px; float:right;padding:1px; text-align:center; background:#F0F0F0; border-left:1px solid #FFF; }
#list_art_content ul li span.cr  { width:110px; float:right;padding:1px; text-align:center; background:#E9E9E9; border-left:1px solid #FFF; }
.content { padding:0px 4px 0px 4px; font-size:14px;}
.content p.pageview { text-align:center; clear:both; }
.art_page   { margin:10px 10px 10px 0; background:#F6F6F6; }

#right h1#articlename { padding:2px 0px 2px 28px; background:url(../images/document.gif) #E5EEF5 no-repeat 6px 3px; border-bottom:1px solid #FFF; height:40px;}
#atc_info         { background:#eee; }
#atc_info li      { padding-left:22px; background:url(../images/16.gif) no-repeat 8px 0px; }
#select_font      { float:right; }
#select_font ul   { clear:both; margin:0;}
#select_font li   { float:left; margin:2px 0 0 3px; }
#select_font li a { display:block; border:1px solid #84B0C7; background:#E5EEF5; line-height:1em; padding:3px 3px 2px 3px;}
#select_font li a:hover { background:#FFF; text-decoration:none; color:#2C4C78;}
#select_font li#size_how       { border:1px solid #84B0C7; line-height:12px; padding:3px 3px 2px 3px; }
#select_font li#s              { font-size:12px; }
#select_font li#m              { font-size:14px; }
#select_font li#l              { font-size:16px; }

/* 
*/
body       { margin:0; color:#111; font:12px/1.5em Arial, Tahoma, Verdana, Sans-Serif !important; font:11px/1.8em Verdana, Arial, Tahoma, Sans-Serif; text-align:center; }
a:link, 
a:visited  { color:#2C4C78; text-decoration:none; }
a:hover    { color:#06F; text-decoration:underline; }
a:active   { color:red; text-decoration:none; }
input,
select,
textarea,
option     { font:12px Tahoma, Sans-Serif; }
input#s2   { height:20px; font:12px Verdana, Sans-Serif; }
img        { border:1; }
td,
table      { text-align:left; font-size:12px !important; font-size:11px; line-height:18px;  }
h1		   { font-size:30px; line-height:35px;}
#com li{width:30px;height:15px;overflow:hidden;}