@charset "utf-8";
/* ===== CONTENTS LIST v3 ===== */

.cLv3 {
	/* background		: rgba(240,150,140,.2);	CHK */
}
	.cLv3-li {
		/* background		: rgba(250,250,140,.7);	CHK */
		display			: block;
		float			: left;
		line-height		: 1.1;
		margin			: 0 12px 40px;
		width			: 211px;
	}
		.cLv3-li a {
			text-decoration			: none;
		}
	.JQhL-cv3C {
		display				: table-cell;
		font-size			: 10px;
		padding				: 0 0 4px 0;
		vertical-align		: bottom;
		z-index				: 0;
	}
		.JQhL-cv3UDC {
			display		: none;
		}
		 #cv3_eYM .JQhL-cv3UDC {
			color				: #00aecb;
			display				: block;
			font-size			: 14px;
			font-weight 		: bold;
			margin				: 4px 0 4px;
			width				: 100%;
		}
	.cv3CV {
		display			: block;
		position		: relative;
	}
		.cv3CV img {
			display			: block;
			height			: auto;
			width			: 100%;
		}
		.cv3COvr { 
			background		: rgba(0,0,0,.5);
			color			: #fff;
			filter				: alpha(opacity=0);
				-moz-opacity	: 0;
		 		opacity			: 0;
			height			: 176px;
			left			: 0;
			padding			: 0 5px;
			position		: absolute;
			transition				: all 0.4s;
				-webkit-transition		: all 0.4s;
				-moz-transition			: all 0.4s;
				-ms-transition			: all 0.4s;
				-o-transition			: all 0.4s;
			top				: 0;
			width			: 201px;
		}
		.cv3COvr:hover {
			filter				: alpha(opacity=100);
				-moz-opacity	: 1;
		 		opacity			: 1;
		}
			.cv3COvr h5 {
				font-size		: 16px !important;
				font-weight		: normal;
				margin			: 10px 0 !important;
			}
			.cv3COvr p {
				margin			: 5px 0 !important;
			}
	.cLv3-li nav {
		min-height		: 80px;
		position		: relative;
	}
		.cv3_TBTN,
		.cv3_BBTN {
			min-height			: 36px;
			position			: absolute;
			width				: 100%;
		}
		.cv3_TBTN {
			bottom			: 40px;
		}
		.cv3_BBTN {
			bottom			: 0;
		}
			.cv3_TBTN label,
			.cv3_BBTN a {
				color				: #fff !important;
				display				: block;
				font-size			: 16px;
				height				: 36px;
				line-height			: 36px;
				text-align			: center;
			}
			.cv3_TBTN label {
				background			: #30b8a6;
				position			: relative;
			}
			.cv3_TBTN label:hover {
				background			: #70d2c5;
				cursor				: pointer;
			}
			.cv3_BBTN a {
				background			: #ef7c42;
				z-index				: 120;
			}
			.cv3_BBTN a:hover {
				background			: #ff9650;
			}
				.cv3_TBTN label i,
				.cv3_BBTN a i {
					font-size		: 18px;
					margin			: 0 5px 0 0;
				}
			.cv3_TBTN input[type="checkbox"].on-off {
				display				: none;
			}
				.cv3_TBTN input[type="checkbox"].on-off + ul {
					max-height					: 0;
					overflow					: hidden;
				}
				.cv3_TBTN input[type="checkbox"].on-off:checked + ul {
					max-height						: 50em;
				}
			.cv3_TBTN ul {
				list-style				: none;
				margin					: 0;
				padding					: 0;
			}
				.cv3_TBTN ul li {
					background				: #fff;
				}
				.cv3_TBTN ul li:hover {
					background				: #edfffd;
				}
					.cv3_TBTN ul li a {
						border-bottom			: 1px solid #30b8a6;
						border-left				: 1px solid #30b8a6;
						border-right			: 1px solid #30b8a6;
						color					: #30b8a6!important;
						display					: block;
						font-size				: 14px;
						padding					: 10px 0;
						text-align				: center;
						vertical-align			: middle;
					}

@media screen and (max-width: 991px) {
	.cLv3-li {
		width			: 216px;
	}
		.cv3COvr { 
			height			: 180px;
			width			: 216px;
		}
}

@media screen and (max-width: 767px) {
	.cLv3-li {
		float			: none;
		margin			: 6px auto 20px;
		width			: 300px;
	}
		.cv3COvr { 
			bottom			: 123px;
			height			: 250px;
			width			: 290px;
		}
	.cLv3-li nav {
		border-bottom		: 2px dotted #ccc;
		min-height			: 0;
		padding				: 0 0 20px;
		position			: static;
	}
		.cv3_TBTN,
		.cv3_BBTN {
			background			: none;
			min-height			: 0;
			position		: static;
		}
		.cv3_TBTN {
			bottom			: 60px;
		}
			.cv3_TBTN label,
			.cv3_BBTN a {
				height				: 54px;
				line-height			: 54px;
				margin				: 6px 0 0;
			}
				.cv3_TBTN ul li a {
					font-size				: 16px;
					padding					: 16px 0;
				}
}



/* ===== STRIPE ===== */
.bg_Lgry {
	background	: -moz-linear-gradient(left top,
					#efefef,#efefef 25%,
					#fff 25%,#fff 50%,
					#efefef 50%,#efefef 75%,
					#fff 75%,#fff);  
	background	: -webkit-gradient(linear, left top, right bottom,
					from(#efefef),
						color-stop(25%, #efefef),
						color-stop(25%, #fff),
						color-stop(50%, #fff), 
						color-stop(50%, #efefef),
						color-stop(75%, #efefef),
						color-stop(75%, #fff),
					to(#fff)); 
	-moz-background-size	: 7px 7px;
	-webkit-background-size	: 7px 7px;
	background-size			: 7px 7px;
}
.bg_ymB {
	background	: -moz-linear-gradient(left top,
					#dce3ea,#dce3ea 25%,
					#eee 25%,#eee 50%,
					#dce3ea 50%,#dce3ea 75%,
					#eee 75%,#eee);  
	background	: -webkit-gradient(linear, left top, right bottom,
					from(#dce3ea),
						color-stop(25%, #dce3ea),
						color-stop(25%, #eee),
						color-stop(50%, #eee), 
						color-stop(50%, #dce3ea),
						color-stop(75%, #dce3ea),
						color-stop(75%, #eee),
					to(#eee)); 
	-moz-background-size	: 7px 7px;
	-webkit-background-size	: 7px 7px;
	background-size			: 7px 7px;
}

/* ===== CLEAR ===== */
	.cf:after {
		clear				: both;
		content				: ".";
		display				: block;
		height				: 0;
		visibility			: hidden;
	} 
	.cf {
		display: inline-table;
	}
		/* Hides from IE-mac \*/  
		* html .cf {
			height				: 1%;
		}  
		.cf {
			display				: block;
		}