﻿/*------------------------------------------------------
Filename:              global.css
Website:               http://www.yezizhu.com/ 
Version:               v1.0.0
Update:                2009-08-31-1800 
Author:                Freeman
------------------------------------------------------*/
/*Reset*/
:root{overflow-y:scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
:focus{outline:0;}
address,caption,cite,code,dfn,em,b,i,th,var,optgroup{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
abbr,acronym{border:0;font-variant:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
textarea{*overflow:auto;}
code,kbd,samp,tt{font-size:100%;}
input,button,textarea,select{*font-size:100%;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
sup,sub{font-size:100%;vertical-align:baseline;}
:link,:visited,ins{text-decoration:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/*Common*/
.clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{*zoom:1;}
.fr{display:inline;float:right!important;}
.fl{display:inline;float:left!important;}
.show{display:block;}
.hide{display:none;}
.highlight{color:#F30!important;}
.hui { color:#9a9a9a!important;}
.important{font-weight:bold!important;}
.center{text-align:center!important;}
/*Base*/
body{font:14px/1.5 Tahoma,sans-serif;color:#444; background:#cfeaf3 url(/theme/default/images/hslj/bg-body.jpg) no-repeat 50%  bottom;}
a{color:#333;text-decoration:none;}
a:hover,a:active{color:#F40;text-decoration:underline;}
#home,#page{ width:100%; background:url(/theme/default/images/hslj/bg-home.jpg) no-repeat 50% 0;}
/*Picture Loading*/

/*Site Nav*/
#site-nav{width:100%;min-width:960px;height:24px;padding:4px 0 0;color:#555;font-size:12px;background:#F7F7F7 url(/theme/default/images/hslj/bg_sitenav.png) repeat-x;position:relative;z-index:10;}
#site-nav .bd{width:960px;margin:0 auto;}
#site-nav .quick-link{float:left;padding-left:10px;}
#site-nav .quick-link a{margin:0 8px 0 0;color:#555;}
#site-nav .quick-link strong{font-weight:normal;}
#site-nav .game-center{float:right;padding-right:10px;width:auto;position:relative;cursor:pointer; color:#000;_padding-top:2px;}
#site-nav .game-center b{font:9px Arial;margin:0 0 0 2px;display:inline-block;_font:8px/1 Arial;}
#game-list{display:none;position:absolute;top:16px;right:0;background:#EEE;border:1px #AAA solid;width:96px;}
#game-list a{display:block;height:16px;line-height:16px;text-align:left;width:86px;padding:3px 5px;overflow:hidden;text-decoration:none;background:#EEE; color:#555;}
#game-list a:hover{background:#FFF; color:#F40;}
/*主体*/
#header{width:794px; height:218px;margin:0 auto;}
#logo{width:794px;height:218px;float:left; background:url(/theme/default/images/hslj/bg-header.jpg) no-repeat;}
/*content*/
#content {width:794px; margin:0 auto;}
#login-left {width:215px; height:400px; float:left; background:url(/theme/default/images/hslj/icon-02.jpg) no-repeat bottom;}
#login-yx {width:155px; height:47px;margin:30px 0 0 35px;  text-indent:0px; border:0;background:url(/theme/default/images/hslj/pic-01.jpg) no-repeat; cursor:pointer;font-weight: bold;}
#register-yx {width:155px; height:47px;margin:30px 0 0 35px;  text-indent:0px; border:0;background:url(/theme/default/images/hslj/pic-02.jpg) no-repeat; cursor:pointer;font-weight: bold;}
#paly-yx {width:155px; height:47px;margin:30px 0 0 35px;  text-indent:0px; border:0;background:url(/theme/default/images/hslj/pic-03.jpg) no-repeat; cursor:pointer;font-weight: bold;}
#news {width:359px; height:400px; float:left; background:url(/theme/default/images/hslj/icon-03.jpg) no-repeat;}
#news h4 {width:327px; height:40px; line-height:40; overflow:hidden; margin:32px 0 0 16px; background:url(/theme/default/images/hslj/icon-06.jpg) no-repeat;}
#news h5 {width:78px; height:35px; line-height:35px; margin-left:30px; color:#311901; text-align:center;  background:url(/theme/default/images/hslj/pic-04.jpg) no-repeat;}
#news .list{width:310px; padding:8px 20px;}
#news .list li{height:23px; line-height:23px; overflow:hidden; padding-left:8px;}
#news .list span{float:right; display:inline; margin:0 0 0 10px;}
#intro {width:220px; height:400px; float:left; background:url(/theme/default/images/hslj/icon-05.jpg) no-repeat bottom;}
#intro .mp { height:35px; margin-left:32px;}
#intro .info {width:180px; height:98px; padding:3px 0 0 30px; }
#intro .info a { height:20px; line-height:20px;margin-right:10px;  font-size:12px;}
#intro .info01 {width:140px; height:98px; padding:5px 0 0 50px; }
#intro .info01 a { height:20px; line-height:20px;margin-right:20px;  font-size:12px;}
.banner {width:784px; height:66px; float:left; padding:3px 0 0 10px; background:url(/theme/default/images/hslj/icon-07.jpg) no-repeat;}
#special {width:396px; height:249px; float:left; background:url(/theme/default/images/hslj/icon-08.jpg) no-repeat;}
#special h4 {width:324px; height:35px; line-height:35; overflow:hidden; margin:13px 0 0 35px; background:url(/theme/default/images/hslj/pic-07.jpg) no-repeat;}
#special .list,#intercourse .list{width:300px; padding:8px 40px;}
#special .list li,#intercourse .list li{height:23px; line-height:23px; overflow:hidden; padding-left:8px;}
#special .list span,#intercourse .list span{float:right; display:inline; margin:0 0 0 10px;}
#intercourse {width:397px; height:249px; float:left; background:url(/theme/default/images/hslj/icon-09.jpg) no-repeat;}
#intercourse h4 {width:326px; height:35px; line-height:35; overflow:hidden; margin:13px 0 0 35px; background:url(/theme/default/images/hslj/pic-08.jpg) no-repeat;}

#bg{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.5; background:#000000; display:none;}
#popbox{position:absolute;width:497px; height:367px; left:50%; top:50%; margin:-150px 0 0 -230px;display:none; background:url(/theme/default/images/hslj/pic-001.jpg) no-repeat;}
#popbox img {margin:25px 0 0 180px;}

#main{width:412px; margin-top:10px; padding-left:90px; text-align:left;}
#main .off {position:absolute; bottom:30px; right:50px;}
form div{overflow:hidden;padding-top:5px;}
label{width:60px;float:left;display:inline;margin-right:5px;font:bold 14px Simsun;color:#000;text-align:left;height:14px;line-height:14px;padding:3px 0 1px 20px; }
input{width:125px;border:1px solid #000;height:14px;line-height:14px;padding:2px;background:#fff;}
#check-code{width:70px;}
form div p{color:#999;display:block;padding-left:85px;font-size: 12px;}
form div span{color:#FFF;margin:0 5px;}
form button{background:transparent;border:0;cursor:pointer;display:block;clear:both;margin:10px 0 0 120px;}
#dl{width:106px; height:49px; margin:30px 5px 0 30px;  overflow:hidden; text-indent:0px; border:0;background:url(/theme/default/images/hslj/icon-1.jpg) no-repeat; cursor:pointer; margin-right:30px;font-weight: bold;}
#zc{width:106px; height:49px; margin:30px 5px 0 0;  overflow:hidden; text-indent:0px; border:0;background:url(/theme/default/images/hslj/icon-2.jpg) no-repeat; cursor:pointer; margin-right:30px;font-weight: bold;}


#bg01{width:100%;height:100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity=50);opacity:0.5; background:#000000; display:none;}
#popbox01{position:absolute;width:497px; height:367px; left:50%; top:50%; margin:-150px 0 0 -230px;display:none; background:url(/theme/default/images/hslj/pic-001.jpg) no-repeat;}
#popbox01 img {margin:22px 0 0 150px;}

#main{width:412px; margin-top:10px; padding-left:85px; text-align:left;}
#main .off {position:absolute; bottom:30px; right:50px;}
form div{overflow:hidden;padding-top:5px;}
label{width:60px;float:left;display:inline;margin-right:5px;font:bold 14px Simsun;color:#000;text-align:left;height:14px;line-height:14px;padding:3px 0 1px 20px; }
input{width:125px;border:1px solid #000;height:14px;line-height:14px;padding:2px;background:#fff;}
#check-code{width:70px;}
form div p{color:#999;display:block;padding-left:85px;font-size: 12px;}
form div span{color:#FFF;margin:0 5px;}
form button{background:transparent;border:0;cursor:pointer;display:block;clear:both;margin:10px 0 0 120px;}
#tj{width:145px; height:49px; margin:10px 0 0 60px;  overflow:hidden; text-indent:0px; border:0;background:url(/theme/default/images/hslj/icon-3.jpg) no-repeat; cursor:pointer;font-weight: bold;}


/*Footer*/
#footer{width:794px; height:92px;margin:0 auto;padding:10px 0;clear:both;color:#fff; background:url(/theme/default/images/hslj/pic-bottom.jpg) no-repeat;}
#footer p{margin:0 auto;text-align:center;}
#footer a{margin:0 5px;color:#fff;}
