﻿main {background: transparent;}
main>div>img,nav + div img {max-width: 100%;width: 100%;}
section,.shadow~.shadow {margin-top: 20px;position: relative;}
section div {overflow: visible;}
.center-main {max-width: 100%;}
.split {text-align: center;border-bottom: 1px solid #ccc;}
.split span {font-size: 24px;font-weight: bold;line-height: 32px;}
.split span:first-child {display: block;font-size: 16px;color: #888;font-weight: normal;line-height: 24px;}
.split span:last-child {position: relative;top: -3px;border-bottom: 3px solid #016fce;padding: 0px 10px 5px 10px;color: #0174cf;}
.split~div b {color: #0174cf;}
.newest {position: absolute;top: -14px;left: 20px;width: auto;height: auto;}
.newest~.shadow {padding: 10px;}
h1 {white-space: nowrap;text-align: center;}
h1 a {color: #0174cf;font-size: 24px;line-height: 40px;}
h1~a {color: #888;font-size: 16px;white-space: nowrap;display: block;text-align: center;}
.shadow {padding:10px;border-radius:10px;}
.shadow li {margin-top: 0px;padding-bottom: 10px;}
.shadow .d-flex>div * {display: block;}
.shadow .d-flex>div:first-child {margin-right: 20px;overflow: hidden;border-radius: 8px;}
.shadow .d-flex>div:first-child span:first-child {background: #888;color: white;padding: 0px 8px;line-height: 18px;height: 18px;white-space: nowrap;}
.shadow .d-flex>div:first-child span:last-child {color: #666;border: 1px solid #888;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;font-size: 16px;text-align: center;}
.shadow .d-flex>div:last-child a:first-child {font-size: 14px;font-weight: bold;line-height: 22px;white-space: nowrap;}
.shadow .d-flex>div:last-child a:last-child {white-space: nowrap;color: #888;}
.shadow~div:not(.shadow) {}
.shadow img {max-width: 100%;}
.form-group {display: flex;align-items: center;}
div.bold {font-size: 16px;font-weight: bold;}
.form-group>span,
label span {font-size: 16px;}
.form-group>span:nth-child(2) {flex: 1;}
.hide1>ul>li:first-child {display: none;}
s {display: block;text-decoration: none;color: #999;font-weight: bold;font-size: 14px;}
s~b {font-size: 16px;font-weight: bold;color: #0174cf;}
p {font-size: 16px;line-height: 28px;text-indent: 28px;}
form td {font-size: 14px;}
label {margin: 0px;padding: 10px 0px;}
p strong {font-size: 16px;}
.btn-primary {background: #0069d9;color: white;border-color: #0062cc;}
main h1 {font-size: 24px;font-weight: bold;line-height: 40px;}
.frm>p {display: flex;justify-content: space-between;align-items: center;text-indent: 0px;padding: 10px 0px;}
.frm>p em {font-style: normal;display: block;width: 90px;padding-right: 20px;}
.frm>p em~* {flex: 1;border-radius: 5px;resize: none;border: 1px solid #ccc;font-size: 16px;line-height: 28px;text-indent: 10px;}
.container>div.title {display: flex;border: 1px solid #888;border-bottom: 0px none;border-right: 0px none;width: 100%;}
.container>div.title~div {position: relative;display: flex;border-left: 1px solid #888;margin: 0px;padding: 0px;}
.container>div.title>*,
.container>div.title~div>* {font-size: 16px;line-height: 28px;border-right: 1px solid #888;border-bottom: 1px solid #888;padding: 5px 8px;}
.container>div.title>*:first-child,
.container>div.title~div>*:first-child {width: 80px;}
.container>div.title>*:nth-child(2),
.container>div.title~div>*:nth-child(2) {width: 180px;}
.container>div.title>*:nth-child(3),
.container>div.title~div>*:nth-child(3) {width: 180px;}
.container>div.title>*:nth-child(4),
.container>div.title~div>*:nth-child(4) {width: 120px;}
.container>div.title>*:nth-child(5),
.container>div.title~div>*:nth-child(5) {flex: 1;}
.container>div.title>*:nth-child(6),
.container>div.title~div>*:nth-child(6) {width: 90px;}
#com span>span,#com span>a>span,#org span>span,#org span>a>span {display: flex;width: 100%;height: 90px;justify-content: center;align-items: center;}
#com img,#org img {max-width: 190px;max-height: 90px;display: block;margin: 0 auto;}
#com b,#org b {display: block;font-size: 16px;margin: 0 auto;text-align: center;}
#com div:not(.split)>span,#org div:not(.split)>span {flex: 1;text-align: center;display: block;}
#view li>a {display: flex;width: 250px;height: 200px;justify-content: center;align-items: center;font-size: 14px;}
#view li>a:last-child {height: 40px;padding-top: 16px;}
#media img {display: block;margin: 0 auto;}
#media a {display: block;text-align: center;flex: 1;}
.main_site_nav {border-bottom: 1px solid #ccc;}
#contact .d-flex {padding: 10px 0px;}
#contact img {width: 120px;height: 120px;}
#contact b {font-size: 16px;padding-bottom: 20px;display: block;}
form table {width: 100%;border: 1px solid #ccc;text-align: center;}
form th {border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: .5rem;white-space: nowrap;}
form td {border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: .5rem;text-align: left;}
.mobile nav>span>a:hover {padding: 0px;}
.mobile nav>span>a:hover~span {width: auto;overflow: hidden;padding:0px;margin:0px;}
.mobile .btn-group {width:100%;max-width:100%;flex:unset;}
.mobile header .col-8 {width:100%;}
.mobile .position-absolute {display:none;}
.mobile h3 {font-size:1.4rem;word-break:break-word;}
.mobile #news a {overflow:hidden;text-overflow:ellipsis;}
.mobile .ml-3.flex-grow-1 {margin-left:0px!important;}
.mobile nav a {white-space:nowrap;}
body,p {font-size: 1rem;line-height: 24px;color: #333;}
h1 {font-size: 2.5rem;}
h2 {font-size: 2rem;}
h3 {font-size: 1.75rem;}
.h4,h4 {font-size: 1.5rem;}
h5 {font-size: 1.25rem;}
h6 {font-size: 1rem;}
p {margin-bottom: 1rem;text-indent: 32px;}
.breadcrumb li,.breadcrumb a {font-size: 14px;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {margin-bottom: 0.5rem;font-weight: 500;line-height: 1.2;}
nav {display: flex;justify-content: space-around;background: white;}
nav>span {flex: 1;display: block;text-align: center;position: relative;height: 40px;}
nav>span>a {font-size: 16px;line-height: 40px;overflow: hidden;display: block;}
nav>span>a:hover {background: #0174cf;color: white;padding: 0px 10px;}
nav>span>span {position: absolute;left: 0px;top: 39px;white-space: nowrap;min-width: 100%;border: 1px solid #ccc;background: white;z-index: 999;display: none;overflow:hidden;}
nav>span:hover>span {display: block;}
nav>span>span a {font-size: 14px;line-height: 40px;display:block;padding:0 10px;}
header h2 {line-height: 40px;}
.mobile header {top:-8.2rem;position:-webkit-sticky;position:sticky;z-index:9999;background:#f8f8f8!important;}
.mobile nav {top:2.2rem;position:-webkit-sticky;position:sticky;z-index:9998;background:#f8f8f8!important;}
.mobile header .col-9 {max-width:100%;}