@charset "gb2312";

/* site inherit /basic element */
body.bg-blue {
	background:#eff5fb url(imagesstagebg_blue.png) repeat-x;
}
body.bg-white {
	background:#fff;
}
.height0 {
	height:0;
	overflow:hidden;
	display:none;
}
p.indent {
	text-indent:2em;
}

/* wrapper */
#wrapper {
	position:relative;
	padding-top:20px;
}
/* window */
#window {
	position:absolute;
	top:20px;
	left:0;
	background:url(imagesstagewindow.png) repeat-x;
	height:278px;
	width:100%;
	z-index:100;
}
#cloud3 {
	background:url(imagesstagecloud3.png) no-repeat;
	width:398px;
	height:117px;
	right:-398px;
	top:24px;
	z-index:99;
}
#desks {
	top:243px;
	left:0;
	background:url(imagesstagedesk.png) repeat-x;
	height:127px;
	width:100%;
	z-index:101;
}
#desks.b {
	top:179px;
	background:url(imagesstagedesk_b.png) repeat-x;
	height:191px;
}

/* maps */
#maps {
	height:500px;
	z-index:110;
}
.map-img {
	position:absolute;
}
#map-w {
	left:213px;
	top:100px;
}
#map-cn-s {
	left:605px;
	top:158px;
	width:95px;
	height:81px;
}
#map-cn {
	left:186px;
	top:100px;
}
#map-jl {
	left:694px;
	top:202px;
}
.sp {
	left:726px;
	top:236px;
	width:10px;
	height:10px;
	background:url(imagesstagecircle.png) no-repeat;
}
.sp-text {
	left:745px;
	top:210px;
	background:url(imagesstagetb_02.png) no-repeat;
	width:140px;
	height:30px;
	text-indent:-9999em;
}
.sp-text .bubble {
	background:url(imagesstagetb_01.png) no-repeat;
	width:9px;
	height:30px;
	left:-9px;
	top:0;
}
#maps .group1 {
	z-index:112;
}
#maps .group2 {
	z-index:111;
}
#building {
	left:0;
	top:50px;
	width:1000px;
	height:492px;
}
#cloud1 {
	left:150px;
	top:40px;
}
#cloud2 {
	left:750px;
	top:220px;
}
#maps .tree {
	height:0;
}
#tree1 {
	left:50px;
	bottom:10px;
}
#tree2 {
	left:120px;
	bottom:20px;
}
#tree3 {
	left:190px;
	bottom:30px;
}
#tree4 {
	right:50px;
	bottom:10px;
}
#tree5 {
	right:120px;
	bottom:20px;
}
#tree6 {
	right:190px;
	bottom:30px;
}
#arrow {
	left:420px;
	top:360px;
}
#hall {
	width:1000px;
	height:500px;
	left:0;
	top:0;
}

.sign {
	top:-16px;
	width:129px;
	height:115px;
	background:url(imagesstagesign.png) no-repeat;
	z-index:99;
}
.sign .line-opts {
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	border:1px solid #bbb;
	padding:10px;
	z-index:100;
	width:109px;
}
.sign.at-top {
	top:-96px;
}
#sign1 {
	left:124px;
}
#sign2 {
	left:337px;
}
#sign3 {
	left:550px;
}
#sign4 {
	left:763px;
}
.sign .tax-btn {
	position:absolute;
	width:102px;
	height:34px;
	line-height:34px;
	text-align:center;
	bottom:4px;
	left:14px;
	color:#fff;
	font-weight:bold;
}
body.lt-ie7 .sign .tax-btn {
	letter-spacing:-1px;
}
.sign .tax-btn.on,
.sign .tax-btn:hover {
	background:url(imagesstagehover2.png) no-repeat;
	color:#fff;
}
.op {
	width:124px;
	height:223px;
	top:135px;
}


.op .op-img {
	left:0;
	top:3px;
}
#op2 .op-img {
	top:8px
}
#op4 .op-img {
	top:9px;
}
.op .com {
	right:0;
	top:60px;
	width:69px;
	height:47px;
}
.op .chair {
	left:0;
	bottom:0;
	width:56px;
	height:75px;
}
.op .indi {
	background:url(imagesstageindi.png) 0 100% no-repeat;
	width:30px;
	height:46px;
	display:block;
	left:13px;
	bottom:79px;
	z-index:110;
	text-indent:-9999em;
}
.op .indi:hover {
	background-position:0 0;
}
#op1 {
	left:147px;
}
#op2 {
	left:360px;
}
#op3 {
	left:573px;
}
#op4 {
	left:786px;
}
#op1.big,#op3.big,#op2.big,#op4.big,
.op.big {
	width:189px;
	height:336px;
	top:28px;
	left:200px;
}

.op.big .op-img {
	left:0;
	top:0;
	width:102px;
	height:162px;
}
.op.big .com {
	right:0;
	top:100px;
	width:104px;
	height:70px;
}
.op.big .chair {
	left:0;
	bottom:0;
	width:84px;
	height:112px;
}
.op.big .indi {
	left:27px;
	bottom:117px;
}

#hall #table {
	right:5px;
	bottom:-45px;
}
#hall #board {
	z-index:111;
	position:absolute;
	left:266px;
	top:-9px;
	height:30px;
	width:468px;
	overflow:hidden;
}
#hall #board .head {
	background:url(imagesstageboard_head.png) center no-repeat;
	height:30px;
	width:389px;
	position:absolute;
	top:0;
	left:39px;
	z-index:22;
	line-height:30px;
	color:#900;
	cursor:pointer;
}
#hall #board .body {
	background:url(imagesstageboard-body.png) center no-repeat;
	width:100%;
	height:1px;
	position:absolute;
	top:9px;
	left:0;
	z-index:21;
	overflow:hidden;
}
#hall #board .body .inner {
	position:absolute;
	left:10px;
	top:30px;
	bottom:10px;
	right:10px;
	padding:10px;
	background:url(imagesstagesep.png) center bottom no-repeat;
	overflow-y:scroll;
}
#hall #board .body #close-board {
	position:absolute;
	top:5px;
	right:5px;
}
#hall #info-panel {
	position:absolute;
	width:400px;
	background:url(imagesstagesemi.5.png) repeat;
	border:2px solid #08c;
	border-radius:4px;
	height:104px;
    right:400px;
    top:320px;
}
#hall .flower {
	background:url(imagesstageflower.png) 0 100% no-repeat;
	width:198px;
	height:0px;

}
#hall #flower1 {
	left:-95px;
	bottom:-75px;
}
#hall #flower2 {
	right:-13px;
	bottom:-104px;
}
#intro-girl {
	width:276px;
	height:757px;
	right:-278px;
	bottom:-440px;
}
#btn-suggest {
	position:absolute;
	left:25px;
	top:283px;
	display:block;
	width:32px;
	height:50px;
	text-indent:-9999px;
}
#btn-suggest:hover {
	border:1px dotted #08c;
}
.pole {
	top:56px;
	width:104px;
	height:460px;
}
.pole1 {
	background:url(imagesstagepole_1.png) no-repeat;
}
.pole2 {
	background:url(imagesstagepole_2.png) no-repeat;
}
#pole1 {
	left:0;
}
#pole2 {
	right:0;
	top:56px;
}
.pole .btns {
	top:62px;
	width:86px;
	height:142px;
}
.pole1 .btns {
	left:5px;
}
.pole2 .btns {
	right:0px;
}
.pole .btns .bar-btn {
	width:86px;
	height:28px;
	line-height:28px;
	text-align:center;
	color:#fff;
	margin-bottom:4px;
	display:block;
}
.pole .btns .bar-btn:hover {
	background:url(imagesstagehover1.png) no-repeat;
	color:#000;
}
.query-panel {
	background:url(imagesstagequery_panel.png) no-repeat;
	width:135px;
	height:294px;
	left:50px;
	bottom:-120px;
	z-index:112;
}
.query-panel .query-btn {
	width:96px;
	height:66px;
	display:block;
	position:absolute;
	left:18px;
	top:8px;
}
.btns #btn-law-query {
	width:96px;
	height:66px;
	display:block;
	position:absolute;
	left:128px;
	top:216px;
}
.query-panel .query-btn:hover {
	background:url(imagesstagehover3.png) no-repeat;
	cursor:pointer;
}
.query-panel .query-btn img {
	position:absolute;
	left:15px;
	top:8px;
}

.ui-dialog {
	z-index:2000
}

/* #tels */
#modal5 .padding {
	position:relative;
}
#tels {
	width:400px;
	border-right:1px solid #eee;
	position:relative;
}
#zones {
	width:100px;
	position:relative;
	padding:0 10px;
	z-index:4;
}
#zones .block {
	text-align:center;
	display:block;
	line-height:32px;
	height:32px;
	width:80px;
	color:#eee;
	text-decoration:none;
	border:1px solid #eee;
	background:#163d75;
	font-size:15px;
}
#zones ul {
	list-style:none;
	margin:0;
	padding:0;
	list-style-type:none;
}
#zones li {
	height:36px;
}
#zones .block:hover {
	background:#fff;
}
#zones .block.on {
	background:#fff;
	width:90px;
	border-right:0;
	color:#163d75;
}
#showZonePhones {
	position:absolute;
	left:100px;
	top:41px;
	z-index:3;
	width:250px;
}
#showZonePhones .section {
	border:1px solid #eee;
	width:286px;
	height:470px;
	background:#fff;
	color:#163d75;
	line-height:20px;
	font-size:14px;
	overflow:scroll;
	overflow-x:hidden;
}
body.lt-ie10 #showZonePhones {
	top:36.5px;
}
body.lt-ie9 #showZonePhones {
	top:39px;
}
body.lt-ie8 #showZonePhones {
	top:55px;
}
body.lt-ie7 #showZonePhones {
	top:54px;
}
#showZonePhones .section p {
	padding-bottom:0;
	margin:0;
}
#showZonePhones .section span {
	display:inline-block;
	vertical-align:top;
}
#showZonePhones .section .name {
	width:35%;
	text-align:right;
}
#showZonePhones .section .tel {
	width:50%;
	text-align:left;
}