body { margin: 0; padding: 0; width: 100vw; height: 100vh; overflow: hidden; text-align: center; background-color: #D7EEFF; } a, a:hover { text-decoration: none; color: unset; } video::-webkit-media-controls-fullscreen-button { display: none !important; } video::-internal-media-controls-overflow-button { display: none !important; } .c-flex { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-content: space-evenly; } .c-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #app { box-sizing: border-box; margin: 0 auto; height: 100vh; width: calc(( 16 * 100vh ) / 9); background-color: #fff; background-image: url(images/bg-sub.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden; } .c-container { box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; padding: 7vh; position: relative; } .c-header, .c-footer { box-sizing: border-box; height: 9.9vh; position: relative; overflow: hidden; } .c-content { height: 66.2vh; position: relative; overflow: hidden; box-sizing: border-box; border: .1vh solid #C4E3FF; background-color: #fff; opacity: .8; } .c-page { box-sizing: border-box; height: 66vh; overflow: hidden; } .c-row { box-sizing: border-box; width: 100%; overflow: hidden; position: relative; } .c-btn { box-sizing: border-box; border: 1px solid #00ACFC; line-height: 3vh; display: inline-block; font-size: 1.6vh; padding: .7vh 2rem; background-color: #00ACFC; color: #fff; cursor: pointer; } .c-btn-light { color: #00ACFC; background-color: #fff; } .c-title { overflow: hidden; } .c-title h1 { margin: 0; padding: 0; font-size: 4.5vh; line-height: 4.5vh; display: inline-block; font-weight: bolder; float: left; color: #027EFA; } .c-title h1 span { font-weight: lighter; } .c-title div { float: left; color: #666; } .c-title div div { font-size: 1.8vh; line-height: 2.25vh; padding-left: 1.5vh; margin-left: 1.5vh; border-left: 0.25vh solid; clear: left; } .c-footer { overflow: hidden; } .c-footer .c-contact { position: absolute; right: 0; bottom: 0; text-align: right; } .c-footer .c-contact div:first-of-type { font-size: 3.6vh; inset-inline: 6vh; color: #006dfa; } .c-footer .c-contact div:first-child span:first-child { font-weight: 700; } .c-footer .c-contact div:first-child span:last-child { font-weight: 100; } .c-footer .c-contact div:last-child { font-size: 1.8vh; inset-inline: 4vh; color: #666; } .c-menu { font-size: 0; } .c-menu a { display: inline-block; width: 8.4vh; height: 8.4vh; box-sizing: border-box; padding: 1.2vh 0; background-color: #026fe8; text-align: center; color: #fff; text-decoration: none; } .c-menu a:not(:first-child) { margin-left: 1vh; } .c-menu .router-link-active, .c-menu .c-current { background-color: #00ACFC; } .c-menu a div { padding-top: .5vh; font-size: 1.5vh; } .c-breadcrumb a { color: #666; text-decoration: none; } .c-breadcrumb a:not(:nth-child(1)):before { content: '>'; padding: 0 .1vh; } .c-search { box-sizing: border-box; position: absolute; top: 0; right: 20vh; width: 50vh; height: 8.4vh; } .c-search input { box-sizing: border-box; width: 44vh; height: 6vh; border: 1px solid #84aed0; display: inline-block; padding: 1vh 6vh 1vh 1vh; font-size: 2vh; position: relative; } .c-search input:focus-visible { outline: none; } .c-search-a { position: absolute; width: 4vh; height: 4vh; top: 1vh; right: 5vh; display: block; overflow: hidden; } .c-svg.c-svg-search { filter: invert(75%) sepia(29%) saturate(423%) hue-rotate(164deg) brightness(85%) contrast(85%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .c-svg { filter: invert(99%) sepia(94%) saturate(2%) hue-rotate(200deg) brightness(105%) contrast(100%); width: 3vh; height: 3vh; } .c-table, .table-x { width: 100%; max-height: 100%; border-collapse: collapse; font-size: 1.6vh; } tr { box-sizing: border-box; border-color: #027FFB !important; } th { background-color: #027ffb; color: #fff; border-color: #fff !important; white-space: nowrap; } th, td { text-align: center; border-collapse: collapse; border: 1px solid #E1E7EB; } .c-100x100 { width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; } .c-none { display: none; } .table-x .mzk { height: 24px; line-height: 24px; overflow: hidden; background: url(images/down.png) right center no-repeat; margin: 8px 10px 8px 0px; cursor: pointer; padding: 0px 20px 0px 20px; text-align: left; } .table-x .mzk.up { height: auto; background: url(images/up.png) right center no-repeat; } .c-ellipsis-multiline { text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; white-space: normal; } div,p { cursor: default; } a *{ cursor:pointer; }