.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
z-index: 100;
display: none;
top: 0;
left: 0;
}

.reveal-modal {overflow: hidden;top:10%;/* left: 50%; *//* margin-left: -396px; */width: 100%;height: 650px;position: relative;/* z-index: 1001; */-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);background-color: #3e88cf;}

.reveal-modal.small {
width: 200px;
margin-left: -140px;
}

.reveal-modal.medium {
width: 400px;
margin-left: -240px;
}

.reveal-modal.large {
width: 600px;
margin-left: -340px;
}

.reveal-modal.xlarge {
width: 800px;
margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
cursor: pointer;
}

.id_web_title {
height: 42px;
background: #3e88cf;
overflow: hidden;
}

.id_web_title span {
margin-left: 20px;
float: left;
line-height: 42px;
font-size: 20px;
color: #FFFFFF;
}

.id_web_title a {
float: right;
cursor: pointer;
color: #FFFFFF;
line-height: 24px;
font-size: 14px;
margin-top: 9px;
margin-right: 28px;
}

.id_web_box {width: 99%;height: 586px;overflow: hidden;margin: auto;}

.id_web_left {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow-y: auto;
width: 100%;
height: 446px;
background: #FFFFFF;
}

.id_web_left_text {
overflow: hidden;
width: 100%;
height: 148px;
background: #FFFFFF;
margin-top: 14px;
}

.id_web_left_box {
float: left;
overflow: hidden;
width: 100%;
}

.id_web_answer {
overflow: hidden;
margin: 17px
}

.id_web_answer img {
float: right;
height: 51px;
width: 51px;
}

.id_web_answer div {
position: relative;
z-index: 10000;
margin-right: 17px;
margin-top: 10px;
padding: 5px 16px;
line-height: 21px;
font-size: 14px;
color: #ffffff;
float: right;
background: #3297e3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
max-width: 751px;
}

.id_web_answer span {
width: 5px;
height: 8px;
/*background: url("/v2/images/img03.png") no-repeat;*/
position: absolute;
top: 10px;
right: -5px;
}

.id_web_rejoin {
overflow: hidden;
margin: 17px
}

.id_web_rejoin img {
float: left;
width: 47px;
height: 47px;
}

.id_web_rejoin div {
position: relative;
z-index: 10000;
margin-left: 17px;
margin-top: 7px;
padding: 5px 16px;
line-height: 21px;
font-size: 14px;
color: #ffffff;
float: left;
max-width: 751px;
border: #3297e3 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.id_web_rejoin span {
width: 10px;
height: 13px;
background: url("/v2/images/img03.jpg") no-repeat 0 -9px;
position: absolute;
top: 10px;
left: -10px;
}

.id_web_rejoin div p {
display: block;
color: #000000;
}

.id_web_rejoin div h1 {
margin-top: 6px;
color: #1e71de;
font-weight: 400;
}

.id_web_left_text textarea {
border: 0;
padding: 5px 12px;
display: block;
width: 95%;
height: 80px;
color: #2d2d2d;
outline: none;
}

.id_web_left_take {
height: 32px;
overflow: hidden;
}

.id_web_left_take span {
margin-left: 6px;
float: left;
font-size: 14px;
line-height: 16px;
margin-top: 16px;
}

.id_web_left_take span a {
color: #0362ae;
}

.id_web_left_take input {
float: right;
font-size: 16px;
height: 32px;
width: 72px;
background: #ff7900;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #FFFFFF;
border: 0;
font-weight: bold;
margin-right: 11px;
}

.jspContainer {
overflow: hidden;
position: relative;
}

.jspPane {
position: absolute;
}

.jp-container {
background: #ffffff;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
height: 627px;
position: relative;
float: left;
}

.jspVerticalBar {
margin-right: 4px;
display: block;
position: absolute;
top: 0;
right: 0;
width: 4px;
height: 100%;
background: red;
}

.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: #1790f2;
}

.jspVerticalBar *,
.jspHorizontalBar * {
margin: 0;
padding: 0;
}

.jspCap {
display: none;
}

.jspHorizontalBar .jspCap {
float: left;
}

.jspTrack {
background: #F2F4F8;
position: relative;
}

.jspDrag {
background: #2497f2;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
float: left;
height: 100%;
}

.jspArrow {
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
}

.jspArrow.jspDisabled {
cursor: default;
background: #80808d;
}

.jspVerticalBar .jspArrow {
height: 16px;
}

.jspHorizontalBar .jspArrow {
width: 4px;
float: left;
height: 100%;
}

.jspVerticalBar .jspArrow:focus {
outline: none;
}

.jspCorner {
background: #eeeef4;
float: left;
height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
.jspCorner {
margin: 0 -3px 0 0;
}

.id_web_left_right {
float: right;
width: 440px;
height: 689px;
}

.h_box-h1 {
padding-bottom: 16px;
font-size: 30px;
font-weight: bold;
color: #ffffff;
line-height: 38px;
text-align: center;
background: #3e88cf;
}

.id_web_left_right .h2 {
margin-top: 7px;
font-size: 22px;
font-weight: bold;
color: #005aa9;
line-height: 48px;
text-align: center;
}

.id_web_left_right .h3 {
width: 98%;
margin: auto;
text-align: center;
color: #76767f;
border-bottom: dashed 1px #cdcdcd;
}

.id_web_left_right .h3 span {
display: inline-block;
line-height: 24px;
font-size: 12px;
}

.id_web_left_right .h4 {
padding-bottom: 20px;
width: 98%;
margin: auto;
line-height: 28px;
font-size: 14px;
}

.id_web_left_right .h_box {
width: 96%;
}