body { color:#3C3C3C; font-family:"����",arial,sans-serif; font-size:14px; }
html, body, iframe, form {    margin:0; padding:0; }
input { vertical-align:middle; }
em{ font-style: normal; }
ol, ul, li { list-style:none outside none;  }
:focus { outline: 0; }

/* table  */
table {    border-collapse:collapse; border-spacing:0; width:100%; table-layout: fixed; }
td img, img { border:0 none; vertical-align:middle; }

/*link style*/
a:link { color:#3C3C3C; text-decoration:none; }
a:visited { color:#3C3C3C; text-decoration:none; }
a:hover { color:#E12222; text-decoration:underline; }

a:link em { color:#1E50A2; font-style:normal; }
a:visited em { color:#1E50A2; font-style:normal; }
a:hover em { color:#E12222; }

/* color */
.red, .red a, 
.red:visited, 
.red a:visited, 
.red:link, 
.red a:link{ color:#e12222; }
.orange,.orange a{ color:#ff7300;}
.blue, .blue a, 
.blue:visited, 
.blue a:visited, 
.blue:link, 
.blue a:link{ color:#005ba8; }
.gray{ color:#666; }
.gray1{ color:#999; }

/* layout  */
.fl{ float:left; } .fr{ float:right; } .cls{ clear:both; display: block; } .clear{ padding:0; margin:0; }
.cl:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .cl { zoom: 1; }
.inbox, .bnt, .inlines li{ 
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    }
.al{ text-align:left; }.ac{ text-align:center; }.ar{ text-align:right; } .pac{ margin:0 auto; }
.spH { margin-top:10px; }.spL { margin-left:10px; }
.hide { display:none; }

/* font-size */
.lh22{ height:22px; line-height:22px;}
.hbig{ line-height: 180%; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }

/* layout */
.clean{ padding:0; margin:0; }
.container{ width:960px; margin:10px auto 0 auto; }
.frm_main{ width: 730px; float: left;}
.frm_clm{ width: 220px; float: right;}

/* ���� */
.bd_gray{ border:1px solid #e1e1e1; }
.bd_red{ border:1px solid #941917; }
.bds_gray li{ border: 1px solid #D8D8D8; }
.bds_img img{ border: 1px solid #D8D8D8; padding: 1px; }

/* ͼƬ�ߴ� */
.imgs_sml img{ width: 50px; height: 50px;}
.imgs_comm img{ width: 100px; height: 100px; margin-bottom:6px; }
.imgs_logo img{ width: 120px; height: 60px; margin-bottom:6px; }

/* �б�����ʽ */
.dots li,
.dots dd{  background:url(comm/bg.gif) no-repeat -138px -280px; padding-left:10px; }
.lines li{ padding-top: 8px; padding-bottom: 6px; border-bottom: 1px dotted #ccc; }
.items li {
    float: left; display: inline;
    margin:0 5px; }
    .items li p{ margin:0; padding:0; }
        
/* ������ʽ */
/*
    <div class="ttl">
        <h3> Title </h3>
        <span class="more">more</span>
    </div>
    <div class="cnt">
         cnt
    </div>
*/
.ttl{ width:100%; overflow:hidden; line-height:22px; zoom: 1; }
.ttl:after{ content: "."; display: block; height:0; clear: both; visibility: hidden; }
    .ttl h3{ float:left; margin:0; padding:0 0 0 6px; font-size:14px; font-weight:bold; }
    .ttl h3 a{ text-decoration:none; }
    .ttl .more{ float:right; margin:0; padding:0 8px 0 0; font-size:12px; font-weight:normal; }

.cnt { clear:both; padding:8px; text-align:left; line-height:160%; zoom: 1; }
.cnt:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .cnt ul{ padding:0; margin:0; }
    .cnt li { line-height:160%; }
    .cnt li i{ float:right; font-size:12px; color:#555; font-style:normal; }
    .cnt em{ font-weight:600; }
    

/* ���� + ��� */
/*
<ul>
    <li class="ttl_desc">
        <h3>-------</h3>
        <p> _____________  
            ------------- 
        </p>
    </li>
</ul>
*/
.ttl_desc{ padding: 5px 0;}
    .ttl_desc h3{ display: block; margin-bottom: 6px; margin-top:4px; padding:0; }
    .ttl_desc p{ color: #666; font-size: 12px; padding:0; margin:0; line-height:150%; }
    
    .firsts li{ border-bottom:1px dashed #ccc; padding-bottom:8px; margin-bottom:6px; font-size:12px; }
    .firsts li h2{ margin:0; padding:10px 0; text-align:center; font-size:18px; }

/* ͼ������ */
/* img_txt */
/*
.img ____   div.text
    |    |    <strong> --------- </strong>
     img      <p> --------------  </p>
    |____|       

*/

/* img_txt rimg */
/*
  div.text       div.img ____
                        |    | 
                              img 
                           |____|       
*/
.img_txt{ width:100%; }
.img_txt li{ zoom: 1; }
.img_txt li:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    .img_txt .img{ float:left; margin-right:8px; display:block; }
        .img_txt .img img{ border:1px solid #d8d8d8; padding:1px; overflow:hidden; }

    .img_txt .text{ float:left; width:70%; line-height:130%; overflow:hidden; }
        .img_txt strong { 
            display: block; overflow:hidden;
            margin-bottom: 4px; height:18px; line-height:18px; 
            font-weight:600; font-size:14px;}
        .img_txt .text p{ padding:0; margin:0;  font-size:12px; }
    
    .img_txt dt{ font-weight:600; font-size:14px; margin: 4px 0; padding:0;}
        .img_txt dt a{  color:#ad2121;  }
        .img_txt dd{ line-height: 160%; padding:0 0 0 auto; margin:0; }

.rimg .img{ float:right; margin-right:8px; }
.ADS{margin: 0; padding: 0;}

/*page style*/
.pageBox{ padding:15px 0; text-align:center;}
    .pageBox .pageBtn a,
    .pageBox .pageBtn span{
         display:inline-block; 
         padding:1px 4px 0; margin:0 2px; 
         height:16px; line-height:14px; 
         background:#FFF; border:1px solid #ccc; 
         }
    .pageBox .pageBtn span{ background:#e12222; border:1px solid #e12222;}
    .pageBox .pageBtn strong{ color:#fff; }
    .pageBox .pageBtn .pageIndex,
    .pageBox .pageBtn .pagePrev,
    .pageBox .pageBtn .pageNext,
    .pageBox .pageBtn .pageLast{ 
        background:url(images/btnBg.gif) repeat-x 0 0; 
        margin-bottom:/*\**/2px\9;
        *margin-bottom:2px; 
        padding-top:/*\**/3px\9; 
        *padding-top:3px;
        height:/*\**/14px\9; 
        *height:14px; }
    .pageBox p{ padding:15px 0 10px; }