/* top */
#title{display:none;}
#mainimg{clear:both;height:285px;}
#mainimg .left{width:730px;}
#mainimg .right{width:230px;}
#mainimg .right li{background-color:#E6E6E6;border-radius:5px;padding:5px 0;height:120px;margin-bottom:15px;}
#mainimg .right li.ribbon_new{background-image:url(../images/ic_ribbon_new.gif);background-position:right top;background-repeat:no-repeat;}
#mainimg .right li h3{border-bottom:1px solid #fff;background:url(../images/ic_pickup.gif) no-repeat 10px 10px;padding:8px 0 7px 30px;font-size:14px;margin:0;}
#mainimg .right li ul{padding:5px 0 0 0;}
#mainimg .right li ul li{border-radius:0;background:none;list-style:disc;margin:0 0 0 28px;padding:2px 0;height:auto;font-size:12px;white-space:nowrap;float:left;line-height: 20px;}

/* service */
#top_service{clear:both;padding:20px 0 0 0;}
#top_service ul{clear:both;}
#top_service li{width:288px;}
#top_service h2{background-repeat:no-repeat;background-position:0px 0px;width:288px;height:40px;border:0;padding:0;margin:0 0 10px 0;text-indent:-9999px;}
#top_service li img{clear:both;}
#top_service li p{padding:5px 0;height:4em;}
#top_service #top_network{float:left;}
#top_service #top_network h2{background-image:url(../images/h_top_network.gif);}
#top_service #top_hss{float:right;}
#top_service #top_hss h2{background-image:url(../images/h_top_hss.gif);}


/* toplink */
#toplink{clear:both;padding:0 0 20px 0;}
#toplink li{float:left;margin-right:20px;width:230px;}
#toplink li:last-child{margin-right:0px;}
#toplink li img{clear:both;margin:0 0 10px 0;}
#toplink li a{width:206px;display:block;border:1px solid #ccc;border-radius:5px;padding:11px;line-height:125%;font-size:11px;text-decoration:none;}
#toplink li a h3{font-size:12px;font-weight:normal;font-weight:bold;background:#fff;padding:0;margin:0;}
#toplink li a .more{margin:5px 0 0 0;background:#000;color:#fff;text-align:right;padding:4px 5px 2px 5px;border-radius:5px;line-height:110%;text-transform:uppercase;}
#toplink li a:hover{border:1px solid #CC2B0B;}
#toplink li a:hover img{opacity:0.8;}
#toplink li a:hover .more{background:#CC2B0B;}

/* news */
#news{clear:both;padding:0 0 20px 0;}
#news .left,
#news .right{width:480px;}
#news h2{background:url(../images/ic_h2.gif) no-repeat left center;padding:5px 0 5px 22px;font-size:90%;font-weight:normal;border-bottom:1px solid #000;margin:0 0 20px 0;}
#news h2 .title{font-weight:bold;font-size:120%;padding:0 15px 0 0;}
#news h2 a{padding:0 0 0 20px;}

#news .list_news li dl dt{font-weight:bold;font-size:11px;float:left;width:90px;}
#news .list_news li dl dd{float:left;width:310px;}
#news .list_news li dl dd.new{float:right;font-size:11px;width:35px;text-align:right;}

#news .right li,
#news .right li.left,
#news .right li.right{width:230px;margin:0 0 10px 0;line-height:120%;font-size:11px;}
#news .right li a{display:block;height:88px;padding:10px;border:1px solid #ccc;width:208px;border-radius:5px;text-decoration:none;color:#CC2B0B;text-align:right;background:url(../images/ic_triangle_bottom.gif) no-repeat right bottom;}
#news .right li a img{float:left;padding:0 10px 0 0;}
#news .right li a h3{color:#000;padding:25px 0 5px 0;background:#fff;margin:0;}
#news .right li a:hover{border:1px solid #CC2B0B;}
#news .right li a:hover h3{color:#CC2B0B;}
#news .right li a:hover img{opacity:0.8;}

#news #column{clear:both;padding:20px 0 0;width:1000px;}
#column li,
#column li.left,
#column li.right{width:230px;margin:0 20px 10px 0;float:left;line-height:120%;height:150px;}
#column li h3{background:#fff;padding:0;margin:0;}
#column li h3 a{display:block;background:#000;border-radius:5px;color:#fff;border:solid #ccc;border-width:1px 1px 0 1px;font-weight:normal;text-decoration:none;}
#column li h3 a .title{display:block;background:#fff;color:#333;padding:6px 3px 2px 19px;border-radius:3px 3px 0 0;font-weight:bold;}
#column li h3 a .txt_small{display:block;padding:1px 20px;font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif;font-size:10px;}
#column li h3 a:hover{border:solid #CC2B0B;border-width:1px 1px 0 1px;}
#column li h3 a:hover .title{color:#CC2B0B;}
#column li h3 a:hover .txt_small{background:#CC2B0B;}
#column li ul{padding:10px 0 0 0;}
#column li ul li{list-style:disc;margin:5px 0 5px 2em;height:auto;width:auto;float:none;font-size:12px;}
#column li ul li .new{white-space:nowrap;}

/* clearfix - important! */
#news .left li:after{  
    content: ".";  
    display: block;
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}