﻿/*reset*/


/* bg */
#bg_main_111013{ background:url(http://images.10sea.com/wf/obt_part1/images/bg.jpg) no-repeat center 35px #000}
#warp{ background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_main2.jpg) no-repeat center 458px; margin:0 auto 30px; overflow:hidden;padding:0 0 10px 0;}

/* nav */
#header{position:relative;width:960px;margin:0 auto;z-index:2}
#nav{height:67px;padding-top:24px;}
#nav ul{height:67px;overflow:hidden;padding-left:6px;}
#nav ul li{float:left;height:67px;}
#nav ul li a{height:67px;display:block;overflow:hidden;text-indent:-9999px;}
#m1,#s1,#m2,#s2,#m3,#s3,#m4,#s4,#m5,#s5,#m6,#s6,#m7,#s7,#m8,#s8{width:100px;}
#m5,#s5{margin-left:150px;}
/*#m1.current a,#m1 a:hover{background-position:-6px -115px;}
#m2.current a,#m2 a:hover{background-position:-59px -115px;}
#m3.current a,#m3 a:hover{background-position:-143px -115px;}
#m4.current a,#m4 a:hover{background-position:-231px -115px;}
#m5.current a,#m5 a:hover{background-position:-319px -115px;}
#m6.current a,#m6 a:hover{background-position:-592px -115px;}
#m7.current a,#m7 a:hover{background-position:-681px -115px;}
#m8.current a,#m8 a:hover{background-position:-768px -115px;}
#m9.current a,#m9 a:hover{background-position:-852px -115px;}
#m10.current a,#m10 a:hover{background-position:-939px -115px;}*/
#sub{position:absolute;width:959px;left:3px;top:92px;height:0;overflow:hidden;z-index:2}
#index_menu_bg{background:#000;width:959px; height:235px; position:absolute; z-index:3 }
#sub_index_nav{position:absolute; z-index:9999}
#sub ul{float:left;padding-top:15px;}
#sub ul.current{background:url(hig.jpg) repeat-x;}
#sub ul li{height:21px;line-height:21px;}
#sub ul li a{color:#eee;padding-left:20px;text-decoration:none;}
#sub ul li a:hover{color:#03FAE5;background:url(arr.gif) 8px 50% no-repeat;}
#sub2{position:absolute;width:959px;left:3px;top:92px;height:0;overflow:hidden;background:url(http://images.tciplay.com/wf/pre_cbt/images/subbg.jpg) no-repeat;}
#sub2 ul{float:left;padding-top:15px;}
#sub2 ul.current{background:url(hig.jpg) repeat-x;}
#sub2 ul li{height:21px;line-height:21px;}
#sub2 ul li a{color:#B4B4B4;padding-left:20px;text-decoration:none;}
#sub2 ul li a:hover{color:#03FAE5;background:url(arr.gif) 8px 50% no-repeat;}

/* container */
#container{width:936px; margin:365px auto 0;}

/* main */
#main_1,#main_2{width:936px; float:left; margin:0 0 10px 0}
.main_2_left{width:221px; float:left}
.main_2_right{width:699px; float:right;}
/* big_eyes */
#big_eyes{ position:absolute; top:-357px; left:250px;z-index:0  }
#play img {border:0px}   
    #play { position:relative; margin:14px 0 0 17px;}   
    #play_bg {position:absolute;background-color:#000;margin-top:141px;height:50px;width:346px;filter: Alpha(Opacity=30);opacity:0.3;z-index:1000}   
    #play_text {position:absolute; bottom:2px; right:2px;z-index:1002}   
    #play_text ul li {width:14px;height:14px; line-height:14px;float:left;background-color:#000;display:block;color:#FFF;text-align:center;margin:1px;cursor:pointer;font-family:"Courier New";opacity:0.5; filter:alpha(opacity=50);}   
    #play_list a{display:block;width:244px;height:320px;position:absolute;overflow:hidden;}   
.event_link{width:100%; height:24px;margin:12px 0 0 0; text-align:center}

/* index_left_box */
.left_box{width:265px; float:left;position:relative;z-index:1}
.ad{width:255px; height:189px; background:url(http://images.10sea.com/wf/obt_part1/images/bg_ad.jpg) no-repeat; position:relative}
.ad a{ position:absolute; top:13px; left:17px}

/* news */
#news{width:425px; float:left;background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_news.jpg) no-repeat top left; margin:0 10px }
.idTabs { float:left; margin:6px 0 0 40px }
      .idTabs ul { height:25px; float:left;}
      .idTabs li { list-style:none; /*Try deleting this float*/ float:left;background:url(http://images.tciplay.com/wf/pre_cbt/images/news_nav.jpg) no-repeat }
      .idTabs a { width:49px; height:25px;display:block;background:url(http://images.tciplay.com/wf/pre_cbt/images/news_nav.jpg) no-repeat}
	  #nav1 a{background-position:0px 0px;}
	  #nav1 a.selected{background-position:0px -25px;}
	  #nav2 a{background-position:-49px 0px;}
	  #nav2 a.selected{background-position:-49px -25px;}
	  #nav3 a{background-position:-98px 0px;}
	  #nav3 a.selected{background-position:-98px -25px;}
	  #nav4 a{background-position:-147px 0px;}
	  #nav4 a.selected{background-position:-147px -25px;}
	  #nav5 a{background-position:-196px 0px;}
	  #nav5 a.selected{background-position:-196px -25px;}
	  
	  
	  #news .items {float:left;margin:10px 0 0 10px; width:395px;}
	  #news .items li{width:390px; height:24px; line-height:24px; float:left; background:url(http://images.tciplay.com/wf/pre_cbt/images/dds.gif) no-repeat left 9px; border-bottom:dotted 1px #9c9a9a; padding:0 0 0 5px; color:#9c9a9a; overflow:hidden}
	  #news .items li a{ color:#9c9a9a}
	  #news .items li a:hover{ color:#f4cf00}
	  #news .items li span.newsliet { display: block; float: left; }
	  #news .items li span.date { display: block; float: right;}
	  .news_more{ right:10px; top:-28px;}
	  .news_more a{ background:url(http://images.tciplay.com/wf/pre_cbt/images/news_more.jpg); width:47px; height:8px; display:block; text-indent:-99999em; overflow:hidden}
	  
/* wf_bk */
.wf_bk{width:214px; height:188px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_bk.jpg) no-repeat 5px 35px; float:right; padding:30px 0 0 2px;}	  
.wf_bk ul{ margin:14px 0 0 16px; float:left; display:inline}
.wf_bk li { float:left; margin:0 0 6px 0px;}
.wf_bk li a{width:179px;height:36px; float:left; text-indent:-10000px; display:block; outline:none }
.wf_link_swf{top:-103px;left:-4px}

/* zhuanti */
.zhuanti{float:left; margin:15px 0 0 7px; position:relative;width:628px;background: url(http://images.tciplay.com/wf/pre_cbt/images/bg_zhuanti.jpg) no-repeat ; padding:5px 9px 5px 17px}
.zhuanti .prev,.zhuanti .next{ cursor:pointer; position:absolute; bottom:35px; z-index:1}
.zhuanti .prev{ left: -18px;}
.zhuanti .next{ right:-15px}
.zhuanti a.prev,.zhuanti a.next{width: 12px;height: 25px;outline-style: none;outline-width: 0;position: absolute;top: 45px;text-indent: -9999px;}
.zhuanti a.prev {left: 2px;background: url(http://images.tciplay.com/wf/pre_cbt/images/zhuanti_icon_left.jpg) no-repeat ;}
.zhuanti a.next {right: 2px;background: url(http://images.tciplay.com/wf/pre_cbt/images/zhuanti_icon_right.jpg) no-repeat;}
/*.bx_wrap{ width:620px; overflow:hidden}*/


/* data-list */
.data-list{ width:699px; height:235px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_data.jpg) no-repeat; position:relative}
.data-list ul{ padding:65px 20px 20px}
.data-list ul li{ margin:0 0 5px 0; width:100%; clear:both; overflow:hidden}
.data-list .mark{width:104px; line-height:23px; padding:0 0 0 8px;_padding:0 0 0 4px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_sp.png) no-repeat;}
.data-list .mark span{ padding:0 0 0 5px}
.data-list p{ padding:3px 0 0 130px}
.data-list p a{ padding:0 0 0 4px}
.data-list p span{ padding:0 0 0 6px;  color:#666}

/* system */
.system{width:240px; height:140px; background:url(http://images.10sea.com/wf/obt_part1/images/bg_system.jpg) no-repeat;  margin:12px 0 0 0; padding:9px 0 0 15px}
.system li{ float:left}
.system li a{ width:110px; height:26px; display:block; text-indent:-99999px; margin:0 8px 8px 0;}

/* history_event. */
.history_event{width:221px; height:357px; background:url(http://images.10sea.com/wf/obt_part1/images/bg_history_event.jpg) no-repeat; text-align:center }

#scrollDiv{width:185px;height:258px; overflow:hidden; float:left; margin:25px 0 0 17px; display:inline}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{ vertical-align:bottom; *zoom:1;margin:0 0 5px 0;}
#scrollDiv li a{width:185px; height:60px; display:block;overflow:hidden;}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px; position:relative}
.scroltit small{background:url(http://images.tciplay.com/wf/obt_part1/images/bg_btn_scroll.png) no-repeat; width:29px; height:9px; text-indent:-9999em; display:block; position:absolute; left:100px; overflow:hidden; *zoom:1}
.scroltit small#but_up{ background-position:0 0; top:42px}
.scroltit small#but_down{ background-position:-29px 0; bottom:-303px;_bottom:-321px}
/* kf */
.kf{width:211px; height:202px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_kf.jpg) no-repeat; padding:35px 0 0 10px; float:left; margin:10px 0 0 0}
.kf_link,.kf_link li,.kf_zx,.kf_zx li{ float:left}
.kf_link{margin:10px 0 0 15px;}
.kf_link li{width:95px; height:20px; }
.kf_link li a{ float:left;}
.kf_zx{margin:2px 0 0 15px}
.kf_zx li{ background:url(http://images.tciplay.com/wf/pre_cbt/images/icon_kf.jpg) no-repeat left 3px; padding:0 0 1px 20px; color:#7d7d7d}

/* jiazhang */
.jiazhang,.yy{margin:8px 0 0 3px; float:left; display:inline}

/* poll */
.poll{width:181px; height:272px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_poll.jpg) no-repeat; padding:45px 20px 0 20px; float:left; margin:10px 0 0 0;}
.ma_h{color: #C8B79C; height: 0; line-height: 20px; margin: 6px 0 0 0}
.poll_btn{ margin:10px 0 0 0}
.poll thead td{ color:#8fbcb3; height:30px; font-weight:bold}

/* hezuo */
.hezuo{width:211px; height:162px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_hz.jpg) no-repeat; padding:35px 0 0 10px; float:left; margin:8px 0 0 0;}
.hezuo p{ text-align:center; padding:15px 0 5px 0;}
#scrollText{height:130px; overflow:hidden; text-align:center; float:left; margin:10px 0 0 8px; display:inline;}
#scrollText li{margin: 3px 0; width: 95px; float:left;}
#scrollText li img{ float:left}

/* main_2_right */
.lrbs{width:699px; height:235px;background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_lrbs.jpg); overflow:hidden; margin:12px 0 0  0}
.lrbs .box01{ float:left;width:197px; margin:15px 0 0 26px; display:inline}

.lrbs_more1,.lrbs_more2,.lrbs_more3,.more{ width:50px; height:16px;display:inline; float:right;  text-indent:-9999px; }
.lrbs_more1{margin:0 22px 30px 0;}
.lrbs_more2{margin:0 30px 30px 0;}
.lrbs_more3{margin:0 32px 30px 0;}
.bs_left{width:8px; height:11px; background:url(http://images.tciplay.com/wf/pre_cbt/images/d_l.gif); display:inline-block; overflow:hidden}
.bs_right{width:8px; height:11px; background:url(http://images.tciplay.com/wf/pre_cbt/images/d_r.gif); display:inline-block; overflow:hidden}
.bs_name{ display:inline-block; padding:0 5px; color:#cb7519;}

/* right_main2 */
.m_1{top:18px;right:45px;}
.m_2{top:18px;right:38px;}

.right_main2,.right_main3,.right_main4{ float:left; margin:12px 0 0 0; overflow:hidden; width:699px;}
.right_main4{ }


.game_zq{width:342px; height:235px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_game_zq.jpg) no-repeat; }
.game_zq dl,.game_zq dd,.game_zq dt{ float:left}
.game_zq dl{width:310px; margin:52px 0 0 18px; display:inline}
.game_zq dt{width:153px;}
.game_zq dd{width:145px;margin:0 0 0 10px; color:#7d7d7d}
.game_zq_btn{ float:left; width:340px; margin:2px 0 0 8px; display:inline} 
.game_zq_btn a{display: block; float: left; height: 35px; text-indent: -9999px; width: 162px;}

.rank{width:345px; height:285px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_rank2.jpg) no-repeat;}
.rank select{ float:left;margin:45px 0 0 10px}
.rank .idTabs{ float:left; margin:0 0 0 17px; display:inline}
.rank .idTabs ul{ background-color:#1f1f1f;width:300px; margin:10px 0 0 0; text-align:center; padding:0 0 0 10px}
.rank .idTabs li{background:none;padding:2px 5px; height:20px; line-height:20px}
.rank .idTabs li a{background:none; display:inline; width:inherit}
.rank .idTabs li a:hover,.rank .idTabs li a.selected{ color:#FF9900}
.rank .items{ display:inline; margin:5px 0 0 10px; float:left}
.rank #a1,
.rank #a2,
.rank #a3,
.rank #a4,
.rank #a5,
.rank #a6{width:324px; text-align:center;}
#a1 thead td,
#a2 thead td,
#a3 thead td,
#a4 thead td,
#a5 thead td,
#a6 thead td{ border-right:solid 2px #212121; background-color:#303030; color:#6d6c6c}
#a1 tbody td,
#a2 tbody td,
#a3 tbody td,
#a4 tbody td,
#a5 tbody td,
#a6 tbody td{ padding:3px 0; color:#aaaaa9}
.rank_icon,.rank_name{ float:left}
.rank_icon{ padding:0 6px 0 8px}
.chose{ height:60px;}
/* aipai */
.aipai{width:342px;height:285px;}

/* hdhd */
.hdhd{width:345px;height:226px;}

/* gamedata */
.game_gd{width:345px;height:235px; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_gamedata.jpg) no-repeat; padding:50px 0 0 0}
.game_gd dl,.game_gd dd,.game_gd dt{ float:left}
.game_gd dl{width:320px; margin:8px 0 0 20px; display:inline}
.game_gd dt{width:165px;}
.game_gd dd{width:145px;padding:8px 0 0 10px; color:#7d7d7d}
.game_gd dd span{ width:60px; float:left; display:block;padding:2px 0;}

/* wjjl */	  
.wjjl{width:342px;height:154px; padding:52px 0 20px 0; background:url(http://images.tciplay.com/wf/pre_cbt/images/bg_wjjl.jpg) no-repeat; overflow:hidden; text-align:center}
.wjjl dl{overflow:hidden;width:140px; display:inline-block;*display:inline;*zoom:1; margin:0 10px; color:#999;}
.wjjl dl dt{ height:105px;}
.wjjl dl dd{ text-align:center; padding:3px 0}
.wjjl dl dd span{ color:#FF6600}
.wjjl .btn_up{top:18px; right:100px; }
.wjjl .btn_up a{ width:27px; height:14px; display:block;background:url(http://images.tciplay.com/wf/obt_part1/images/btn_up.jpg); }
 
.fnb{ font-weight:bold; margin:0 5px 0 0}

.btn_kf{ text-align:center;margin:10px 0 0 15px}

/* Carousel */
.lrbs .infiniteCarousel {
  width: 197px;
  position: relative;
  height:160px;
  float:left;

}

.lrbs .infiniteCarousel .wrapper {
  width: 197px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height: 160px;
  position: absolute;
  top: 0;
  left:0
}

.lrbs .infiniteCarousel .wrapper ul {
  width: 9999px;
  position: absolute;
  top: 0;
}

.lrbs .infiniteCarousel ul li {
  display:block;
  float:left;
  height: 122px;
  width: 197px;
  text-align:center
}

.lrbs .infiniteCarousel ul li p {
  display:inline-block;
  color:#9C9A9A;
  margin:7px 0 0 0;
  text-align:center;
  line-height:20px;
}
.lrbs .back,.lrbs .forward{ cursor:pointer; position:absolute; bottom:15px; z-index:1}
.lrbs .back{ left: 40px;}
.lrbs .forward{ right:40px}



/*=== 上下滚动按钮 ===*/
.jcarousel-skin-tango{ position:relative; float:left}
.jcarousel-container-vertical {
    height: 258px;
    width: 185px;
	position:absolute;
	top:58px;
	left:17px
}
.jcarousel-clip {
    overflow: hidden;
	height:258px;
}
.jcarousel-item-vertical {
	float:left;
	display:block; 
	height:60px; overflow:hidden; margin:0 0 5px;
	
}

/**
 *  Vertical Buttons
 */
.jcarousel-next-vertical,.jcarousel-prev-vertical {
    position: absolute;
    left:82px;
    width: 29px;
    height: 9px;
	overflow:hidden;
    cursor: pointer;
    background: transparent url(http://images.10sea.com/wf/obt_part1/images/bg_btn_scroll3.png) no-repeat 0 0;
}
.jcarousel-next-vertical{bottom: -15px; background-position: -29px 0;}
.jcarousel-prev-vertical {top: -15px;  background-position: 0 0;}

.jcarousel-prev-vertical:hover,
.jcarousel-prev-vertical:focus { background-position: 0 -9px;}

.jcarousel-next-vertical:hover,
.jcarousel-next-vertical:focus { background-position: -29px -9px;}
.jcarousel-prev-disabled-vertical,
.jcarousel-prev-disabled-vertical:hover,
.jcarousel-prev-disabled-vertical:focus,
.jcarousel-prev-disabled-vertical:active {background-position: 0 -18px; cursor: default;}

.jcarousel-next-disabled-vertical,
.jcarousel-next-disabled-vertical:hover,
.jcarousel-next-disabled-vertical:focus,
.jcarousel-next-disabled-vertical:active { background-position: -29px -18px; cursor: default;}

