b{
	font-weight:normal;
}
i{
	font-style:normal;
}


#slide-banner{
	display:inline-block;
	float:left;
	width:313px;
	height:297px;
	background: #f15177;
background: -moz-linear-gradient(top, #f15177 0%, #fd7f9d 50%, #f15177 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f15177), color-stop(50%,#fd7f9d), color-stop(100%,#f15177)); 
	background: -webkit-linear-gradient(top, #f15177 0%,#fd7f9d 50%,#f15177 100%);
	background: -o-linear-gradient(top, #f15177 0%,#fd7f9d 50%,#f15177 100%);
	background: -ms-linear-gradient(top, #f15177 0%,#fd7f9d 50%,#f15177 100%); 
	background: linear-gradient(to bottom, #f15177 0%,#fd7f9d 50%,#f15177 100%);
	position:relative;
}/*Sean*/


#slide-banner #slide-img li{
	width:810px;
	height:297px;	
}
#slide-banner #slide-img li img{
	width:810px;
}
#slide-banner #switch{
	margin-left:-55px;
	width:110px;
	height:32px;
	position:absolute;
	bottom:0;
	left:50%;
}
#slide-banner #switch a{
	display:inline-block;
	float:left;
	margin:10px 5px;
	width:12px;
	height:12px;
	background:white;
	text-indent:-10000px;
}
#slide-banner #switch a:hover, #slide-banner #switch a:focus,  #slide-banner #switch .focus{
	background:#CC0033;
}

.box{
	display:inline-block;
	float:left;
	background:white;
}/*Sean*/

.white-box{
	margin-top: 10px;
	box-shadow: #DADADA 3px 5px 5px;
}
.title{
	padding-left:50px;
	font-size:16px;
	letter-spacing:2px;
	line-height:46px;
	color:black;
	border-bottom:#D8D8D8 solid 2px;
	position:relative;
}
.title .link{
	display:inline-block;
	float:right;
	margin-top:23px;
	padding:0 10px;
	line-height:23px;
	letter-spacing:0;
}
.title .link:before, #tab-section #tab-bot a:before, #tiger-obv #bottom-btn a:before, #forum #hot-list h3 a:before, #forum #company h3 a:before, #player-zone #status h3 a:before, #player-zone #mission h3 a:before{
	content:'》';
	float:left;
	display:inline-block;
	font-size:16px;
}

/*tiger-obv*/
#tiger-obv{
	width:280px;
	height:297px;
	float:right;
}/*Sean*/


#tiger-obv h2{
	background:url(../images/icon-slot.png) 8px center no-repeat;
}
#tiger-obv div{
	width:100%;
	height:74px;
	border-bottom:#D8D8D8 solid 1px;
}
#tiger-obv div h3, #tiger-obv div p{
	display:inline-block;
	float:left;
	padding-left:20px;
	width:118px;
	line-height:30px;
	color:#5C5C5C;
}
#tiger-obv div h3{
	font-size:13px;
}
#tiger-obv div p{
	position:relative;
}
#tiger-obv div p:before{
	content:'';
	display:inline-block;
	width:20px;
	height:30px;
	background:url(../images/icon-clock.png) center center no-repeat;
	position:absolute;
	left:0;
}
#tiger-obv div strong{
	margin-left:20px;
	line-height:40px;
	font-size:26px;
	color:#F56067;
}
#tiger-obv #bottom-btn{
	display:block;
	width:100%;
	height:24px;
	background:#DDDDDD;
}
#tab-section #tab-bot a, #tiger-obv #bottom-btn a{
	display:inline-block;
	float:right;
	position:relative;
	padding:0 10px;
	line-height:24px;
}
#tab-section #tab-bot a:before, #tiger-obv #bottom-btn a:before{
	content:'》';
	float:left;
	display:inline-block;
	font-size:16px;
}
/*guarantee*/
#guarantee{
	overflow:hidden;
	margin-right:10px;
	width:810px;
	height:181px;
}
#guarantee ul{
	width:810px;
	height:181px;
	position:relative;
}
#guarantee ul li{
	/*display:inline-block;
	float:left;
	margin:10px 0;
	width:203px;
	height:161px;
	text-align:center;
	cursor:pointer;
	position:absolute;
	top:0;
	background:url(../images/icon-border-arrow.png) right center no-repeat white;
	background-color:transparent;
	background-image:url(../images/icon-border-arrow.png);
	background-repeat:no-repea*/
}
#guarantee ul .doc{
	left:0;
}
#guarantee ul .chip{
	left:203px;
}
#guarantee ul .chat{
	left:406px;
}
#guarantee ul .cycle{
	left:609px;
}
#guarantee ul li div{
	/*width:197px;
	height:161px;
	font-size:16px;
	line-height:50px;
	color:#434A54;
	z-index:20;
	position:absolute;
	top:10px;*/
}
#guarantee ul .doc div{
	left:0;
}
#guarantee ul li div b{
	display:block;
	width:100%;
	height:105px;
}
#guarantee ul .doc div b{
	/*background:url(../images/icon-doc.png) center center no-repeat;*/
}
#guarantee ul .chip div b{
	/*background:url(../images/icon-chip.png) center center no-repeat;*/
}
#guarantee ul .chat div b{
	/*background:url(../images/icon-chat.png) center center no-repeat;*/
}
#guarantee ul .cycle div b{
	/*background:url(../images/icon-cycle.png) center center no-repeat;*/
}
#guarantee ul li span{
	display:inline-block;
	margin-left:194px;
	padding-right:10px;
	width:600px;
	height:161px;
	/*background:url(../images/icon-border-arrow.png) right center no-repeat white;
	background-color:transparent;
	background-image:url(../images/icon-border-arrow.png);
	background-position: right center;
	background-repeat:no-repeat;*/
	position:absolute;
}
#guarantee ul .doc span{
	right:606px;
}
#guarantee ul .chip span{
	right:403px;
}
#guarantee ul .chat span{
	right:197px;
}
#guarantee ul .cycle span{
	right:3px;
}
#guarantee ul li span p{
	margin-top:58px;
	padding-left:3em;
	font-size:16px;
	line-height:22px;
	text-align:left;
	color:#434A54;
}
/*bulletin-board*/
#bulletin-board{
	width:280px;
	height:181px;
}
#bulletin-board div, #bulletin-board ul{
	width:100%;
}
#bulletin-board div a{
	display:inline-block;
	float:left;
	width:calc(100% / 3);
	width:-webkit-calc(100% / 3);
	width:-moz-calc(100% / 3);
	\width:-o-calc(100% / 3);
	height:30px;
	line-height:30px;
	font-size:13px;
	text-align:center;
	color:#A4AEB9;
	border-bottom:#A4AEB9 solid 2px;
}
#bulletin-board div a:hover, #bulletin-board div .focus{
	color:#44A3DB;
	border-bottom:#44A3DB solid 2px;
}
#bulletin-board ul a{
	display:inline-block;
}
#bulletin-board ul a li{
	display:inline-block;
	float:left;
	width:260px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	font-size:13px;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#bulletin-board ul a li:before{
	display:inline-block;
	float:left;
	content:'';
	margin:11px 6px 11px 12px;
	width:8px;
	height:8px;
	background:#424242;
}
/*grade*/
#grade{
	width:1100px;
	height:327px;
	position: relative;
}
#grade h2{
	background:url(../images/icon-poker.png) 8px center no-repeat;
}
#grade div{
	display:inline-block;
	float:left;
	width:91px;
	border-right:#767676 solid 1px;
}
#grade div a{
	display:block;
	width:91px;
	height:92px;
	text-indent:-10000px;
	border-bottom:#B9B9B9 solid 1px;
}
.grade-a-plus, .flag-great{
	background:url(../images/grade-btn-01.jpg) top center no-repeat;
}
.grade-a-plus:hover, .grade-a-plus:focus, .flag-great:hover, .flag-great:focus{
	background:url(../images/grade-btn-01.jpg) bottom center no-repeat;
}
.grade-a, .flag-good{
	background:url(../images/grade-btn-02.jpg) top center no-repeat;
}
.grade-a:hover, .grade-a:focus, .flag-good:hover, .flag-good:focus{
	background:url(../images/grade-btn-02.jpg) bottom center no-repeat;
}
.grade-b, .flag-fine{
	background:url(../images/grade-btn-03.jpg) top center no-repeat;
}
.grade-b:hover, .grade-b:focus, .flag-fine:hover, .flag-fine:focus{
	background:url(../images/grade-btn-03.jpg) bottom center no-repeat;
}
.focus{
	background-position:bottom center;
}
#grade ul{
	display: inline-block;
	float: left;
	padding-right: 150px;
	padding-top: 5px;
	padding-left: 5px;
	margin: 10px 0 0 20px;
	width: 940px;
	height: 266px;
	position: absolute;
	overflow: hidden;
}
#grade ul li{
	display:inline-block;
	float:left;
	margin:0 8px 10px 0;
	width:86px;
	height:123px;
	line-height:16px;
	font-size:14px;
	text-align:center;
	color:#6C6C6C;
	position:relative;
	cursor:pointer;
	/*white-space: nowrap;
	text-overflow: ellipsis;*/
}
#grade ul li:hover{
	color:#6666CC;
}
#grade ul li img{
	display:block;
	margin-bottom:3px;
	width:84px;
	height:84px;
	border:#D1D1D1 solid 1px;
}
#grade-latest, #premium{
	width:545px;
	height:340px;
}
#grade-latest{
	margin-right:10px;
}
#grade-latest h2{
	background:url(../images/icon-checked.png) 8px center no-repeat;
}
#grade-latest ul li{
	margin:0 12px;
	padding:9px 0 6px 0;
	height:44px;
	position:relative;
}
#grade-latest ul li b{
	display:inline-block;
	float:left;
	width:31px;
	height:43px;
	background:url(../images/icon-user.png) center center no-repeat;
	position:absolute;
	left:0;
	top:5px;
}
#grade-latest ul li b span, #grade-latest ul li b span img{
	margin-left:-20px;
	width:40px;
	position:absolute;
	left:50%;
	top:0;
}
#grade-latest ul li b span{
	height:40px;
	overflow:hidden;
}
#grade-latest ul li div{
	float:left;
	margin-left:43px;
	width:470px;
	height:43px;
	border-bottom:#D8D8D8 solid 1px;
}
#grade-latest ul li div h3{
	display:inline-block;
	float:left;
	width:280px;
	font-size:13px;
	line-height:22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#grade-latest ul li div span{
	display:inline-block;
	float:right;
	margin:3px 5px 4px 0;
	width:80px;
	height:15px;
	background-image:url(../images/icon-star.png);
}

.star-0{
	background-position:left top;
}
.star-1{
	background-position:left -16px;
}
.star-2{
	background-position:left -16px;
}
.star-3{
	background-position:left -32px;
}
.star-4{
	background-position:left -32px;
}
.star-5{
	background-position:left -48px;
}
.star-6{
	background-position:left -48px;
}
.star-7{
	background-position:left -64px;
}
.star-8{
	background-position:left -64px;
}
.star-9{
	background-position:left bottom;
}
.star-10{
	background-position:left bottom;
}

#grade-latest ul li div p{
	display:inline-block;
	float:left;
	padding-left:20px;
	line-height:21px;
	color:#A1A1A1;
	background:url(../images/icon-case.png) 4px center no-repeat;
}
#grade-latest ul li div i{
	display:inline-block;
	float:right;
	margin-right:5px;
	line-height:21px;
	color:#A1A1A1;
}
#grade-latest ul li div i:after{
	content:'发表';
	padding-left:0.5em;
}
/*premium*/
#premium h2{
	background:url(../images/icon-coupon.png) 8px center no-repeat;
	position:relative;
}
#premium div{
	display:inline-block;
	float:left;
	width:72px;
	height:288px;
}
#premium div .premium-btn{
	display:inline-block;
	width:72px;
	height:72px;
	text-indent:-10000px;
}
.premium-1{
	background:url(../images/premium-btn-01.png) top center no-repeat;
}
.premium-2{
	background:url(../images/premium-btn-02.png) top center no-repeat;
}
.premium-3{
	background:url(../images/premium-btn-03.png) top center no-repeat;
}
.premium-4{
	background:url(../images/premium-btn-04.png) top center no-repeat;
}
#premium div a:hover, #premium div .focus{
	background-position:bottom center;
}
#preimum ul{
	display:inline-block;
	float:left;
}
#premium ul li{
	float:left;
	padding:5px 0;
	width:473px;
	height:47px;
	border-bottom: #D8D8D8 solid 1px;
}
.row2{
	background:#F6F8FA;
}
#premium ul li span{
	display:inline-block;
	float:left;
	margin-right:10px;
	width:120px;
	height:47px;
	border-right:#A3A3A3 solid 1px;
}
#premium ul li span img{
	display:inline-block;
	float:left;
	margin:12px 0 0 7px;
	width:26px;
	height:24px;
	border:#D8D8D8 solid 1px;
}
#premium ul li span p{
	display:inline-block;
	float:left;
	padding-left:5px;
	line-height:47px;
	font-size:13px;
	color:#434343;
	width:75px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#premium ul li h3{
	display:inline-block;
	float:left;
	width:290px;
	height:24px;
	line-height:24px;
	font-size:13px;
	color:#434343;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#premium ul li b, #premium ul li i{
	padding-left:20px;
	color:#808080;
	line-height:23px;
}
#premium ul li b{
	background:url(../images/icon-star-s.png) 4px center no-repeat;
}
#premium ul li i{
	background:url(../images/icon-moneyplus.png) 4px center no-repeat;
}
#premium ul li a{
	display:inline-block;
	float:right;
	margin-right:10px;
	width:36px;
	height:44px;
	font-size:14px;
	line-height:22px;
	text-align:center;
	letter-spacing:1px;
	color:#F56067;
	background:white;
	border:#F56067 solid 1px;
}
#premium ul li a:hover{
	color:white;
	background:#F56067;
}
/*forum*/
#forum{
	width:1100px;
}
#forum h2{
	background:url(../images/icon-edit.png) 8px center no-repeat;
}
#pic-post, #forum #hot-post, #forum #choice-post{
	display:inline-block;
	float:left;
	margin-top:13px;
}
#pic-post{
	margin-left:18px;
	width:293px;
	height:304px;
	position:relative;
}
#pic-post h3{
	width:100%;
	height:50px;
	text-align:center;
	color:white;
	font-size:14px;
	line-height:30px;
	background:rgba(0,0,0,0.5);
	position:absolute;
	bottom:0;
}
#pic-post h3 ul{
	margin:0 auto;
	width:85px;
}
#pic-post h3 ul a li{
	display:inline-block;
	float:left;
	margin-left:5px;
	width:12px;
	height:12px;
	background:white;
	text-indent:-10000px;
	border-radius:50%;
}
#pic-post h3 ul a li:hover, #pic-post h3 ul a li:focus, #pic-post h3 ul a .focus{
	background:#F56067;
}
#forum #hot-post, #forum #choice-post{
	width:370px;
	height:357px;
}
#forum #hot-post h3, #forum #choice-post h3{
	padding-left:8px;
	line-height:28px;
	color:white;
	font-size:16px;
}
#forum #hot-post{
	margin-left:23px;
}
#forum #hot-post h3{
	background:#44A3DB;
}
#forum #hot-post strong, #forum #choice-post strong{
	display:inline-block;
	margin:12px 0 0 11px;
	height:24px;
	line-height:24px;
	font-size:19px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#forum #hot-post strong:before, #forum #choice-post strong:before{
	display:inline-block;
	float:left;
	content:'';
	padding-right:5px;
	height:24px;
	border-left:#434343 solid 5px;
}
#forum #hot-post p, #forum #choice-post p{
	display:block;
	margin:0 11px;
	padding :9px 5px 14px 5px;
	color:#757575;
	line-height:14px;
	border-bottom:#757575 dotted 1px;
}
#forum #hot-post dl dt, #forum #hot-post dl dd, #forum #choice-post dl dt, #forum #choice-post dl dd{
	display:inline-block;
	float:left;
	line-height:20px;
	margin-top:14px;
}
#forum #hot-post dl dt, #forum #choice-post dl dt{
	margin-left:10px;
	width:266px;
	font-size:13px;
}
#forum #hot-post dl dt:before, #forum #choice-post dl dt:before{
	display:inline-block;
	float:left;
	content:'';
	margin:7px 3px 0 3px;
	width:6px;
	height:6px;
}
#forum #hot-post dl dd, #forum #choice-post dl dd{
	padding-left:20px;
	width:60px;
	color:#A3A3A3;
	background:url(../images/icon-user-s.png) left top no-repeat;
}
#forum #choice-post{
	margin-left:11px;
}
#forum #choice-post h3{
	background:#F56067;
}
#forum #hot-list, #forum #company{
	display:inline-block;
	float:left;
	margin-bottom:20px;
	height:203px;
}
#forum #hot-list{
	width:372px;
	border-top:#F56067 solid 5px;
}
#forum #hot-list h3, #forum #company h3{
	margin:0 12px;
	padding-left:0.5em;
	line-height:31px;
	font-size:14px;
	font-weight:bold;
	border-bottom:#424242 solid 1px;
}
#forum #hot-list h3 a, #forum #company h3 a, #player-zone #status h3 a, #player-zone #mission h3 a{
	display:inline-block;
	float:right;
	font-size:13px;
	font-weight:normal;
}
#forum #hot-list ul li{
	margin:0 12px;
	padding-left:16px;
	line-height:29px;
	font-size:13px;
}
#forum #hot-list ul li b, #forum #hot-list ul li i{
	display:inline-block;
	float:right;
	margin:0 5px;
	width:2.5em;
}
#forum #hot-list ul li b{
	padding-left:20px;
	background:url(../images/icon-eye.png) left center no-repeat;
}
#forum #hot-list ul li i{
	padding-right:20px;
	text-align:right;
}
#forum #hot-list ul li .up{
	background:url(../images/icon-up.png) right center no-repeat;
}
#forum #hot-list ul li .down{
	background:url(../images/icon-down.png) right center no-repeat;
}
#forum #company{
	width:320px;
	border-top:#44A3DB solid 5px;
}
#forum #company img{
	display:inline-block;
	float:left;
	margin:0px 6px 6px 14px;
	width:56px;
	height:56px;
	background:white;
	border:#ABABAB solid 1px;
}
#forum #company b, #forum #company p{
	display:inline-block;
	float:left;
	font-size:12px;
	line-height:29px;
}
#forum #company b{
	width:53px;
	font-weight: bold;
}
#forum #company .star{
	margin:6px 0 7px 0;
	height:16px;
	background-image:url(../images/icon-star-g.png);
}
#forum #company p{
	width:64px;
}
#forum #company dl{
	display:block;
}
#forum #company dl dt, #forum #company dl dd{
	display:inline-block;
	float:left;
	margin-left:14px;
	height:32px;
	line-height:16px;
	overflow: hidden;
}
#forum #company dl dt{
	width:48px;
	font-weight: bold;
}
#forum #company dl dd{
	width:244px;
}
#forum #company ul{
	margin:0 auto;
	width:105px;
}
#forum #company ul a li{
	display:inline-block;
	float:left;
	margin-top:12px;
	margin-left:9px;
	width:12px;
	height:12px;
	text-indent:-10000px;
	background:#424242;
}
#forum #company ul a .focus, #forum #company ul a li:hover, #forum #company ul a li:focus{
	background:#44A3DB;
}
/*player-zone*/
#player-zone{
	padding-bottom:20px;
	width:1100px;
	height:481px;
}
#player-zone h2{
	background:url(../images/icon-ticket.png) 8px center no-repeat;
}
#player-zone #bonus, #player-zone #mall, #player-zone #status, #player-zone #mission{
	display:inline-block;
	float:left;
}
#player-zone #bonus, #player-zone #mall, #player-zone #status{
	margin-top:13px;
}
#player-zone #bonus{
	margin-left:18px;
	width:354px;
	height:226px;
}
#player-zone #bonus h3, #player-zone #mall h3{
	padding-left:20px;
	height:33px;
	font-size:16px;
	line-height:33px;
	color:#5C5C5C;
	border-bottom:black solid 1px;
	position:relative;
}
#player-zone #bonus h3:before, #player-zone #mall h3:before{
	display:inline-block;
	content:'';
	width:7px;
	height:24px;
	background:#44A3DB;
	position:absolute;
	top:5px;
	left:8px;
}
#player-zone #bonus ul a li{
	width:100%;
	height:64px;
}
#player-zone #bonus ul a li img, #player-zone #bonus ul a li b, #player-zone #bonus ul a li i, #player-zone #bonus ul a li span{
	display:inline-block;
	float :left;
	height:30px;
	line-height:30px;
}
#player-zone #bonus ul a li img{
	margin:5px 7px 5px 27px;
	width:52px;
	height:52px;
	border:#D1D1D1 solid 1px;
}
#player-zone #bonus ul a li b{
	width:266px;
	font-size:13px;
}
#player-zone #bonus ul a li i{
	color:#FF6666;
	font-size:14px;
}
#player-zone #bonus ul a li i:before{
	padding-right:1em;
	content:'红利';
	color:#424242;
	font-size:13px;
}
#player-zone #mall{
	margin-left:18px;
	margin-right:18px;
	width:354px;
	position:relative;
}
#player-zone #mall .btn-back, #player-zone #mall .btn-next{
	display:inline-block;
	margin-top:-18px;
	width:20px;
	height:36px;
	text-indent:-99999px;
	background:url(../images/icon-pic-slide.png) -10px top no-repeat;
	position:absolute;
	top:50%;
}
#player-zone #mall .btn-back{
	left:0;
}
#player-zone #mall .btn-next{
	background:url(../images/icon-pic-slide.png) -50px top no-repeat;
	right:0;
}
#player-zone #mall ul{
	margin:0 20px;
	width:314px;
	height:392px;
	overflow:hidden;
}
#player-zone #mall ul li{
	display:inline-block;
	float:left;
	margin:10px 5px 16px 5px;
	padding-bottom:10px;
	width:146px;
	height:175px;
	text-align:center;
	background:#F7F8FA;
	position:relative;
}
#player-zone #mall ul li b, #player-zone #mall ul li i, #player-zone #mall ul li a{
	display:block;
}
#player-zone #mall ul li img{
	margin-top:10px;
	padding:0 20px;
	width:64px;
	height:80px;
	background:white;
}
#player-zone #mall ul li b{
	font-size:13px;
	margin-top:14px;
	line-height:16px;
}
#player-zone #mall ul li i{
	margin-top:3px;
	font-size:22px;
	color:#F56067;
}
#player-zone #mall ul li i:after{
	display:inline-block;
	content:'积分';
	padding-left:0.5em;
	font-size:13px;
}
#player-zone #mall ul li a{
	display:none;
	width:100%;
	height:90px;
	background:rgba(0,0,0,0.3);
	position:absolute;
	left:0;
	top:0;
}
#player-zone #mall ul li:hover a{
	display:inline-block;
}
#player-zone #mall ul li a span{
	display:inline-block;
	margin-top:35px;
	padding:0 5px 0 20px;
	font-size:16px;
	line-height:25px;
	color:white;
	border:white solid 1px;
	background:url(../images/icon-arrow-w.png) 3px center no-repeat;
}
#player-zone #status, #player-zone #mission{
	margin-right:17px;
	width:315px;
	border-left:#B7B7B7 solid 5px;
	border-bottom:#CACACA solid 1px;
}
#player-zone #mission{
	height:156px;
	border-left:#F56067 solid 5px;
}
#player-zone #status h3, #player-zone #mission h3{
	margin:0 0.5em;
	line-height:33px;
	font-size:14px;
	border-bottom:#424242 solid 1px;
}
#player-zone #status table{
	margin:0 0.5em 10px 0.5em;
}
#player-zone #status table tr{
	height:27px;
	font-size:13px;
	line-height:27px;
}
#player-zone #status table tr td{
	text-align:center;
}
#player-zone #mission ul a li{
	display:block;
	margin:0 0.5em;
	padding-left:10px;
	height:38px;
	line-height:38px;
	font-size:15px;
}
#player-zone #mission ul a .check:before, #player-zone #mission ul a .post:before, #player-zone #mission ul a .grade:before{
	content:'';
	display:inline-block;
	float:left;
	width:38px;
	height:38px;
}
#player-zone #mission ul a .check:before{
	background:url(../images/icon-checked-s.png) center center no-repeat;
}
#player-zone #mission ul a .post:before{
	background:url(../images/icon-bubble.png) center center no-repeat;
}
#player-zone #mission ul a .grade:before{
	background:url(../images/icon-edit-s.png) center center no-repeat;
}
/*parner*/
#partner, #platform{
	width:1100px;
	height:218px;
}
#partner{
	margin-right:10px;
}
#partner h2{
	background:url(../images/icon-infinite.png) 8px center no-repeat;
}
#partner ul{
	margin:25px 0px 3px 25px;
}
#partner ul li{
	display:inline-block;
	float:left;
	margin-right:20px;
	width:86px;
	font-size:14px;
	color:#6C6c6C;
	text-align:center;
	line-height:20px;
	position:relative;
	cursor:pointer;
	height:135px;
}

#partner ul li:hover, #partner ul li:focus{
	color:#6666CC;
}
#partner ul li img{
	margin-bottom:7px;
	width:84px;
	height:84px;
	border:#D1D1D1 solid 1px;
	z-index:10;
}
#partner ul li em, #grade ul li em{
	display:none;
	padding-left:93px;
	padding-right: 5px;
	width:auto;
	height:125px;
	background:url(../images/transparent93px.png) left top repeat-y;
	border:#6666CC solid 3px;
	position:absolute;
	top:-5px;
	left:-5px;
	z-index:1;
}
#partner ul li em b, #grade ul li em b{
	display:block;
	margin:10px 0 4px 5px;
	width:80px;
	height:16px;
	background-image:url(../images/icon-star-p.png);
}
#partner ul li em p, #grade ul li em p{
	display:block;
	margin:3px 5px 0 5px; 
	text-align:left;
	line-height:20px;
	font-size:12px;
	color:#6666CC;
	white-space:nowrap;
}
#partner ul li em p span, #grade ul li em p span{
	color:#424242;
}
#partner ul li em .goto, #grade ul li em .goto{
	display:block;
	margin:0 auto;
	width:99px;
	height:20px;
	background:#6666CC;
	color:white;
	padding-top: 5px;
	border-bottom:#9F9FEE solid 1px;
	border-right:#9F9FEE solid 1px;
}
#partner ul li em .btn-grade, #partner ul li em .btn-follow, #grade ul li em .btn-grade, #grade ul li em .btn-follow{
	display:inline-block;
	float:left;
	margin:8px 0 0 5px;
	padding:0 0 0 20px;
	text-align:left;
	color:#6666CC;
	line-height:20px;
}
#partner ul li em .btn-grade, #grade ul li em .btn-grade{
	background:url(../images/icon-correct.png) left center no-repeat;
}
#partner ul li em .btn-follow, #grade ul li em .btn-follow{
	background:url(../images/icon-plus.png) left center no-repeat;
}
#partner ul li:hover em, #grade ul li:hover em{
	display:inline-block;
}
/*platform*/
#platform h2{
	background:url(../images/icon-layers.png) 8px center no-repeat;
}
#platform ul{
 margin:24px 0 0 0;
}
#platform ul li{
	display:inline-block;
	float:left;
	/*margin-right:5px;*/
	width:160px;
	line-height:36px;
	text-align:center;
	color:#6C6C6C;
}
#platform ul li img{
	padding:11px 18px;
	width:120px;
	height:50px;
	border:#D1D1D1 solid 3px;
}
#platform ul li:hover{
	background:#00CC33;
	color:white;
}

/*=========2015/09/04 NEW HOME===========*/
#ui-wrap #ui-main #ui-main-toproll{	
	width:1100px;	
	margin: 15px auto; 	
}


/*===Tab Section Wrap===*/
#ui-wrap #ui-main #ui-main-toproll #tab-section-wrap{
	display:inline-block;	
	width:507px;	
}

#ui-wrap #ui-main #ui-main-toproll #tab-section-wrap #tab-section{
	position:relative;
	background:white;
	margin:0 auto;
	width:95%;
	height:297px;		
}

/*===TAB TOP SECTION===*/
#ui-wrap #ui-main #ui-main-toproll #tab-section-wrap #tab-section #tab-top{
	background: #ffffff;
	border-bottom:5px solid #d8d8d8;
	height:43px; 
}

#tab-section #tab-top .tab-ul{
	float:left;	
	margin-right:3px;
}

#tab-section #tab-top .tab-ul .tab-style{
	display: inline-block;
	border-radius: 4px 10px 0 0;
	width: 130px;
	height: 42px;
	text-align: center;
	font: 15px/46px Verdana,Geneva,Heiti SC,Microsoft YaHei,serif;
	color: white;
	letter-spacing:4px;
	padding-left:4px;
}

/*=Button Default=*/
.tab-ul #tab-a{
	background:#44a3db;
	text-shadow:1px 1px #116CA2;
	background-image: none;	
}

.tab-ul #tab-b{	
	background:#f56067;	
	text-shadow:1px 1px #D12B32;	
}

.tab-ul #tab-c{
	background:#efa324;	
	text-shadow:1px 1px #D38400;
}

/*=Button Hover=*/
#tab-top .tab-ul .focus0, #tab-top .tab-ul #tab-a:hover{
	border-bottom:6px solid #86d3ff;
	background:#44a3db url(../images/img_tri_a.gif) no-repeat center bottom;
}

#tab-top .tab-ul .focus1, #tab-top .tab-ul #tab-b:hover{
    border-bottom:6px solid #ffb4b7;
	background:#f56067 url(../images/img_tri_b.gif) no-repeat center bottom;
}

#tab-top .tab-ul .focus2, #tab-top .tab-ul #tab-c:hover{
    border-bottom:6px solid #ffd081;
	background:#efa324 url(../images/img_tri_c.gif) no-repeat center bottom;
}


/*===TAB MID SECTION===*/
#tab-section #tab-mid{	
	margin:auto auto;
	width:460px;
}

/*=Columns' style=*/
#tab-section #tab-mid .col-style{
	border-bottom:1px solid #EDEDED;
	display:inline-block;
	line-height:27px;
	height:27px;
}

/*=Column A,B,C=*/
#tab-section #tab-mid .col-a{
	position:relative;
	float:left;	
	width:80px;	
	text-align:center;
	clear:left;
}

#tab-section #tab-mid .col-b{
	width: 315px;
	color: #6E6E6E;	
}

#tab-section #tab-mid .col-c{
	float: right;
	width: 65px;
	text-align: right;
	font-size: 11px;
	color: #9C9C9C;
}

/*=Column A / Type Gray Tag=*/
#tab-section-wrap #tab-section #tab-mid .col-a .col-tag{
	display:block;
	background: #B6B6B6;
	width: 70px;
	height:16px;
	border-radius: 50px;	
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 10px;
	line-height:16px;
	letter-spacing: 2px;
	padding-left: 2px;
	overflow: hidden;
}

/*=Column B / Link Default=*/
#tab-mid .col-b .col-link{
	color: #636363;
	display: block;
	font: 13px/27px Verdana,Geneva,Heiti SC,Microsoft YaHei,serif;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 6px;
}

/*=Column B / Link Hover=*/
#tab-mid .col-b .col-link:hover{
	color: #44A3DB;
}


/*===TAB BOTTOM SECTION===*/
#tab-section-wrap #tab-section #tab-bot{
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:24px;
	background:#DDDDDD;	
}