/*
 * w2001 - jnp iweb11
 * http://jnp.com.tw
 *
 * Copyright 2013, Evelyn Wang
 * 
 * 
 * December 2013
 */
 
 
/* +banner
*----------------------------------------------------------------------------*/
#bannerWrap {
	width: 100%;
	height: 300px;
	/*background: url(../images/index/bg-bannerWrap.jpg) no-repeat center 0 #000005;*/
	background: #000;
}

#bannerWrap .wrap {
	margin: 0 auto;
	
	position: relative;
}

#bannerWrap .wrap .functionWrap #callCenter {
	background: url(../images/member/icon-callCenterIndex.gif) no-repeat 0 0;
}

#bannerWrap .wrap .functionWrap #member {
	background: url(../images/member/bg-memberIndex.gif) no-repeat 0 0;
}

#bannerWrap .wrap .functionWrap #member #memberBox #point a {
	background: url(../images/index/icon-points.gif) no-repeat 0 0;
}

/**
*
* =banner
*
**/
#bannerWrap .wrap #banner {
	width: 100%;
	height:300px;
	overflow: hidden;
}

#bannerWrap .wrap #banner ul {
	
	width: 100%;
	height: auto;
	overflow: hidden;
}


#bannerWrap .wrap #banner ul li iframe {
	margin: -30px 0 0;
}

.contetWrap .content #sidebar #pointS a {
	margin-top: 10px;
	background: url(../images/index/icon-point.gif) no-repeat 0 0;
}
/**/

#bannerWrap .wrap #banner #bannerAD {
	
	/*background: url(../images/index/bg-bannerAD.png) no-repeat 0 0;*/
	overflow: hidden;
	position: absolute;
	right:calc(100% - 111%);
	top: 0px;
}

#bannerWrap .wrap #banner #bannerAD ul {
	/*margin: 8px 8px 8px 7px;*/
	width: 1920px;
	height: 300px;
	
}



#bannerWrap .wrap #banner #bannerAD ul li img {
	width: 100%;
}
#bannerAD ul li > a{
	height: 300px;
	display: block;
	background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    /*background-size: cover !important;*/
	
}

#bannerWrap .wrap #banner #bannerAD .pager {
	display: none;
	width: 600px;
	position: absolute;
	top: 275px;
	right: 490px;
	z-index: 15;
	text-align: right;
}

#bannerWrap .wrap #banner #bannerAD .pager a ,
#bannerWrap .wrap #banner #bannerAD .pager a.active {
	margin-left: 5px;
	width: 22px;
	height: 20px;
	background: #000;
	display: inline-block;
	line-height: 20px;
	font-weight: 900;
	text-align: center;
	color: #fff;
}

#bannerWrap .wrap #banner #bannerAD .pager a:hover ,
#bannerWrap .wrap #banner #bannerAD .pager a.active {
	background: #ff38e8;
	color: #000;
}


/* +contentMain
*----------------------------------------------------------------------------*/

/**
*
* =news 
*
**/
.contetWrap .content .contentMain #news {
	margin: 30px 0 0;
	width: 615px;
	background: url(../images/index/bg-news.png) no-repeat 0 0;
	overflow: hidden;
	position: relative;
}

.contetWrap .content .contentMain #news h2 {
	display: none;
}

.contetWrap .content .contentMain #news .wrap {
	margin: 65px 20px 15px;
	height: 95px !important;
	overflow: hidden;
}

.contetWrap .content .contentMain #news .wrap ul {
	height: 95px !important;
}

.contetWrap .content .contentMain #news .wrap ul li {
	margin: 0 0 5px;
	padding: 0 0 0 25px;
	height: 20px;
	background: url(../images/index/dot01.png) no-repeat 0 center;
	overflow: hidden;
}

.contetWrap .content .contentMain #news .wrap ul li h3 {
	width: 450px;
	float: left;
	font-size: 14px;
	line-height: 20px;
}

.contetWrap .content .contentMain #news .wrap ul li h3 a {
	color: #fff;
}

.contetWrap .content .contentMain #news .wrap ul li p {
	width: 100px;
	float: left;
	color: #fff;
}

/**
*
* =hotGame
*
**/
.contetWrap .content .contentMain #hotGame {
	padding: 70px 0 0;
	background: url(../images/index/bg-game.png) no-repeat 0 0;
}

.contetWrap .content .contentMain #hotGame h2 {
	display: none;
}

.contetWrap .content .contentMain #hotGame ul {
	overflow: hidden;
}

.contetWrap .content .contentMain #hotGame ul li {
	margin: 0 5px 20px;
	width: 297px;
	height: 226px;
	background: url(../images/index/bg-gameinfo.png) no-repeat 0 0;
	float: left;
}

.contetWrap .content .contentMain #hotGame ul li img {
	margin: 15px 15px 0;
	width: 267px;
	height: 156px;
}

.contetWrap .content .contentMain #hotGame ul li .info {
	margin: 7px 0 0 15px;
	overflow: hidden;
}

.contetWrap .content .contentMain #hotGame ul li .info h3 {
	width: 140px;
	height: 40px;
	float: left;
	line-height: 40px;
	font-size: 18px;
}

.contetWrap .content .contentMain #hotGame ul li .info h3 a {
	color: #fff;
}

.contetWrap .content .contentMain #hotGame ul li .info .more {
	width: 140px;
	float: right;
	overflow: hidden;
}

.contetWrap .content .contentMain #hotGame ul li .info .more a {
	width: 125px;
	height: 40px;
	background: url(../images/index/icon-moreGame.png) no-repeat 0 0;
	display: block;
	float: right;
	text-indent: -999999px;
}