/*==================================================================================================================*\
	RESET STYLES
\*==================================================================================================================*/
@import url(styles.reset.css);

/*==================================================================================================================*\
	GENERAL SKIN
\*==================================================================================================================*/
body,
input,
button,
select,
option,
textarea{
	font:500 12px/1.5 Helvetica,Jamrul,sans-serif;
}

html {
	margin: 0px;
	padding: 0px;
	height: 100%!important;
}

body {
	height: auto;
	min-height: 100%!important;
}

body{
	background:#000000 url(../../images/core/bg.jpg) repeat-x left top;
	color:#fff;
	margin: 0px;
	padding: 0px;
}

/*==================================================================================================================*\
	BLOCK SIZE AND STRUCTURE
\*==================================================================================================================*/
.wrapper{
	width:1000px;
	margin:0 auto;
}

	.main-header{
		background:url(../../images/core/main-header.jpg);
		height:206px;
		position:relative;
	}
		.main-header .logo{
			display:block;
			width:176px;
			height:192px;
			background:url(../../images/core/logo.png);
			position:absolute;
			top:0;
			left:16px;
			text-indent:-666666px;
			opacity:1;
			filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = "100");
		}
			.main-header .logo:hover{
				opacity:0.9;
				filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = "90");
			}
		.main-header .login{
			position:absolute;
			top:22px;
			right:0;
			background:#000;
			padding:10px 12px;
			font-size:16px;
			font-weight:700;
			color:#fb00d4;
		}
			.main-header .login a{
				color:#fff;
				font-weight:700;
				text-decoration:none;
				margin:0 4px;
			}
				.main-header .login a:hover{
					color:#b2f448;
				}
				
	.short-header{
		background:url(../../images/core/short-header.jpg);
		height:69px;
		position:relative;
	}
		.short-header .logo{
			display:block;
			width:64px;
			height:69px;
			background:url(../../images/core/short-logo.png);
			position:absolute;
			top:0;
			left:16px;
			text-indent:-666666px;
			opacity:1;
			filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = "100");
		}
			.short-header .logo:hover{
				opacity:0.9;
				filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = "90");
			}
		.short-header .login{
			position:absolute;
			top:13px;
			right:0;
			background:#000;
			padding:10px 12px;
			font-size:16px;
			font-weight:700;
			color:#fb00d4;
		}
			.short-header .login a{
				color:#fff;
				font-weight:700;
				text-decoration:none;
				margin:0 4px;
			}
				.short-header .login a:hover{
					color:#b2f448;
				}


	.main-menu{
		background:#000;
		padding:4px 20px;
		overflow:hidden;
	}
		.main-menu .banner{
			float:right;
			line-height:0;
		}
		.main-menu .menu{
			float:left;
		}
			.main-menu .menu li{
				display:inline-block;
				margin:0 18px 0 0;
			}
				.main-menu .menu li a{
					color:#fff;
					font-size:16px;
					line-height:35px;
					font-weight:700;
					text-decoration:none;
				}
					.main-menu .menu li a:hover{
						color:#49d4de;
					}
			.main-menu .menu .active{
			}
				.main-menu .menu .active a{
					color:#49d4de;
				}


	.main-search{
		background:url(../../images/core/bgGreen.png) repeat-x;
		padding:4px 20px;
		overflow:hidden;
	}
		.main-search .title{
			font-size:0;
			line-height:0;
			display:inline-block;
			text-indent:-666666px;
			width:117px;
			height:30px;
			background:url(../../images/core/findShow.png) no-repeat 0 50%;
			float:left;
			margin:0 30px 0 0;
		}
		.main-search form{
			overflow:hidden;
		}
			.main-search form .text{
				font-size:14px;
				font-weight:700;
				color:#88c8cc;
				border-bottom:1px solid #3cadb5;
				padding:0 0 2px;
				margin:8px 6px 0 0;
			}
				.main-search form .text:hover,
				.main-search form .text:focus{
					color:#fff;
				}
			.main-search form .checkbox{
				font-size:14px;
				color:#88c8cc;
				margin:0 0 0 10px;
			}
				.main-search form .checkbox input{
					position:relative;
					bottom:-2px;
				}
				.main-search form .checkbox:hover{
					color:#fff;
				}
			.main-search form .button{
				float:right;
				width:41px;
				height:33px;
				background:url(../../images/core/go.png);
				border:none;
				padding:0;
				margin:0;
				cursor:pointer;
				opacity:1;
				filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = "100");
			}
				.main-search form .button:hover{
					opacity:0.9;
					filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = "90");
				}


	.main-content{
		padding:1px 0;
		background:#fff;
		color: #000;
		overflow:hidden;
	}
		.main-content .next{
			position:relative;
			float:left;
			width:650px;
			height:290px;
			overflow:hidden;
		}
			.main-content .next . jcarousel-skin-tango {
				position:absolute!important;
			}
			.main-content .next .text{
				width:100%;
				position:absolute;
				right:1px;
				bottom:0;
				color:#ff9c00;
				background:url(../../images/core/overlay.png);
				z-index:1000;
			}
				.main-content .next .text p{
					font-weight:700;
					font-size:15px;
					line-height:18px;
					padding:20px 40px;
				}
				.main-content .next .text a{
					font-weight:700;
					color:#ff9c00;
					text-decoration:underline;
				}
					.main-content .next .text a:hover{
						text-decoration:none;
					}
		.main-content .recent{
			width:310px;
			height:290px;
			padding:0 20px;
			float:left;
			color: #fff;
			background:url(../../images/core/bgRecent.png) no-repeat;
		}
			.main-content .recent .recentli {
				display:block;
				margin:20px 0;
			}
				.main-content .recent .recentli .title{
					font-size:16px;
					margin:0 0 4px;
				}
				.main-content .recent .recentli .image{
					float:right;
					text-align: center;
				}
				.main-content .recent .recentli .image img {
					border:1px solid #fff;
				}
				.main-content .recent .recentli .info{
					font-size:14px;
					line-height:18px;
				}
				
					.main-content .recent .recentli .info .info-items {
						margin: 0px;
						padding: 0px;
					}
					.main-content .recent .recentli .info .info-items li {
						margin: 0px;
						padding: 0px;
					}
				
					.main-content .recent .recentli .info a{
						color:#fff;
						text-decoration:underline;
					}
						.main-content .recent .recentli .info a:hover{
							text-decoration:none;
						}
						

.main-banner
{
	padding: 0px;
	background: #fff;
	overflow: hidden;
}

.main-banner li
{
	float: left;
	display: block;
	padding: 0px;
	border-left: 1px solid #FFFFFF;
	border-top: 0px;
	border-bottom: 1px solid #FFFFFF;
}

.main-banner li.last-banner
{
	border-right: 1px solid #FFFFFF;	
}

.main-banner li a
{
	display: block;
	line-height: 0px;
}

	.main-footer{
		overflow:hidden;
	}
	
.main-footer li
{
	display: block;
	float: left;
	width: 460px;
	padding: 20px 20px 10px 20px;
}

		.main-footer .left{
			/*background:#4e4e4e;*/
		}
			.main-footer .left .title{
				font-size:20px;
				letter-spacing:0.1em;
				color:#fff;
				margin:0 0 6px;
			}
			.main-footer .left .title a {
				text-decoration:none;
			}
			.main-footer .left .title a:hover {
				text-decoration:underline;
			}
				
div.main-copyright
{
	color: #dbdbdb;
	font-size: 11px;
}

div.main-copyright a
{
	color: #dbdbdb;
	margin: 0 2px;
	text-decoration: none;
}

div.main-copyright a:hover
{
	text-decoration: underline;
}

.main-footer .right
{
	padding-top: 25px;
}

			.main-footer .right .title{
				color:#fff;
				margin:0 0 6px;
				font-size:16px;
				font-weight:700;
			}
				.main-footer .right .title a{
					color:#b2f448;
					text-decoration:none;
					font-weight:700;
				}
					.main-footer .right .title a:hover{
						text-decoration:underline;
					}
			.main-footer .right .info{
				font-size:11px;
				color:#4ad6e0;
				line-height:13px;
			}
				.main-footer .right .info a{
					color:#4ad6e0;
					text-decoration:none;
				}
					.main-footer .right .info a:hover{
						text-decoration:underline;
					}





/*** ***/
.pink	{color:#fb00d4!important;}
.green	{color:#b2f448!important;}
.blue {color:#49d4de!important;}
/*.red {color:#B44242!important;}*/
.red {color:#fb00d4!important;}
.cherry {color:#df2e88!important;}
				
					
.pagination {
	text-align: center;
}

.pagination strong {
	font-size: 11px;
	color: #fff;
	margin: 0px 2px;

	border:1px solid #49d4de;
	padding:2px 12px;
	background:#000;

	display:-moz-inline-stack;
	display:inline-block;
	_overflow:hidden;
	zoom:1;
	*display:inline;
}

.pagination a {
	font-size: 11px;
	color: #ffffff;
	margin: 0px 2px;
	text-decoration: none;
	
	border:1px solid #666;
	padding:2px 12px;
	
	display:-moz-inline-stack;
	display:inline-block;
	_overflow:hidden;
	zoom:1;
	*display:inline;
}

.pagination a:hover {
	color: #fff;
	border:1px solid #49d4de;
	padding:2px 12px;
	background:#000;
}


h1.title {
	font-size: 18px;
	font-weight: bold;
	padding: 20px;
	margin: 0px;
	color: #49D4DE;	
}

.maxlength_counter {
	font-size: 11px;	
}


div.image-190-190 {
	width: 190px;
	height: 190px;
	overflow: hidden;
	text-align: center;
	line-height: 190px!important;
	font-size: 190px!important;
	vertical-align: middle!important;
}

div.image-190-190 a {
	display: block;
	width: 190px;
	height: 190px;
	overflow: hidden;
	text-align: center;
	line-height: 190px!important;
	font-size: 0px!important;
	vertical-align: middle!important;
}

img.image-190-190 {
	vertical-align: middle!important;
	max-width: 190px!important;
	width: expression(this.offsetWidth < 190 ? "auto" : 190)!important;
	max-height: 190px!important;
	height: expression(this.offsetHeight < 190 ? "auto" : 190)!important;
}

div.image-195-145 {
	width: 195px;
	height: 145px;
	overflow: hidden;
	text-align: center;
	line-height: 145px!important;
	font-size: 145px!important;
	vertical-align: middle!important;
}

div.image-195-145 a {
	display: block;
	width: 195px;
	height: 145px;
	overflow: hidden;
	text-align: center;
	line-height: 145px!important;
	font-size: 0px!important;
	vertical-align: middle!important;
}

img.image-195-145 {
	vertical-align: middle!important;
	max-width: 195px!important;
	width: expression(this.offsetWidth < 195 ? "auto" : 195)!important;
	max-height: 145px!important;
	height: expression(this.offsetHeight < 145 ? "auto" : 145)!important;
}

div.image-100 {
	width: 100px;
	overflow: hidden;
	text-align: center;
	line-height: 0px!important;
	font-size: 0px!important;
}

img.image-100 {
	max-width: 100px!important;
	width: expression(this.offsetWidth < 100 ? "auto" : 100)!important;
}

div.image-260 {
	width: 260px;
	overflow: hidden;
	text-align: center;
	line-height: 0px!important;
	font-size: 0px!important;
}

img.image-260 {
	max-width: 260px!important;
	width: expression(this.offsetWidth < 260 ? "auto" : 260)!important;
}

div.image-60-60 {
	width: 60px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	line-height: 60px!important;
	font-size: 60px!important;
	vertical-align: middle!important;
}

div.image-60-60 a {
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	line-height: 60px!important;
	font-size: 0px!important;
	vertical-align: middle!important;
}

img.image-60-60 {
	vertical-align: middle!important;
	max-width: 60px!important;
	width: expression(this.offsetWidth < 60 ? "auto" : 60)!important;
	max-height: 60px!important;
	height: expression(this.offsetHeight < 60 ? "auto" : 60)!important;
}

div.image-85-85 {
	width: 85px;
	height: 85px;
	overflow: hidden;
	text-align: center;
	line-height: 85px!important;
	font-size: 85px!important;
	vertical-align: middle!important;
}

div.image-85-85 a {
	display: block;
	width: 85px;
	height: 85px;
	overflow: hidden;
	text-align: center;
	line-height: 85px!important;
	font-size: 0px!important;
	vertical-align: middle!important;
}

img.image-85-85 {
	vertical-align: middle!important;
	max-width: 85px!important;
	width: expression(this.offsetWidth < 85 ? "auto" : 85)!important;
	max-height: 85px!important;
	height: expression(this.offsetHeight < 85 ? "auto" : 85)!important;
}

div.image-140-100 {
	width: 140px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	line-height: 100px!important;
	font-size: 100px!important;
	vertical-align: middle!important;
}

div.image-140-100 a {
	display: block;
	width: 140px;
	height: 100px;
	overflow: hidden;
	text-align: center;
	line-height: 100px!important;
	font-size: 0px!important;
	vertical-align: middle!important;
}

img.image-140-100 {
	vertical-align: middle!important;
	max-width: 138px!important;
	width: expression(this.offsetWidth < 138 ? "auto" : 138)!important;
	max-height: 98px!important;
	height: expression(this.offsetHeight < 98 ? "auto" : 98)!important;
}

.loading {
	background-image: url(../../images/core/card.jpg)!important;
}

blockquote {
	padding: 10px 30px;
	border: 1px solid #ffffff;
}