body { font-size:14px; line-height:150%; margin:0; padding:0; background:url(images/body_bg.jpg) center top no-repeat;}
ul { margin:0; padding:0; list-style-type:none;}
.clear { clear:both;}
.paper { width:950px; padding:0; margin:0 auto; overflow:hidden;}

.header { height:250px; margin:0px auto; background:url(images/mark.gif) 410px 150px no-repeat;}
.header h1 { color:red; margin:0; margin-top:80px; padding:0px; line-height:200%;}
.header h1 p { color:gray; font-size:12px; margin:0px 10px; padding:0; line-height:150%; font-weight:normal;}

.servernav { font-size:12px; background:#F2F2F2; line-height:25px;}
.servernav strong { padding:0 5px; font-weight:normal; color:#FF0000;}
.servernav a { padding:0 5px; text-decoration:none; color:#333;}
.acmsd { margin:10px auto; text-align:center; clear:both;}
.acmsd img { border:none;}
.photo img { padding:15px 0px; margin:0px auto; display:block;}

.navigation { margin-bottom:10px; height:30px; background:#EEE; border-top:1px solid #E6E6E6; line-height:30px; border-bottom:1px solid #E6E6E6; margin:0; padding:0;}
.navigation ul { zoom:1;}
.navigation li { float:left;}
.navigation li a { display:block; padding:0px 25px; text-decoration:none; color:#000;}
.navigation li a:hover { background:#999; color:#FFF;}

.paper_main { width:680px; float:left;}
.new_blog h1 { border-bottom:2px solid #CCC; margin:0px; line-height:150%; text-indent:20px;}
.new_blog ul { margin:10px; padding:0; list-style-type:none;}
.new_blog li { margin:10px auto;}
.new_blog li h2 { font-size:16px; margin:0; padding:0; line-height:25px;}
.new_blog li h2 a { color:#00419C; text-decoration:none;}
.new_blog li p { margin:0; padding:0px 5px; font-size:12px; color:#666;}
.new_blog li .tag a { margin-right:10px; color:#666; text-decoration:none;}
.new_blog li .date a { color:#006600; text-decoration:none;}
.new_blog li .date { color:#006600;}

.newslist { margin:0px 10px 0px 10px;}
.newslist h2 { border-bottom:2px solid #CCC; line-height:150%; text-indent:20px; margin:0px; margin-top:20px;}
.newslist h2 a { float:right; font-size:12px; font-weight:normal; color:#FF0000;}
.newslist h3 { font-size:14px; color:#999; padding:10px; margin:0; font-weight:normal; background: #F5F5F5;}
.work h3 { background:#F5F5F5 url(images/hwit.gif) right no-repeat;}
.newslist ul { padding:0; margin:0 10px; list-style-type:none;}
.newslist li span { float:right;}

.article { padding:10px; background:#F8F8F8;}
.article_work .logo { position:absolute; left:560px; border:none;}
.article_work h2, .article_work h3 { background:url(images/hwit_article_bg.gif); display:block;}
.article h2 { margin:0; padding:0; height:40px; line-height:40px; color:#003399; margin:0; padding:0;}
.article h3 { margin:0; padding:0; height:40px; line-height:20px; font-weight:normal; color:#666; font-size:12px; border-bottom:1px solid #CCC; padding-left:10px;}
.article h3 a { margin-right:10px; color:#666; text-decoration:none;}
.article .message { margin:0px 10px; line-height:160%; font-size:16px;}

.reviewform h4 { border-bottom:2px solid #CCC; margin:10px 0; padding:0; line-height:150%; font-size:14px; background:none; text-indent:20px;}
.reviewform form { margin:0; padding:0;}
.reviewform table { background:#CCC; font-size:12px;}
.reviewform th { background:#EEE; padding:2px 5px;}
.reviewform td { background:#FFF; padding:2px 5px;}
.reviewform textarea { width:98%; height:60px;}

.reviewlist h4 { border-bottom:2px solid #CCC; line-height:150%; text-indent:20px; font-size:14px; background:none;}
.reviewlist ul { padding:0; margin:0; list-style-type:none;}
.reviewlist li { background:#F7F7EF; margin:10px auto;}
.reviewlist li h4 { border:none; color:#006600; text-indent:10px; font-size:12px; font-weight:normal; margin:0; padding:0; line-height:20px;}
.reviewlist li h4 a { color:#006699; text-decoration:none;}
.reviewlist li p { font-size:14px; padding:10px; margin:0; display:block;}
.reviewlist li .rev { font-size:12px; color:#CC6600;}

.multi { font-family:Arial;}
.multi a {line-height:25px; font-size:16px; padding:0px 4px; margin:5px 2px; border:1px solid #DDD; display:block; float:left; background:#EEE; color:#333; text-decoration:none;}
.multi .curpage { text-decoration:none; font-weight:bolder; color:#FF0000;}
.multi .last { font-size:12px;}

.front, .back { text-indent:20px; height:30px; width:49%; overflow:hidden; font-size:12px; background:#FFFFCC;}
.back { float:right;}
.front a, .back a { line-height:30px; word-break:keep-all;}

.paper_right { width:250px; float:right; font-size:12px;}
.left_square { margin:10px auto; border:1px solid #CCC;}
.left_square h1 { font-size:12px; margin:0px 1px; padding:0; line-height:25px; text-indent:10px; border-bottom:1px solid #CCC;}
.left_square li { line-height:22px;}
.left_square a { color:#333;}
.left_square p { font-size:12px; color:#666; margin:0; padding:0px 5px;}
.left_square dl { margin:0; padding:0;}
.left_square dt { width:60px; text-align:center; color:#00419C;}

.reader { zoom:1; padding:10px 0px 5px 0px;}
.reader a { width:50%; float:left; display:block; text-align:center;}

.friendlink { border:1px solid #E6E6E6; margin:10px;}
.friendlink h1 { font-size:12px; background:#F2F2F2; margin:0; padding:0; line-height:25px; text-indent:20px; border-bottom:1px solid #E6E6E6;}
.friendlink h1 a { font-weight:normal; float:right; padding:0 10px;}
.friendlink div a { font-size:12px; line-height:160%; margin:0px 5px; display:block; float:left; word-break:keep-all;}
.friendlink ul { zoom:1; margin:1px;}
.friendlink li { width:25%; height:25px; line-height:25px; word-break:keep-all; font-size:12px; overflow:hidden; float:left;}
.friendlink li a { text-indent:10px;}
.customer li { width:50%;}

/*footer*/
.footer { clear:both; padding:10px; font-family:Arial; font-size:12px; border-top:3px solid #99CC00;} 
.footer span { float:right; color:#CC3300;}