/*
KISSY CSS Reset
理念：1. reset 的目的不是清除浏览器的默认样式，这仅是部分工作。清除和重置是紧密不可分的。
2. reset 的目的不是让默认样式在所有浏览器下一致，而是减少默认样式有可能带来的问题。
3. reset 期望提供一套普适通用的基础样式。但没有银弹，推荐根据具体需求，裁剪和修改后再使用。
特色：1. 适应中文；2. 基于最新主流浏览器。
维护：玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
*/

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {
    font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; color:#858585
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/** 重置列表元素 **/
ul, ol { list-style: none; }

/** 重置文本格式元素 **/
a { text-decoration: none; }
a:link{ color:#858585}
a:visited{color:#858585}
a:hover { text-decoration: underline; color:#f60}
a:active{ color:#858585}


sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }

/** 重置表单元素 **/
legend { color: #000; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
/* 注：optgroup 无法扶正 */

/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}

.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}

/* img */
.top_header h1 a, .main_menu li a, .main_menu li.cur i, .cw_list h3, .hot_list h3, .opus_list h3, .show_more{background:url(http://img04.taobaocdn.com/tps/i4/T1o_enXbpQXXXXXXXX-611-265.png) no-repeat;}
.show_more span.load{background:url(http://img02.taobaocdn.com/tps/i2/T1gtmlXg4hXXXXXXXX-16-16.gif) no-repeat}
.main_menu li span{background:url(http://img03.taobaocdn.com/tps/i3/T1pzehXixgXXXXXXXX-30-19.gif) no-repeat; height:19px;width:30px;display:block;position:absolute;top:-10px;right:4px;z-index:20}

/* notice */
#notice{border:1px solid #fc9;background:#ffc;margin:auto;width:960px;line-height:30px;text-align:center;color:#f60;display:none}

/* header */
.top_header{width:960px; margin:auto;height:55px;padding:23px 0 44px}
.top_header h1 a{background-position: 0 -120px;display: block;float: left;height: 55px;outline: medium none;overflow: hidden;text-indent: -9999px; width: 55px;}
.top_header h1 a.sub-logo{background-position: -70px -120px;margin-left: 16px;width: 256px;}
.top_header h1 a:hover{background-position: 0 -175px;}
.top_header h1 a.sub-logo:hover{background-position: -70px -175px;}
.top_link{float: right;margin-top: 34px}
.total a{font-size: 14px;text-decoration: underline;}
/* menu */
.main_menu{width:960px;margin:auto;height:84px}
.main_menu ul{ float: left; height: 40px;margin-bottom: 44px;width: 732px;}
.main_menu li{float: left;height: 40px;position: relative;width: 122px;}
.main_menu li a{display: block;height: 40px;overflow: hidden;text-indent: -9999px;width: 123px; position:absolute;left:0;top:0}
.main_menu li.cur i{ width:14px; height:8px; display:block; position:absolute;left:55px;top:39px; background-position:-445px -157px}
/* home */
.main_menu li a:hover, .main_menu li.cur a{z-index:10;}
.main_menu li a.home{ background-position:0 0;}
.main_menu li a.home:hover{background-position:0 -40px}
.main_menu li.cur a.home{background-position:0 -80px}
/* new designer */
.main_menu li a.new{ background-position:-122px 0;}
.main_menu li a.new:hover{ background-position:-122px -40px;}
.main_menu li.cur a.new{ background-position:-122px -80px;}
/* */
.main_menu li a.rec{ background-position:-244px 0}
.main_menu li a.rec:hover{ background-position:-244px -40px}
.main_menu li.cur a.rec{ background-position:-244px -80px;}
/* more */
.main_menu li a.more{ background-position:-366px 0}
.main_menu li a.more:hover{ background-position:-366px -40px}
.main_menu li.cur a.more{ background-position:-366px -80px;}
/* about us */
.main_menu li a.about{ background-position:-488px 0}
.main_menu li a.about:hover{ background-position:-488px -40px}
.main_menu li.cur a.about{ background-position:-488px -80px;}
/* match act */
.main_menu li a.act{ background-position:-488px -145px}
.main_menu li a.act:hover{ background-position:-488px -185px}
.main_menu li.cur a.act{ background-position:-488px -225px;}
/* total */
.total{float: right;font-weight: normal;margin-top: -20px;}
.total span{color: #F60;font-family: "Arial";font-size: 24px;font-weight: bold;}

.main{width:960px;margin:auto}

/* top image scroll */
.toy_home, .new_designer, .more_opus{width:960px;float:left}
#top_image {position: relative;width: 960px;height: 320px;border: 1px solid #B6D1E6;overflow: hidden;clear:both;margin-bottom:40px;backgrond:#f5f6f7}
#top_image .ks-switchable-nav {position: absolute;bottom: 5px;right: 5px;z-index: 99;}
#top_image .ks-switchable-nav li {float: left;width: 16px;height: 16px;line-height: 16px;margin-left: 3px;background-color: #FCF2CF;border: 1px solid #F47500;color: #D94B01;text-align: center;cursor: pointer;}
#top_image .ks-switchable-nav li.ks-active {width: 18px;height: 18px;line-height: 18px;margin-top: -1px;color: #FFF;background-color: #FFB442;font-weight: bold;}
#top_image .ks-switchable-content li {height: 320px;width: 960px;overflow: hidden;}
/* for countdown plugin */
#top_image .ks-switchable-nav li, #top_image .ks-switchable-trigger-content {position: relative;}
#top_image .ks-switchable-trigger-mask {position: absolute;right: 0;width: 18px;height: 18px;background-color: #FF9415;visibility: hidden}
#top_image .ks-active .ks-switchable-trigger-mask {visibility: visible}


/* pop design */
.cw_list, .opus_list, .act_list{width:975px;clear:both}
.cw_list li, .opus_list li, .act_list li{width:310px; height:232px;float:left;margin:0 15px 20px 0;color:#666;*display:inline;}
.cw_list li a, .opus_list li a, .act_list li a{width:310px; height:200px; display:block; overflow:hidden;background-color:#f6f7f8;}
.cw_list li a:hover, .opus_list li a:hover, .act_list li a:hover{box-shadow: 0 0 8px #999}
.cw_list li span, .cw_list li p, .opus_list li b, .opus_list li p, .act_list li b, .act_list li p{ font-size:14px; line-height:32px; font-weight:bold; float:left; width:150px; overflow:hidden; margin:0; white-space:nowrap}
.cw_list li p, .opus_list li p, .act_list li p{ font-size:12px; font-weight:normal; float:right;text-align:right}
.cw_list li:hover, .opus_list li:hover, .opus_list li.cur, .act_list li:hover{color:#f60}
.cw_list h3, .hot_list h3, .opus_list h3, .act_list h3{width:102px;height:27px;display:block;background-position:-336px -148px;text-indent:-9999px;overflow:hidden;margin-bottom:10px}
.main span.match{height:24px;width:24px;background:url(http://img01.taobaocdn.com/tps/i1/T1NnahXfpjXXXXXXXX-24-24.png);display:block;float:left;margin:5px 5px 0 0}


/* hot design */
.hot_list{padding-bottom:40px}
.hot_list h3{height:27px;width:128px;background-position:-336px -120px}
.des_intro{width:100%;clear: both;}
.des_intro li{width:240px;height:160px;float:left;position:relative;overflow:hidden}
.des_intro li a, .ds_list #des_intro li span{width:240px;height:160px;display:block; position:absolute;left:0;top:0;z-index:10}
.des_intro li span{overflow:hidden; background-color:#f6f7f8;height:160px;width:240px;display:block}
.des_intro li a{ background:#fff;filter:alpha(opacity=0);opacity:0}
.des_intro li span{z-index:1}
.des_intro li img{position:absolute;z-index:1;height:160px;width:240px}
.des_intro li p{height:140px; width:226px;background:#f60; color:#fff;padding:10px 7px;position:absolute;left:0;top:160px;z-index:5;filter:alpha(opacity=90);opacity: 0.9}
.des_intro li p strong{font-weight:bold;font-size:28px;display:block;font-family: "黑体","微软雅黑";}
.des_intro li p em{display:block;margin:-5px 0 10px 0}

/* designs */
.opus_list h3{height:25px;width:99px;background-position:-336px -176px}
.opus_list ul{width:975px;float:left}
.hot_list h3, .opus_list h3{float:left}
.hot_list a.m_dger, .opus_list a.m_dg{float:right;font-size:14px;margin-top:10px}
.opus_list a.m_dg{margin-right:15px}

/* show more */
.show_more{height:34px;width:252px;background-position:0 -231px;line-height:34px;text-align:center;margin:auto auto 20px;*margin-left:354px;}
.show_more a{height:34px;width:252px;display:block;outline:none}
.show_more span.load{height:34px;width:252px;display:block;background-position:80px 10px}

/* about us */
.aboutus{width:980px;margin:auto}
.intro{width:100%}
.intro li{width:100%;float:left}
.intro li img{float:left}
.abdesig{width:980px;float:left}
.abdesig ul{margin-bottom:24px;padding-left:10px;height:160px;width:980px;float:left}
.abdesig li{float:left;height:160px;margin:0 4px;*display:inline}
.abdesig li.abinfo{width:456px}
.abdesig li .head{width:240px;height:160px;float:left}
.abdesig li .ab_list{float:right;width:211px}
.ab_list em{height:35px;display:block}
.ab_list b{font-weight:normal;font-size:14px;color:#000;line-height:14px;height:58px;margin:0;padding-top:2px}
.ab_list p{color:#8b8b8b;border-top:1px solid #ffb400;width:100%;float:left}

/* hot_act */
.hot_act{width:960px;float:left}


/* vote */
.header {
	width: 960px;
	margin: auto;
	height: 55px;
	padding: 23px 0 44px;
}
.header h3 a {
	background: url(http://img04.taobaocdn.com/tps/i4/T1o_enXbpQXXXXXXXX-611-265.png);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='image/scale/crop');
	background-position: 0 -120px;
	display: block;
	float: left;
	height: 55px;
	outline: medium none;
	overflow: hidden;
	text-indent: -9999px;
	width: 55px;
}
.header h3 a:hover {
	background-position: 0 -175px;
}
.header h3 a.sub-logo {
	background: url(http://img04.taobaocdn.com/tps/i4/T1o_enXbpQXXXXXXXX-611-265.png);
	background-position: -70px -120px;
	margin-left: 16px;
	width: 256px;
}
.header h3 a.sub-logo:hover{
	background-position: -70px -175px;
}
.top_link {
	float: right;
	margin-top: 34px;
}
.nav{
	width: 960px;
	margin: auto auto 36px auto;
	height: 50px;
}
.nav ul{
    width:490px;
    height:40px;
}
.nav li{
    float:left;
    margin-left:-1px;
}
.nav li a {
	width:121px;
    height:38px;
    border:1px solid #d3d3d3;
    display:block;
    text-align: center;
    line-height: 38px;
    font-size:16px;
    position: relative;
    z-index: 10;

    color:#999
}
.nav li a:hover{
    border:1px solid #f60;
    z-index: 20;
    color:#f60;
    text-decoration: none;
}
.nav li.cur a{
    background-color: #f60;
    color:#fff;
    border:1px solid #f60;
}
.nav li.cur a:hover{
    color:#fff;
}
.sw-act{
	width:958px;
	height:288px;
	overflow: hidden;
	margin:auto;
    border:1px solid #ccc;
}
#J_Actslid{
    width:958px;
    height:288px;
    overflow: hidden;
    position:relative;
}
.sw-act .ks-switchable-nav{
    position: absolute;
    bottom:10px;
    right: 0;
}
.sw-act .ks-switchable-nav li{
    float:left;
    height:14px;
    width:14px;
    text-indent: -999em;
    overflow: hidden;
    border:1px solid #ccc;
    background-color: #ccc;
    border-radius: 10px 10px 10px 10px;
    margin-right:10px;
    cursor:pointer;
    opacity:0.8;
}
.sw-act .ks-switchable-nav li.ks-active{
    background-color: #fff;
    opacity:0.9;
    cursor: auto;
}
.gamelist{
	width:960px;
	margin:20px 0;
}
.game-content{
	border-top:1px dashed #d8d8d8;
	padding: 15px 0px;
}
.content-detail{
	border: 1px solid #d8d8d8;
	display: block;
	width:960px;
	height:285px;
}
.schedule{
    width:300px;
    height:20px;
    background-color: #b4b4b4;
    float:left;
}

.game-content p{
	float: left;
	width:297px;
	padding:15px;
	height:125px;
	position: relative;
}
.game-content p label{
    height:90px;
    width:297px;
    overflow: hidden;
    display: block;
}
.game-content p a{
	display: block;
	position: absolute;
	bottom:15px;
	right:15px;
	background: #F60;
	color: white;
	padding: 5px 10px;
	width: 64px;
	height: 18px;
}
.game-tempo{
	float: left;
	width:297px;
	padding:15px;
	height:100px;
	overflow: hidden;
	background:#f1f1f1;
}
.game-tempo h3{
	margin-bottom:15px;
}
.game-tempo ul {
	width:450px;
    float:left;
}
.game-tempo ul li{
	float:left;
	margin-right:95px;
    width:40px;
    text-align: center;
}
.game-tempo span{
	float: left;
	height:20px;
}
.game-tempo .left-tempo{
	color:#ffd200;
	background:#ffd200;
}
.game-tempo .middle-tempo{
	background:#ff8a00;
}
.game-logo{
	display: block;
	float: left;
	width:633px;
    height:286px;
    overflow:hidden;
}