/*==================================================================

top.css

================================================================== */


/*	topMain
============================================================*/
#topFla {
	clear: both;
	width: 865px;
	height: 340px;
}

#topMain {
	clear: both;
	float: left;
	width: 635px;
	margin: 0 0 15px 0;
}	

/*	publish
============================================================*/

#top .publish {
	clear: both;
	float: left;
	width: 635px;
	margin: 0 0 25px 0;
	overflow: hidden;
	}

#top .publish h2 {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}


/*	shopNav  */
#top .topshopNav {
	width: 741px;
	height: 50px;
	margin: 0 auto 30px auto;
}

#top .topshopNav li {
	float: left;
}

#screenshot {
	width: 145px;
	height: 160px;
	position:absolute;
	background: transparent;
	padding:0;
	display:none;
	z-index:500;
}


/*	info  */
#top .info {
	float: left;
	width: 300px;
	height: 290px;
}

/*	news  */
#top .news {
	float: left;
	width: 300px;
	height: 290px;
	margin: 0 0 0 25px;
}

/*  cms  */
.top_news_box {
	clear: both;
	width: 285px;
	height: 40px;
	display: block;
	color: #522600;
	border-bottom: 1px dotted #B29E8D;
	padding: 9px 0 13px 0;
	_padding: 9px 0 9px 0;
}

/* -- clear float -- */
.top_news_box {
	min-height:0;
	display: inline-table;
}
.top_news_box:after{
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
/* \*/
* html .top_news_box {height:0;}
.top_news_box {display: block;}
/* */
/* -- end clear float -- */

.top_news_box:hover {
	background-color: #EEE7DC;
	cursor: pointer;
	text-decoration: none;
	color: #522600;
}

.top_news_image {
	float: left;
	width: 56px;
	margin: 0 10px 0 0;
	border: solid 2px #B29E8D;
}

.top_news_date {
	font: 10px normal;
	/margin: 0 0 3px 0;
}

.top_news_txt {
	line-height: 1.2;
	margin: 0;
}

/*	location  */
#top .location {
	float: left;
	width: 300px;
}

#top .locationContents {
	width:300px;
}

#top .locationImg {
	float: left;
	margin: 0 10px 0 0;
}

#top .locationTxt {
	float: right;
	width: 170px;
}

#top .location dt {
	font: 11px normal;
	color: #522600;
	margin: 0 0 5px 0;
}

#top .location dd {
	font: 11px normal;
	color: #FF5700;
	margin: 0 0 10px 0;
}

#top .btnMap {
	margin: 0 5px 0 0;
}

/*	Features  */
#top .features {
	float: left;
	width: 300px;
	margin: 0 0 0 25px;
}

#top .featuresContents {
	float: right;
}

#top .mobile {
	float: left;
	width: 315px;
	height: 60px;
	padding: 0 20px 0 20px;
}

#top .mobileQR {
	float: left;
	margin: 0 15px 0 0;
}

#top .mobileTxt {
	float: left;
	width: 240px;
}

#top .mobile dt {
	font: 12px;
	font-weight: bold;
	color: #522600;
	margin: 0 0 5px 0;
}

#top .mobile dd {
	font: 11px normal;
	color: #522600;
	margin: 0;
}
	
#top .banHall {
	float: left;
	width: 210px;
	height: 50px;
	padding: 10px 0 0 40px;
}


#top .banParking {
	float: left;
	vertical-align: middle;
	width: 215px;
	height: 50px;
	padding: 10px 0 0 40px;
}

#top .atm {
	clear: both;
	width: 825px;
	height: 60px;
	padding: 0 20px 0 20px;
}

#top .atmTit {
	float: left;
	width: 146px;
	padding: 5px 0 0 0;
	margin: 0 15px 0 0;
}

#top .atmTxt {
	float: left;
	width: 600px;
}

#pane1 {
	width: 300px;
	height:252px;
	padding: 0;
	margin: 0;
}

#pane2 {
	width: 300px;
	height:252px;
	padding: 0;
	margin: 0;
}

.newsBox {
	width: 300px;
	height: 505px;
}

.scroll-pane {
	_width: 300px;
	_height: 485px;
	_overflow: auto;
	_float: left;
}