@charset "utf-8";
html, #bin, body {
	height: 100%;
	margin: 0;
	padding: 0;	
}
body {
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFF;
	font-weight: bold;
}
a, .cherry {
	text-decoration: none;
	color: #e02b50;
}
a:hover {
	text-decoration: underline;
}
.sand {
	color: #E8DCC4 !important;
}

#ob {
	width: 827px;
	margin: 0px auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
#nb {
	position:relative;
}	
	#nb a {
		color: #fff;
		font-weight: bold;
	}
	#tl {
		font-size: 36px;
		font-family:"Times New Roman", Times, serif;
		margin-right: 35px;
		font-weight: normal !important;
	}
	#slb, #slj {
		display: inline-block;
	}
	#slb a {
		margin-right: 20px;
	}
	#slj {
		position: absolute;
		right: 0;
		bottom: 5px;
	}
	#slj a{
		color: #e02b50;
		font-size:18px;
	}
#mb {
	border: 1px solid #666;
	min-height: 600px;
}
	#ubb {
		color: #E8DCC4;
		text-align:center;
		padding: 8px 0px;
	}
	#bb, #uvb, #lub {
		padding: 20px 0px;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		clear:both;
	}
	#cb, #lab {
		display: inline-block;
		width: 297px;
		float:left;
		border-right: 1px solid #666;
	}
	#cb {
		height: 351px;
		text-align:center;
	}
	#cb img {
		padding: 20px 0 7px 0;
	}
	#cb span {
		color: #E8DCC4;
	}
	.ts, .tm, .bs, .bm {
		height: 175px;
		width: 175px;
		text-align:center;
		float: left;
	}
	.h {
	    display: inline-block;
	    height: 100%;
	}
	.ti, .h {
	    vertical-align: middle;
	}
	.ts, #vb {
		border-bottom: 1px solid #666;
	}
	.tm, .bm {
		border: 1px solid #666;
		border-top: none !important;
	}
	.bm, #lub {
		border-bottom: none !important;
	}
	#uvb {
		text-align:right;
		padding-right: 20px;
		padding-top: 13px !important;
	}
	.llnk {
		padding-right: 70px;
		font-size: 20px;
	}
	#uvb img {
		position:relative;
		top: 7px;
	}
	#lab {
		height: 692px;
		background-color: #191919;
		position:relative;
		text-align:center;
		padding-top: 10px;
	}
	#labtb {
		text-align: left;
		font-size: 13px;
		padding: 7px 20px;
	}
	#lab #podi {
		position: absolute;
		bottom:10px;
		width: 100%;
		color: #E8DCC4 !important;
	}
	#vb {
		height: 350px;
		position: relative;
		width: 527px;
		margin-left: 298px;
		overflow:hidden;
		z-index:0;
	}
	#vib {
		width:527px;
		height:295px;
		display: inline-block;
	}
	#vtb {
		padding:10px 0 0 15px;
	}
	#cover {
		display: none;
		position:absolute;
		background-color: #fff;
		color:#000;
		height: 295px;
		text-align: center;
		font-size: 20px;
		opacity:0.8;
		filter:alpha(opacity=80);
		padding: 120px 10px;
	}
#cover b {
	color:#F00;
}
	#lub {
		padding: 15px 10px 20px 0px;
		text-align: right;
	}
		#lub h2 {
			margin:0;
			padding: 0;
			text-align:left;
		}
		#lub span, #lub h2 {
			font-size: 16px;
			width: 401px;
			display: inline-block;
		}
		#lu {
			padding-top:5px;
		}
		#lu a {
			margin-left: 15px;
		}
		#lu img {
			width: 149px;
			height: 207px;
		}
		.li {
			margin-left: 0px !important;
		}
#fb, #cpb {
	text-align:center;
	padding-top: 10px;
		font-size: 12px;
}
	#fb a {
		color: #fff;
		margin-right: 20px;
	}
	#fb .flr {
		margin-right: 0px !important;
	}
#cpb a {
	color: #666;
}



#fcover, #fcover #bg {
	top: 0px;
	left: 0px;
	width: 100%;
}
#fcover {
	display: none;
	position:absolute;
	z-index:10;
	text-align: center;
}
#fcover #bg {
	background-color:#000;
	z-index: 0;
	opacity:0.9;
	filter:alpha(opacity=90);
	position: fixed;
	height: 100%;
}
#ca {
	z-index: 101;
	margin: 0px auto;
	background-color:#222;
	color:#FFF;
	position:relative;
	display: inline-block;
	padding: 10px;
	border: 1px solid #999;
	top: 10px;
	font-size: 20px;
	box-shadow: 0px 0px 15px #fff;
}
@media only screen and (max-width: 1024px) {
	#ca {
		max-width: 827px;
	}
}
#ca img {
	clear:both;
	margin-top: -10px;
}
.ti, #bg {
	cursor: pointer;
}
#close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: inline-block;
	padding: 6px 3px;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
}
#fi, #fi2 {
	max-width: 100%;
}

#ph, #nh {
	position: absolute;
	top:50px;
	width: 50%;
	height: 90%;
	display: inline-block;
	cursor:pointer;
}
#ph {
	left:-50px;
}
#nh {
	right:-50px;
}
#prev, #next {
	position: absolute;
	top: 100px;
	background-color: #fff;
	color: #333;
	padding: 3px 10px;
	box-shadow: 0px 0px 15px #000;
	cursor: pointer;
	display: none;
	z-index:999;
}
#prev {
	left: 40px;
	-moz-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}
#next {
	right: 40px;
	-moz-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#cnt {
	padding-top: 5px;
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	color: #ddd;
}
#offerBox {
	position: fixed;
	bottom: 0px;
	right: 0px;
	display:none;
	text-align:left;
	width:320px;
	z-index:9999;
	box-shadow: 0px 0px 10px #fff;
	background-color: #eee;
	padding:5px;
	color: #000;
	border: 1px solid #444;
	font-family:"Times New Roman", Times, serif;
	font-weight: normal;
}
#obc {
	float: right;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999;
	cursor:pointer;
}
#offerBox b {
	font-size: 20px;
}
#offerBox a {
	text-decoration: none;
	color:#3366FF;
	font-weight: bold;
	font-size: 18px;
}
