@charset "utf-8";
@media print {
	
	#logo,#loading,#showMainMenu,#jackcore,#reportConsole,#tbl_list,#bt_owner,#back-top,#back-top a,#less_detail,.less_detail,#img-header,#showAcc,footer{
		display:none;
	}
}
body {
	font-family: 'Kanit', sans-serif;
}
.form-control {
    height: 40px;
}
.complete-transfer{
	color:#093;
}
.hand{
	cursor:pointer;
	color:#900;
	padding-left:10px;
	display:block;
}
#admin_menu{
	margin-bottom:20px;
}

.caution{
	color:#900;
}
#award{
	border:1px solid #666;
}

.bt{
	cursor:pointer;
	
}
.bt:hover{
	color:#336699;
}
.border_pic{
	border:1px solid #CCC;
	padding:10px;
	background-color:#FFFFFF;
}
.koi_award_link:hover{
	cursor:pointer;
	background-color:#CCCC00;
}
input#award{
	
	width:158px;
}
#loading{
	position:fixed; 
	/*width: 50px; 
	height:16px; 
	background-color:#FFF;*/ 
	text-align:center;
	/*background-image:url(../images/loading/load.gif);*/
	background-repeat:no-repeat;
	background-position:center;
    z-index: 100000;
}
#menu_size_award,#show_menu_owner{
	text-align:left;
    margin-bottom: 5px;
}
#menu_size_award ul li ,#show_menu_owner ul li{
	border-right:1px solid #ccc;
	cursor:pointer;
	display:inline;
	list-style:none;
	padding:0px 10px;
	font-size:11px;
}
#menu_size_award ul li:hover,#show_menu_owner ul li:hover{
	background-color:#BEE9F4;
	color:#333;
}
#price_total{
	text-align:center;
}
#price_total span {
	padding:5px 20px;
}
#showListKoi{
    padding: 0;
}
.showListKoiAward ul li{
	display:inline-block;
	list-style:none;
}

#showReport{
	display:block;
}


#tbl_list thead{
	height:15px;
	background-color:#ccc;
	color:#333;
	font-weight:bold;
}
#tbl_list tbody{
	overflow-y:auto;
	overflow-x:hidden;
	color:#333;
}
#tbl_list tbody tr{
	max-height:20px;
	
}
#tbl_list tbody tr:hover{
	background-color:#FC9;
}
#tbl_list thead td{
	text-align:center;
	vertical-align:top;
}
.table-bordered th{
    text-align: center;
}
.tbl_koi_doc{
	width:100%;
	min-width:760px;
	border:none;
	border-collapse:collapse;
	font-size:24px;
}
.tbl_koi_doc thead{
	background-color:#333333;
	color:#FFFFFF;
}
.tbl_koi_doc th,.tbl_koi_doc td{
	border:1px solid #999;
	border-collapse:collapse;
	vertical-align:top;
	padding:2px;
}
.tbl_koi_doc td{
	color:#000000;
	font-weight:bold;
}
.tbl_koi_doc img{
    height: 100px;
    border:none;
}
.tbl_koi_doc th{
    text-align: center;
}
.detail{
	padding:5px;
	
	color:#333;
}

.my_koi{
	border:10px solid #fff;
    border-radius: 4px;
}
.koi_detail{
	color:#333;
	text-align:center;
}
.koi_detail span{
	width:50px;
	margin-left:20px;
	margin-right:20px;
	text-decoration:underline;
	cursor:pointer;
	color:#900;
}
.koi_detail span:hover{
	color:#999;
}
.koi_type{
	margin:0px;
	text-align:center;
	color:#333;
	position:relative;
}
.koi_size{
	text-align:left;
	margin-left:40px;
	color:#333;
	position:relative;
}

.input_form{
	display:inline;
	padding-left:0px;
}
.row_data{
	background: #ccc;	
}
.row_data_event{
	background: white;	
}
tbody tr:nth-child(even) {
  background: white;
}
tbody tr:nth-child(odd) {
  background: #f4f4f4;
}

input.text-order{
	margin:0 2px;
}




.showFormAddGrowth{
	vertical-align:middle;
	display:block;
	padding-top:8px;
	font-size:11px;
}
.sum_my_price{
	width:120px;
	color:#900;
	background-color:#ccc;
	height:60px;
	padding:5px;
	text-align:center;
	position:fixed;
	right:0px;
	bottom:0px;
}
.small_tip{
	font-size:8px;
	color:#900;
}
.bt_selected{
	background-color:#E82424;
	color:#fff;
}
.menu_toggle{
	position:fixed;
	top:0px;
	right:0px;
	cursor:pointer;
	background-color:#999;
	width:100px;
	height:30px;
	text-align:center;
	padding-top:10px;
}
.menu_toggle:hover{
	background-color:#F90;
	color:#FFF;
}
#jackcore{
	position:fixed;
	bottom:0;
	width:100%;
	height:100px;
	text-align:center;
	background-color:#fff;
	display:inline-block;
	/*padding:10px 0;*/
}
#sponser_cont{
	display:inline-block;
	height:84px;
	width:860px;
}
#sponser{
	width:100%;
	height:84px;
	position:relative;
}
#sandeesoft,#aq,#ym,#hd,#kk,#km,#wc{
	position:absolute;
	height:84px;
	bottom:0px;
	color:#999;
	text-align:center;
	font-size:10px;
}

#hd{
	width:114px;
	right:754px;
	background-image:url(../images/hd.gif);
}
#kk{
	width:101px;
	right:633px;
	background-image:url(../images/kk.gif);
}
#ym{
	width:89px;
	right:524px;
	background-image:url(../images/ym.gif);
}
#aq{
	width:146px;
	right:358px;
	background-image:url(../images/aq.gif);
}
#wc{
	width:112px;
	right:226px;
	background-image:url(../images/wc.gif);
}
#km{
	width:96px;
	right:110px;
	background-image:url(../images/km.gif);
}

#sandeesoft{
	width:90px;
	right:0px;
	background-image:url(../images/sandeesoft.jpg);
}
.txt-cer{
	width:400px;
}
/*
//////////////html5///////////////
////////////////////////////////////
*/
 #threed-example {              
	 margin: 5px 5px;              
	 -webkit-transform: rotateZ(5deg);              
	 -moz-transform: rotateZ(5deg);              
	 -o-transform: rotateZ(5deg);             
	 transform: rotateZ(5deg);              
	 -webkit-transition: -webkit-transform 2s ease-in-out;              
	 -moz-transition: -moz-transform 2s ease-in-out;              
	 -o-transition: -o-transform 2s ease-in-out;              
	 transition: transform 2s ease-in-out;            
 }            
 #threed-example:hover {              
	 -webkit-transform: rotateZ(-5deg);              
	 -moz-transform: rotateZ(-5deg);              
	 -o-transform: rotateZ(-5deg);              
	 transform: rotateZ(-5deg);            
 }
 
 
#header{
background: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(0, 0, 0, 0.199219);
border-bottom-left-radius: 4px 4px;
border-bottom-right-radius: 4px 4px;
border-top-left-radius: 4px 4px;
border-top-right-radius: 4px 4px;
color: black;
display:table-row;
margin-bottom: 2px;
padding: 2px 2px;
}


 :invalid { background-color: red; 
}



#back-top {
	position: fixed;
	bottom: 10px;
	right:10px;
	margin-left: -150px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	margin-bottom: 7px;
	background: #ddd url(../images/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #777;
}

.ui-autocomplete { max-height: 400px; overflow-y: scroll; overflow-x: hidden;}

/*basic table*/
.ui-tbl{
	border:1px solid #999;
	border-collapse:collapse;
	font-size:13px;
}
.ui-tbl td,.ui-tbl th{
	border: 1px solid #3B5998;
    padding: 2px;
}
.ui-tbl tr{
	background-color:#f4f4f;
}
.ui-tbl tbody tr:hover{
	background-color:#E9EAED;
}
.ui-tbl thead {
	background-color: #627AAD;
    color: #FFFFFF;
}

ui-tbl tbody {
    background-color: #F9FAFB;
    color: #333333;
}


.ui-bt-container{
		border:1px solid #333;
		padding:2px;
		border-radius:5px 5px 5px 5px;
	}
.ui-bt-body{
	color:#666;

	vertical-align:middle;
	padding:2px;
	cursor:pointer;		
	text-align:center;
	display:table-cell;
}

.ui-bt-body div{
	display:inline-block;
	vertical-align:middle;
}
.ui-bt-body .ui-bt-text{
	margin:0;
	font-size:12px;
	padding:2px;
	font-weight:bold;
}
.slider-frame {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 84px;
  height: 27px;
  background-color: rgb(246, 249, 251);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}
.slider-button {
  display: block;
  width: 43px;
  height: 27px;
  line-height: 27px;
  background: #900;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  color: #fff;
  font-family:sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align: center;
  cursor: pointer;
  -webkit-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0px 0px 4px 0 rgba(0, 0, 0, 0.25);
}
.slider-button.on {
  margin-left: 40px;
  background: #9C9;
}
.award_item{
	
    padding:10px;
	display:inline-block;
}
.kts{
	text-align:left;
	border-bottom:3px solid #fff;
	padding-bottom:25px;
}
.marquee,
.marquee-with-options,
.marquee-vert-before,
.marquee-vert {
  width: 100%;
  overflow: hidden;
  border:1px solid #ccc;
}

.cer-item{
    position: absolute;
    display: block;
    font-size: 14px;
    font-family: marion;
    width: 200px;
    height: 20px;
    background-color: #333;
    color: #fff;
  }
  #cer_cont{
    position: relative;
    
    height: 841px;
    background-image: url("../images/cer.jpg");
    background-repeat: no-repeat;
    background-size: 1190px 841px;
  }
  #koi_img{
	position: absolute;
    display: block;
    width:280px;
    height: 467px;
    background-image: url("../images/img_koi.jpg");
	}
	#judge_img{
		position: absolute;
			display: block;
			width:212px;
			height: 94px;
			background-image: url("../images/headjudge.jpg");
		}
  .ui-draggable-dragging {
    z-index: 10000!important;
}

.showListKoiAward{
    background-color: #eee;
}
.thumbnail{
    border: none !important;
    background-color: #eee !important;
}
#Umenu .btn{
    min-width: 95px;
}
.navbar-inverse .navbar-nav > li.bt_selected > a{
    color:#fff;
}
.caption strong{
    color:#777;
    font-size: 85%;
}
.rotate90{
	background-image:url('images/icon90-white.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
#koi_home_form input {
    font-family:tahoma;
    color:#333333;
	margin:5px;
	font-size:1.2em;
}

#koi_home_form label,#koi_home_form p{
	font-family:tahoma;
	font-size:1.5em;
	color:#696566;
}
#koi_home_form .form_edit,#detail_form.form_edit{
    position: fixed;
    top:51px;
    left:0px;
    background-color: #999;
    display: block;
    width: 100%;
    z-index: 10000;
		height: 100%;
		min-height: 600px;
}
#tbl-list-koi tbody td{
	vertical-align: middle;
}