@charset "UTF-8";
  .con_result:after,
.con_result .con_side:after,
.con_result .con_main:after,
.con_result .con_main .box_result:after,
.con_result .con_main .box_result ul:after {
content: "";
display: table;
clear: both;
}
@-moz-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes view {
0% {
display: block;
opacity: 0;
filter: alpha(opacity=0);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
filter: alpha(opacity=100);
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
}
.con_result .con_side {
border-bottom: 3px solid #1957a0;
padding-bottom: 20px;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_result .con_side {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.con_result .con_side {
margin-bottom: 5%;
}
}
.con_result .con_side h3 {
padding: 5px 7px;
float: left;
width: 30%;
font-weight: normal;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 139%;
}
.con_result .con_side h3 hr {
font-weight: normal;
color: #8b898a;
}
.con_result .con_side h3 .eng {
font-size: 67%;
color: #21286d;
font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_result .con_side h3 {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.con_result .con_side h3 {
width: 100%;
}
}
.con_result .con_side .box_month {
width: 70%;
float: right;
}
.con_result .con_side .box_month select {
width: 30%;
padding: 10px 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_result .con_side .box_month {
width: 100%;
}
.con_result .con_side .box_month select {
width: 50%;
}
}
@media only screen and (max-width: 767px) {
.con_result .con_side .box_month {
width: 100%;
}
.con_result .con_side .box_month select {
width: 100%;
}
}
.con_result .con_main {
margin-top: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_result .con_main {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.con_result .con_main {
margin-top: 5%;
}
}
.con_result .con_main .txt_note {
padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_result .con_main .txt_note {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.con_result .con_main .txt_note {
padding-bottom: 5%;
}
}
.con_result .con_main .box_result {
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result {
margin-bottom: 1em;
}
}
.con_result .con_main .box_result h4 {
font-weight: normal;
color: #1957a0;
font-size: 185%;
padding-left: 20px;
padding-bottom: 20px;
position: relative;
}
.con_result .con_main .box_result h4:before {
position: absolute;
content: "";
width: 5px;
height: 25px;
background: #1957a0;
left: 0;
top: 5px;
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result h4 {
font-size: 139%;
}
.con_result .con_main .box_result h4:before {
height: 18px;
top: 4px;
}
}
.con_result .con_main .box_result ul {
margin-left: 1.5em;
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result ul {
margin-left: 0;
}
}
.con_result .con_main .box_result ul li {
width: 100%;
clear: both;
margin-bottom: 20px;
}
.con_result .con_main .box_result ul li a {
display: block;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result ul li a {
font-size: 93%;
}
}
.con_result .con_main .box_result ul li a .date {
padding-right: 25px;
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result ul li a .date {
padding-right: 5px;
}
}
.con_result .con_main .box_result ul li a i {
padding-left: 10px;
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result ul li a i {
padding-left: 5px;
}
}
.con_result .con_main .box_result ul li a i img {
width: 14px;
}