@media (max-width:544px) { /*html,body{ font-size: 14px; }*/ } body { overflow: hidden !important; font-size: 12px; } a[href]:hover { text-decoration: none; } img { max-width: 100%; height: auto; } .container .container { padding: 0; } .btn-default { background-color: #bd2130; } .empty-hidden:empty { display: none; } .page-row { margin: 0; height:100%; } .nav-col { padding-top: 30px; background-color: rgb(35, 45, 50); width: 260px; z-index: 100; order: 1; height:100%; } .content-col { padding: 0; height:100%; } .invalid-feedback { font-size: 14px; color: #FF3F00; position: absolute; right: 14px; bottom: 0; pointer-events: none; } .invalid-feedback .list-unstyled { margin: 0; } .has-error .form-input { box-shadow: 0 0 1px 1px #FF3F00 inset; } .help-block { font-size: 14px; color: #FF3F00; position: absolute; right: 24px; bottom: 0; pointer-events: none } .help-block .list-unstyled { margin: 0 } #gotop { display: none; }@charset 'UTF-8'; @import url('https://fonts.googleapis.com/css?family=Michroma&display=swap'); .nav-block { transition-duration: .3s; box-shadow: none; z-index: 800; padding-top: 0.5rem; padding-bottom: 0.5rem; } .nav-block .navbar { padding-top: 0; padding-bottom: 0; } #navigation { flex-direction: column; } .nav-block.sticky-top.active { transition-duration: .3s; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); } #navbar_header { position: relative; display: block; width: 100%; } .navbar-brand { position: relative; display: block; padding: 0; max-width: 290px; height: auto; text-align: center; } .nav-bar { z-index: 10; } .navbar-brand .logo, footer .brand-logo { max-width: 280px; max-height: 50px; } @media(max-width:992px) { .navbar-brand { max-width: 140px; } #navbar { z-index: 1000; top: 48px; } } @media(max-width:576px) { .navbar-brand>.logo { max-width: 200px; max-height: 50px; } } @media(max-width:464px) { .navbar-brand>.logo { max-width: 160px; max-height: 50px; } } .menu-close-btn { line-height: 45px; text-align: left; font-size: 24px; } .nav-log { width: auto; max-height: 40px; display: inline-block; } .nav-container { padding: 0; } .navbar-toggler { display: block; border: 0; right: 0; top: 0; margin: 0; height: 32px; width: 32px; padding: 6px; box-sizing: border-box; cursor: pointer; outline: none; border-radius: 0; transition-duration: .5s; z-index: 1; } .navbar-button { font-size: 22px; height: 50px; padding: 14px 8px; box-sizing: border-box; cursor: pointer; outline: none; background-color: transparent; } .navbar-toggler:focus { outline: none; } .toggle-bar, .toggle-bar:after, .toggle-bar:before { cursor: pointer; border-radius: .5px; height: 2px; width: 20px; background: #000; position: absolute; display: block; content: ''; } .toggle-bar { top: 50%; transition-duration: .5s; } .toggle-bar:before { top: -7px; transition-duration: .5s; } .toggle-bar:after { top: 7px; transition-duration: .5s; } .navbar-toggler.trigger { transition-duration: .5s; } .navbar-toggler.trigger .toggle-bar, .navbar-toggler.trigger .toggle-bar:after, .navbar-toggler.trigger .toggle-bar:before { background-color: #000; transition-duration: .5s; } .navbar-toggler.trigger .toggle-bar { background-color: transparent; transition-duration: .5s; transform-origin: center center; } .navbar-toggler.trigger .toggle-bar:before { transform: rotate(45deg); transform-origin: left center; transition-duration: .5s; } .navbar-toggler.trigger .toggle-bar:after { transform: rotate(-45deg); transform-origin: left center; transition-duration: .5s; } #nav>.nav-item { display: block; width: 100%; padding: 10px 0; border-bottom: 1px solid #454545; font-size: 16px; } #nav>.nav-item:last-child { border-bottom: 0; } #nav>.nav-item::after { content: ''; display: table; clear: both; } #nav .nav-link { margin-left: 0; padding: 0; font-size: 16px; line-height: 32px; padding-left: 0; } #nav .nav-link, #nav .nav-link:link, #nav .nav-link:active, #nav .nav-link:visited { color: lightsteelblue; } #nav .nav-link:hover, #nav .menu-link:hover { color: #FFF; } #nav .active>.nav-link, #nav .active>.nav-link:link, #nav .active>.nav-link:active, #nav .active>.nav-link:visited { color: #FFF; } #nav .nav-link .fnName { font-size: 18px; word-break: keep-all; } #nav .nav-link[data-target]::after { content: '\f105'; font-family: FontAwesome; position: absolute; left: auto; right: 0; top: 50%; margin-top: -10px; font-size: 20px; line-height: 1; transform: rotate(0deg); transform-origin: center center; transition-duration: .3s; } #nav .nav-link.trigger::after { transition-duration: .3s; transform: rotate(90deg); } #nav .nav-link[data-target].collapsed::after { transform: rotate(0deg); transition-duration: .3s; } #nav .menu-link, #nav .menu-link:link, #nav .menu-link:active, #nav .menu-link:visited { display: block; color: lightsteelblue; padding-left: 32px; line-height: 32px; } #nav .active>.menu-link, #nav .active>.menu-link:link, #nav .active>.menu-link:active, #nav .active>.menu-link:visited { color: #FFF; display: block; } #nav .active>.menu-link::before { content: '\f105'; font-family: FontAwesome; position: absolute; left: 52px; top: 50%; margin-top: -12px; font-size: 20px; line-height: 1; } #nav .nav-link>span { font-size: 24px; width: 32px; text-align: center; } #nav .nav-link>span::before { line-height: 32px; } .menu-item { line-height: normal; padding: 0; } .menu-link { font-size: 15px; line-height: 15px; padding: 0 0 4px 16px; } #nav .nav-link>span.nav-link-icon { display: inline-block; font-size: 18px; width: 32px; } .nav-block .nav-menu { display: none; visibility: visible; box-shadow: none; transition-duration: initial; background-color: transparent; } .nav-block .nav-menu.show { display: block; transition-duration: initial; } .nav-block .nav-menu.nav-level-1 { background-color: rgba(255, 255, 255, 0.1); } .breadcrumb { border-bottom: 1px solid #CCC; margin-bottom: 0; text-align: left; padding-top: 6px; padding-bottom: 6px; } .crumb { font-size: 14px; padding-right: 6px; color: #343434; } .crumb:after { font-family: FontAwesome; content: '\f105'; margin-left: 12px; } .crumb:last-child:after { font-family: FontAwesome; content: ''; margin-left: 0; } .breadcrumb .container { line-height: 20px; } @media (max-width: 992px) { .nav-bar { box-shadow: -3px 2px 5px rgba(0, 0, 0, 0.3); } .navbar-nav { min-width: 280px; } #nav_block .nav-item.active { background-color: #DDD; color: #333; } #nav_block .nav-item { border-bottom: 1px solid #DDD; padding: 4px; } .menu-item.active:not(.trigger)>.item-wrapper { background-color: #F39700; border-radius: 0.25rem; } .menu-item.active:not(.trigger)>.item-wrapper>* { color: #FFF !important; } .menu-caret:hover { color: #000; } #nav_block .nav-item.active>.item-wrapper>.nav-link, #nav_block .nav-item.active>.item-wrapper>.nav-link:hover, #nav_block .menu-item.active>.item-wrapper>.menu-link, #nav_block .menu-item.active>.item-wrapper>.menu-link:hover { } #nav_block .nav-link { margin: 0; } .menu-link { padding-left: 40px; } .nav-level-2 .menu-link { padding-left: 60px; } #nav_block .nav-menu.nav-level-1>.navflow>.menu-item>.item-wrapper>.menu-link { padding-left: 1rem; } #nav_block .nav-menu.nav-level-2>.navflow>.menu-item>.item-wrapper>.menu-link { padding-left: 2rem; } #nav_block .nav-menu.nav-level-3>.navflow>.menu-item>.item-wrapper>.menu-link { padding-left: 3rem; } /* .nav-link:hover { border-left: 3px solid rgba(0,112,172,1); } */ #nav-affr { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; float: none; } #nav-affr .nav-item { display: inline-block; border: 0; } #nav-affr .nav-item:hover { border: 0; } #nav-affr .nav-link { border: 0; } #nav-affr .nav-link:hover { border: 0; } } @media (max-width:992px) { #nav_block .menu-link { max-width: 300px; } #nav_block .menu-link>span { white-space: normal; line-height: normal; display: inline-block; padding-top: 0.5rem; } }.topic-cont { text-align: center; margin-bottom: 1.5rem; position: relative; overflow: visible; color: #269cd2; } .topic-cont h3::before { content: ''; z-index: 5; position: absolute; width: 82px; height: 82px; display: block; top: 37%; left: -17px; transform: translate(0, -50%); border: 1px solid; border-radius: 50%; opacity: 0.8; } .topic-cont h3::after { content: ''; z-index: 5; position: absolute; width: 90px; height: 90px; display: block; top: 37%; left: -21px; transform: translate(0, -50%); border: 1px solid; border-radius: 50%; box-shadow: 0 0 12px; opacity: 0.8; } /* .topic-cont h3::before, .topic-cont h3::after { background: url(/images/bg_line.png) repeat; background-color: rgba(0, 0, 0, 0.05); content: ''; height: 5px; position: absolute; top: calc(50% - 2px); margin-top: 10px; width: 900px; display: block; } .topic-cont h3::before { left: auto; right: 100%; } .topic-cont h3::after { right: 0; left: 100%; } */ .topic-cont h3 { text-align: left; font-weight: bold; font-size: 2.5rem; display: inline-block; padding: 0.5rem 1rem 0.8rem; margin: 1.5rem auto; } .topic-cont h6 { color: #666; display: block; margin-top: 1rem; } @media (max-width:576px) { .topic-cont h3::before { width: 62px; height: 62px; top: 37%; left: -17px; } .topic-cont h3::after { width: 70px; height: 70px; top: 37%; left: -21px; } .topic-cont h3 { font-size: 1.5rem; padding: 0.5rem 0.5rem 0.5rem; } .topic-cont h6 { margin-top: 0.25rem; } } .swipe-gallery .pswp-item { cursor: zoom-in; } .spotlight-grid .img-set figure, .swipe-gallery figure { position: absolute; right: 0; left: 0; bottom: 0px; margin: 0; padding: 0.5rem; background-color: rgba(0, 0, 0, 0.5); color: #FFF; line-height: 1.2rem; } .standard-slick { margin-left: -0.5em; margin-right: -0.5em; } .standard-slick .slick-dots { position: relative; bottom: auto; } .standard-slick .items-block { margin-left: 0.5em; margin-right: 0.5em; } @media(max-width:1200px) { .standard-slick .slick-arrow { width: 32px; height: 32px; background-color: rgba(255, 255, 255, 0.5); } .standard-slick .slick-arrow::before { display: block; width: 24px; height: 24px; margin-left: auto; margin-right: auto; } .standard-slick .slick-prev { left: 10px; } .standard-slick .slick-next { right: 10px; } } .tab-slick .slider-for { background-color: rgb(230, 230, 230); } .tab-slick .slider-for .items-block { padding: 1rem; } .tab-slick .slick-carousel .slick-arrow::before { color: rgb(0, 92, 175); } .tab-slick>.slider-nav { margin: 0 auto; overflow: hidden; } .tab-slick>.slider-nav::before { content: ''; background-color: #C8CACE; position: absolute; left: 0; right: 0; top: auto; bottom: 0; height: 8px; z-index: -1; } .tab-slick>.slider-nav .slick-list { width: 100%; margin: auto; overflow: hidden; padding-bottom: 8px; } .tab-slick>.slider-nav .slick-list:nth-child(2) { width: calc(100% - 50px); } .tab-slick>.slider-nav .slick-prev { left: 0; } .tab-slick>.slider-nav .slick-next { right: 0; } .tab-slick>.slider-nav .items-block { text-align: center; height: 46px; font-size: 16px; padding: 0 12px; transition-duration: .3s; cursor: pointer; } .tab-slick>.slider-nav .items-block>span { display: block; text-align: center; top: 50%; transform: translateY(-50%); line-height: 24px; font-size: 20px; color: #005CB9; } @media(max-width:576px) { .tab-slick>.slider-nav .items-block>span { font-size: 16px; line-height: 16px; } } .tab-slick>.slider-nav .slick-current .items-block { transition-duration: .3s; } .tab-slick>.slider-nav .slick-current .items-block::after { content: ''; background-color: #005CB9; position: absolute; left: 0; right: 0; top: 100%; height: 8px; z-index: 1; transition-duration: .3s; } .tab-slick>.slider-for .slick-slide { height: 0; transition-duration: .3s; } .tab-slick>.slider-for .slick-slide.slick-current { height: auto; transition-duration: .3s; } .collapse-item { border: 1px solid #CCC; border-radius: 4px; margin-bottom: 0.5rem; overflow: hidden; } .collapse-head { color: #002d74; text-align: left; padding: 0.5rem 1rem; background-color: #f7f7f7; } .collapse-topic { font-size: 1.2rem; color: #7f8c8d; margin: 0; cursor: pointer; transition: color 0.6s ease-out; } .collapse-topic:hover { text-decoration: none; color: #7659a0; transition: color 0.6s ease-out; } .collapse-head.trigger { background-color: #F39700; } .collapse-head.trigger .collapse-topic, .collapse-head.trigger .collapse-topic:hover { color: #FFF; } .collapse-content { border-top: 1px solid #CCC; border-width: 1px 0 0 0 !important; } .collapse-text { padding: 1rem; background-color: #FFF; } .tab-group .tab-content { border: 1px solid #ccc; border-top: 0; } .tab-group .tab-content>.tab-pane { padding: 1rem; } .tab-group .nav-tabs .nav-link { padding: 0.25rem 1rem; margin-left: 0; } .tab-group .nav-tabs .nav-link.active, .tab-group .nav-tabs .nav-item.show .nav-link { border-top: 3px solid #F39700; }.scroll-tb-wrap { overflow: auto; max-height: 700px; padding-left: 0; border-left: 1px solid #999 !important; border-top: 1px solid #999 !important; } .scroll-tb-wrap>table { width: 100%; min-width: 700px; } .scroll-tb-wrap tbody>tr>td:first-child, .scroll-tb-wrap th:first-child { position: sticky; left: 0; z-index: 100; } .scroll-tb-wrap tbody>tr>td[rowspan]:first-child { z-index: 110; } .scroll-tb-wrap thead tr th, .scroll-tb-wrap tbody>tr:first-child>td { position: sticky; top: 0; z-index: 120 !important; } .scroll-tb-wrap tbody>tr:first-child>td:first-child { z-index: 130 !important; } .scroll-tb-wrap th:first-child { z-index: 2; } .scroll-tb-wrap table { /*overflow: auto; -ms-overflow-style: scrollbar;*/ } .scroll-tb-wrap table th, .scroll-tb-wrap table td { vertical-align: middle !important; border-right: 1px solid #999 !important; border-bottom: 1px solid #999 !important; } .scroll-tb-wrap table th { } .scroll-tb-wrap table th:first-child { } .scroll-tb-wrap table thead th:first-child { z-index: 100; } @media (max-width:576px) { .scroll-tb-wrap table th:first-child { min-width: auto; } } .scroll-tb-wrap table td { } .scroll-tb-wrap .device .flex-card-header .bsbgset { height: 300px; }.sticky-wrap { display: block; min-height: 1.5rem; overflow: auto; scroll-behavior: smooth; } .sticky-wrap>table { width:100%; border-collapse: collapse; } .sticky-wrap>table th { color: #FFF; background-color: rgb(162, 143, 204); } .sticky-wrap>table td { z-index: 0; } .sticky-wrap>table th { text-align: center; z-index: 1; } .sticky-wrap>table th::after, .sticky-wrap>table td::after { content: ''; position: absolute; top: 0; right: 0; left: 0; bottom: 0; display: block; border-bottom: 1px solid #EEE; border-right: 1px solid #EEE; pointer-events: none; } .sticky-wrap>table>thead.caption { top: 0; position: -webkit-sticky; position: sticky; display: table-caption; z-index: 5; } .sticky-wrap>table>thead:not(.caption) th { top: 0; position: -webkit-sticky; position: sticky; z-index: 3; } .sticky-wrap>table>thead:not(.caption) th:first-child { z-index: 5 !important; } .sticky-wrap>table>tbody>tr:first-child th { top: 0; left: auto; position: -webkit-sticky; position: sticky; z-index: 3; } .sticky-wrap>table>tbody th { left: 0; position: -webkit-sticky; position: sticky; z-index: 3; } .sticky-wrap>table>tbody>tr:first-child th:first-child { top: 0; left: 0; z-index: 5; } .sticky-wrap>table>tfoot th { bottom: 0; position: -webkit-sticky; position: sticky; } .sticky-left { position: -webkit-sticky; position: sticky; left: 0; z-index: 4 !important; } .sticky-right { position: -webkit-sticky; position: sticky; right: 0; z-index: 4 !important; }