*{ padding:0; margin:0;}
img {border:none;}
img , a, div { outline: none;}

body{ font-family:Arial,Helvetica, sans-serif;font-size:13px;background: #fefcf8 ; }
#headerall{background: #fefcf8 url(/imgs/page/bgs1.jpg) center top repeat-x;}
#maincontent{ width:1000px; margin:0 auto; background:#fefcf8; }
#headertop{height:168px; width:1000px; margin:0 auto; padding:25px 0;}
#header{ font-size:13px;height:80px; width:1000px;margin:0 auto; border-top: 1px solid #FFF;}
#langs{ float:right;height:25px; color:#a51e28;}
#langs a,#langs a:active,#langs a:visited{ color:#000; text-decoration:none;  font-size:12px;}
a,a:active,a:visited{color:#fff; text-decoration:none; font-size:13px;}
a:hover{text-decoration:none;}
#logo{float:left; width:315px; height:120px; margin-top:20px;}
#logo img{float:left; width:315px; height:120px;}
#slide{ width:950px; padding:25px; background:#fff; margin:0 auto; overflow:hidden;}

#logtop{ float:left; padding-left:365px;height:145px; width:269px; }
#logtop img{ height:145px; width:269px;  }
#logtop a { height:145px;  width:269px; display:block;}

/*--------------list1-------------*/
.list1 {
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
	overflow: hidden;
	margin: 0 0 46px;
}
.list1 li {
	width: 25%;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}
.list1 li div {
	width: 100%;
}
.list1 li div img {
	width: 100%;
}
.list1 li > div > a {
	position: relative;
	display: block;
}
.list1 li > div > a > span {
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: url(/imgs/page/patternhover1.png) repeat;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.list1 li > div > a:hover span {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/imgs/page/patternhover1.png) repeat;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.list1 li > div > a > strong {
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: url(/imgs/page/patternhover2.png) repeat;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.list1 li > div > a:hover strong {
	top: 1%;
	left: 2.5%;
	width: 95%;
	height: 98%;
	background: url(/imgs/page/patternhover2.png) repeat;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


.list4 {
	margin: 0 ;
	padding: 0 25px;
	position: relative;
	list-style: none;
	overflow: hidden;
	margin: 0 0 46px;
}
.list4 li {
	text-align:center;
	overflow:hidden;
	width: 270px;
	height:260px;
	float: left;
	position: relative;
	padding: 15px;
	margin: 0;
}
.list4 li div {
	width: 100%;
}
.list4 li div img { min-width:270px;}
.list4 li > div > a {
	overflow:hidden;
	height:255px; width:270px;
	position: relative;
	display: block;
}
.list4 li > div > a > span {
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: url(/imgs/page/patternhover1.png) repeat;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.list4 li > div > a:hover span {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/imgs/page/patternhover1.png) repeat;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.list4 li > div > a > strong {
	position: absolute !important;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: url(/imgs/page/patternhover2.png) repeat;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.list4 li > div > a:hover strong {
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	background: url(/imgs/page/patternhover2.png) repeat;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* END LIST*/

.line1{width: 100%; height: 2px; margin: 32px 0 24px; background: url(/imgs/page/line1.png) right top no-repeat;}
.line2{width: 100%; height: 2px; margin: 32px 0 24px; background: url(/imgs/page/line2.png) right top no-repeat;}
.line3{width: 100%; height: 2px; margin: 32px 0 24px; background: url(/imgs/page/line3.png) right top no-repeat;}
.line4{width: 100%; height: 2px; margin: 32px 0 24px; background: url(/imgs/page/line4.png) right top no-repeat;}

.homeline{width:215px; padding:10px;float:left; padding-top:50px;}
.homeline p{color:#968e87; font-size:14px;}
.homeline .btns{font-size: 18px; display:block;line-height: 24px;font-weight: 400; overflow:hidden; text-decoration:none;border: none;color: #FFF;}
.homeline .color1:hover{ color:#f26522;}
.homeline .color2:hover{ color:#f222b2;}
.homeline .color3:hover{ color:#f2b422;}
.homeline .color4:hover{ color:#5e22f2;}
.homeline img{ border-radius:500px; webkit-border-radius:500px;  -moz-border-radius:500px; width:215px;}
.homeline .hl{ width:215px; height:215px; position: relative; overflow:hidden;margin-bottom: 25px;}
.homeline .hl span{ width:215px; height:215px; display:block;border-radius: 500px;webkit-border-radius:500px;  -moz-border-radius:500px; position: absolute;background: url(/imgs/page/patterhover01.png) center center repeat;}
.box h4{font-size: 20px;line-height: 32px;font-weight: 400;margin: 0;padding: 0; color:#fff;}
.box p{ margin-bottom:20px;}

.room{width:295px; padding:10px;float:left; padding-top:10px; margin-bottom:50px;}
.room p{color:#968e87; font-size:14px;}
.room .btns{font-size: 22px; display:block;height: 30px; line-height:30px; font-weight: 400; overflow:hidden; text-decoration:none;border: none;color: #a54918;}
.room .color8{ text-align:center; font-weight:bold;}
.room .color8:hover{ color:#3c3742;}
.room .img-circle8{border-radius:500px;  -webkit-border-radius:500px;  -moz-border-radius:500px;  text-align:center; width:295px; height:295px;}
.room img{ border-radius:500px;webkit-border-radius:500px;  -moz-border-radius:500px;  height:295px; margin-left:-75px;}
.room .h8{ width:295px; height:295px; position: relative; overflow:hidden;margin-bottom: 25px;}
.room .h8 span{ width:295px; height:295px; display:block;border-radius: 500px;webkit-border-radius:500px;  -moz-border-radius:500px; position: absolute; top:100%;background: url(/imgs/page/patterhover01.png) center center repeat;}



#sing {width:620px; padding:0 40px; float:left;}
#sing h1{margin:15px 0 10px 0;color: #a54918;font-size: 26px; padding:10px 0;}
#simg { height:420px; overflow:hidden;width:190px; float:left; padding-left:20px;}
#simg a{ display:block; padding:0 0 15px 0 ; height:130px;}

#sinimg { padding:0 0 5px 0;}
#sinimg a{ display:block;}
#sinimg a .r4{ display:none;}
#sinimg a:hover .r4{ display:block;-webkit-transition: all 2s ease; transition: all 2s ease;}

#book {width:190px; margin-top:15px; padding-left:20px; padding-top:40px; height:50px;}
#book a{ width:190px; height:40px; font-size:17px; background:#cfb49a; display:block; line-height:40px; text-align:center; text-decoration:none; }
#book a:hover{background:#a3886e;}

/* footer */
#footerplace{background: #faf6f0;border-top: 1px solid #f2ece0; padding-top:5px; margin-top:15px;height:85px;}
#footer{width:1000px; margin:0 auto;}
/* end footer */
input, textarea,select{ outline:none;}
#main{width:950px;min-height:400px; padding:0 25px 0 25px; color:#000;} 

/* hmenu */
#hmenu {  width:950px; margin:0 auto;height:27px; color:#f6be69; padding:27px 0 0 ;}
#nav{ list-style:none; display:block; text-align:center;}
#nav ul {margin:0; list-style:none;}
#nav {height:20px; overflow:hidden;}
#nav li {float:left; display:inline-block; position:relative;}
#nav li.gen{height:20px;}

/* #nav li.vline{width:10px; height:30px; background:url(/imgs/page/hmenu_vline.png) center 0 no-repeat;}  */
#nav ul li {padding:0;float:none;border:none;display:block;}
#nav li div {position:absolute;top:30px;left:-9999px; z-index:9999;}
#nav li.hover div {left:0;}
#nav li.genact a.gen, #nav li.active a.gen, .drop a.gen:hover {color:#f6be69; padding:0 20px; text-align:center;font-size:13px;}
.drop a,.drop a:visited,.drop a:active{display: block; background:url(/imgs/page/bullet1.png) left center no-repeat;color:#fff;  padding:0 20px;text-align:center; text-align:center;font-size:12px;text-decoration:none; text-align:left;}
.drop div { font-size:12px;}
.drop a.gen {height:20px; text-decoration:none; text-align:center; line-height:20px;  font-weight:bold; font-size:13px;}
.drop li ul a,.drop li ul a:visited,.drop li ul a:active {display:block;font-weight:bold; color:#efefef; text-decoration:underline;}
.drop li ul a:hover, .drop li ul a.active{color:#fff;text-decoration:none; }
.drop div {!important;top:35px !important;}
* html .drop a,* html .drop a:visited,* html .drop a:active { display: inline-block; }
* html .drop a.gen { display: inline-block;}
/* end hmenu */
.dds{ background:none;}

.line{ float:left;color:#DDD; height:5px; width:895px; background:url(/imgs/page/line.png) repeat-x; padding-left:5px; padding-bottom:15px;}

/* pages */
#pages{height:25px;}
#pages table {height:22px; margin:0 auto; border:none;}
#pages table a, #pages table span{float:left; display:block; height:22px; background:#703610; font:bold 14px Arial, Helvetica, sans-serif; line-height:22px; padding:0 7px; margin-right:2px; color:#ccc; text-decoration:none; border-radius: 7px; webkit-border-radius:7px;  -moz-border-radius:7px;  text-align:center;}
#pages table span{background-color:#703610;}
#pages table a:hover {background-color:#903610; color:#fff;}
#pages a.first {background:#703610 url(/imgs/other/first.png) center center no-repeat; padding:0 12px;}
#pages a.last {background:#703610 url(/imgs/other/last.png) center center no-repeat; padding:0 12px;}
#pages a.prev {background:#703610 url(/imgs/other/prev.png) center center no-repeat; padding:0 10px;}
#pages a.next {background:#703610 url(/imgs/other/next.png) center center no-repeat; padding:0 10px;}
/* end pages */


a,a:active,a:visited{text-decoration:underline; color:#fff;}
a:hover{text-decoration:none;}
.titt{font-size: 30px;line-height: 34px;font-weight: 400;color: #795e3e;margin: 0;padding: 30px 0 28px;}
.df1{float:left;}
#mlogo{height:41px; width:310px; margin:0 auto; padding-top:15px; font-size:15px; color:#000;}
#dd{float:left;height:40px; line-height:50px; font-style:italic;font-size:12px; padding-right:3px; color:#000; text-align:right;}
#dd a{ color:#000; text-decoration:none;font-style:italic;font-size:12px; font-weight:bold;}
#ll{float:left;height:40px;  }
#ll img{border:none; height:40px; width:77px; }
#ll a{ border:none;}
#as{float:left; padding-left:2px;height:40px; line-height:50px;font-style:italic;text-shadow: 5px 2px 5px #000; font-size:12px;}
#as a{ color:#000; text-decoration:none;font-style:italic; font-size:12px;text-shadow: 0px 0px 1px #000;}

/*mail form*/
#eform{margin-top:10px; float:left;}
.tarea{ float:left; width:200px;padding-left:2px;}
.col{width:190px;  border-radius:10px; height:77px;border:double #999;font-size:12px;}
.colerror{background-color:#c70000; border:none; width:190px; height:72px;  font-size:12px; color:#000;}
.texa{ float:left; width:210px; height:140px;}
.texa1{ border:1px solid #999; box-shadow:0 0 10px #8A5758; border-radius:10px; padding:20px; margin:0 auto; width:230px; height:250px;}
.ert{ background:#F5C5C6;}
.alert{font-size:12px; font-weight:500; color:#a00; padding:7px 0 0 3px;}
.sendmail{ float:left; padding-left:200px;width:400px; height:40px;font-size:17px; font-weight:bold; color:#A00;}
.til{ float:left; width:70px; height:19px; color:#000; font-size:12px;padding-top:5px;}
.ertil{ float:left; width:70px; height:19px; color:#f00; font-size:12px; padding-top:5px;}
.til2{ float:left; color:#000; font-size:12px;}
.ertil2{ float:left; color:#f00; font-size:12px;}
.astx{ text-align:right;color:#f00; font-size:15px; }
.astxlarge{text-align:right; color:#f00;font-size:20px;}
.textin{width:117px; height:18px; border-radius:10px; border:double #999;font-size:12px; }
.textin1{width:140px;height:24px; padding:0 5px; border-radius:10px; border:double #999;font-size:12px; }
.textin2{width:156px;height:28px; padding:0 5px;line-height:28px;border-radius:10px; border:double #999;font-size:12px; }
.but2{width:85px;border-radius:10px;height:25px;padding:2px 5px;border:double #999;font-weight:bold;font-size:12px;color:#42494a; cursor:pointer;}
/*end mailform*/
.clear{clear:both; font-size:0; line-height:0; height:0;}
/* spaces */
.space1{float:left; height:1px; font-size:1px;}
.space2{width:1px; font-size:1px;}
.space3{width:1px; font-size:1px; height:10px;}
.space4{width:1px; font-size:1px; height:18px;}
.space5{width:1px; font-size:1px; height:1px;}
.space6{width:1px; font-size:1px; height:30px;}
.space7{width:1px; font-size:1px; height:5px;}
.space8{width:1px; font-size:1px; height:15px;}
.space9{width:1px; font-size:1px; height:25px;}
.space10{width:1px; font-size:1px; height:20px;}
/* end spaces */


.admfile {
	float:left;
	border:1px solid #000;
	text-align:center;
	padding:5px 5px;
}

/*  other all */
.b{font-weight:bold;}
.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}
.j{text-align:justify;}
.u{text-decoration:underline;}
.red {color:#d00;}
.little{ text-align:right;color:#fff; font-size:15px; font-weight:bold; }
.littletext{ text-align:right;color:#fff; font-size:13px;}
div.errtext1{float:left; color:#9e251e; font-size:12px; font-weight:bold; height:22px; padding-left:5px;}
.formd1 {float:left; width:225px; height:22px; padding-right:7px; text-align:right;}
.formd2 {float:left; height:22px;}
/* end other all */

/* adminmenu */
#admin_menu {width:996px; height:32px; background:#7c7c7c; border:1px solid #7c7c7c; border-width:2px 0;}
#admin_menu div.n {float:left; width:10px; height:32px;}
#admin_menu div.but {float:left; height:32px;}
#admin_menu div.but a{display:block; line-height:32px; background:#ececec; color:#5c5c5c; text-decoration:none; text-align:center; font-weight:bold; font-size:12px;}
#admin_menu div.but a.active {background-color:#fff;}
#admin_menu div.but a:hover.active {background-color:#fff;}
#admin_menu div.but a:hover{background-color:#e5e5e5;}
#admin_menu div.space {float:left; width:2px; height:32px; background:#7c7c7c;}
/* end adminmenu */

div.upd1{margin:0 auto; background:#f5f5f5; width:350px; padding:20px; text-align:center; color:#9e251e; font-weight:bold; border:1px solid #9e251e;}
.csubm{background:#fff; cursor:pointer; color:#ab3300; font-size:14px; font-weight:bold; padding:2px 2px 4px 2px;}