@charset "utf-8";
@import url(http://gc.changyou.com/logo/yhmx_logo.css);

/*global*/
body {width:100%; font:12px "宋体"; line-height: 24px; background:url(../images/body_bg.jpg) center 44px no-repeat; }

/* header */
#header{width:1000px; height:285px; margin:0 auto; position: relative; background: url(../images/header_bg.jpg) center top no-repeat;}
.yhmx_logo_lk a,.yhmx_logo_bg {top:0px; left:0px; }
.yhmx_logo_lk a {z-index:8; }
.yhmx_logo_bg {z-index:7; }
.hideTxt {text-indent: -9999px; position:absolute;}

/*titlelink*/
.tittlelink {height: 16px; position: absolute; left: 610px; top:1px; padding: 5px; text-align: center; color: #fbf8e1; line-height:16px;}
.tittlelink a {color: #fbf8e1; line-height: 16px;}
.tittlelink a:hover {color: #fff449;}

/*share*/
#target{ width: 176px; height: 20px; line-height:22px;color:#be5a5a; position: absolute; top: 7px; right: 6px; }

/*container*/
#container{ width: 1000px; height: 570px; margin: 0 auto; background: url(../images/container_bg.jpg) center top no-repeat;}
.shapeBox{ width:705px; height:570px; position:relative;}
.shapeBox .default{ width:705px; height:570px; background:url(../images/st_df1.jpg) center top no-repeat}
#activate{ position:absolute; top:0; left:0; z-index:1}
#activate{ position:absolute; top:0; left:0; z-index:1; width:705px; height:570px}
#anchor{ position:absolute; top:0; left:0; z-index:2; width:705px; height:570px}

/*pop*/
.pop{ width:636px; height:446px; display:none; background-color:#151515; border:5px solid #000; color:#9d9d9d; position: relative;}
.pop h3{height:30px; line-height:20px; font:28px "微软雅黑"; text-align: center; font-weight:bold; color: #ebd76a; margin: 34px 0 22px 28px;}
.pop p{ text-indent: 2em;}
.pop p.scr_p{ text-indent: 0em;}
.pop p a{ color: #ffde27; text-decoration: underline;}
.pop .close{display:block; width:30px; height:30px; position:absolute; right:0; top:0px; font: 26px "宋体";font-weight:bold; cursor: pointer;}
.pop_btn{ display: block; width: 159px; height: 51px; background-color: #c59e01; font: 22px "微软雅黑"; color: #fff; font-weight: 800; text-align: center; line-height: 51px; position: absolute; right: 29px; bottom: 22px;}

/*滚动条*/
.scroll-pane{ width: 542px; height: 262px; background-color: #090909; margin-left: 23px; padding: 18px 24px;}
.scroll-pane span.scr_title{ color: #ffde27;}
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #000; position: relative; }
.jspDrag { background: #252525; 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: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }

/*tanle*/
.pop table{ width: 460px; border-collapse: collapse; margin: 20px auto; }
.pop table th{ font-weight: bold; border: 1px solid #252525; text-align: center;}
.pop table td{ border: 1px solid #252525; text-align: center;}