﻿/*
	gameball 2014
*/

	*{
		font-family: "微軟正黑體","Microsoft JhengHei","arail";
	}
	#login-form{
		margin: 10px auto;
		padding: 30px 12px 12px 12px;
		width: 380px;
		height:auto;
		border:0 solid red;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		vertical-align: middle;
		background:#FAFAFA;
		-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.13);
		box-shadow: 0 3px 6px rgba(0,0,0,.13);
	}
	#login-form span.title{
		font-size:20px;
		letter-spacing:4px;
	}
	
	#login-form .button-panel{
		margin:0 auto;
		width:300px;
	}

	.input-xlarge.input-bigger{
		height: 44px;
		font-size:18px;
	}
	
	.logo{
		margin:0 auto;
	}
	#menu{
		padding:0;
		margin: 0;
		border:0;
		background:#E6E6E6;

		#min-height:100%;
	}
	.custom-title{
		color: #bd8844;
	}
	#menu .custom-title{
		color: #333333;
	}
	.nav-tabs.nav-stacked > li > a{
		/* fallback */
		background:#333333;
		color:#ffffff;
		/* Safari 4-5, Chrome 1-9 */
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4391d2), to(#3d4657));
		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(bottom, #3d4657, #4391d2);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(bottom, #3d4657, #4391d2);
		/* IE 10 */
		background: -ms-linear-gradient(bottom, #3d4657, #4391d2);
		/* Opera 11.10+ */
		background: -o-linear-gradient(bottom, #3d4657, #4391d2);
	 }

	.nav-tabs.nav-stacked > li > a:hover,
	.nav-tabs.nav-stacked > li > a:focus {
	  color:#bd8844;
	}

	.sub-nav{
		margin:0;
	}
	.sub-nav li{
		line-height:200%;
		background:#eee;
		list-style:none;
		padding-left:25px;
		dispaly:block;
		
	}
	.sub-nav li a{
		color:#000000;
		
	}
	.sub-nav li a:hover{
		color:#bd8844;
	}

	.nav-tabs.nav-stacked > li > a{
		border-color:#B6B6B6;
	}
	.nav-tabs.nav-stacked > li > a:hover{
		border-color:#B6B6B6;
	}
	.banner{
		margin:0 auto;
		width:90%;
		border:0;
		overflow:hidden;
	}
	
	span.notice,
	span.help-inline{
		color: red;
	}
	
	.table-page{
		color: #ffffff;
	}
	.table-page td{
		background: #999;
	}
	.pageRecord{
		width: 49%;
		float:left;
		margin-top:4px;
	}
	.pagination{
		margin: 2px auto;
	}
	
	.table thead tr,
	{
		background: #ffffff;
	}
	.table tfoot tr{
		background: #f1f1f1;
	}

	.table thead tr th {
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#cad2ac));
		/* Safari 5.1, Chrome 10+ */
		background: -webkit-linear-gradient(bottom, #cad2ac, #ffffff);
		/* Firefox 3.6+ */
		background: -moz-linear-gradient(bottom, #cad2ac, #ffffff);
		/* IE 10 */
		background: -ms-linear-gradient(bottom, #cad2ac, #ffffff);
		/* Opera 11.10+ */
		background: -o-linear-gradient(bottom, #cad2ac, #ffffff);
	}

	.browse{
//		display: none;
	}
	
	.btn-custom {
		color: #ffffff;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background-color: #669A91;
		*background-color: #B6B6B6;
		background-image: -moz-linear-gradient(top, #669A91, #B6B6B6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#669A91), to(#B6B6B6));
		background-image: -webkit-linear-gradient(top, #669A91, #B6B6B6);
		background-image: -o-linear-gradient(top, #669A91, #B6B6B6);
		background-image: linear-gradient(to bottom, #669A91, #B6B6B6);
		background-repeat: repeat-x;
		border-color: #B6B6B6 #B6B6B6 #387038;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff669A91', endColorstr='#ffB6B6B6', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	}
	.btn-custom:hover,
	.btn-custom:focus,
	.btn-custom:active,
	.btn-custom.active,
	.btn-custom.disabled,
	.btn-custom[disabled] {
		color: #ffffff;
		background-color: #B6B6B6;
		*background-color: #B6B6B6;
	}
	
	.label-custom,
	.badge-custom {
		background-color: #B6B6B6;
	}
	
	td.right,
	th.right{
		text-align:right;
	}
	td.left,
	th.left{
		text-align:left;
	}
	td.center,
	td.center{
		text-align:center;
	}
	@media screen and (min-width: 1000px) {
		.container{
			width:99%;
		}
	}


	@media screen and (max-device-width: 980px) {
		.container{
			width:980px;
			margin-left:3px;
		}
	}
