/* CSS Document */

.HomeGrey{	background-color:#e2e2e2;		}


/* SLIDER */
.HomeSlider{	background-position:top center; 	background-repeat:no-repeat;	}
.HomeSlider	table{	min-height:370px;		}
.HomeSlider .Bt{		width:60px;	vertical-align:middle; cursor:pointer;	background-repeat:no-repeat; background-position:center; }
.HomeSlider .Left{	background-image:url(home/slide_left.png);	}
.HomeSlider .Right{	background-image:url(home/slide_right.png);	}

.HomeSlider .Link{		padding:20px 10px 0 20px; 	}
.HomeSlider .Text{		margin-bottom:30px;	padding:20px 40px;	font-size:26px;	background-image:url(home/slide_text_alpha.png);	background-repeat:repeat; 	}
.HomeSlider	a{				color:#FFF;	}
.HomeSlider	a:hover{	text-decoration:none;	}
.HomeSlider .BtLink{	background-color:#FFF;	padding:5px 10px;		font-size:12px; 	float:right;	margin-right:-40px;		}
.HomeSlider .Pad{			padding-bottom:0;	}

/* */
.HomeBoxL, .HomeBoxR{		width:470px;	margin:25px 0px;	background-color:#fcfcfc;		box-shadow:3px 3px 5px #CCC;	}
.HomeBoxL a:hover, .HomeBoxR a:hover{		text-decoration:none;	}
.HomeBoxL{	float:left;	}
.HomeBoxR{	float:right;}

/* */
.HomeCol1{	float:left; 	width:420px;	}
.HomeCol2{	float:left; 	width:200px; margin:0 20px;	}
.HomeCol3{ 	float:right; 	width:300px; }


/* BANNER */
.HBanner{	background-color:#FFF;	padding:5px 0;	border:1px solid #CCC;	/* */ box-shadow:0 3px 5px #999;	}
.HBannerScroll{	overflow:hidden;	}
.HBanner .Text{	width:350px;	text-align:center; vertical-align:middle; border-right:1px solid #999; font-size:22px;	}



/* NEWS */
.News .HTitle, .News .HTitleSoci{		float:left;			padding:5px 10px;		font-size:28px;		color:#FFF;	}
.News .HTitle{			background-color:#3C3C3C;	}
.News .HTitleSoci{	background-color:#d21b7b;	}
.News .All{		float:right;	padding-top:15px;	}
.News .All a{	color:#000;		font-size:13px;		}
.News .ItemHTitle{	font-size:16px;		color:#000;		}

/* SOCI */
.HSoci{			background-color:#f3f0f0;	}
/* */
.HSociSlide{	width:265px; height:265px;	background-color:#FFF; background-position:center; background-repeat:no-repeat;	text-align:center; 	}
.HSociSlide .Fade{ opacity:0;	transition:opacity .5s ease-out;	}
.HSociSlide .FadeIn{	opacity:1;	}

/* VIDEO */
.HVideo{				border:1px solid #000; 		box-shadow:8px 8px 0px #3c3c3c;	}
.HVideo .ItemVideo{	float:left;		padding:10px;	width:260px;	}
.HVideo .ItemText{	float:right;	padding:10px 10px 10px 0;	width:150px;	}





/*  */
@media screen and (max-width:900px), (max-device-width:900px){
	
	/* SLIDER */
	.HomeSlider	table{	min-height:270px;		}
	.HomeSlider .Bt{		width:40px; }
	.HomeSlider .Link{		padding:10px 10px 0 10px; 	}
	.HomeSlider .Text{		margin-bottom:10px;		padding:10px 20px;	font-size:18px !important;		}
	.HomeSlider .Text span{	font-size:18px !important;	}
	.HomeSlider .BtLink{		margin-right:-20px;		}
	
	/* */
	.HomeBoxL, .HomeBoxR{		width:auto;	margin:25px 10px;	float:none;	 clear:both; }

	.HomeCol1, .HomeCol2, .HomeCol3{ 	float:none; 	width:auto; margin:0;	padding:0 5px; }
	
	/* BOX SOCI */
	.HSociText{				width:41%;	padding-left:10px;	float:right;	}
	.HSociSlideLink{	width:59%;	text-align:center;	display:block;		}
	.HSociSlide{	margin:0 auto;	}
	
	/* */
	.HBanner{		display:none;	}
	
	/* VIDEO */
	.HVideo .ItemVideo{	width:55%;	 text-align:center;	}
	.HVideo .ItemText{	width:45%;	}
	
}

@media screen and (max-width:500px), (max-device-width:500px){
	/* BOX SOCI */
	.HSociText{		width:100%;		min-width:inherit;		float:none;	}
	.HSociSlideLink{	width:auto;		}
	.HSociSlide{	display:inline-block;		}
	
	/* VIDEO */
	.HVideo .ItemVideo{	width:auto;	float:none;	}
	.HVideo .ItemText{	width:auto;	float:none; padding-left:10px;	}
}