html,body {
	height: 100%;
	margin: 0;
        min-width: 1280px;
}
body {	
	background: url(/images/basketball-floor.jpg) fixed;	
	font-family: 'verdana','Arial','sans-serif','微軟正黑體';
}
#testi {
	width: 100%;
	padding: 0 0 0 0;
}
.move {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 100%;
	border: 0;
	display: none;
	top:0
}
.modelCol {
	position: relative;
	left: -200%;
}
.modelCol.active {
	left: 0%;
	transition: all 0.5s linear 0s;
}
@font-face{
    font-family:"jd_led3";
    src: url("/PixelLCD7.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
.preselected {
	background-color:#DF5353
}
.mytab {
	border:0;
	width:1200px;
	margin:0 auto;
}
.mytab > ul {
	padding:0 !important;
	border-radius:0
}
.mytab > div {
	border:1px solid #999 !important;
	border-top:0 !important
}
#b-position p {
	margin:0;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
	/*background: #adcb47;*/
	color: #fff;
	text-align: center;
}

.addin {
	position: absolute;
	left: -5000px;
	display: none;
}

.colm {
	width: 65%;
}


.move.active {
	display:block;	
	/*transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-webkit-transform: scale(0.1,0.1);*/
}

.move.tab1{
	width: 100%;
	border-width:0;
	background-color:rgba(0,0,0,0);
}

@media all and (min-width: 1600px) {
	.move, .addin {
		width: 100%;
	}
}
@media all and (max-width: 1280px) {
	.colm {
		width: 100%;
	}
	.move, .addin {
		width: 100%;
	}
}
@media all and (max-width: 1024px) {
	.colm {
		width: 100%;
	}
	.move, .addin {
		width: 100%;
	}
}
		
li.tab {
	width:160px;
	height:44px;
	position: relative;
	display:block;	
	float: left;
	border: 0px solid #444;
	border-left-color: #777;
	border-bottom-width: 2px;
	border-bottom-color: #000;
	list-style: none;
	padding: 0;
	margin-bottom: -1px;
	padding-bottom: 1px;
	color:#fff;
	cursor:pointer;
	background-color:#000;
	font-size: 14px;
	font-family: 'verdana','Open Sans Condensed',cursive,'微軟正黑體';
	z-index: 20;
}
li.tab:first-of-type {
	margin-left:0;
}
li.tab.active {	
	z-index: 20;
	background-color:#000;
	color: #ffc000;	
}
li.tab:hover {	
	z-index: 20;
	background-color:#000;
	border-bottom-color:#ffc000;
}

li.tab div {	
	font-weight:bold;
	display:block;	
	text-decoration:none;	
}

li.tab h4 {
	margin:0;
	z-index:10;
	position:absolute;
	float: left;
	width:100%;
	height:100%;
	left:0%
}
li.tab h4:after {
	content:'\f0d7';
	font-family: FontAwesome;
	margin-left:5px;
	font-size:8px
}

li.tab ul {
	display:none;
	padding: 0px 0 0 0;
	margin: 0;
	background-color: transparent;
	color:#000;
	z-index:9;	
}
li.tab:hover ul {
	display:block;
	z-index:11;
}
li.tabi {
	background-color: #fff;
	list-style: none;
	padding: 0;
	margin:0;
	color:#000;
	text-align: center;
}

.menu-tab-link {
	font-weight: normal;
	color: #000;
}
.menu-tab-link.active {
	background-color: #fff;
	color: #aaa;
}
.menu-tab-link.lock:after {
	content:"";/*icon(√)*/
	display: block;
	width: 16px;
	height: 40px;
	float: right;
	margin-right: 5px;
	background-image: url('lock.png');
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	background-position: center;
}

.tab-title {
	position: relative;
	overflow:hidden;
	height: 100%;
	padding-top: 5px;
	text-align: center;
}



.highlight:hover {
	box-shadow:0 0 20px rgba(255,255,255,0.9);
}
.cursor:hover {
	cursor:pointer;
}


.transparent::-webkit-scrollbar {
      width: 5px;
}
.transparent::-webkit-scrollbar-track {
      background-color: rgba(0,0,0,0.3);
} 
.transparent::-webkit-scrollbar-thumb {
      background-color: #999
}
.transparent::-webkit-scrollbar-button {
      background-color: #fff;
}
.transparent::-webkit-scrollbar-corner {
      background-color: black;
}


.msg {
	background-color:rgba(0,0,0,0.1);
}
.msg:hover {
	background-color:rgba(0,0,0,0.5);	
}



.selecttable tr:hover {
	background-color:rgba(0,0,0,0.3);	
}
.selecttable td {
	border-bottom:1px solid #fff;
	border-bottom-width:0;
	cursor:pointer
}
.selecttable td.active:after {
	content:"\f00c";/*icon(√)*/
	font-family: FontAwesome;
	float:right
}
.selecttable td {
	padding-left:5px
}

.selecttable td.active {
	background-color:rgba(0,0,0,0.6);	
}
.selecttable {
	width:100%
}
.play-selected {
	display:none
}





.checkbox {
	text-align: center;
	vertical-align: middle;
}
.checkbox.horizontal {
	float: left;
}
.checkbox label {
	font-family: 'verdana';
	font-size: 12px;
	margin: 0;
	padding: 0;
	display: block;
	height: 25px;
	line-height: 25px;
	border: 0px solid #aaa;
	background-color: rgba(255,255,255,0.3);
	color: #333;
	border-radius: 3px;	
}
.checkbox label:hover {
	cursor: pointer;
}
.checkbox input[type=checkbox] {
	position: absolute;
	visibility: hidden;
	margin:0;
	padding:0;
}
.checkbox input[type=checkbox]:checked + label {
	background: #fff;
	color:#000;
}
div.clear {
	height: 0;
	clear: both;
}

.newsbox {
	font-size: 12px
}
.newsbox a {
	color: #aaa
}

.insidemove {
	background-color: rgba(0,0,0,0.2);
	margin: 0;
	padding: 10px 0 10px 0;
}

a.button {
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}

a.link {
	text-decoration: none;
	color: #333;
}
a.link:hover {
	text-decoration: underline;
}
















.muti-btn {
	float: right;
	cursor: default;
}
.muti-btn:hover {
	box-shadow:0 0 20px rgba(255,255,255,0.9) inset;
}
.sign-btn {
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}
.sign-btn.active {
	background-color:rgba(0,0,0,0.6);
}
.sign-btn:hover {
	background-color:rgba(0,0,0,0.3);
}	
.playerList-combo {
	width:100%
}
.playerList-combo.muti.active .muti-btn:after {			
	content: '';
	display: block;
	background-image: url('../images/checkbox_no.png'); 
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
	height: 20px;
	width: 20px;
	float: right;		
}
.playerList-combo.muti.active .muti-btn.active:after {
	background-image: url('/images/checkbox_yes.png'); 
}