* { margin: 0; padding: 0; }

body { background: #000; color: #000; font-family: Arial; font-size: 12px; }
a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
li { list-style: none; }
img { border: none; }
input, select { vertical-align: middle; }

object { outline: 0; }

.wrapfix:after, .f-line:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.wrapfix, .f-line {display: inline-table;}
/* Hides from IE-mac \*/
* html .wrapfix {height: 1%;}
*+html .wrapfix {height: 1%;}
* html .f-line {height: 1%;}
*+html .f-line {height: 1%;}
.wrapfix, .f-line {display: block;}
/* End hide from IE-mac */

.form {  }

.clear { clear: both; }

.sp1 { fons-size:14px;color:#AD0000;font-weight:bold; }

/* 全局 */
.layout { width: 1000px; height: 670px; position: relative; margin: 0 auto; overflow: hidden; }
.box-tt { font-size: 19px; font-family: 'Microsoft Yahei', SimHei, Arial; color: #b20a07; }
.sub-tt { font-size: 12px; color: #2e2e2e; }
.foot { position: absolute; z-index: 500; left: 0px; bottom: -8px; width: 1000px; height: 32px; line-height: 32px; text-align: center; color: #666; background: #000; }
.foot a { color: #666; margin: 0 5px; }
.foot a:hover { color: #fff; text-decoration: none; }
.foot span { margin: 0 5px; }

/* 顶级样式 */
.mainer { width: 1000px; height: 670px; top: 0px; left: 0px; }
.naver { width: 1000px; height: 200px; bottom: 0px; left: 0px; overflow: hidden; }
.logo  { z-index: 200; width: 185px; height: 88px; position: absolute; top: 28px; right: 60px; background: url(../images/icon/logo.gif) no-repeat 0 0; }
.logo span { display: none; }

.user-bar { z-index: 800; position: absolute; top: 30px; left: 30px; color: #fff; }
.user-bar a, .user-bar a:hover { color: #fff; }
.user-link { padding-left: 15px; }
.user-link a { margin: 0 5px; }

.link-bar { z-index: 800; position: absolute; top: 90px; right: 350px; color: #fff; }

.search-bar { z-index: 250; width: 400px; height: 23px; line-height: 23px; position: absolute; top: 95px; left: 90px; color: #fff; }
.search-bar .tb { background: #fff url(../images/bg/input-code-bg.gif) repeat-x 0 0; font-size: 12px; color: #999; border: 1px solid #a1a1a1; padding: 2px; width: 180px; }

.current-code { color: #A90000; font-weight: bold; }

/* ajax相关 */
.ajax-mask { position: absolute; z-index: 1000; width: 100%; height: 0px; top: 0px; left: 0px; background: #000; opacity: 0.5; filter: Alpha(opacity=50); }

.ajax-widget { position: fixed; z-index: 2000; padding: 29px 23px 19px; }
* html .ajax-widget { position: absolute; }

.aw-out { position: relative; width: 100%; background: #fff; }
.aw-in  { width: 100%; }
.aw-p   { position: absolute; }
.aw-lh  { left:  -23px; top: -29px; width: 23px; height: 29px; background: url(../images/bg/aw-hl.png) no-repeat 0 0; }
.aw-rh  { right: -23px; top: -29px; width: 23px; height: 29px; background: url(../images/bg/aw-hr.png) no-repeat 0 0; }
.aw-lf  { left:  -23px; bottom: -19px; width: 23px; height: 19px; background: url(../images/bg/aw-fl.png) no-repeat 0 0; }
.aw-rf  { right: -23px; bottom: -19px; width: 23px; height: 19px; background: url(../images/bg/aw-fr.png) no-repeat 0 0; }
.aw-mh  { left: 0px; top: -29px; width: 100%; height: 29px; background: url(../images/bg/aw-h.png) repeat-x 0 0; }
.aw-mf  { left: 0px; bottom: -19px; width: 100%; height: 19px; background: url(../images/bg/aw-f.png) repeat-x 0 0; }
.aw-ml  { left: -23px; top: 0px; height: 100%; width: 23px; background: url(../images/bg/aw-l.png) repeat-y 0 0; font-size: 0px; }
.aw-mr  { right: -23px; top: 0px; height: 100%; width: 23px; background: url(../images/bg/aw-r.png) repeat-y 0 0; font-size: 0px; }
* html .aw-p { background: none; }

.aw-hdl { text-align: center; padding: 6px 0 0; *padding-bottom: 2px; }
.aw-hdl input, .aw-hdl a { margin: 0 5px; }

.aw-in h3 { font-size: 14px; color: #ad0000; font-family: 'Microsoft Yahei', SimHei, Arial; margin: 0 0 0; padding-bottom: 10px; }
.aw-in a  { color: #ad0000; }

.aw-clo { right: -5px; top: -8px; z-index: 9000; width: 12px; height: 13px; display: block; }
.aw-clo a { float: left; width: 12px; height: 13px; background: url(/images/icon/close.gif) no-repeat 0 0; }
.aw-clo a b { display: none; }
.aw-clo a:hover { background-position: 0px -13px; }
* html .aw-clo { width: 32px; }
* html .aw-clo  a { width: 32px; background: none; }
* html .aw-clo a b { display: inline; font-weight: normal; }

/* controller相关 */
.ctl-index .logo {  }

/* album相关 */

.album-bg { z-index: 200; position: absolute; top: 119px; left: 77px; width: 846px; }

.album-m { float: left; height: 431px; width: 60px;  background: url(../images/bg/album-m.gif) no-repeat 0 0; }

.album-l        { height: 431px; width: 560px; float: left; }
.album-l-h      { height:  35px; background: url(../images/bg/album-r.gif) repeat-x 0 -376px; }
.album-l-h span { height:  35px; width:  25px; background: url(../images/bg/album-r.gif) no-repeat 0 -446px; float: left;  }
.album-l-b      { height: 376px; background: #fff url(../images/bg/album-r.gif) repeat-y bottom left; position: relative; padding-left: 20px; padding-right: 6px; }
.album-l-f      { height:  20px; background: url(../images/bg/album-r.gif) repeat-x 0 -481px; }
.album-l-f span { height:  20px; width: 25px; background: url(../images/bg/album-r.gif) no-repeat 0 -501px; float: left; }

.album-r        { height: 431px; width: 226px; float: right; }
.album-r-h      { height:  35px; background: url(../images/bg/album-r.gif) repeat-x 0 -376px; }
.album-r-h span { height:  35px; width:  25px; float: right; background: url(../images/bg/album-r.gif) no-repeat 0 -411px; }
.album-r-b      { height: 376px; background: #fff url(../images/bg/album-r.gif) repeat-y top right; position: relative; padding-left: 20px; padding-right: 6px; }
.album-r-f      { height:  20px; background: url(../images/bg/album-r.gif) repeat-x 0 -481px; }
.album-r-f span { height:  20px; width:  25px; background: url(../images/bg/album-r.gif) no-repeat 0 -521px; float: right; }

.act-list .album-l { width: 226px; }
.act-list .album-r { width: 560px; }

.album-list {  }
.album-list li { float: left; width: 100%; text-align: center; }

.al-link, .al-link:hover { color: #A90000; }

.al-cover     { }
.al-cover img { border: 2px solid #bdbdbd; display: block; margin: 5px auto 3px; height: 86px; }

.al-current { font-weight: bold; }
.al-pager { text-align: center; line-height: 2; }
.al-cmd { width: 120px; display: block; margin: 0 auto; }
.al-cmd input { margin: 0 5px; }

.float-box { position: absolute; z-index: 500; }

.album-new { left: 84px; top: 126px; width: 560px; padding-left: 15px; padding-top: 5px; }

.album-index-tt1 { font-size: 14px; padding-left: 155px; }
.album-index-tt2 { height: 19px; width: 73px; overflow: hidden; font-size: 12px; text-indent: -1000px; background: url(../images/icon/album-tt.gif) no-repeat -201px 0; }

.album-new .album-list { width: 540px; }
.album-new .album-list li { float: left; width: 135px; }
.album-new .al-cmd input { margin: 0 5px 0 0; }

.album-index-desc { height: 125px; background: url(../images/icon/photo-title.jpg) no-repeat 0 0; }

.album-top { width: 218px; right: 84px; top: 126px; padding-right: 8px; }
* html .album-top { width: 200px; }
.album-top .box-tt { background: url(../images/icon/album-tt.gif) no-repeat -76px 10px; width: 125px; height: 35px; text-indent: -1000px; overflow: hidden; }
.album-top .sub-tt {  }
.album-top .al-cover img { margin: 6px auto; }
.album-top-title { padding-left: 20px; }

.album-top .album-list-outer { height: 356px; overflow: hidden; overflow-x: hidden; overflow-y: scroll; }

.album-history { width: 218px; left: 84px; top: 126px; padding-left: 15px; padding-top: 5px; }
.album-history .box-tt { width: 76px; text-indent: -1000px; overflow: hidden; background: url(../images/icon/album-tt.gif) no-repeat 0 0; }

.album-my-list { right: 84px; top: 126px; width: 544px; padding: 10px 8px 0; }
.album-my-list .box-tt { display: none; }
.album-my-list .album-list li { float: left; width: 132px; }
.album-my-list .album-list-outer { height: 395px; overflow: hidden; overflow-x: hidden; overflow-y: scroll; }

/* ie6 select的替代品 */
.ie6-select {  }
.ie6-select-active { display: block; cursor: pointer; padding-left: 5px; color: #666; font-weight: bold; border: 1px solid #858585; background: #c6c6c6 url(/images/kok/ie6-select-bg.gif) no-repeat right 0; font-family: 'Microsoft Yahei', Arial, Tahoma, SimSun; }
.ie6-select-active-over { background-color: #fff; background-position: right -22px; }
.ie6-select-list { position: absolute; background: #fff; color: #888; border: 1px solid #858585; margin-top: -1px; }
.ie6-select-option { cursor: pointer; background: #fff; padding: 2px 5px; }
.ie6-select-option-over { background: #e0e0e0; }
.ie6-select-selected { font-weight: bold; background: #e0e0e0; color: #333; }


/* for football_game_web css */

.footballgame-layout{ width:100px}
.footballgame-main-upload { float:left; width:435px}

.user-info { position: absolute; top: 8px; left: 12px; color: #fff; z-index: 3000; font-size: 12px; }
.user-name { font-weight: bold; font-size: 12px; color: #fff; }
.user-name:hover { color: #fff; }
.txt-link  { margin: 0 8px; color: #fff; }
.txt-link:hover { color: #fff; }


.forget-box { width: 210px; top:220px; margin: 0 auto; position:absolute; left:405px; }
.login-box{ position:absolute; width: 210px; top:190px; left:400px; }
.reg-box { padding-top: 0px; position:absolute; top:110px; right:390px; z-index:1; }
.forget-box .f-sub-line{ position:relative; }
.f-sub-line .swf-btn{ position:absolute; top:0px; left:0px; }

.btn-login { width: 190px; height: 36px; border: 0; letter-spacing: 2px; font-size: 16px; font-weight: bold; font-family: 'Microsoft Yahei', Arial, Tahoma, SimSun; color: #fff; background: url(/images/button/reg-login-bg.gif) no-repeat 0 0; cursor: pointer; }
.reg-login-page { height: 565px; background: #710100 url(/images/bg/reg.jpg) no-repeat 0 65px; }

.login-error { line-height: 20px; padding-left: 20px; color: red; font-weight: bold; background: url(/images/icon/error.gif) no-repeat 0px 2px; }

.other-btns { padding: 8px 0; }
.other-btns a { background: #ddd; font-size: 12px; padding: 2px 5px; color: #666; border: 1px solid #a9a9a9; font-family: 'Microsoft Yahei', SimHei, Arial; font-size: 12px; text-decoration: none; }
.other-btns a:hover { color: #333; background: #fff; }

.login-form .f-line { height: 55px; }
.login-form .f-label { padding: 2px 0; font-size: 14px; font-weight: bold; color: #6c6c6c; display: block; clear: both; font-family: 'Microsoft Yahei', SimHei, Arial; }
.login-form .tb { float: left; font-size: 12px; border: 1px solid #bbb; padding: 2px; width: 184px; color: #8a8a8a; font-family: Arial; }
.f-label-text { font-size: 12px; color: #aaa; font-weight: normal; padding-left: 12px; font-family: Arial, SimSun; }

.tb-tip { position: relative; height: 0px; float: left; }
.tb-tip-in { position: absolute; z-index: 700; left: 195px; top: 23px; line-height: 1.4; width: 180px; padding: 2px 5px 2px 22px; background-color: #fff; overflow: hidden; border: 1px solid #ccc; }

.reg-form .tb-tip-in { top: 18px; }
.f-label-inline { float:left; width:30px; text-align:center; color:#6C6C6C; font-size:14px; font-family:'Microsoft Yahei',SimHei,Arial; font-weight:bold; }

.f-focus .tb { padding-left: 5px; color: #161616; width: 181px; border-color: #666 #ddd #ddd #666; background: #fff url(/images/icon/tb-focus.gif) no-repeat 1px 1px; font-weight: bold; }
.f-focus .f-label { color: #1c1c1c; }
.f-focus .tb-tip-in { background: #fff url(../images/icon/focus.gif) no-repeat 4px 3px; }

.f-error .tb { border-color: #AD0000; color: #AD0000; font-weight: bold; background: #fff url(../images/icon/tb-error.gif) no-repeat 1px 1px; }
.f-error .tb-tip-in { background: #fff9f9 url(../images/icon/error.gif) no-repeat 4px 3px; border-color: #e54343; }

.form .v-tb { width: 60px; }
.f-focus .v-tb { width: 57px; }
.f-v-line img, .tb-tip-in img { vertical-align: middle; }

.f-info-line { padding: 5px 0; }

.reg-form .f-label { padding: 0; }

.reg-form .f-line { height: 42px; }

.user-info-box { width: 300px; margin: 0 auto; padding: 10px 0 0; color: #666; padding-top:150px; }
.user-info-box h2 { font-size: 18px; color: #666; font-family: 'Microsoft Yahei', SimHei, Arial; padding-bottom: 8px; }
.user-info-box p  { line-height: 1.6; }
.user-info-form { width: 210px; margin: 0 auto; padding: 15px 0 0; }

/* 协议 */
.agreement { width: 760px; height: 390px; margin: 0 auto; padding: 2px 6px 10px; color: #fff; overflow: hidden; overflow-x: hidden; overflow-y: scroll; }
.agreement a, .agreement a:hover { color: #AD0000; }
.agreement-link, .agreement-link:hover { color: #A90000; font-weight: bold; font-size: 14px; }
.agreement h2 { font-size: 18px; color: #fff; margin: 10px 0; font-family: 'Microsoft Yahei', SimHei, Arial; }
.agreement h3 { font-size: 14px; color: Orange; margin: 10px 0; }
.agreement ol { line-height: 1.5; }
.agreement .lvl2 { padding-left: 25px; }
.agreement .lvl1 li { margin-left: 25px; list-style: outside decimal; }
.agreement .lvl2 li { list-style: inside lower-roman; margin-left: 0px; }

.ajax-widget .agreement { width: auto; color: #666; }
.ajax-widget .agreement h2 { font-size: 18px; color: #666; margin: 10px 0; font-family: 'Microsoft Yahei', SimHei, Arial; }
.ajax-widget .agreement h3 { font-size: 14px; color: #A90000; margin: 10px 0; }
.ajax-widget .agreement ol { line-height: 1.5; }
.ajax-widget .agreement .lvl2 { padding-left: 25px; }
.ajax-widget .agreement .lvl1 li { margin-left: 25px; list-style: outside decimal; }
.ajax-widget .agreement .lvl2 li { list-style: inside lower-roman; margin-left: 0px; }

.ajax-widget .login-box { padding-top: 0px; }
.ajax-widget .login-form { height: 220px; }
.ajax-widget .f-sub-line { height: 80px; }

.page-agreement .agreement h2 { color: #fff; }
.page-agreement .agreement h3, .page-agreement .agreement a { color: orange; }
.page-agreement .agreement { width: 780px; margin: 0 auto; color: #fff; height: 350px; }
.page-agreement { padding-top: 130px; }

.contact { color: #fff; width: 780px; margin: 0 auto; padding-left: 50px; }
.contact li { float: left; width: 50%; line-height: 1.6; margin: 10px 0; }
.contact h2 { font-size: 15px; color: orange; font-family: 'Microsoft Yahei', SimHei, Arial; margin: 5px 0; }

.swf-top-nav { height: 160px; position:absolute;  }
.swf-bg { position: absolute; z-index: 100; }
.main-content { position: absolute; z-index: 200; }

.ctl-kok .layout { height:847px; overflow:auto; }


.go-back { position: absolute; top: 115px; left: 630px; }

.main-content { position: absolute; z-index: 200; width: 1000px; }
.main-inner { padding-top: 120px; }
.swf-top-nav { position: absolute; height: 160px; width: 1000px; left: 0px; }

.age-page { position: relative; width: 1000px; height: 670px; background: url(/images/bg/age.jpg) no-repeat 50% 50%; }
.age-box  { position: absolute; z-index: 120; top: 130px; left: 310px; width: 550px; height: 300px; padding: 20px; }
.age-bnr-out { position: absolute; z-index: 90; top: 480px; left: 348px; width: 500px; height: 100px; background: url(/images/bg/age-shadow.gif) no-repeat 0 0; }
.age-bnr  { position: absolute; z-index: 100; top: 460px; left: 338px; width: 481px; height: 67px; background: url(/images/bg/age-bnr.png) no-repeat 0 0; }
* html .age-bnr { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg/age-bnr.png'); background: none; }

.poker-widget { font-size:14px; left:360px; line-height:20px; position:absolute; text-align:center; top:137px; width:280px; color:#9a0000; font-family:'Microsoft Yahei',SimHei,Arial; }
.reg-poker-tip  { background:url(/images/reg_top_bg.jpg) no-repeat; top:54px; width:314px; left:333px; padding:8px 10px; }

/**mobile-box**/
.mobile-box { top:120px; }
.mobile-box .note { color:#AD0000; line-height:200%; padding:10px 0; font-weight:bold; font-size:14px; }
.mobile-box .tb-error { border:1px solid #ff0000; clear:both; background:#FFFFFF; color:#FF0000; margin:10px 0 0 0; padding:5px; text-align:center; width:180px; }
.mobile-box .login-form .f-line { height:auto; margin:5px; }
.mobile-box .f-sub-line { position:static; }
.mobile-box .f-left { display:block; clear:both; }