nav {display:flex;justify-content:space-around;border-top:1px solid #ccc;background:white;}
nav > span {flex:1;display:block;text-align:center;position:relative;height:40px;}
nav > span > a {font-size:18px;line-height:40px;overflow:hidden;border-radius:10px;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;width:auto;border:1px solid #ccc;height:40px;background:white;z-index:999;padding-left:20px;display:none;}
nav > span:hover > span {display:block;}
nav > span > span a {font-size:14px;line-height:40px;margin-right:20px;}
header {padding:10px 0px;background:transparent;}
header > div > div > div {display:flex;align-items:center;}
header b {font-size:24px;font-weight:bold;line-height:36px;padding-left:10px;}
header span {color:#888;font-size:14px;font-weight:bold;padding-left:5px;}
main {background:transparent;}
main > div > img {max-width:100%;width:100%;}
section,.shadow ~ .shadow {margin-top:20px;position:relative;}
section div {overflow:visible;}
.center-main {max-width:100%;}
.shadow {padding:10px;border-radius:10px;}
.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 li {margin-top:5px;}
.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;}
.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) {width:535px;}
.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;}
#contact .d-flex {padding:10px 0px;}
#contact img {width:120px;height:120px;}
#contact b {font-size:16px;padding-bottom:20px;display:block;}
#media img {display:block;margin:0 auto;}
#media a {display:block;text-align:center;flex:1;}
#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;}
#com span > span,#com span > a > span {display:flex;width:100%;height:90px;justify-content:center;align-items:center;}
#com img {max-width:190px;max-height:90px;display:block;margin:0 auto;}
#com b {display:block;font-size:16px;margin:0 auto;text-align:center;}
#com div:not(.split) > span {flex:1;text-align:center;display:block;}
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;}
#pop_join {cursor:pointer;}
#pop_join img,#pop_join ~ * img {max-width:45%;}
.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;}
.form-control[readonly] {background:white;}

.mobile nav > span {height:50px;}
.mobile nav > span > a {line-height:25px;}
.mobile .newest ~ div * {white-space:normal;}
.mobile .shadow ~ div:not(.shadow),.mobile #view li > a {width:100%;}
.mobile p img {max-width:100%;display:block;margin:0 auto;}
.mobile main h1 {font-size:17px;}
.mobile #com span > span {width:100%;}