﻿
.img_style_l
{
    float: left;
    border:0px;
    margin: 3px;
}

.img_style_r
{
    float: right;
    border:0px;
    margin: 3px;
}

.p_w_style
{
   width: 98%;
   margin: 0;
   float: left;
   padding: 3px;
   line-height: 26px;
}

.line_style
{
    border: 1px dotted #808080;
    margin: 8px auto; 
}

.table_style1 tr th 
{
    text-align: left;
}

.table_style1 tr
{ 
    background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); 
} 


.subtitle
{
    padding: 3px;
    clear: both;
    height: 18px;
    width: 160px;
    background-color: #676776;
    color: #FFFFFF;
    font-weight: bold;
    margin-top: 15px;
 }


.subtitle a
{
    color: #FFFFFF;
    text-decoration: none;
}

.block p
{
    margin: 0px auto;
   
}

.detail-list
{
    width: 100%;
    height: auto; 
    float: left;
}

.detail-list-item
{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 20px;
}

.detail-list-l
{
    padding: 2px;
    width: 12%;
    height: auto;
    float: left;
    background-color: #676776;
    color: White; 
    font-family:SimSun;
    font-size: 12px;
    text-decoration: underline;
    font-weight: bold;
    text-align:center;
}

.detail-list-r
{ 
    width: 79%;
    height: auto;
    float: left;
    font-family:SimSun;
    font-size: 11px; 
    padding-left: 10px; 
} 

.detail-list-r ul
{
    margin: 0px;
}

.detail-list-r ul li
{
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    margin: 5px auto;
}


.detail-list2-item
{
    width: 90%;
    height: auto;
    float: left;
    margin-bottom: 5px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
}

.detail-list2-l
{
    padding: 2px;
    width: 50%;
    height: auto;
    float: left;  
    font-family: SimSun;
    font-size: 12px; 
}

.detail-list2-r
{ 
    width: 46%;
    height: auto;
    float: left;
    font-family: SimSun;
    font-size: 12px; 
    text-align: right; 
} 

#subnav {     
         width:206px;
     float:left;  border: 1px solid #CCC;/* border-bottom:none; absolute */ }
#subnav ul { list-style: none; margin: 0px; padding: 0px; }
#subnav ul li { /*background: #eee;*/
                padding: 0px 8px; height: 30px; line-height: 30px;
               border-bottom: 1px solid #CCC; 
               position:relative; 
                }
#subnav ul li img{ position: absolute; left: 190px; top:10px; }      
#subnav ul li ul { display:none; 
                   position: absolute; 
                   left: 206px; top:0px;
                   width:100px; 
                   border:1px solid #333;/*border-bottom:none; */ 
                   background-color: #FEFEFE;
                   color: #4E4E4E;
                   z-index:9999;
                   }
#subnav ul li ul li
{
    border:1px solid #666;}

#subnav ul li.current ul { display:block;}
#subnav ul li:hover ul { display:block;}
 
 
 
 /*
 list img:
*/
.imglist
{
    width:100%;
    float: left;
    margin:5px auto;       
}

.imgbox
{
    border-color: #999999;
    width: 180px;
    float: left;
    height: 150px;
    border-bottom-style: solid;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-width: 1px;
    margin: 10px 20px;
}

.imgbox .imgbox-i
{
    width: 100%;
    float: left;
    height: 120px;
    padding: 1px
}

.imgbox .imgbox-i img
{
    width: 178px;
    height: 120px;
    border: 1px solid #808000;
}

.imgbox .imgbox-desc
{
    width: 179px;
    float: left;
    height: 30px;            
    background-color: Gray;
}     
    
.imglist2
{
    width:100%;
    float: left;
    margin:5px auto;       
}        
    
.imgbox2
{
    border-style: solid;
    border-width: 1px;
    border-color: #E0E1DD #999999 #999999 #E0E1DD;
    width: 98%;
    float: left;
    height: 180px;
    margin: 10px;
}    

.imgbox2 .imgbox2-i
{
    width: 276px;
    float: left;
    height: 176px;
    padding: 1px;
    margin: 2px 30px 2px 15px;
}

.imgbox2 .imgbox2-desc
{
    width: 42%;
    float: left;
    height: 170px;             
}     
    
.imgbox2 .imgbox2-i img
{
    width: 98%;
    height: 170px;
    border: 0px solid #808000;
}


/***************************************************/    
.imglist3
{
    width:100%;
    float: left;
    margin:5px auto;       
}        
    
.imgbox3
{
    border-style: solid;
    border-width: 1px;
    border-color: #E0E1DD #999999 #999999 #E0E1DD;
    width: 98%;
    float: left;
    height: 160px;
    margin: 10px;
}   
 
.imgbox3 .imgbox3-tl
{
    width: 19px;
    float: left;
    height: 152px;
    padding-top: 5px;
    margin: 1px;
    background-color: #DFDFDF;
    color: #5F5F5F;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
}

.imgbox3 .imgbox3-i
{
    width: 256px;
    float: left;
    height: 156px;
    padding: 1px;
    margin: 2px 30px 2px 15px;
}

.imgbox3 .imgbox3-desc
{
    width: 45%;
    float: left;
    height: auto;
    line-height: 19px;             
}     
    
.imgbox3 .imgbox3-i img
{
    width: 98%;
    height: 150px;
    border: 0px solid #808000;
}

/**********************************/

.imgtable
{
    border: none;
    border-collapse: collapse;
    width: 360px;
} 

.imgtable td
{
    border: solid white 1px;
}
.imgtable tr
{
    height: 23px;  
    background-color: #FCF3CD;
}
  
    
.imgtable tr .tl_td
{
    width: 35%; 
    background-color: #DFDFDF;
}