.footable{ border-collapse:separate;border-spacing:0;border:1px solid #000;/*-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-family:'trebuchet MS','Lucida sans',Arial;*/ font-size:14px;color:#333;background:#fff; width:100%; }

/*
.footable>thead>tr:first-child>th.footable-first-column,.footable>thead>tr:first-child>td.footable-first-column{-moz-border-radius:6px 0 0 0;-webkit-border-radius:6px 0 0 0;border-radius:6px 0 0 0}

.footable>thead>tr:first-child>th.footable-last-column,.footable>thead>tr:first-child>td.footable-last-column{-moz-border-radius:0 6px 0 0;-webkit-border-radius:0 6px 0 0;border-radius:0 6px 0 0}
.footable>thead>tr:first-child>th.footable-first-column.footable-last-column,.footable>thead>tr:first-child>td.footable-first-column.footable-last-column{-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}
*/

.footable>thead>tr>th { border-left:1px solid #ccc;/*border-top:1px solid #ccc;*/padding:0.5% 2%;text-align:left; color:#333; font-weight:bold; }
.footable>thead>tr>th:first-child { width:18%; border-left:none; }
.footable>thead>tr>th:nth-child(2) { width:18%; }
.footable>thead>tr>th:nth-child(3) { width:; }
.footable>thead>tr>th:nth-child(4) { width:18%; }
.footable>thead>tr>th:nth-child(5) { width:10%; }
.footable a { color:#e37630; }
.footable a.yellow { color:#d2a63d; }

#cast .footable>thead>tr>th { text-align:center; }

.footable>thead>tr>th,.footable>thead>tr>td{/*background-color:#dce9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-moz-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-ms-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-o-linear-gradient(top,#ebf3fc,#dce9f9);background-image:linear-gradient(to bottom,#ebf3fc,#dce9f9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;border-top:0;text-shadow:0 1px 0 rgba(255,255,255,0.5)*/ background:#e0b037; }
.footable>thead>tr>th.footable-first-column,.footable>thead>tr>td.footable-first-column{border-left:none}.footable.breakpoint>tbody>tr.footable-row-detail{background:#eee}
.footable.breakpoint>tbody>tr.footable-row-detail>.footable-row-detail-cell{border-left:none}
.footable>tbody img{vertical-align:middle}
.footable>tbody>tr:hover{background:#fbf8e9; cursor:pointer; }
.footable>tbody>tr:hover a {text-decoration:underline; }


/*
.footable>tbody>tr:last-child>td.footable-first-column{-moz-border-radius:0 0 0 6px;-webkit-border-radius:0 0 0 6px;border-radius:0 0 0 6px}
.footable>tbody>tr:last-child>td.footable-last-column{-moz-border-radius:0 0 6px 0;-webkit-border-radius:0 0 6px 0;border-radius:0 0 6px 0}
.footable>tbody>tr:last-child>td.footable-first-column.footable-last-column{-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}
*/

.footable>tbody>tr>td{border-top:1px solid #ccc;border-left:1px solid #ccc;padding:0.5% 2%;text-align:left}
.footable>tbody>tr>td:first-child { border-left:none; }


.footable>tbody>tr>td.footable-first-column{border-left:none}
.footable>tfoot>tr>th,.footable>tfoot>tr>td{background-color:#dce9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-moz-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-ms-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-o-linear-gradient(top,#ebf3fc,#dce9f9);background-image:linear-gradient(to bottom,#ebf3fc,#dce9f9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;border-top:1px solid #ccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px}
.footable .pagination{margin:20px 0}
.footable .pagination>ul{display:inline-block;margin:0;padding:0;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:#fff}
.footable .pagination>ul>li{display:inline}
.footable .pagination>ul>li>a,.footable .pagination>ul>li>span{float:left;padding:4px 12px;line-height:20px;text-decoration:none;border:1px solid #ccc;border-left-width:0}
.footable .pagination>ul>li:first-child>a,.footable .pagination>ul>li:first-child>span{-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;border-left-width:1px}
.footable .pagination>ul>li:last-child>a,.footable .pagination>ul>li:last-child>span{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}
.footable .pagination>ul>li>a:hover,.footable .pagination>ul>li>a:focus,.footable .pagination>ul>.active>a,.footable .pagination>ul>.active>span{background-color:#eee}
.footable .pagination>ul>.active>a,.footable .pagination>ul>.active>span{color:#444;cursor:default}
.footable .pagination>ul>.disabled>span,.footable .pagination>ul>.disabled>a,.footable .pagination>ul>.disabled>a:hover,.footable .pagination>ul>.disabled>a:focus{color:#ccc;cursor:default;background-color:#ebf3fc}
.footable .pagination.pagination-centered{text-align:center}.footable .pagination.pagination-right{text-align:center}



.footable.breakpoint > tbody > tr > td.footable-last-column > span.footable-toggle::before {
    content: "+";
	padding:3px 8px 3px 3px;
    font-size:24px;
    line-height:18px;
    cursor:pointer;
    position:relative;
    top:0px;
    float:right;
}

.footable.breakpoint > tbody > tr > td.footable-last-column {
    position:relative;
}

.index .footable.breakpoint > tbody > tr > td.footable-last-column,
.detail .footable.breakpoint > tbody > tr > td.footable-last-column {
    padding-right: 9%;
}


.index .footable.breakpoint > tbody > tr > td.footable-last-column::after,
.detail .footable.breakpoint > tbody > tr > td.footable-last-column::after {
    content: "+";
    font-size:24px;
    line-height:18px;
    cursor:pointer;
    position:absolute;
    top: 50%;
    margin-top: -10px;
    right:10px;
    z-index:5;
    padding:0;
}
.index .footable.breakpoint > tbody > tr.footable-detail-show > td.footable-last-column::after,
.detail .footable.breakpoint > tbody > tr.footable-detail-show > td.footable-last-column::after {
    content: "-";
}

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle::before {
    content: "-";
    cursor: pointer;
    float: right;
    font-size: 24px;
    line-height: 18px;
    padding: 3px 8px 3px 3px;
    position: relative;
    top: 0;
}
.index .footable.breakpoint > tbody > tr.footable-detail-show > td.footable-first-column span.footable-toggle,
.detail .footable.breakpoint > tbody > tr.footable-detail-show > td.footable-first-column span.footable-toggle {
    display:none;
}

.index .footable > thead > tr > th, .footable td.footable-last-column { text-align:center; }
.index .footable td.footable-first-column span { display:inline; line-height:18px; padding-left:3%; }
.index .footable > thead > tr > th:nth-child(2) { width:48%; }
.index .footable > thead > tr > th:nth-child(3) { width:10%; }
.index .footable > tbody > tr > td:nth-child(3) { text-align:center; }
.index .footable > thead > tr > th:nth-child(5), .footable > tbody > tr > td:nth-child(5){ /*display:none!important; */ }

.index .footable > tbody > tr:nth-child(even) { background:#e9e9e9; }
.index .footable > tbody > tr:nth-child(even):hover { background:#fbf8e9; }


#cast .footable>tbody>tr>td{ padding:1% 2%; line-height:22px; text-align:center; }
#cast .footable>tbody>tr>td:nth-child(2){ text-align:left; }
#cast .footable>tbody>tr>td:nth-child(3){ background:url(../img/bg_line.png) repeat-y top center; padding: 0 0%; }

#cast .footable.no_score>tbody>tr>td:nth-child(3){ background:none; padding: 0 0%; }

#cast .footable.no_score>thead>tr>th:first-child,
#cast .footable.no_score>tbody>tr>td:first-child { border-left:none; }


#cast .footable.max>tbody>tr>td:nth-child(3){ background:url(../img/bg_line2.png) repeat-y top center; background-size:100% auto; padding: 0 0%; }

#cast .footable>tbody>tr>td:nth-child(3) span { display:inline-block; width:50%; text-align:center; font-size:13px; }

#cast .footable.max > tbody > tr > td:nth-child(3) span { width:14.25%; }


/*
#cast .footable tr:nth-child(odd) { background-color: #f8f8f8; }
#cast .footable tr:nth-child(odd):hover { background-color: #fbf8e9; }*/

#cast .footable tr.gray { background-color: #f8f8f8; }
#cast .footable tr.gray:hover { background-color: #fbf8e9; }


#cast .ver2 td.footable-first-column, .ver2 td.footable-last-column { text-align:center; }
#cast .ver2>thead>tr>th:first-child { width:12%; text-align:center; }
#cast .ver2>thead>tr>th:nth-child(2) { width:35%; text-align:center; }
#cast .ver2>thead>tr>th:nth-child(3) { width:20%; text-align:center;}
#cast .ver2>thead>tr>th:nth-child(4) { width:8%; text-align:center; }

#cast .no_score>thead>tr>th:first-child { width:10%; }
#cast .no_score>thead>tr>th:nth-child(3) { width:10%; }

#cast .ver2 .footable-row-detail-inner { text-align:left; }
#cast .ver2 .footable-row-detail-name { display:inline-block; width:6em; }
#cast .ver2 .footable-row-detail-value { display:inline; padding:0 5%; }
#cast .ver2 .footable-row-detail-value span { padding-right:3%; }

.red { color:#e84230; }

.footable-row-detail-name,.footable-row-detail-value { padding-left:5%; }

@media only screen and  (max-width:950px) {
	.footable>tbody>tr:hover{ background:#fbf8e9!important; cursor:pointer; }
	/*#cast .footable tr:nth-child(odd):hover { background:#fbf8e9!important; cursor:pointer; }*/
	
	#cast .footable tr.gray:hover { background:#fbf8e9!important; cursor:pointer; }
	
	#cast .footable.max>tbody>tr>td:nth-child(3) span { font-size:10px; }

	.index .footable td.footable-last-column { text-align:left; }
	.index .footable > thead > tr > th:first-child { width:20%; }
	.index .footable > thead > tr > th:nth-child(3) { width:25%; }
	.index .footable > thead > tr > th:last-child { width:12%; }
	.index .footable > thead > tr > th { letter-spacing:-1px; }


	.index .footable > tbody > tr:nth-child(even) { background:#fff; }

	.index .footable > tbody > tr > td.footable-first-column  { padding: 0.5% 2% 0.5% 5%; }
	.index .footable td.footable-last-column { text-align:left; }

	.index .footable-row-detail-row:nth-child(3) > .footable-row-detail-name { display:none; }
	.index .footable-row-detail-name { display:inline-block; width:5em; }
	.index .footable-row-detail-value { display:inline-block; }
	.index .footable-row-detail-name, .footable-row-detail-value { padding-left:0%; }
	.index .footable-row-detail-inner { padding:0 3%; }
	.index .footable-row-detail-row:last-child > .footable-row-detail-value { display:inline-block; width:10%; }
	.index .footable-toggle {  }
	
	/*#cast .footable>tbody>tr>td:nth-child(3) span { border-bottom:1px solid red; }*/
}

@media only screen and  (max-width:640px) {
	.footable>tbody>tr:hover{ background:#fbf8e9!important; cursor:pointer; }
	.footable>tbody>tr:hover a { text-decoration:none; }
	#cast .footable tr:nth-child(odd):hover { background:#fbf8e9!important; cursor:pointer; }
	/*#cast .ver2 .footable-row-detail-name { width:6em; }*/
	
	#cast .no_score>thead>tr>th:first-child { width:12%; }
	#cast .no_score>thead>tr>th:nth-child(3) { width:12%; }

	.index .footable td.footable-last-column { text-align:left; }
	.index .footable > thead > tr > th:first-child, .index .footable > thead > tr > td:first-child{ width:10%; }
	.index .footable > thead > tr > th:last-child { /*width:85%;*/ }
	
	.index .footable > tbody > tr > td:first-child span { display:block; }

	.index .footable > tbody > tr:nth-child(even) { background:#fff; }

	.index .footable > tbody > tr > td.footable-first-column  { padding: 0.5% 2% 0.5% 5%; }
	.index .footable td.footable-last-column { text-align:left; }
	
	.index .footable td.footable-first-column span { display:block; padding-left:0%; }



	.index .footable-row-detail-row:nth-child(3) > .footable-row-detail-name { display:none; }
	.index .footable-row-detail-name { display:inline-block; width:5em; }
	.index .footable-row-detail-value { display:inline-block; }
	.index .footable-row-detail-name, .footable-row-detail-value { padding-left:0%; }
	.index .footable-row-detail-inner { padding:0 3%; }
	.index .footable-row-detail-row:last-child > .footable-row-detail-value { display:inline-block; width:10%; }
	.index .footable-toggle {  }
	
	.footable.breakpoint>tbody>tr.footable-row-detail>.footable-row-detail-cell { background:#eaeaea; }

}

@media only screen and  (max-width:480px) {
	.footable td { font-size:12px; }
	.detail .footable th { font-size:12px; }
	#cast .footable>tbody>tr>td{ line-height:18px; }
	#cast .footable.breakpoint > tbody > tr > td.footable-last-column { text-align:left; line-height:22px; }


	.index .footable.breakpoint > tbody > tr > td.footable-last-column::after,
	.detail .footable.breakpoint > tbody > tr > td.footable-last-column::after { font-size:16px;line-height:16px; margin-top:-11px; right:5px; padding:0; }
	.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle::before { font-size:20px;line-height:18px; padding:5%; }
	.index .footable-row-detail-row:last-child > .footable-row-detail-value { display:inline-block; width:auto; }
}
