/* homepage */
.wideBackground{background:url(../images/home-bg1.jpg) 50% 80px no-repeat #e7dbcb;}

.homepage-bg-mask{
	background:url(../images/big-pic-mask.png);
	width:100%; height:514px;
	position:absolute; left:0; top:80px; 
}
/*-------------------------------------------
Service Items
-------------------------------------------*/
.serviceItems{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	color:#fff; font-size:24px; 
	height:514px;
}
	/* service item */
	.serviceItems li{
		position:absolute;
		top:160px;
		display:inline-block;*display:inline;zoom:1;
		width:120px;
		text-align:center; 
	}
	.serviceItems .item1{left:5%;}
	.serviceItems .item2{left:20%;}
	.serviceItems .item3{right:20%;}
	.serviceItems .item4{right:5%;}
		/*  */
		.serviceItems .item1, .serviceItems .item4{animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.1s;}
		/*.serviceItems .item2, .serviceItems .item3{animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-delay:.1s;}*/
	/* item pic */
	.serviceItems i{
		display:inline-block;*display:inline;zoom:1;
		width:120px;
		height:120px;
	}
	.serviceItems .pic1{background:url(../images/service-item1.png) no-repeat; }
	.serviceItems .pic2{background:url(../images/service-item2.png) no-repeat; }
	.serviceItems .pic3{background:url(../images/service-item3.png) no-repeat; }
	.serviceItems .pic4{background:url(../images/service-item4.png) no-repeat; }
	/* service big buttons */
	.serviceItems .bigBtn1{left:50%; margin-left:-130px; margin-top:5px;}
	.serviceItems .bigBtn2{left:50%; margin-left:-130px; margin-top:95px;}
	.serviceItems .bigBtn1 a, .serviceItems .bigBtn2 a{
		display:block;
		width:260px;
		height:63px;
		background-image:url(../images/home-big-buttons.png);
		text-indent:-99999em;
		color:#fff;}
	.serviceItems .btn-search{background-position:0 0; margin-top:5px;}
	.serviceItems .btn-search:hover{background-position:right 0;}
	.serviceItems .btn-reservation{background-position:0 bottom;}
	.serviceItems .btn-reservation:hover{background-position:right bottom;}
/*-------------------------------------------
Homepage Center(login, news, issue)
-------------------------------------------*/	
#homepage-center{height:335px; position:relative; box-sizing:border-box; padding:0 10px;}

#login, #news, #issue{
	background-color:#fff;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	height:350px;
	float:left;
	margin-top:-54px;
	box-sizing:border-box;
	padding:23px;
	position:relative;
	overflow:hidden;
}
#login{width:270px;}
#news{width:500px; margin-left:30px;}
#issue{float:right; width:480px;}

.home-title{font-size:18px; margin:0; font-weight:400; color:#222;}
.home-title span{display:inline-block;display:inline;zoom:1; border-bottom:2px solid #be8b52;}
	/* login */
	.user-photo{
		box-sizing:border-box;
		margin:0 auto; 
		width:126px; height:126px; 
		text-align:center;
		background:url(../images/user-photo-default.jpg) center 0 no-repeat;
		border:2px solid #be8b52;
		border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
		overflow:hidden;
	}
	.user-photo img{width:100%;}
	#login input{width:100%; margin-top:10px;}
	#login a{color:#777;}
	#login a:hover{color:#09F;}
	#login .signup{float:left; margin-top:10px;}
	#login .forgotPw{float:right; margin-top:10px;}
	/* news */
	#news .slimScrollDiv{margin-top:15px;}
	#news ul{
		margin:0; padding:0; list-style:none;
	}
	#news ul li{
		width:98%;
		border-bottom:1px dotted #ccc;
		padding:5px 0;
	}
	#news .type{
		font-size:12px; color:#be8b52;
		display:block;
	}
	#news time{color:#666;}
	#news a{color:#333;}
	#news a:hover{color:#09F;}
	/* issue */
	#issue{
		box-sizing:border-box;
		border:2px solid #be8b52;
	}
	#issue .cover{
		margin:-23px 0 18px -23px;
		width:480px;
		height:185px;
	}
	#issue .cover img{width:100%;}
	#issue time{
		display:block; 
		width:160px;
		height:145px;
		background:#be8b52; 
		color:#fff;
		position:absolute; left:305px; top:88px;
		text-align:center;
	}
	#issue time span{font-size:18px; position:absolute; right:10px; top:10px;}
	#issue time strong{font-size:70px; font-weight:400; line-height:145px;}
	#issue .issue-title{font-size:20px; color:#333; margin:0; margin-top:18px;}
	#issue p{margin:0; color:#777; font-size:12px;}
	#issue a:hover h3{color:#09F;}
/*-------------------------------------------
Homepage Bottom(exchange)
-------------------------------------------*/	
#homepage-bottom{height:270px; position:relative; box-sizing:border-box; overflow:hidden;}

#exchange, #exchange *{box-sizing:border-box; transition:all ease .4s;-moz-transition:all ease .4s;-webkit-transition:all ease .4s;}
#exchange{position:relative;}
#exchange .home-title{color:#fff !important; position:absolute; left:20px; top:20px; z-index:10;}
#exchange .home-title span{border-bottom:2px solid #c1ab96 !important;}

#exchange ul{
	margin:0; padding:0; list-style:none;
}
#exchange ul li{
	float:left;
	width:25%;
	height:270px;
	position:relative;
}
#exchange ul li .border{
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:100%;
	background:url(../images/exchange-mask.png);
}
#exchange ul li:hover .border{
	background:url(../images/exchange-mask-hover.png);
	border:5px solid #be8b52;
}
#exchange figure{
	width:100%;
	height:270px;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position:absolute; left:0; top:0; z-index:0;
}
#exchange a{
	display:block;
	width:285px;
	position:absolute; left:23px; bottom:0; z-index:2;
	color:#fff;
	padding-bottom:15px;
}
#exchange a:hover h3{color:#09F;}
#exchange li:hover p{height:100px;}
#exchange .type{color:#c1ab96;}
#exchange h3{margin:0; font-size:15px;}
#exchange p{margin:0; font-size:12px; color:#adadad; height:0; overflow:hidden;	
}
#exchange .member-id{display:block; text-align:right; font-size:12px;}