@charset "utf-8";

.yata_year{overflow:hidden; zoom:1; margin-bottom:15px; background:#f5f5f5; padding:12px 0;}
.yata_year li{float:left; width:14.28%; padding:8px 0; text-align:center;}
.yata_year li a.on{font-weight:bold; color:#2db354;}
.yatass{margin-bottom:20px;}
.yatass input, .yatass select{ margin-right:15px;}

.yata_list td, .yata_list th{ padding:10px 8px; line-height:1.5;}
.yata_list .num, .yata_list .lb, .yata_list .zbdw{text-align:center;}
.yata_list .trSep{ background:#f8f8f8;}
.yata_list th{ background:#f0f0f0; font-size:15px;}
.yata_list td{color:#666; font-size:14px;}
.yata_list td a{color:#666;}
.yata_list td a:hover{color:#333;}
.yata2016{margin-bottom:20px;}


/*common responsive*/
@media (max-width: 1199px) {
	
}
@media (max-width: 992px) {
	
	
}
@media (max-width: 800px) {
	.yatass span{ display:block; padding:5px 0;}
	.yatass label{ width:80px; display:inline-block; text-align:right;}
	.yatass input[type=text]{width:calc(100% - 100px);}
	.yatass .button01{ margin:10px 0 0 84px;}
}

/* xs mobile*/
@media (max-width: 768px) {
	.yata_year li{width:20%;}
	
}

@media (max-width: 480px) {
	.yata_year li{width:25%;}
}

@media (max-width: 320px) {
	
}