@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;
}
.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: 1.5em;
top: 4px;
}
}
.con_result .con_main .box_result ul li {
width: 100%;
clear: both;
margin-bottom: 20px;
}
.con_result .con_main .box_result ul li .date {
padding-right: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_result .con_main .box_result ul li .date {
padding-right: 0.5em;
}
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result ul li .date {
padding-right: 0;
}
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result ul li .date {
padding-right: 0;
display: block;
padding: 1%;
margin-bottom: 0.3em;
}
}
.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 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 .img {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.con_result .con_main .box_result .img {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.con_result .con_main .box_result .img {
margin-bottom: 5%;
}
}
.box_details {
overflow: hidden;
}
.box_details .box_head {
margin: 30px auto 0;
padding-bottom: 3%;
border-bottom: 1px dotted #000;
}
.box_details .box_head .wrp_head {
overflow: hidden;
}
.box_details .box_head .wrp_head .con_detcat {
float: left;
width: 70%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.box_details .box_head .wrp_head .con_detcat {
width: 65%;
}
}
.box_details .box_head .wrp_head .con_detcat .cate {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
background: #1957a0;
text-align: center;
color: #fff;
padding: 0.1em 0.7em;
min-width: 95px;
text-align: center;
margin-left: 1.5em;
}
.box_details .box_head .wrp_head .con_sns {
float: right;
width: 25%;
text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.box_details .box_head .wrp_head .con_sns {
width: 35%;
}
}
.box_details .box_head .wrp_head .con_sns .btn_facebook {
display: inline-block;
vertical-align: top;
margin-right: 0.5em;
}
@media only screen and (max-width: 767px) {
.box_details .box_head .wrp_head .con_sns .btn_facebook {
margin-bottom: 10px;
}
}
.box_details .box_head .wrp_head .con_sns .btn_twitter {
display: inline-block;
vertical-align: top;
}
.box_details .box_head h2 {
padding-top: 2%;
font-size: 185%;
font-weight: bold;
line-height: 1.4;
color: #1957a0;
clear: both;
text-align: left;
}
@media only screen and (max-width: 767px) {
.box_details .box_head {
margin: 5% auto 0;
}
.box_details .box_head h2 {
font-size: 139%;
}
}
.box_details .title-sub {
padding-top: 2%;
font-size: 1.23077em;
font-weight: bold;
}
.box_details .box_det {
margin-top: 25px;
}
@media only screen and (max-width: 767px) {
.box_details .box_det {
margin-top: 1em;
}
}
.box_details .box_det .photo {
width: 100%;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.box_details .box_det .photo {
margin-bottom: 3%;
}
}
.box_details .box_det .txt {
margin-bottom: 35px;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.box_details .box_det .txt {
line-height: 1.6;
}
}
@media only screen and (max-width: 767px) {
.box_details .box_det .txt {
margin-bottom: 4%;
}
}
.box_details .box_det .box_double {
width: 100%;
overflow: hidden;
}
.box_details .box_det .box_double li {
float: right;
width: 48.63014%;
}
.box_details .box_det .box_double li:first-child {
float: left;
}
.box_details .box_det table {
width: 100%;
}
.box_details .box_det .box_btn {
overflow: hidden;
width: 100%;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.box_details .box_det .box_btn {
margin-top: 5%;
}
}
.box_details .box_det .box_btn li {
float: left;
width: 32.32877%;
margin-left: 1.50685%;
text-align: center;
font-size: 108%;
}
.box_details .box_det .box_btn li:first-child {
margin-left: 0;
}
.box_details .box_det .box_btn li a {
color: #fff;
text-decoration: none;
display: block;
margin: auto;
background: #1957a0;
padding: 0.5em 0;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
border: 2px solid #1957a0;
-moz-transition: border-color 0.35s, background 0.35s, color 0.35s;
-o-transition: border-color 0.35s, background 0.35s, color 0.35s;
-webkit-transition: border-color 0.35s, background 0.35s, color 0.35s;
transition: border-color 0.35s, background 0.35s, color 0.35s;
position: relative;
}
.box_details .box_det .box_btn li a em {
display: block;
width: 90%;
}
.box_details .box_det .box_btn li a:before,
.box_details .box_det .box_btn li a:after {
font-family: FontAwesome;
vertical-align: middle;
}
.box_details .box_det .box_btn li a > * {
vertical-align: middle;
display: inline;
}
.box_details .box_det .box_btn li a:after {
content: "";
margin-left: 0.5em;
position: absolute;
display: block;
margin-left: 0;
right: 7%;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
top: 50%;
margin-top: -0.7em;
-moz-transition: right 0.35s, opacity 0.35s;
-o-transition: right 0.35s, opacity 0.35s;
-webkit-transition: right 0.35s, opacity 0.35s;
transition: right 0.35s, opacity 0.35s;
}
.box_details .box_det .box_btn li a:hover {
background: none;
border-color: #1957a0;
color: #1957a0;
}
.box_details .box_det .box_btn li a:hover:after {
right: 2%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.box_details .box_det .box_btn li a:hover {
background: none;
color: #1957a0;
border-color: #1957a0;
}
.box_details .box_det .box_btn li.btn02 a {
background: none;
color: #1957a0;
border-color: #1957a0;
}
.box_details .box_det .box_btn li.btn02 a:hover {
background: #1957a0;
color: #fff;
border-color: #1957a0;
}
.box_details .box_det .box_btn li.btn_pdf a:before,
.box_details .box_det .box_btn li.btn_pdf a:after {
font-family: FontAwesome;
vertical-align: middle;
}
.box_details .box_det .box_btn li.btn_pdf a > * {
vertical-align: middle;
display: inline;
}
.box_details .box_det .box_btn li.btn_pdf a:before {
content: "";
margin-right: 0.5em;
}
.box_details .box_det .con_btn {
overflow: hidden;
width: 100%;
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.box_details .box_det .con_btn {
margin-top: 5%;
}
}
.box_details .box_det .con_btn .btn {
margin-bottom: 1em;
display: inline-block;
text-align: center;
font-size: 108%;
}
@media only screen and (max-width: 767px) {
.box_details .box_det .con_btn .btn {
margin-bottom: 1em;
}
}
.box_details .box_det .con_btn .btn:first-child {
margin-left: 0;
}
.box_details .box_det .con_btn .btn a {
color: #fff;
text-decoration: none;
display: block;
margin: auto;
background: #1957a0;
padding: 0.5em 0;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
border-radius: 0.3em;
border: 2px solid #1957a0;
-moz-transition: border-color 0.35s, background 0.35s, color 0.35s;
-o-transition: border-color 0.35s, background 0.35s, color 0.35s;
-webkit-transition: border-color 0.35s, background 0.35s, color 0.35s;
transition: border-color 0.35s, background 0.35s, color 0.35s;
position: relative;
}
.box_details .box_det .con_btn .btn a em {
display: block;
width: 90%;
}
.box_details .box_det .con_btn .btn a:before,
.box_details .box_det .con_btn .btn a:after {
font-family: FontAwesome;
vertical-align: middle;
}
.box_details .box_det .con_btn .btn a > * {
vertical-align: middle;
display: inline;
}
.box_details .box_det .con_btn .btn a:after {
content: "";
margin-left: 0.5em;
position: absolute;
display: block;
margin-left: 0;
right: 7%;
filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
opacity: 1;
top: 50%;
margin-top: -0.7em;
-moz-transition: right 0.35s, opacity 0.35s;
-o-transition: right 0.35s, opacity 0.35s;
-webkit-transition: right 0.35s, opacity 0.35s;
transition: right 0.35s, opacity 0.35s;
}
.box_details .box_det .con_btn .btn a:hover {
background: none;
border-color: #1957a0;
color: #1957a0;
}
.box_details .box_det .con_btn .btn a:hover:after {
right: 2%;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.box_details .box_det .con_btn .btn a {
padding: 0.5em 3em 0.5em 1em;
}
.box_details .box_det .con_btn .btn a:hover {
background: none;
color: #1957a0;
border-color: #1957a0;
}
.box_details .box_det .con_btn .btn02 a {
background: none;
color: #1957a0;
border-color: #1957a0;
}
.box_details .box_det .con_btn .btn02 a:hover {
background: #1957a0;
color: #fff;
border-color: #1957a0;
}
.box_details .box_det .con_btn .btn_pdf a:before,
.box_details .box_det .con_btn .btn_pdf a:after {
font-family: FontAwesome;
vertical-align: middle;
}
.box_details .box_det .con_btn .btn_pdf a > * {
vertical-align: middle;
display: inline;
}
.box_details .box_det .con_btn .btn_pdf a:before {
content: "";
margin-right: 0.5em;
}
.box_details .box_det .con_btn .btn_pdf a:before {
padding-right: 0.5em;
}
.box_details .box_det .box_txt {
margin: 30px auto 0;
font-size: 108%;
}
@media only screen and (max-width: 767px) {
.box_details .box_det .box_txt {
margin: 5% auto 0;
}
}
.box_details .box_det .box_txt .sub_title {
font-size: 124%;
font-weight: bold;
color: #1957a0;
margin: 0.8em 0;
}
.box_details .box_det table {
margin: 30px auto;
font-size: 108%;
}
@media only screen and (max-width: 767px) {
.box_details .box_det table {
width: 100% !important;
}
}
@media only screen and (max-width: 767px) {
.box_details .box_det table {
margin: 5% auto;
}
}
.box_details .box_det table tr {
border-bottom: 1px solid #d2d2d2;
}
.box_details .box_det table tr:first-child {
border-top: 1px solid #d2d2d2;
}
.box_details .box_det table th,
.box_details .box_det table td {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3;
padding: 1.5em;
}
.box_details .box_det table th {
width: 28%;
background-color: #f1f1f1;
text-align: center;
font-weight: normal;
}
.box_details .box_det table td {
text-align: left;
background-color: #fff;
}
@media only screen and (max-width: 767px) {
.box_details .box_det table th,
.box_details .box_det table td {
display: block;
padding: 0.8em 0.6em;
}
.box_details .box_det table th {
width: 100%;
text-align: center;
}
.box_details .box_det table td {
width: 100%;
}
}
.box_pager {
margin-top: 25px;
letter-spacing: -0.4em;
text-align: center;
}
.box_pager li {
letter-spacing: normal;
display: inline-block;
margin-left: 0.7em;
}
.box_pager li:first-child {
margin-left: 0;
}
.box_pager li a {
display: block;
padding: 0.7em 1.1em;
background: #f0eded;
color: #353535;
text-decoration: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-transition: background 0.35s, color 0.35s;
-o-transition: background 0.35s, color 0.35s;
-webkit-transition: background 0.35s, color 0.35s;
transition: background 0.35s, color 0.35s;
}
.box_pager li.active a,
.box_pager li:hover a,
.box_pager li.list a {
background: #1957a0;
color: #fff;
}