/*-- (beijing) hotels.css --*/
@charset "utf-8";


article div.areaWrap {
	position: relative;
	width: 100%;
}

article div.areaWrap ul.areaTab {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 121px;
	z-index: 11;
}
article ul.areaTab li {
	box-sizing: border-box;
	text-align: right;
	margin-bottom: 2px;
}
article ul.areaTab li a {
	display: block;
	padding: 0.5em;
	background-color: #ff1a00;
	color: #fff;
	border: 1px solid #ff1a00;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
article ul.areaTab li.active a {
	background-color: #fff;
	border-right: 1px solid #fff;
	color: #ff1a00;
}
article ul.areaTab li.active a:hover {
	opacity: 1;
}

article div.areaWrap div.areaPanels {
	float: right;
	box-sizing: border-box;
	width: 640px;
	padding: 10px;
	border: 1px solid #ff1a00;
	z-index: 10;
}
article div.areaWrap div.areaPanels > section.panel {
	display: none;
}
article div.areaWrap div.areaPanels > section.active {display: block;}

article div.areaWrap div.areaPanels > section.panel > section {
	background-color: #ececec;
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	color: #333;
	box-shadow: 2px 2px 2px #999;
}
article div.areaWrap div.areaPanels > section.panel > section p.thumb {
	float: left;
	padding-right: 10px;
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr {
	margin-bottom: 5px;
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr h3 {
	padding: 1em 0;
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr h3 span {
	font-size: 1.2em;
	color: #fff;
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr p.subTitle {
	padding: 0.5em 0;
	background: rgb(205,235,139); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(205,235,139,1) 0%, rgba(205,235,139,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,139,1)), color-stop(100%,rgba(205,235,139,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(205,235,139,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(205,235,139,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(205,235,139,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(205,235,139,1) 0%,rgba(205,235,139,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8b', endColorstr='#cdeb8b',GradientType=0 ); /* IE6-9 */
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr div.text {}
article div.areaWrap div.areaPanels > section.panel > section div.dscr div.text p {padding: 0.5em;}
article div.areaWrap div.areaPanels > section.panel > section div.dscr p.price {
	padding: 0.5em 1em;
	text-align: right;
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr p.price span {
	font-size: 1.2em;
	padding-right: 1em;
	color: #f06;
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr p.price strong {
	font-size: 1.6em;
	color: #f00;
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr p.more {
	padding: 0.5em 1em;
	text-align: right;
}
article div.areaWrap div.areaPanels > section.panel > section div.dscr p.more a {
	display: inline-block;
	padding: 0.25em 2em;
	background-color: #c00;
	color: #fff;
}


/**/
section.hotelWrap {}
section.hotelWrap h2 {
	padding: 1em 0;
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
section.hotelWrap h2 span {
	padding: 0 1em;
	font-size: 1.2em;
	color: #fff;
}
section.hotelWrap > p {
	margin-bottom: 10px;
}
section.hotelWrap p.subTitle {
	padding: 0.5em;
	margin: 0;
	background: rgb(205,235,139); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(205,235,139,1) 0%, rgba(205,235,139,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(205,235,139,1)), color-stop(100%,rgba(205,235,139,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(205,235,139,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(205,235,139,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(205,235,139,1) 0%,rgba(205,235,139,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(205,235,139,1) 0%,rgba(205,235,139,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8b', endColorstr='#cdeb8b',GradientType=0 ); /* IE6-9 */
}
section.hotelWrap div.imgSlider {
	margin-bottom: 10px;
}
section.hotelWrap div.imgSlider div#slider {
	margin-bottom: 10px;
}
section.hotelWrap div.imgSlider div#thumbnails ul {}
section.hotelWrap div.imgSlider div#thumbnails ul li {
	//background-color: #000;
	padding: 2px;
}
section.hotelWrap div.imgSlider div#thumbnails ul li img {
	display: block;
	opacity: 0.75;
	width: 100%;
}
section.hotelWrap div.imgSlider div#thumbnails ul li.flex-active-slide img {
	opacity: 1;
}

section.hotelWrap section.planBlock {
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
section.hotelWrap section.planBlock h3 {
	font-weight: bold;
	font-size: 1.2em;
}

section.hotelWrap section.planBlock div.planHeader {
	box-sizing: border-box;
	padding: 10px;
	background-color: #efefef;
	border: 1px solid #ccc;
	margin-bottom: 10px;

}

section.hotelWrap section.planBlock > section {
	box-sizing: border-box;
	margin-bottom: 10px;
}

section.hotelWrap section.planBlock > section.special01 {
	padding: 10px;
	background-color: #fff4ff;
	border: 1px solid #f9c;
}
section.hotelWrap section.planBlock > section.special01 h4 {
	font-size:1.2em;
	color: #f0c;
}

section.hotelWrap section.planBlock > section.special02 {
	padding: 10px;
	background-color: #edffdd;
	border: 1px solid #58e53a;
}
section.hotelWrap section.planBlock > section.special02 h4 {
	font-size:1.2em;
	color: #090;
}



/*-- text-color --*/
.ob {color:#f60}
.bb {color:#039}
.gb {color:#060}
.rb {color:#c00}

/*-- font-size --*/
.extra {font-size:1.4em}
.larege {font-size:1.2em}
.small {font-size:0.9em}
.tiny {font-size:0.8em}