html, body {height:100%;padding:0;margin:0;}
* { word-break: break-all; word-wrap: break-word;}
body, th, td, input, select, textarea, button { font: 12px/1.5em Tahoma, Arial, Helvetica, snas-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }
body{background: #09F;color:#555;}
a { color: #1462C1; text-decoration: none; }
a:hover { text-decoration: none;color:#E31E5C}
.feed a:visited { color: #5181B7; }
a img { border: none; }
.clear{border-top:1px solid transparent !important;border-top:0;clear:both}
.border{border:1px #c6c6c6 solid;}
div.teaser { clear:both; padding: 0 0px; margin: 10px 0; }
  .note { background: #dfd; padding: 1em; border: 1px #bdb dotted;}
  .important { background: #ffd; padding: 1em; border: 1px #ddb dotted;}
  .warning { background: #fdd; padding: 1em; border: 1px #dbb dotted;}
.float_left { float: left; display:inline;}
.float_right { float: right; display:inline;}
.relative{position: relative;}
 
html, body {height:100%;}
#utbody{position: relative;margin:0 auto;width:990px;margin-top:10px;}
#utwrap{position: relative;	min-height: 100%;}
#utcontent{position: relative;margin:0 auto;width:1000px;background:#fff;}
div.divmain, #headmain,#footerbody{position: relative;margin:0 auto;width:990px;}
#logo{ position:absolute;left:0;top:5px;height:60px;width:272px;background:url(../logo.jpg);}
div.daohang{line-height:30px;padding:20px 20px 10px 20px;height:30px;}
div.daohang h2{font: 21px "Microsoft YaHei","宋体",Tahoma, Arial, Helvetica, snas-serif;color:#666;padding-left:15px;background:url(../arrow_win_01.gif) no-repeat left;}
div.daohang p{float:right;color:#999;}

/* header */
#head {border-top: 0px #fff solid;height:70px;}

/* box */
.box{padding:10px;}

#indexmain{background:url(../top_contents_bg.gif) no-repeat left bottom;height:990px;margin-bottom:20px;}


/* main */
#bb-main{float:left;width:684px;margin-right:-25em;}
h2.daotitle{font: 20px "Microsoft YaHei","宋体",Tahoma, Arial, Helvetica, snas-serif;margin-bottom:10px;border-bottom:1px #bebebe solid;color:#E31E5C;padding:5px;}
th { font-size:14px; color:#000; }
.star { color:red;}
.tip { color:#999999;}
label.error {margin-left: 10px;width: auto;display: inline;color:red;background-image:url(../err.gif);background-repeat:no-repeat;padding-left:18px;}
input.button {font-size:14px;padding: 1px 0;font-size: 110%;background: none;background-color: #005296;border-bottom: 1px solid #00284A;border-right: 1px solid #00284A;border-top: 1px solid #0077DF;border-left: 1px solid #0077DF;color: #fff}

/* news css*/
#newstitle{background:url(../title_news.jpg) no-repeat; width:660px;height:28px;}
#newscontent{width:660px;height:120px;overflow:auto;}
#newscontent ul{margin:10px;}
#newscontent li{ border-bottom:1px #f5f5f5 solid;line-height:22px;}
#newscontent li span.time{color:#E5AAD7; font-size:11px;}
#newscontent li span.cate{background:#f5f5f5;padding:3px;margin:10px 0;}
#newscontent li a{background:url(../mini_icons.gif) no-repeat left top;padding-left:15px;}

/* works css*/
#workstop{background:url(../top_event_bg.gif) no-repeat top left;height:10px;}
#workstitle {background:url(../title_works.jpg) no-repeat top left; height:28px;margin-left:10px;}
#worksdiv li{float:left;width:200px;margin:0 10px ;}
#worksdiv li div{margin:5px 0;}

/* users */
#usertitle{background:url(../title_users.jpg) no-repeat top left; height:28px;margin-left:10px;margin-top:10px;}

/* slides */
#bb-s{float:right;text-align:left;width:250px;}
.sdtitles{background:url(../top_pickup_top.gif) no-repeat top left;height:200px;}


/* about */
.aboutslid{float:left; width:200px; border:1px #313131 solid;height:590px;background:#262B2F;margin-left:30px;_margin-left:20px; overflow:auto;}
.aboutslid ul{margin:0 0 0 0; padding-top:20px; padding-left:0px; padding-bottom:20px;}
.aboutslid ul li{ list-style:none; text-align:center}
.aboutslid ul li img.img_border{ width:100px; height:100px; border:#313131 1px solid; padding:1px}
.aboutmain{float:right; width:684px; min-height:600px;_height:600px; background:#262B2F;margin-right:35px;_margin-right:20px;border:1px #313131 solid;}
.aboutmain .box{margin:0 15px 0 12px;min-height:525px;_height:525px;}
.aboutmain .box p{line-height:200%;}
.abouttop{background:url(../top_event_bg.gif) no-repeat top left;height:10px;}
.abouttitle{background:url(../title_works.jpg) no-repeat top left; height:28px;margin-left:10px;}

/* tx */
.txslide{float:left; width:230px;margin-left:20px;_margin-left:10px;}
#pricetitle{background:url(../title_price.jpg) no-repeat top left; height:28px;}
#pricediv li{border-bottom:1px #ccc dotted;margin-bottom:10px;}
#pricediv li div{color:#999;}
#pricediv li div.price span{font-weight:700;color:#F30;margin-left:10px;}
.txmain{float:right; width:720px; min-height:600px;_height:600px;border-left:1px #ccc solid;}
#txmaindesc{margin:10px;}
h2.txh2{text-align:center;line-height:50px;border-bottom:1px #ccc solid;background:#f7f7f7;margin-top:-10px;color:#F30;font-weight:700;font: 30px "Microsoft YaHei","宋体",Tahoma, Arial, Helvetica, snas-serif;}
h2.txh22{text-align:right;line-height:50px;border-top:1px #ccc solid;background:#f7f7f7;margin-top:-10px;color:#F30;font-weight:700;font: 20px "Microsoft YaHei","宋体",Tahoma, Arial, Helvetica, snas-serif;}
div.txdesctext{margin:10px;}

/* joins */
.joinslide{float:left; width:230px;margin-left:20px;_margin-left:10px;}
#jointitle{background:url(../title_join.jpg) no-repeat top left; height:28px;}
#joindiv li{border-bottom:1px #ccc dotted;margin-bottom:10px;text-align:center;}
#joindiv li a{font-size:14px;}
.joinmain{float:right; width:720px; min-height:600px;_height:600px;border:1px #ccc solid;background:#F7F7F7;}
#joinmaindesc{margin:10px;}


/* order */
#ordertitle{background:url(../title_order.jpg) no-repeat top left; height:28px;}
.orderlide{float:left; width:230px;margin-left:20px;}
.ordermain{float:right; width:720px; min-height:600px;_height:600px;border-left:1px #ccc solid;}
#ordermaindesc{margin:10px;}

/*  footer */
#footer {height: 80px;padding:0px;font-size: 12px;margin:0 auto;position:relative;z-index:100;width:990px;border-top:1px #ccc solid;}
#footerbody{ height:80px;}
#footer p.r {float:right;width:400px; text-align:right}
#footer p.l {float:left;}
#footer p a {	text-decoration: none;}
#footer p a:hover {	text-decoration: underline;}
.footer{color:#999;}