/*css index start------------------------------------------------------
=======================================================================
10 basic units
15 index only
20 tab effects
=======================================================================
css index end--------------------------------------------------------*/

/*異動註解 start--------------------------------------------------------
=======================================================================
01 0420異動02--新增headerbox區塊reset樣式
11 20170406--加入banner尺寸970x250 
=======================================================================
異動註解 end----------------------------------------------------------*/


/*10 basic units start=======================================================*/
/*0420異動03 start*/
.winnermarkmask ul, .winnermarkmask li{
	margin:0;
	padding:0;
	list-style:none;
	}
/*0420異動03 end*/

.winnermarkmask{
	width:960px;
	overflow:hidden;
	height:100%;
	margin:0 auto 30px auto;
	}

.winnermarkmask ul.winnermark{
	width:975px;
}

.winnermarkmask ul.winnermark li{
	float:left;
	margin-right:4px;
	width:317px;
	height:29px;
	background: url(/images/playsport_title_bg.png) no-repeat center top;
}

.winnermarkmask ul.winnermark li a{
	display:block;
	width:317px;
	height:16px;
	line-height:normal;
	margin:7px auto 0 auto;
	text-align: center;
	/*overflow:hidden;*/
	font-size:15px;
}

.winnermarkmask ul.winnermark li a span.winnerid{
	margin-right:3px;
	color:#095a8b;
	}

.winnermarkmask ul.winnermark li a span.gametype{
	margin-right:3px;
	}

.winnermarkmask a:link{color:#53a600;}
.winnermarkmask a:visited{color:#53a600;}
.winnermarkmask a:hover{color:#ffa800;}
.winnermarkmask a:active{color:#ffa800;}

.mainconbox{
	width:100%;
	height:100%;
	clear:both;
	margin:0px auto 60px auto;
	}

.mainconboxin{
	width:950px;
	margin:0 auto;
	height:100%;
	text-align: left;
	}
.mainconboxinwide{
width:964px;
}

/*10 basic units end=========================================================*/

/*11 banner 970x250 start 20170406====================================================*/
.mainconboxinwide--sales-frontier{
	width: 970px;
	}
/*11 banner 970x250 end 20170406=====================================================*/

/*15 index only start=======================================================*/
/*0420異動03 start*/
.jcarousel-skin-tango ul, .jcarousel-skin-tango li, .jcarousel-skin-tango a, .jcarousel-skin-tango a  img{
	margin:0;
	padding:0;
	list-style:none;
	}

.jcarousel-skin-tango a, .jcarousel-skin-tango img{
	border:0;
	line-height:0;
	vertical-align:top;
	margin:0 auto;
}
/*0420異動03 end*/
/*jcarousel UI settings start*/
.jcarousel-skin-tango .jcarousel-container {
	margin:0 auto;
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 960px;
    padding: 0px 0px;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  960px;
    height: 545px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 960px;
    height: 545px;

}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 54px;
    height: 83px;
    cursor: pointer;
    background: transparent url(/images/playsport_index_right_arrow.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 0px;
    right: auto;
    background-image: url(/images/prev-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -54px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -108px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -162px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 54px;
    height: 83px;
    cursor: pointer;
    background: transparent url(/images/playsport_index_left_arrow.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 0px;
    background-image: url(/images/next-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -54px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -108px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -162px 0;
}
/*jcarousel UI settings end*/

/*jcarousel content settings for index start*/
.playsportcc-index ul#mycarousel{
	width:960px;
	margin:0 auto;
	}

.playsportcc-index #mycarousel li{
	position:relative;
	}
.playsportcc-index #mycarousel a.pagelink{
display:block;
width:121px;
height:36px;
position: absolute;
top:25px;
left:730px;
}

.playsportcc-index #mycarousel a.pagelink span{
	text-indent:-9999px;
	display:block;
	}

.playsportcc-index #mycarousel li div{
	margin:0 auto;
	width:auto;
	text-align:center;
	}

.playsportcc-index #mycarousel a.pagelink-winner:link{
	background:url(/images/winner_bt.png) no-repeat left bottom;
}
.playsportcc-index #mycarousel a.pagelink-winner:visited{
	background:url(/images/winner_bt.png) no-repeat left bottom;
}
.playsportcc-index #mycarousel a.pagelink-winner:hover{
	background:url(/images/winner_bt.png) no-repeat left top;
}
.playsportcc-index #mycarousel a.pagelink-winner:active{
	background:url(/images/winner_bt.png) no-repeat left top;
}

.playsportcc-index #mycarousel a.pagelink-predict:link{
	background:url(/images/predict_bt.png) no-repeat left bottom;
	}
.playsportcc-index #mycarousel a.pagelink-predict:visited{
	background:url(/images/predict_bt.png) no-repeat left bottom;
	}
.playsportcc-index #mycarousel a.pagelink-predict:hover{
	background:url(/images/predict_bt.png) no-repeat left top;
	}
.playsportcc-index #mycarousel a.pagelink-predict:active{
	background:url(/images/predict_bt.png) no-repeat left top;
	}


.playsportcc-index #mycarousel a.pagelink-forum:link{
	background:url(/images/forum_bt.png) no-repeat left bottom;
	}
.playsportcc-index #mycarousel a.pagelink-forum:visited{
	background:url(/images/forum_bt.png) no-repeat left bottom;
	}
.playsportcc-index #mycarousel a.pagelink-forum:hover{
	background:url(/images/forum_bt.png) no-repeat left top;
	}
.playsportcc-index #mycarousel a.pagelink-forum:active{
	background:url(/images/forum_bt.png) no-repeat left top;
	}
/*jcarousel content settings for index end*/


.playsportcc-index #mycarousel a.predictionvisual-above, .playsportcc-index #mycarousel a.predictionvisual-beyond,.playsportcc-index #mycarousel a.predictionvisual-above-mlb, .playsportcc-index #mycarousel a.predictionvisual-beyond-mlb{
	display:block;
	width:750px;
	height:117px;
	position:absolute;
	left:105px;
	}
.playsportcc-index #mycarousel a.predictionvisual-above span, .playsportcc-index #mycarousel a.predictionvisual-beyond span,.playsportcc-index #mycarousel a.predictionvisual-above-mlb span, .playsportcc-index #mycarousel a.predictionvisual-beyond-mlb span{
	display:block;
	text-indent:-9999px;
	}

.playsportcc-index #mycarousel a.predictionvisual-above,a.predictionvisual-above-mlb{
	top:162px;
}
.playsportcc-index #mycarousel a.predictionvisual-beyond,a.predictionvisual-beyond-mlb{
	top:279px;
	}
/*NBA用*/
.playsportcc-index #mycarousel a.predictionvisual-above:link, .playsportcc-index #mycarousel a.predictionvisual-above:visited{
	background:url(/images/prediction_hover_above.png) no-repeat center top;
	}
.playsportcc-index #mycarousel a.predictionvisual-above:hover,.playsportcc-index #mycarousel a.predictionvisual-above:active{
	background:url(/images/prediction_hover_above.png) no-repeat center bottom;
	}
.playsportcc-index #mycarousel a.predictionvisual-beyond:link{
	background:url(/images/prediction_hover_beyond.png) no-repeat center top;
	}
.playsportcc-index #mycarousel a.predictionvisual-beyond:hover{
	background:url(/images/prediction_hover_beyond.png) no-repeat center bottom;
}
/*MLB用*/
.playsportcc-index #mycarousel a.predictionvisual-above-mlb:link, .playsportcc-index #mycarousel a.predictionvisual-above-mlb:visited{
	background:url(/images/prediction_hover_above_mlb.png) no-repeat center top;
	}
.playsportcc-index #mycarousel a.predictionvisual-above-mlb:hover,.playsportcc-index #mycarousel a.predictionvisual-above-mlb:active{
	background:url(/images/prediction_hover_above_mlb.png) no-repeat center bottom;
	}
.playsportcc-index #mycarousel a.predictionvisual-beyond-mlb:link{
	background:url(/images/prediction_hover_beyond_mlb.png) no-repeat center top;
	}
.playsportcc-index #mycarousel a.predictionvisual-beyond-mlb:hover{
	background:url(/images/prediction_hover_beyond_mlb.png) no-repeat center bottom;
}

/*15 index only end=========================================================*/
.hidden {
	display: none !important;
}