/* ---- author:杭州翼虎科技,dtv@foxmail.com ---- */
/* ---- 台州棋牌苑-前台 ---- */
/* reset */
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}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size: 100%}/*IE6,IE7*/
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}/*需要cellspacing="0"'*/
caption,th{text-align:left}
:link,:visited{text-decoration:none}
/* 清除浮动 */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}

/* footer保持底部，42px一致 */
html, body, #wrap {height:100%;}
body > #wrap {height:auto; min-height:100%;}
#box {padding-bottom: 42px;}
#footer {position: relative;margin-top:-42px;height:42px;clear:both}
#footer-c {width:645px; margin:0 auto; line-height:42px; background:url('footer_bg.png') left top no-repeat; text-align:center; color:#7BC0EA}

/* 主体 */
body {background:#1B7DB7; font:12px Tahoma,Helvetica,Arial,sans-serif}
#box {margin:0 auto; width:645px; height:auto}

/* 头部 */
#header {height:219px; background:url('header_bg.png') left top no-repeat}
#header-t {position:relative; height:144px; background:url('logo.jpg') 20px top no-repeat} /* logo */
#header-t-t {position:absolute; right:0; top:0; height:29px; line-height:29px; width:200px; background:url('header_gif.gif') left top no-repeat;color:#C8E1F0} /* 首页.收藏 */
#header-t-t a {color:#C8E1F0; margin-left:18px}
#header-t-t a:hover {background:#036; color:#FFF}
#header-ad {position:absolute; right:11px; top:42px; width:400px; height:90px} /* 顶部广告图 */
/* 头部-导航 */
#header-nav {height:40px}
#nav {width:640px; margin:0 auto; height:35px}
#nav li {float:left; width:80px}
#nav li a {display:block; width:80px; height:35px; line-height:35px; background:url('nav_bg.png') left top no-repeat; font-size:14px; font-weight:bold; color:#FFF; text-align:center}
#nav li .noa {background-position:left -200px} /* 去背景分割线 */
#nav li a:hover {background-position:left -35px; color:#036}
/* 导航焦点 */
.i .f_i a,.g .f_g a,.n .f_n a,.a .f_a a,.s .f_s a,.e .f_e a,.p .f_p a {background-position:left -35px !important; color:#036 !important; cursor:default}
/* 头部-底 */
#header-b {height:30px}
#header-b p {float:left; height:30px; line-height:30px; width:310px; color:#9FCBE6}
.h-p1 {background:url('header_gif.gif') 15px -29px no-repeat; text-indent:45px} /*欢迎*/
.h-p2 {background:url('header_gif.gif') left -59px no-repeat; text-indent:19px} /*快速入口*/
.h-p2 a {color:#9FCBE6; margin-left:10px;}
#header-b p a:hover {background:#036; color:#FFF}

/* 主体内容 */
#content {width:645px; background:#1B7DB7; padding:5px 0}
#content-l {float:left; width:215px}
#content-r {float:left; width:430px}

/* 首页 - 游戏下载 */
#download {margin-bottom:5px; width:210px; height:200px; background:url('download_bg.jpg') left top no-repeat}
#download dt {height:70px}
#download a {display:block; height:60px}


h3 {height:44px}
.ha a {display:block; height:44px; width:200px; background:url('h.png') left top no-repeat; text-indent:-2000px; cursor:default}
.h1 {background:url('c_bg.png') left top no-repeat}
.c1 {background:#FFF url('c_bg.png') -210px top repeat-y; width:210px}
.w1 {width:204px; margin:0 auto; padding-bottom:2px}
.b1 {background:url('c_bg.png') -420px bottom no-repeat}

.h2 {background:url('c_bg.png') -630px top no-repeat}
.c2 {background:#FFF url('c_bg.png') -1060px top repeat-y; width:430px}
.w2 {width:424px; margin:0 auto; padding-bottom:2px}
.b2 {background:url('c_bg.png') -1490px bottom no-repeat; width:430px}

.h3 {background:url('c_bg.png') -1920px top no-repeat}
.c3 {background:#FFF url('c_bg.png') -2565px top repeat-y; width:645px}
.w3 {width:639px; margin:0 auto; padding-bottom:2px}
.b3 {background:url('c_bg.png') -3210px bottom no-repeat}
/* 首页 - 客户服务 */
#service {margin-bottom:5px}
#service h3 a {background-position:left -44px; cursor:pointer}
#service dl {border-top:1px solid #DDD}
#service dt {height:50px; line-height:50px; background:url('service_diy.png') 25px 4px no-repeat; text-indent:70px}
#service dt a {color:#036}
#service dd {height:26px; line-height:26px; background:url('service_list.jpg') 5px top no-repeat; text-indent:38px}
#service .sdd1 {background-position:5px 6px; height:68px; line-height:34px}
#service .sdd2 {background-position:5px -102px}
#service .sdd3 {background-position:5px -200px}

#service .sdd {background:none; text-indent:20px}

#service .sdd4 {background:none; height:46px; line-height:auto; text-indent:0;}/*常见问题*/
.sdd4 ul {border-top:1px solid #DDD; width:200px; margin:0 auto;}
.sdd4 li {float:left; width:100px; text-align:center; height:23px; line-height:23px; overflow:hidden}
.sdd4 a {color:#333}
.sdd4 a:hover {background:#036; color:#FFF}

/* 首页 - 健康游戏公告 */
#health {}
#health h3 a {background-position:left -132px}
#health ul {margin:0 auto; width:170px}
#health li {height:20px; line-height:20px; color:#444; overflow:hidden}

/* 首页 - 活动广告 */
#addiv {position:relative;width:430px; margin-bottom:5px}
.adover1,.adover2 {z-index:999;position:absolute;  height:200px; width:9px; }
.adover1 {left:0; top:0;background:url('ad_over.gif') -9px top no-repeat}
.adover2 {right:0; top:0;background:url('ad_over.gif') left top no-repeat}
.ad {overflow:hidden; height:200px;	position:relative;background:#FFF url('loading.gif') center center no-repeat}
.slider img {width:430px; height:200px;display:block}
.slider,.num{position:absolute}
.slider li{display:inline}
.num{right:20px; bottom:5px}
.num li{float: left;color: #FF7300;text-align: center;line-height: 16px;width: 16px;height: 16px;font-family: Arial;cursor:pointer;overflow: hidden;margin: 3px 1px;border: 1px solid #FF7300;background-color: #FFF}
.num li {}
.num li.on{color: #FFF;background-color: #FF7300;font-weight: bold}

/* 新闻公告,#newsindex首页,#newslist列表页 */
#newsindex {height:199px; margin-bottom:5px}
#newsindex ul {height:153px}
#newslist {}
#newsindex h3 a, #newslist h3 a {background-position:left top; cursor:pointer}
#newslist h3 a {cursor:default}
#newsindex li {clear:both}
#newsindex li a, #newslist li a {display:block; padding-left:50px; height:30px; line-height:30px; text-decoration:none; color:#333; border-top:1px solid #DDD; background:url('news_li_bg.png') left top no-repeat}
.news1 {background-position:5px 5px !important} /* 新闻 */
.news2 {background-position:5px -34px !important} /* 公告 */
.news3 {background-position:5px -73px !important} /* 活动 */
#newsindex li a {overflow:hidden}
#newsindex li a:hover, #newslist li a:hover {color:#036; font-weight:bold}
#newsindex li span, #newslist li span {display:block; padding-right:2px; float:right; text-align:right}

#newsdetail {}
#newsdetail h3 a {background-position:left top; cursor:default}
.newsdetail-c {height:auto !important;height:280px;min-height:280px; border-top:1px solid #DDD}
.newsdetail-c-h {height:30px; line-height:30px; text-align:center; color:#333; font-size:14px}
.newsdetail-c-sp {display:block; height:20px; line-height:20px; text-align:center; border-top:1px solid #DDD; border-bottom:1px dashed #DDD; color:#666}
.newsdetail-c-div {padding-top:3px; width:600px; margin:0 auto}

/* 游戏列表 */
#gamelist {position:relative}
#gamelist h3 a {background-position:left -88px; cursor:pointer}
#gamedown {position:relative;margin:0 auto 5px; width:645px; height:200px; background:url('gamedown.jpg') left top no-repeat}
#gamedown a {position:absolute;left:60px; top:74px;display:block; height:40px; width:190px}

.gl-l {float:left; width:75px}
.gl-l li {height:40px}
.gl-l-li1,.gl-l-li2,.gl-l-li3,.gl-l-li4 {background:url('gamelist_bg.png') left top no-repeat}
.gl-l-li1 {background-position:5px top}
.gl-l-li2 {background-position:-75px 2px}
.gl-l-li3 {background-position:-155px 7px}
.gl-l-li4 {background-position:-235px 9px}

.gl-c {float:left; width:285px}
.gl-c li {height:40px; overflow:hidden}
.gl-c li a {display:block; float:left; padding:0 5px; height:40px; line-height:40px; color:#333}
.gl-c li a:hover {background:#333; color:#FFF}

.gl-r {float:left; width:60px}
.gl-r li {height:40px}
.gl-r li a {display:block; height:40px; background:url('gamelist_bg.png') -315px top no-repeat}

.gldiv {border-top:1px solid #DDD;}



/* 客户服务 */
#services {position:relative;}
ul.sv_title {position:absolute; left:20px; top:4px; height:30px;}
ul.sv_title li {float:left; height:40px; line-height:40px; width:100px; text-align:center; color:#333}
ul.sv_title li a {display:block; height:40px;color:#333}
#svc_01,#svc_02,#svc_03,#svc_04,#svc_05,#svc_06 {border-top:1px solid #DDD; padding:0 5px; color:#333}
#svc_06 p {text-indent:28px}

.normaltab {color:#333; font-size:14px}
.hovertab  {background:#FFF; font-weight:bold; border:1px solid #DDD; border-bottom:0; font-size:14px; cursor:default}

/* 客户服务 - 问题列表 */
.svclist {margin:0 auto; width:604px; border:1px solid #DDD; border-top:none; table-layout:fixed}
.svclist th {height:31px; line-height:31px; background:url('title_bg.png') left top repeat-x; color:#333; font-weight:normal; text-indent:2px;}
.svclist td {height:28px; line-height:28px; border-top:1px solid #DDD; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.btn a{display:block; float:left; height:24px; line-height:24px; background:url('btn.png') left top repeat-x; border:1px solid #0053A6; padding:0 10px; color:#FFF}
.btn a:hover {background-position:left -24px; color:#DDD}

.t1 {width:100px; text-align:center}
.t2 {}
.t3 {width:110px; text-align:center}
.t4 {width:60px}
.t5 {width:60px}

.green {color:#060}
.red {color:#C30}

/* 客服服务 - 问题提交 */
.svcsub {width:500px; margin:0 auto; }
.svcsub th {width:76px; text-align:right; color:#333}
.svcsub td {}
.svcsub textarea {height:100px;width:400px}

/* 兑换中心 */
#exc {}
#exc h3 a {background-position:left -220px; cursor:default}
.exc-c {height:auto !important;height:300px;min-height:300px; border-top:1px solid #DDD; padding-top:5px; _padding-bottom:5px;/*ie6*/}
#exc dl {float:left; width:200px; margin:0 0 20px 10px; display:inline;}
#exc dt {background:#036; height:205px}
#exc dt img {width:200px; height:200px}
#exc dd {width:100%;height:30px; line-height:30px; text-align:center; overflow:hidden;white-space:nowrap}
#exc dl a {display:block; margin:0 auto; width:120px; height:30px; line-height:30px; text-align:center; color:#FFF; background:url('exc_a_bg.png') left top no-repeat}
#exc dl a:hover {background-position:left -30px}

.exc-c table {width:100%}
.exc-c th {width:200px; height:26px; line-height:26px; text-align:right; font-weight:normal}
.sub {padding:10px 0 10px 200px}
.sub a {display:block; float:left; margin-right:20px; height:30px; line-height:30px; width:120px; color:#FFF; text-align:center; background:url('exc_a_bg.png') left top no-repeat}
.sub a:hover {background-position:left -30px}

/* 活动专区 */
#act {position:relative}
#act h3 a {background-position:left -176px; cursor:default}
#act-c {border-top:1px solid #DDD;}
.act-dis {display:block; position:absolute; right:20px; top:8px; height:30px; line-height:30px; width:100px; text-align:center; background:#FFF; border:1px solid #CCC; color:#333}
#act-c-l {position:absolute; right:20px; top:38px; width:240px; border:1px solid #CCC}
#act-c-l li {height:30px}
#act-c-l li a {display:block;height:30px; line-height:30px; background:url('act_li_bg.png') left top no-repeat; text-indent:20px; overflow:hidden; color:#333}
#act-c-l li a:hover {background-position:left -30px; color:#900}
.act-fs {background-position:left -30px !important; color:#900 !important}
#act-c-r {width:639px}

/* 充值 */
#pay {}
#pay h3 a {background-position:left -264px;cursor:default}
#pay-c {border-top:1px solid #DDD; }

#pay-c dl {float:left; display:inline; margin:5px 0 0 10px; width:305px; height:200px; background:url('paylist_bg.png') left top no-repeat;}
#pay-c dt {height:46px; line-height:43px; text-indent:30px; font-size:16px; color:#333; font-weight:bold}
#pay-c dd {float:left; margin-left:10px; display:inline}
.pdd1 {margin-top:15px; width:100px; height:80px}
.pdd1 img { width:100px; height:80px}
.pdd2 {width:170px}
.pdd2 span {display:block; height:80px; line-height:20px; text-indent:24px}
.pdd2 a {display:block; margin:0 auto; height:30px; line-height:30px; width:120px; color:#FFF; font-size:14px; font-weight:bold; text-align:center; background:url('exc_a_bg.png') left top no-repeat}
.pdd2 a:hover {background-position:left -30px}

#pay-c th {width:200px; text-align:right; height:30px; line-height:30px}