/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 23.5%; } 
.grid_4 { width: 32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 74.5%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	margin: 0 20px 20px 0;
	float: left;
	display: block;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{position:relative;z-index:99;clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


@media only screen and (min-width: 767px) and (max-width: 1023px) {	
	
	.exhib_cont {width:282px;}
	.exhib_block p {width:250px;}
	.exhib_date_top {left:49.3%;}

	
	.grid_3			{ width: 166px; }
	.grid_4			{ width: 228px; }
	.grid_5      	{ width: 290px; }
	.grid_6      	{ width: 352px; }
	.grid_7   		{ width: 414px; }
	.grid_8   		{ width: 475px; }
	.grid_9			{ width: 538px; }
	.grid_12		{ width: 724px; }
}



@media only screen and (min-width: 480px) and (max-width: 766px) {

	.exhib_line_center {left:4px;height:79%;}
	.exhib_date_top {left:0;}
	.exhib_p_top {margin-left:120px;}
	.exhib_date_left, .exhib_date_right {
		top:-30px;
		left:-42px;
		height:115px;
		padding-left:40px;
		text-align:left;
		background:url(../../images/exhib_date_left_bg.png) no-repeat left center;
	}
	.exhib_cont:hover .exhib_date_left, .exhib_cont:hover .exhib_date_right {background:url(../../images/exhib_date_left_bg_h.png) no-repeat left center;
	}
	
	
	.exhib_cont, .exhib_block .fleft {
	margin-left: 42px;
	margin-top: 50px;
	width: 93%;
	}
	

	
	.fright{float:none;}
	.fleft{float:none;}
	
}

@media screen and (max-width : 479px) {	
	
	.exhib_line_center {left:4px;height:79%;}
	.exhib_date_top {left:0;}
	.exhib_p_top {margin-left:42px;padding-top:30px;}
	.exhib_date_left, .exhib_date_right {
		top:-30px;
		left:-42px;
		height:115px;
		padding-left:40px;
		text-align:left;
		background:url(../../images/exhib_date_left_bg.png) no-repeat left center;
	}
	.exhib_cont:hover .exhib_date_left, .exhib_cont:hover .exhib_date_right {background:url(../../images/exhib_date_left_bg_h.png) no-repeat left center;
	}

	
	.exhib_cont, .exhib_block .fleft {
		margin-left:42px;
		margin-top:50px;
		width:86%;
	}
	
	.fright{float:none;}
	.fleft{float:none;}

}