body{
	background-color: #eee;
}
div.background{
	position: fixed;
	background-position: center bottom;
	background-size: cover;
	z-index: -1;
	width:100%;
	height:100%;
	top:0;
	overflow: hidden;
}
img.other_logo{
	width:100px;
}
.othericon img{
	width:55px;
	height:55px;
}
span.other_title{
	color:#fff;
	font-size:18pt;
	padding-left:5px;
}
div.end_temp_view{
	padding:5px;
	background-color: #f2dede;
	text-align:center;
}
#header{
	background-color: rgba(0,0,0,1);

	behavior: url(ie-css3.htc); /* 使用ie-css3 */
	padding:10px 20px;
}

#game_list_box{
	width:600px;
	margin:30px auto;
}

#game_list_box ul.game_list{
	list-style: none;
	padding-left:0;
}
#game_list_box ul.game_list li{
	color:#fff;
	text-align:center;
	margin:20px 0;
}
#game_list_box ul.game_list li a{
	display:block;
	color:#fff;
	width:350px;
	margin:0 auto;
	vertical-align: middle;
	background-color: rgba(0,86,128, 0.8);
	padding:20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	behavior: url(ie-css3.htc); /* 使用ie-css3 */
}
#game_list_box ul.game_list li a:hover{
	background-color: rgba(0,110,165, 0.8);
}
#game_list_box ul.game_list li span.game_title{
	font-size:16pt;
}
#game_list_box ul.game_list li span.game_time{
	display:block;
	margin-top:10px;
	font-size:10pt;
}

div.no_game{
	text-align: center;
	background: #fff;
	font-size:16pt;
	padding:20px;
}
span.sitename{
	color:#fff;
	font-size:18pt;
	padding-left:10px;
}
span.sitename2{
	color:#fff;
	font-size:12pt;
	padding-left:10px;
}
/* 選單 */
nav{
	position:relative;
	z-index:2;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
}
nav.swim1_nav, nav.swim1_nav ul,
nav.swim2_nav, nav.swim2_nav ul,
nav.swim3_nav, nav.swim3_nav ul,
nav.swim4_nav, nav.swim4_nav ul,
nav.swim5_nav, nav.swim5_nav ul,
nav.swim6_nav, nav.swim6_nav ul,
nav.swim7_nav, nav.swim7_nav ul,
nav.swim8_nav, nav.swim8_nav ul,
nav.swim9_nav, nav.swim9_nav ul,
nav.swim10_nav, nav.swim10_nav ul,
nav.kcsat1_nav, nav.kcsat1_nav ul,
nav.kcsat2_nav, nav.kcsat2_nav ul,
nav.kcsat3_nav, nav.kcsat3_nav ul,
nav.kcsat4_nav, nav.kcsat4_nav ul,
nav.kcsat5_nav, nav.kcsat5_nav ul,
nav.kcsat6_nav, nav.kcsat6_nav ul,
nav.kcsat7_nav, nav.kcsat7_nav ul,
nav.kcsat8_nav, nav.kcsat8_nav ul,
nav.kcsat9_nav, nav.kcsat9_nav ul,
nav.kcsat10_nav, nav.kcsat10_nav ul,
nav.swim_nav, nav.swim_nav ul{
	background-color:#1c7093;
}
nav.wp_nav, nav.wp_nav ul{
	background-color:#cb8634;
}
nav.ipc1_nav, nav.ipc1_nav ul,
nav.ipc2_nav, nav.ipc2_nav ul,
nav.ipc3_nav, nav.ip3_nav ul,
nav.ipc4_nav, nav.ipc4_nav ul,
nav.ipc5_nav, nav.ipc5_nav ul,
nav.ipc_nav, nav.ipc_nav ul,
nav.ipcc_nav, nav.ipcc_nav ul{
	background-color:#567d65;
}
nav ul{
	margin:0;
}

ul.level1, ul.level2{
	list-style: none;
	padding-left:0;
}
ul.level2{
	margin-top:5px;
	margin-left:-20px;
	display:none;
	position: absolute;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
}
ul.level2 li{
	padding:10px 20px;
}
ul.level1 li:hover ul{
	display:block;
}
ul.menu1 > li, ul.menu2 > li{
	padding:5px 10px;
	display:inline-block;
}
ul.menu2 li{
	min-width:60px;
	text-align:center;
}
ul.menu1 a, ul.menu2 a{
	font-size:14pt;
	color:#fff;
}
ul.menu1 a:hover, ul.menu2 a:hover{
	color:#ddd;
}

/* 內容 */

#content div.warpper,div.banner{
	width:980px;
	margin:0 auto;
}

#main{
	position:relative;
	z-index:1;
	width:940px;
	margin:0 auto;
	background-color:rgba(255,255,255,.9);
	min-height:350px;
	padding:1px 20px 30px;
}
form.register, form.edit {
	background-color:#eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
form.register label, form.edit label{
	display:inline-block;
	width:120px;
	text-align:right;
}
span.username{
	border-bottom:solid 1px #aaa;
	display:inline-block;
	width:163px;
}
img.photo{
	width:150px;
}

div.register_info{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #bce8f1;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
}

#twzipcode{
	padding-left:7px;
}
#twzipcode > div{
	display:inline-block;
}
input[name='zipcode']{
	width:30px;
}
#address{
	margin-left:7px;
}
.fixed-bottom{
	position: fixed;
	z-index:3;
	bottom:0;
}
div.current_game_info{
	padding: 0px 15px 15px 15px;
	margin:10px auto;
	width:650px;
	border: 1px solid #bce8f1;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
	text-align:center;
}
div.danger{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
}
form#loginform {
	width:450px;
	margin:30px auto;
	text-align:center;
	background-color:#fff;
	padding:20px;
	font-size:16pt;
}
form#loginform input{
	font-size:16pt;
	margin: .3em;
	padding: .6em .5em .4em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	border-radius: .5em;
}
div.reset_box{
	text-align:center;
	display:none;
	width:350px;
	margin:0 auto;
	padding:5px;
	border:#aaa solid 1px;
	border-radius: 4px;
}
form#reset_pw{
	padding:10px 0;
}
form#reset_pw label{
	width:80px;
	display: inline-block;
	text-align:right;
}
div.changePassword_box{
	display:none;
}

.front_a_game_info{
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
}
.front_a_game_info:last-child{
  border-bottom: none;
}

/**
 * 	新聞
 */
div.news_list{
	margin:0 auto;
	font-size: 14pt;
}
div.news_list h3{
	border-bottom:#333 solid 1px;
}
ul.news{
	padding-left:0;
	list-style: none;
}
ul.news li{
	padding:10px;
	border-bottom:#aaa dotted 1px;
}
div.show_news{
	margin:0 auto;
	font-size:12pt;
}
div.attachment{
	padding: 15px;
	margin:20px auto;
	width:500px;
	border: 1px solid #bce8f1;
	border-radius: 4px;
	color: #31708f;
	background-color: #d9edf7;
}

/**
 * 	報名
 */
div.signup_box{
	background-color:#eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:10px;
	margin:5px;
}
select.signup_filter, select.has_signup_filter{
	font-size:18pt;
	width:610px;
}
div.signup_box label.from_title{
	display:inline-block;
	width:120px;
	text-align:right;
}
div.has_signup_box div.table_list{
	background-color:#eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:10px;
	margin:5px;
}
div.has_signup_box div.table_list table.lists{
	width:100%;
}
div.has_signup_box div.table_list table.lists th{
	border:#666 solid 1px;
	background-color:#666;
	color:#fff;
}
div.has_signup_box div.table_list table.lists td{
	border:#666 solid 1px;
}
ul.sportsman_signup_list, ul.team_signup_list {
	list-style: none;
	padding-left: 0;
}
span.underline{
	padding:1px 10px;
	border-bottom: #333 solid 1px;
}
.not_signup_yet{
	background-color: #ffefee;
}

/*
 * list tables
 */

table.lists {
	width: 100%;
	margin: 10px 0;
}
table.lists th {
	background-color: #444;
	color: #fff;
	padding:5px;
	vertical-align: middle;
}
table.lists tr {
	border-bottom: solid 1px #333;
}
table.lists tr:hover {
	background-color: #eee;
}
table.lists td {
	padding: 5px;
}
img.list_photo_thumb{
	width:50px;
}

table.receipt {
	width: 100%;
	margin: 10px 0;
	border: solid 1px #444;
}
table.receipt th {
	background-color: #444;
	color: #fff;
	padding:5px;
	vertical-align: middle;
	font-size:12pt;
}
table.receipt td {
	padding: 5px;
}

table.pay_info {
	width: 100%;
	margin: 10px 0;
	border: solid 1px #444;
}
table.pay_info th {
	background-color: red;
	color: #fff;
	padding:5px;
	vertical-align: middle;
	font-size:12pt;
}
table.pay_info.done th {
	background-color: green;
	color: #fff;
}
table.pay_info td {
	padding: 5px;
}
table.table_value_set{

  float: left;
}
table.table_value_set th{
  font-size:14px;
}
table.table_value_set td{
  text-align:center;
}
table.table_value_set input{
  width:32px;
  text-align:right;
}


/*
 * 搜尋
 */
table.best_record, table.result_list{
	margin:10px auto;
	font-size:12pt;
}
table.best_record th, table.result_list th{
	border:solid 1px #aaa;
	background-color:#fff6dd;
}
table.best_record td, table.result_list td{
	border:solid 1px #aaa;
}


#footer{
	background-color: rgba(0,0,0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BB000000', endColorstr='#BB000000'); /* IE */
	text-align:center;
	color:#fff;
	width:100%;
	padding: 10px 0;
}
#footer p{
	margin: 5px;
}
/* Remove close button on jQueryUI Dialog */
.ui-dialog-titlebar {
  visibility: hidden;
}

table.water_signup_form{
	margin:0 auto;
	background-color:#f3f4f5;
}
table.water_signup_form tr td{
	border:solid 1px #aaa;
	padding:10px;
}
table.water_signup_form tr td input.field{
	border:none;
	margin: 0;
	padding: 5px;
	width:91%;
	background-color:#fff;
}
table.water_signup_form tr .water_title{
	width:20%;
	font-weight: bold;
	text-align: center;
}
table.water_signup_form tr .values{
	width:30%;
}


/* spacialEvent */
tr.info td{
	width:25%;
}
tr.info td input{
	width:141px;
}