.h2{
    background:url(/templates/images/title_right.gif) no-repeat right;
	height:25px;
}
    .h2 div{
        background:url(/templates/images/title_left.gif) no-repeat left;
	    height:21px;
		padding-top:4px;
		line-height:21px;
		text-indent:25px;
		width:190px;
		float:left;
		overflow:hidden;
		font-weight:bold;
	}
.h3{
    background:url(/templates/images/title_mid_bg.gif) repeat-x;
	height:26px;
	border:1px solid #cae6ba;
	border-bottom:none;
	text-align:right;
	padding-right:5px;
	line-height:26px;
}	
    .h3 div{
	    line-height:26px;
		text-indent:10px;
		width:250px;
		font-weight:bold;
		float:left;
		text-align:left;
        background:url(/templates/images/title_mid.gif) no-repeat left;
	}
.h4{
    border:1px solid #7ccece;
	height:24px;
	line-height:24px;
	background:url(/templates/images/title_green_bg.gif) repeat-x;
}	
    .h4 div{
	     width:300px;
		 float:left;
		 background:url(/templates/images/title_green.gif) no-repeat;
		 text-indent:25px;
		 font-weight:bold;
		 line-height:20px;
		 padding-top:4px;
	}	
.h5{
    background:url(/templates/images/class_list.gif) no-repeat right;
	height:25px;
}
    .h5 div{
        background:url(/templates/images/class_list.gif) no-repeat left;
	    height:21px;
		padding-top:4px;
		line-height:21px;
		text-indent:25px;
		width:190px;
		float:left;
		overflow:hidden;
		font-weight:bold;
	}	
/*-------------------*/	
#tag{
    padding-bottom:5px;
}
/*-------------------*/	
#index{
    width:100%;
	margin-bottom:5px;
}
#index_ad{
    width:352px;
	float:right;
	height:45px;
	overflow:hidden;
}
#info{
    width:352px;
	float:right;
	border-bottom:1px solid #7ccece;
	height:245px;
	overflow:hidden;
	margin-bottom:5px;
}
    #info p{
	    padding:5px;
		border-left:1px solid #7ccece;
		border-right:1px solid #7ccece;
		clear:both;
		height:63px;
	    background:#f7fcfc;
	}
	    #info p img{
	        float:left;
	    	padding:3px;
            border:1px solid #7ccece;
	    	width:80px;
		    height:55px;
		    margin-right:5px;
	    }
	    #info p br{
	        line-height:0px;
    		font-size:0px;
    	}
    	#info p .title{
	        float:left;
	    	width:240px;
	    	line-height:22px;
			border-bottom:1px dashed #ddd;
    	}
	    #info p span{
	        line-height:20px;
	    	color:#666;
    	}
/*-------------------*/	
.left{
    width:200px;
	float:left;
}
    .img_one{
         border:1px solid #7ccece;
         border-bottom:none;
		 text-align:center;
	     background:#f7fcfc;
		 padding-top:10px;
		 overflow:hidden;
	}
	    .img_one img{
		    height:90px;
			width:130px;
			padding:3px;
            border:1px solid #7ccece;
		}
.ad2{
	margin-bottom:5px;
	background:url(/templates/images/ad_03.jpg) no-repeat;
	height:60px;
}	
.class_list{
    border:1px solid #7ccece;
	border:1px solid #aae869;
	padding-top:5px;
	margin-bottom:5px;
}
	.class_list div{
		clear:both;
		border-bottom:1px dashed #ccc;
		margin-bottom:5px;
	}
    .class_list div span{
	    float:left;
		line-height:22px;
		padding-left:10px;
		color:#f60;
	}
    .class_list div ul{
	    float:right;
		width:130px;
	}
	.class_list div li{
	    width:50%;
		float:left;
		line-height:20px;
		height:20px;
		text-align:left;
	}
/*-------------------*/	
.mid{
    float:left;
	width:560px;
	height:200px;
	margin-left:5px;
	display:inline;
}
#hot{
    width:100%;
	float:left;
}
     #hot #title{
	     height:25px;
		 line-height:25px;
	     border-bottom:1px solid #ffb404;
		 background:url(/templates/images/hot_arrow.gif) no-repeat 5px 5px;
		 text-indent:20px;
		 font-weight:bold;
	 }
	 #hot ul{
	     width:100%;
		 background:#fff9ee;
		 padding:4px 0px;
		 margin-bottom:0px;
		 height:43px;
		 overflow:hidden;
	 }
	     #hot ul li{
		     float:left;
			 width:50%;
		     background:url(/templates/images/slide_arrow.gif) no-repeat 5px 5px;
			 text-indent:15px;
			 line-height:22px;
		 }
/*-------------------*/	
.right{
    width:200px;
	float:right;
}
    .right .img,.left .img{
         border:1px solid #7ccece;
         border-bottom:1px dashed #ccc;
		 text-align:center;
	     background:#f7fcfc;
		 padding-top:5px;
		 height:70px;
		 overflow:hidden;
	}
	    .right .img li,.left .img li{
		    float:left;
			margin-left:5px;
			display:inline;
			width:91px;
			overflow:hidden;
		}
	        .right .img li img,.left .img li img{
		        width:83px;
			    height:58px;
			    margin:0px auto;
			    padding:3px;
                border:1px solid #7ccece;
	        }
	.right .title,.left .title{
	    height:25px;
		line-height:25px;
		color:#f60;
	}
.ad{
	margin-bottom:5px;
	height:38px;
}	
    .ad img{
	    height:38px;
		width:200px;
		overflow:hidden;
	}
/*-------------------*/	
.arrow_a,.arrow_b{
    border-left:1px solid #7bcece;
    border-right:1px solid #7bcece;
	margin-bottom:5px;
}
    .arrow_a li,.arrow_b li,#tab3 li{
	    border-bottom:1px solid #b0e2e2;
		height:22px;
		line-height:22px;
		text-indent:5px;
		clear:both;
	}
	.arrow_a li span,.arrow_b li span,#tab3 li span{
		color:#fff;
		padding:4px 3px 0px 3px;
		margin-right:5px;
		font-size:10px;
		font-weight:bold;
	}
	.arrow_a li span{
	    background:url(/templates/images/arrow_a.gif) no-repeat 0px 5px;
	}
	.arrow_b li span,#tab3 li span{
	    background:url(/templates/images/arrow_b.gif) no-repeat 0px 5px;
	}
    .arrow_a li a:hover,.arrow_b li a:hover,#tab3 li a:hover{color:#f60;}
/*Tab*/
#tab2{
	float:left;
	width:200px;
	background:url(/templates/images/tab_topbg.gif) repeat-x left 23px;
}
    #tab2 div,#tab3 div{
	    float:left;
	    width:100%;
	    display:none;
    }
    #tab2 h3{
	    float:left;
	    width:66px;
	    height:17px;
	    padding:6px 0 0 0;
	    margin:0 -1px 0 2px;
	    font-size:12px;
	    font-weight:normal;
	    cursor:pointer;
	    text-align:center;
	    background:url(/templates/images/tab_bg.gif) no-repeat 0 -24px;
	    display:inline;
    }
    #tab2 .up{
        background:url(/templates/images/tab_bg.gif) no-repeat 0 0;
	    color:#f60;
	    padding-bottom:1px;
    }
    #tab2 .block,#tab3 .block{display:block;background:#fff;}

/*-------------------*/
#new{
    width:226px;
	float:left;
	margin-left:5px;
	display:inline;
	margin-bottom:5px;
}   	
    #new ul{
        border:1px solid #ffd79b;
	    border-top:none;
	    background:#fff9ee;
    }
	    #new ul li{
		    line-height:22px;
			text-indent:10px;
			width:100%;
			clear:both;
		}
#tab3{
	width:226px;
	float:left;
	background:url(/templates/images/hot_tab_bg.gif) repeat-x left 23px;
}
    #tab3 h3{
	    float:left;
	    width:112px;
	    height:18px;
	    padding:6px 0 0 0;
	    margin:0 -1px 0 0;
	    font-size:12px;
	    font-weight:normal;
	    cursor:pointer;
	    text-align:center;
	    background:url(/templates/images/hot_tab.gif) no-repeat 0 -24px;
    }
    #tab3 .up{
        background:url(/templates/images/hot_tab.gif) no-repeat 0 0;
        color:#f60;
    }
	#tab3 ul{
		border:1px solid #ffd79b;
		border-bottom:1px dashed #ffd79b;
		border-top:none;
		padding-top:6px;
		background:none;
	}
	#tab3 li{
		border-bottom:none;
	}
/*-------------------*/
.product{
	margin-bottom:5px;
	clear:both;
}
.product .h3{
	border:1px solid #cae6ba;
    border:1px solid #96cd74;
	border-bottom:none;
    background:url(/templates/images/title_mid_bg_.gif) repeat-x;
}
    .product .h3 div{
        background:url(/templates/images/title_mid_.gif) no-repeat left;
		width:300px;
    }
    .product ul{
        border:1px solid #cae6ba;
        border:1px solid #96cd74;
		border-top:none;
		height:230px;
		overflow:hidden;
	}
	.product li{
	    width:310px;
		float:left;
		margin-left:10px;
		display:inline;
		padding-top:10px;
	}
	.product li div{
	    width:auto;
		float:left;
		text-align:center;
		line-height:25px;
	}
	.product li div img{
	    padding:3px;
        border:1px solid #cae6ba;
        border:1px solid #96cd74;
		height:90px;
		width:130px;
	}
	.product li p{
	    float:right;
		line-height:20px;
		width:165px;
	}
	.product li p a{
	    color:red;
		text-decoration:underline;
	}
	.product li p br{
	    font-size:0px;
		line-height:0px;
	}
	.product li span{
	    clear:both;
		line-height:20px;
		color:#666;
		border-bottom:1px dashed #ccc;
	}
/*-------------------*/
.half{
    float:left;
	width:277px;
}
    .half p{
        border:1px solid #cae6ba;
		border-top:none;
		height:70px;
		padding:11px 0px 11px 5px;
	    background:#f7fcf5;
		overflow:hidden;
	}
	.half p img{
	    width:87px;
		height:60px;	
		float:left;
		padding:3px;
        border:1px solid #cae6ba;
		margin-right:5px;
	}
	.half p .title{
	    float:left;
		height:30px;
		line-height:30px;
		font-weight:bold;
		width:163px;
	}
	.half p span{
		line-height:20px;
		text-indent:20px;
		color:#666;
		display:inline;
	}
.half ul{
    border:1px solid #cae6ba;
	border-top:none;
	margin-bottom:5px;
	padding-top:6px;
}
    .half ul li{
	    height:22px;
		line-height:22px;
		clear:both;
		text-indent:15px;
		background:url(/templates/images/icon.gif) no-repeat 5px 10px;
	}
/*-------------------*/
#friendlink{
    width:100%;
}	
    #friendlink p{
	    height:25px;
		line-height:25px;
		background:#7ccece;
		text-indent:10px;
		font-weight:bold;
	}