/**scroll**/
div{margin:0 auto;padding:0 auto;}
.jspArrowUp,.jspArrowDown,.jspArrowLeft,.jspArrowRight,.jspDragBottom,.jspDragTop{background:url(../images/game/scroll.png) no-repeat 0 0;display:inline-block;width:13px;height:17px;}
.jspDrag{display:block;background: url(../images/game/bg_drag.jpg) no-repeat center ;width:13px;}
.jspDrag .jspDragTop{height:100%;}
.jspDrag .jspDragLeft{width:100%;height:0px;display:none;}
.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;outline:none;resize:0;}
.jspVerticalBar{position: absolute;top: 0;right: 0;width:13px;height: 100%;z-index:10;border-left:1px solid #000;border-right:1px solid #000;  text-align:center}
.jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height:0px;display:none;}
.jspVerticalBar *,
.jspHorizontalBar *{margin: 0;padding: 0; }
.jspArrowDown{ background-position:-14px 0;}
.jspDragTop{ background-position:-42px 0;}
.jspDragBottom{ background-position:-57px 0; position:absolute;bottom:0;left:0;}
.jspHorizontalBar .jspCap{float: left;display:none;}
.jspTrack{background:#2d395e ;position: relative;}
.jspDrag{position: relative;top: 0;left: 0;cursor: pointer;}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{float: left;height: 100%;}
.jspArrow{text-indent: -20000px;display: block;cursor: pointer;}
.jspArrow.jspDisabled{cursor: default;}
.jspVerticalBar .jspArrow{height:17px;}
.jspHorizontalBar .jspArrow{width: 6px;float: left;height: 100%;}
.jspVerticalBar .jspArrow:focus{outline: none;}
.jspCorner{float: left;height: 100%;}
.jspArrowLeft,.jspArrowRight{display:none}
.jspCap{display:none;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin: 0 -3px 0 0;}

.u_face_layers{width:416px; height:262px;background:url(../images/userfacebgs.png?20141028) no-repeat; overflow:hidden;}
.ufl_list_c{ width:360px;height:180px; margin-bottom:6px;padding-right:20px;}/* CSS Document */
