@charset "utf-8";
/*!
* layout v4.1.1
*/
/***************************************************************
[layout]
***************************************************************/
.page-wrap { width:100%; height:100%; min-width:320px; min-height:100%; margin:0 auto; background:#f8f9fa; }
.wrapper { width:100%; height:100%; min-width:320px; margin:0 auto; }
.header-wrap { background-color:#fff; }
.nav-wrap { background-color:#fff; }
.aside-wrap { background-color:#fff; }
.main-wrap { width:100%;}
.footer-wrap { background-color:#fff; }
h1, .h1 { font-size:24px; color:#212529; font-weight:400; }
h2, .h2 { font-size:20px; color:#212529; font-weight:400; }
h3, .h3 { font-size:18px; color:#212529; font-weight:400; }
h4, .h4 { font-size:16px; color:#212529; font-weight:500; }
h5, .h5 { font-size:15px; color:#212529; font-weight:500; }
h6, .h6 { font-size:14px; color:#212529; font-weight:500; }
/***************************************************************
[grid system]
***************************************************************/
.container-xxl { width:100%; margin-right:auto; margin-left:auto; padding-right:15px; padding-left:15px; }
.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display:flex; flex-wrap:inherit; align-items: center; justify-content:space-between; }
/****** responsive & retina specific ******/
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width:1320px; }
}
.row { margin-top:-15px; }
.row > .col, .row > [class*="col-"] { margin-top:15px; }
.row.g-0px,
.row.no-gutters { margin-top:0; margin-right:0; margin-left:0; }
.row.g-0px > .col, .row.g-0px > [class*="col-"],
.row.no-gutters > .col, .row.no-gutters > [class*="col-"] { margin-top:0; padding-right:0; padding-left:0; }
.row.g-2px { margin-top:-4px; margin-right:-2px; margin-left:-2px; }
.row.g-2px > .col, .row.g-2px > [class*="col-"] { margin-top:4px; padding-right:2px; padding-left:2px; }
.row.g-4px { margin-top:-8px; margin-right:-4px; margin-left:-4px; }
.row.g-4px > .col, .row.g-4px > [class*="col-"] { margin-top:8px; padding-right:4px; padding-left:4px; }
.row.g-6px { margin-top:-12px; margin-right:-6px; margin-left:-6px; }
.row.g-6px > .col, .row.g-6px > [class*="col-"] { margin-top:12px; padding-right:6px; padding-left:6px; }
.row.g-8px { margin-top:-16px; margin-right:-8px; margin-left:-8px; }
.row.g-8px > .col, .row.g-8px > [class*="col-"] { margin-top:16px; padding-right:8px; padding-left:8px; }
.row.g-12px { margin-top:-24px; margin-right:-12px; margin-left:-12px; }
.row.g-12px > .col, .row.g-12px > [class*="col-"] { margin-top:24px; padding-right:12px; padding-left:12px; }
.row.g-24px { margin-top:-48px; margin-right:-24px; margin-left:-24px; }
.row.g-24px > .col, .row.g-24px > [class*="col-"] { margin-top:48px; padding-right:24px; padding-left:24px; }
.row.colset-1 .col { flex:0 0 auto; max-width:100%; }
.row.colset-2 .col { flex:0 0 auto; max-width:50%; }
.row.colset-3 .col { flex:0 0 auto; max-width:33.333333%; }
.row.colset-4 .col { flex:0 0 auto; max-width:25%; }
.row.colset-5 .col { flex:0 0 auto; max-width:20%; }
.row.colset-6 .col { flex:0 0 auto; max-width:16.666667%; }
.row.colset-7 .col { flex:0 0 auto; max-width:14.285714%; }
.row.colset-8 .col { flex:0 0 auto; max-width:12.5%; }
.row.colset-9 .col { flex:0 0 auto; max-width:111111111%; }
.row.colset-10 .col { flex:0 0 auto; max-width:10%; }
.row.colset-11 .col { flex:0 0 auto; max-width:9.090909%; }
.row.colset-12 .col { flex:0 0 auto; max-width:8.333333%; }
.column-1 { columns:1; }
.column-2 { columns:2; }
.column-3 { columns:3; }
.column-4 { columns:4; }
.column-5 { columns:5; }
.column-6 { columns:6; }
.column-7 { columns:7; }
.column-8 { columns:8; }
.column-9 { columns:9; }
.column-10 { columns:10; }
.column-11 { columns:11; }
.column-12 { columns:12; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
.row.row-deck { flex-flow:row wrap; }
.row.row-deck > .col, .row.row-deck > [class*="col-"] { min-width:0; display:flex; flex-direction:column; }
.row.row-deck > .col > div, .row.row-deck > [class*="col-"] > div { min-width:100%; }
.row.g-sm-0px { margin-top:0; margin-right:0; margin-left:0; }
.row.g-sm-0px > .col, .row.g-sm-0px > [class*="col-"] { padding-right:0; padding-left:0; }
.row.g-sm-2px { margin-top:-4px; margin-right:-2px; margin-left:-2px; }
.row.g-sm-2px > .col, .row.g-sm-2px > [class*="col-"] { margin-top:4px; padding-right:2px; padding-left:2px; }
.row.g-sm-4px { margin-top:-8px; margin-right:-4px; margin-left:-4px; }
.row.g-sm-4px > .col, .row.g-sm-4px > [class*="col-"] { margin-top:8px; padding-right:4px; padding-left:4px; }
.row.g-sm-6px { margin-top:-12px; margin-right:-6px; margin-left:-6px; }
.row.g-sm-6px > .col, .row.g-sm-6px > [class*="col-"] { margin-top:12px; padding-right:6px; padding-left:6px; }
.row.g-sm-8px { margin-top:-16px; margin-right:-8px; margin-left:-8px; }
.row.g-sm-8px > .col, .row.g-sm-8px > [class*="col-"] { margin-top:16px; padding-right:8px; padding-left:8px; }
.row.g-sm-12px { margin-top:-24px; margin-right:-12px; margin-left:-12px; }
.row.g-sm-12px > .col, .row.g-sm-12px > [class*="col-"] { margin-top:24px; padding-right:12px; padding-left:12px; }
.row.g-sm-24px { margin-top:-48px; margin-right:-24px; margin-left:-24px; }
.row.g-sm-24px > .col, .row.g-sm-24px > [class*="col-"] { margin-top:48px; padding-right:24px; padding-left:24px; }
.row.colset-sm-1 .col { flex:0 0 auto; max-width:100%; }
.row.colset-sm-2 .col { flex:0 0 auto; max-width:50%; }
.row.colset-sm-3 .col { flex:0 0 auto; max-width:33.333333%; }
.row.colset-sm-4 .col { flex:0 0 auto; max-width:25%; }
.row.colset-sm-5 .col { flex:0 0 auto; max-width:20%; }
.row.colset-sm-6 .col { flex:0 0 auto; max-width:16.666667%; }
.row.colset-sm-7 .col { flex:0 0 auto; max-width:14.285714%; }
.row.colset-sm-8 .col { flex:0 0 auto; max-width:12.5%; }
.row.colset-sm-9 .col { flex:0 0 auto; max-width:111111111%; }
.row.colset-sm-10 .col { flex:0 0 auto; max-width:10%; }
.row.colset-sm-11 .col { flex:0 0 auto; max-width:9.090909%; }
.row.colset-sm-12 .col { flex:0 0 auto; max-width:8.333333%; }
[class*="colset-"] .col-sm-1 { flex:0 0 auto !important; max-width:8.333333% !important; }
[class*="colset-"] .col-sm-2 { flex:0 0 auto !important; max-width:16.666667% !important; }
[class*="colset-"] .col-sm-3 { flex:0 0 auto !important; max-width:25% !important; }
[class*="colset-"] .col-sm-4 { flex:0 0 auto !important; max-width:33.333333% !important; }
[class*="colset-"] .col-sm-5 { flex:0 0 auto !important; max-width:41.666667% !important; }
[class*="colset-"] .col-sm-6 { flex:0 0 auto !important; max-width:50% !important; }
[class*="colset-"] .col-sm-7 { flex:0 0 auto !important; max-width:58.333333% !important; }
[class*="colset-"] .col-sm-8 { flex:0 0 auto !important; max-width:66.666667% !important; }
[class*="colset-"] .col-sm-9 { flex:0 0 auto !important; max-width:75% !important; }
[class*="colset-"] .col-sm-10 { flex:0 0 auto !important; max-width:83.333333% !important; }
[class*="colset-"] .col-sm-11 { flex:0 0 auto !important; max-width:91.666667% !important; }
[class*="colset-"] .col-sm-12 { flex:0 0 auto !important; max-width:100% !important; }
.column-sm-1 { columns:1; }
.column-sm-2 { columns:2; }
.column-sm-3 { columns:3; }
.column-sm-4 { columns:4; }
.column-sm-5 { columns:5; }
.column-sm-6 { columns:6; }
.column-sm-7 { columns:7; }
.column-sm-8 { columns:8; }
.column-sm-9 { columns:9; }
.column-sm-10 { columns:10; }
.column-sm-11 { columns:11; }
.column-sm-12 { columns:12; }
}
@media (min-width:768px) {
.row.g-md-0px { margin-top:0; margin-right:0; margin-left:0; }
.row.g-md-0px > .col, .row.g-md-0px > [class*="col-"] { padding-right:0; padding-left:0; }
.row.g-md-2px { margin-top:-4px; margin-right:-2px; margin-left:-2px; }
.row.g-md-2px > .col, .row.g-md-2px > [class*="col-"] { margin-top:4px; padding-right:2px; padding-left:2px; }
.row.g-md-4px { margin-top:-8px; margin-right:-4px; margin-left:-4px; }
.row.g-md-4px > .col, .row.g-md-4px > [class*="col-"] { margin-top:8px; padding-right:4px; padding-left:4px; }
.row.g-md-6px { margin-top:-12px; margin-right:-6px; margin-left:-6px; }
.row.g-md-6px > .col, .row.g-md-6px > [class*="col-"] { margin-top:12px; padding-right:6px; padding-left:6px; }
.row.g-md-8px { margin-top:-16px; margin-right:-8px; margin-left:-8px; }
.row.g-md-8px > .col, .row.g-md-8px > [class*="col-"] { margin-top:16px; padding-right:8px; padding-left:8px; }
.row.g-md-12px { margin-top:-24px; margin-right:-12px; margin-left:-12px; }
.row.g-md-12px > .col, .row.g-md-12px > [class*="col-"] { margin-top:24px; padding-right:12px; padding-left:12px; }
.row.g-md-24px { margin-top:-48px; margin-right:-24px; margin-left:-24px; }
.row.g-md-24px > .col, .row.g-md-24px > [class*="col-"] { margin-top:48px; padding-right:24px; padding-left:24px; }
.row.colset-md-1 .col { flex:0 0 auto; max-width:100%; }
.row.colset-md-2 .col { flex:0 0 auto; max-width:50%; }
.row.colset-md-3 .col { flex:0 0 auto; max-width:33.333333%; }
.row.colset-md-4 .col { flex:0 0 auto; max-width:25%; }
.row.colset-md-5 .col { flex:0 0 auto; max-width:20%; }
.row.colset-md-6 .col { flex:0 0 auto; max-width:16.666667%; }
.row.colset-md-7 .col { flex:0 0 auto; max-width:14.285714%; }
.row.colset-md-8 .col { flex:0 0 auto; max-width:12.5%; }
.row.colset-md-9 .col { flex:0 0 auto; max-width:111111111%; }
.row.colset-md-10 .col { flex:0 0 auto; max-width:10%; }
.row.colset-md-11 .col { flex:0 0 auto; max-width:9.090909%; }
.row.colset-md-12 .col { flex:0 0 auto; max-width:8.333333%; }
[class*="colset-"] .col-md-1 { flex:0 0 auto !important; max-width:8.333333% !important; }
[class*="colset-"] .col-md-2 { flex:0 0 auto !important; max-width:16.666667% !important; }
[class*="colset-"] .col-md-3 { flex:0 0 auto !important; max-width:25% !important; }
[class*="colset-"] .col-md-4 { flex:0 0 auto !important; max-width:33.333333% !important; }
[class*="colset-"] .col-md-5 { flex:0 0 auto !important; max-width:41.666667% !important; }
[class*="colset-"] .col-md-6 { flex:0 0 auto !important; max-width:50% !important; }
[class*="colset-"] .col-md-7 { flex:0 0 auto !important; max-width:58.333333% !important; }
[class*="colset-"] .col-md-8 { flex:0 0 auto !important; max-width:66.666667% !important; }
[class*="colset-"] .col-md-9 { flex:0 0 auto !important; max-width:75% !important; }
[class*="colset-"] .col-md-10 { flex:0 0 auto !important; max-width:83.333333% !important; }
[class*="colset-"] .col-md-11 { flex:0 0 auto !important; max-width:91.666667% !important; }
[class*="colset-"] .col-md-12 { flex:0 0 auto !important; max-width:100% !important; }
.column-md-1 { columns:1; }
.column-md-2 { columns:2; }
.column-md-3 { columns:3; }
.column-md-4 { columns:4; }
.column-md-5 { columns:5; }
.column-md-6 { columns:6; }
.column-md-7 { columns:7; }
.column-md-8 { columns:8; }
.column-md-9 { columns:9; }
.column-md-10 { columns:10; }
.column-md-11 { columns:11; }
.column-md-12 { columns:12; }
}
@media (min-width:992px) {
.row.g-lg-0px { margin-top:0; margin-right:0; margin-left:0; }
.row.g-lg-0px > .col, .row.g-lg-0px > [class*="col-"] { padding-right:0; padding-left:0; }
.row.g-lg-2px { margin-top:-4px; margin-right:-2px; margin-left:-2px; }
.row.g-lg-2px > .col, .row.g-lg-2px > [class*="col-"] { margin-top:4px; padding-right:2px; padding-left:2px; }
.row.g-lg-4px { margin-top:-8px; margin-right:-4px; margin-left:-4px; }
.row.g-lg-4px > .col, .row.g-lg-4px > [class*="col-"] { margin-top:8px; padding-right:4px; padding-left:4px; }
.row.g-lg-6px { margin-top:-12px; margin-right:-6px; margin-left:-6px; }
.row.g-lg-6px > .col, .row.g-lg-6px > [class*="col-"] { margin-top:12px; padding-right:6px; padding-left:6px; }
.row.g-lg-8px { margin-top:-16px; margin-right:-8px; margin-left:-8px; }
.row.g-lg-8px > .col, .row.g-lg-8px > [class*="col-"] { margin-top:16px; padding-right:8px; padding-left:8px; }
.row.g-lg-12px { margin-top:-24px; margin-right:-12px; margin-left:-12px; }
.row.g-lg-12px > .col, .row.g-lg-12px > [class*="col-"] { margin-top:24px; padding-right:12px; padding-left:12px; }
.row.g-lg-24px { margin-top:-48px; margin-right:-24px; margin-left:-24px; }
.row.g-lg-24px > .col, .row.g-lg-24px > [class*="col-"] { margin-top:48px; padding-right:24px; padding-left:24px; }
.row.colset-lg-1 .col { flex:0 0 auto; max-width:100%; }
.row.colset-lg-2 .col { flex:0 0 auto; max-width:50%; }
.row.colset-lg-3 .col { flex:0 0 auto; max-width:33.333333%; }
.row.colset-lg-4 .col { flex:0 0 auto; max-width:25%; }
.row.colset-lg-5 .col { flex:0 0 auto; max-width:20%; }
.row.colset-lg-6 .col { flex:0 0 auto; max-width:16.666667%; }
.row.colset-lg-7 .col { flex:0 0 auto; max-width:14.285714%; }
.row.colset-lg-8 .col { flex:0 0 auto; max-width:12.5%; }
.row.colset-lg-9 .col { flex:0 0 auto; max-width:111111111%; }
.row.colset-lg-10 .col { flex:0 0 auto; max-width:10%; }
.row.colset-lg-11 .col { flex:0 0 auto; max-width:9.090909%; }
.row.colset-lg-12 .col { flex:0 0 auto; max-width:8.333333%; }
[class*="colset-"] .col-lg-1 { flex:0 0 auto !important; max-width:8.333333% !important; }
[class*="colset-"] .col-lg-2 { flex:0 0 auto !important; max-width:16.666667% !important; }
[class*="colset-"] .col-lg-3 { flex:0 0 auto !important; max-width:25% !important; }
[class*="colset-"] .col-lg-4 { flex:0 0 auto !important; max-width:33.333333% !important; }
[class*="colset-"] .col-lg-5 { flex:0 0 auto !important; max-width:41.666667% !important; }
[class*="colset-"] .col-lg-6 { flex:0 0 auto !important; max-width:50% !important; }
[class*="colset-"] .col-lg-7 { flex:0 0 auto !important; max-width:58.333333% !important; }
[class*="colset-"] .col-lg-8 { flex:0 0 auto !important; max-width:66.666667% !important; }
[class*="colset-"] .col-lg-9 { flex:0 0 auto !important; max-width:75% !important; }
[class*="colset-"] .col-lg-10 { flex:0 0 auto !important; max-width:83.333333% !important; }
[class*="colset-"] .col-lg-11 { flex:0 0 auto !important; max-width:91.666667% !important; }
[class*="colset-"] .col-lg-12 { flex:0 0 auto !important; max-width:100% !important; }
.column-lg-1 { columns:1; }
.column-lg-2 { columns:2; }
.column-lg-3 { columns:3; }
.column-lg-4 { columns:4; }
.column-lg-5 { columns:5; }
.column-lg-6 { columns:6; }
.column-lg-7 { columns:7; }
.column-lg-8 { columns:8; }
.column-lg-9 { columns:9; }
.column-lg-10 { columns:10; }
.column-lg-11 { columns:11; }
.column-lg-12 { columns:12; }
}
@media (min-width:1200px) {
.row.g-xl-0px { margin-top:0; margin-right:0; margin-left:0; }
.row.g-xl-0px > .col, .row.g-xl-0px > [class*="col-"] { padding-right:0; padding-left:0; }
.row.g-xl-2px { margin-top:-4px; margin-right:-2px; margin-left:-2px; }
.row.g-xl-2px > .col, .row.g-xl-2px > [class*="col-"] { margin-top:4px; padding-right:2px; padding-left:2px; }
.row.g-xl-4px { margin-top:-8px; margin-right:-4px; margin-left:-4px; }
.row.g-xl-4px > .col, .row.g-xl-4px > [class*="col-"] { margin-top:8px; padding-right:4px; padding-left:4px; }
.row.g-xl-6px { margin-top:-12px; margin-right:-6px; margin-left:-6px; }
.row.g-xl-6px > .col, .row.g-xl-6px > [class*="col-"] { margin-top:12px; padding-right:6px; padding-left:6px; }
.row.g-xl-8px { margin-top:-16px; margin-right:-8px; margin-left:-8px; }
.row.g-xl-8px > .col, .row.g-xl-8px > [class*="col-"] { margin-top:16px; padding-right:8px; padding-left:8px; }
.row.g-xl-12px { margin-top:-24px; margin-right:-12px; margin-left:-12px; }
.row.g-xl-12px > .col, .row.g-xl-12px > [class*="col-"] { margin-top:24px; padding-right:12px; padding-left:12px; }
.row.g-xl-24px { margin-top:-48px; margin-right:-24px; margin-left:-24px; }
.row.g-xl-24px > .col, .row.g-xl-24px > [class*="col-"] { margin-top:48px; padding-right:24px; padding-left:24px; }
.row.colset-xl-1 .col { flex:0 0 auto; max-width:100%; }
.row.colset-xl-2 .col { flex:0 0 auto; max-width:50%; }
.row.colset-xl-3 .col { flex:0 0 auto; max-width:33.333333%; }
.row.colset-xl-4 .col { flex:0 0 auto; max-width:25%; }
.row.colset-xl-5 .col { flex:0 0 auto; max-width:20%; }
.row.colset-xl-6 .col { flex:0 0 auto; max-width:16.666667%; }
.row.colset-xl-7 .col { flex:0 0 auto; max-width:14.285714%; }
.row.colset-xl-8 .col { flex:0 0 auto; max-width:12.5%; }
.row.colset-xl-9 .col { flex:0 0 auto; max-width:111111111%; }
.row.colset-xl-10 .col { flex:0 0 auto; max-width:10%; }
.row.colset-xl-11 .col { flex:0 0 auto; max-width:9.090909%; }
.row.colset-xl-12 .col { flex:0 0 auto; max-width:8.333333%; }
[class*="colset-"] .col-xl-1 { flex:0 0 auto !important; max-width:8.333333% !important; }
[class*="colset-"] .col-xl-2 { flex:0 0 auto !important; max-width:16.666667% !important; }
[class*="colset-"] .col-xl-3 { flex:0 0 auto !important; max-width:25% !important; }
[class*="colset-"] .col-xl-4 { flex:0 0 auto !important; max-width:33.333333% !important; }
[class*="colset-"] .col-xl-5 { flex:0 0 auto !important; max-width:41.666667% !important; }
[class*="colset-"] .col-xl-6 { flex:0 0 auto !important; max-width:50% !important; }
[class*="colset-"] .col-xl-7 { flex:0 0 auto !important; max-width:58.333333% !important; }
[class*="colset-"] .col-xl-8 { flex:0 0 auto !important; max-width:66.666667% !important; }
[class*="colset-"] .col-xl-9 { flex:0 0 auto !important; max-width:75% !important; }
[class*="colset-"] .col-xl-10 { flex:0 0 auto !important; max-width:83.333333% !important; }
[class*="colset-"] .col-xl-11 { flex:0 0 auto !important; max-width:91.666667% !important; }
[class*="colset-"] .col-xl-12 { flex:0 0 auto !important; max-width:100% !important; }
.column-xl-1 { columns:1; }
.column-xl-2 { columns:2; }
.column-xl-3 { columns:3; }
.column-xl-4 { columns:4; }
.column-xl-5 { columns:5; }
.column-xl-6 { columns:6; }
.column-xl-7 { columns:7; }
.column-xl-8 { columns:8; }
.column-xl-9 { columns:9; }
.column-xl-10 { columns:10; }
.column-xl-11 { columns:11; }
.column-xl-12 { columns:12; }
}
@media (min-width:1440px) {
.row.g-xxl-0px { margin-top:0; margin-right:0; margin-left:0; }
.row.g-xxl-0px > .col, .row.g-xxl-0px > [class*="col-"] { padding-right:0; padding-left:0; }
.row.g-xxl-2px { margin-top:-4px; margin-right:-2px; margin-left:-2px; }
.row.g-xxl-2px > .col, .row.g-xxl-2px > [class*="col-"] { margin-top:4px; padding-right:2px; padding-left:2px; }
.row.g-xxl-4px { margin-top:-8px; margin-right:-4px; margin-left:-4px; }
.row.g-xxl-4px > .col, .row.g-xxl-4px > [class*="col-"] { margin-top:8px; padding-right:4px; padding-left:4px; }
.row.g-xxl-6px { margin-top:-12px; margin-right:-6px; margin-left:-6px; }
.row.g-xxl-6px > .col, .row.g-xxl-6px > [class*="col-"] { margin-top:12px; padding-right:6px; padding-left:6px; }
.row.g-xxl-8px { margin-top:-16px; margin-right:-8px; margin-left:-8px; }
.row.g-xxl-8px > .col, .row.g-xxl-8px > [class*="col-"] { margin-top:16px; padding-right:8px; padding-left:8px; }
.row.g-xxl-12px { margin-top:-24px; margin-right:-12px; margin-left:-12px; }
.row.g-xxl-12px > .col, .row.g-xxl-12px > [class*="col-"] { margin-top:24px; padding-right:12px; padding-left:12px; }
.row.g-xxl-24px { margin-top:-48px; margin-right:-24px; margin-left:-24px; }
.row.g-xxl-24px > .col, .row.g-xxl-24px > [class*="col-"] { margin-top:48px; padding-right:24px; padding-left:24px; }
.row.colset-xxl-1 .col { flex:0 0 auto; max-width:100%; }
.row.colset-xxl-2 .col { flex:0 0 auto; max-width:50%; }
.row.colset-xxl-3 .col { flex:0 0 auto; max-width:33.333333%; }
.row.colset-xxl-4 .col { flex:0 0 auto; max-width:25%; }
.row.colset-xxl-5 .col { flex:0 0 auto; max-width:20%; }s
.row.colset-xxl-6 .col { flex:0 0 auto; max-width:16.666667%; }
.row.colset-xxl-7 .col { flex:0 0 auto; max-width:14.285714%; }
.row.colset-xxl-8 .col { flex:0 0 auto; max-width:12.5%; }
.row.colset-xxl-9 .col { flex:0 0 auto; max-width:111111111%; }
.row.colset-xxl-10 .col { flex:0 0 auto; max-width:10%; }
.row.colset-xxl-11 .col { flex:0 0 auto; max-width:9.090909%; }
.row.colset-xxl-12 .col { flex:0 0 auto; max-width:8.333333%; }
[class*="colset-"] .col-xxl-1 { flex:0 0 auto !important; max-width:8.333333% !important; }
[class*="colset-"] .col-xxl-2 { flex:0 0 auto !important; max-width:16.666667% !important; }
[class*="colset-"] .col-xxl-3 { flex:0 0 auto !important; max-width:25% !important; }
[class*="colset-"] .col-xxl-4 { flex:0 0 auto !important; max-width:33.333333% !important; }
[class*="colset-"] .col-xxl-5 { flex:0 0 auto !important; max-width:41.666667% !important; }
[class*="colset-"] .col-xxl-6 { flex:0 0 auto !important; max-width:50% !important; }
[class*="colset-"] .col-xxl-7 { flex:0 0 auto !important; max-width:58.333333% !important; }
[class*="colset-"] .col-xxl-8 { flex:0 0 auto !important; max-width:66.666667% !important; }
[class*="colset-"] .col-xxl-9 { flex:0 0 auto !important; max-width:75% !important; }
[class*="colset-"] .col-xxl-10 { flex:0 0 auto !important; max-width:83.333333% !important; }
[class*="colset-"] .col-xxl-11 { flex:0 0 auto !important; max-width:91.666667% !important; }
[class*="colset-"] .col-xxl-12 { flex:0 0 auto !important; max-width:100% !important; }
.col-xxl-1 { flex:0 0 8.333333%; max-width:8.333333%; }
.col-xxl-2 { flex:0 0 16.666667%; max-width:16.666667%; }
.col-xxl-3 { flex:0 0 25%; max-width:25%; }
.col-xxl-4 { flex:0 0 33.333333%; max-width:33.333333%; }
.col-xxl-5 { flex:0 0 41.666667%; max-width:41.666667%; }
.col-xxl-6 { flex:0 0 50%; max-width:50%; }
.col-xxl-7 { flex:0 0 58.333333%; max-width:58.333333%; }
.col-xxl-8 { flex:0 0 66.666667%; max-width:66.666667%; }
.col-xxl-9 { flex:0 0 75%; max-width:75%; }
.col-xxl-10 { flex:0 0 83.333333%; max-width:83.333333%; }
.col-xxl-11 { flex:0 0 91.666667%; max-width:91.666667%; }
.col-xxl-12 { flex:0 0 100%; max-width:100%; }
.column-xxl-1 { columns:1; }
.column-xxl-2 { columns:2; }
.column-xxl-3 { columns:3; }
.column-xxl-4 { columns:4; }
.column-xxl-5 { columns:5; }
.column-xxl-6 { columns:6; }
.column-xxl-7 { columns:7; }
.column-xxl-8 { columns:8; }
.column-xxl-9 { columns:9; }
.column-xxl-10 { columns:10; }
.column-xxl-11 { columns:11; }
.column-xxl-12 { columns:12; }
}
/***************************************************************
[header wrap]
***************************************************************/
.header-wrap { width:100%; min-height:56px; transition:all 0.2s ease-out; z-index:1071; }
.header-wrap.navbar-shrink { background-color:rgba(255,255,255,.95); box-shadow:0 8px 16px rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1); }
/************ [top-navbar] ************/
.header-wrap .top-navbar { background-color:rgba(0,0,0,0.25); }
.header-wrap.navbar-shrink .top-navbar { background-color:rgba(0,0,0,0.05); }
.header-wrap .top-navbar .navbar { padding-top:14px; padding-bottom:15px; }
.header-wrap .top-navbar .navbar-nav .nav-link { padding:0 4px !important; font-size:13px; }
.header-wrap .top-navbar .navbar-nav .nav-link i { margin-top:2px; display:block; }
.header-wrap .top-navbar .dropdown { margin-left:16px; }
.header-wrap .top-navbar .dropdown .dropdown-toggle { padding:2px 8px; }
.header-wrap .top-navbar .dropdown .dropdown-menu { min-width:inherit; }
/************ [navbar] ************/
.header-wrap .navbar { min-width:320px; padding-top:13px; padding-bottom:13px; }
.header-wrap .navbar .navbar-collapse { display:none !important; }
/*.header-wrap .navbar .navbar-nav { flex-direction:row !important; }*/
.header-wrap .navbar-nav .nav-item { position:relative; }
.header-wrap .navbar-nav .nav-item .btn img { float:left; width:21px; margin-right:4px; }
.header-wrap .navbar-nav .nav-link { padding:7px 12px 9px; color:#fff; font-size:16px; font-weight:400; }
.header-wrap.navbar-shrink .nav-link { color:#212529; }
.header-wrap .navbar-nav .nav-link span { display:none; }
.header-wrap .navbar-nav-sub.border-left { margin-left:16px; padding-left:16px; border-color:rgba(0,0,0,0.25) !important; }
.header-wrap .navbar-nav-sub .nav-link.small { padding-right:8px; padding-left:8px; font-size:14px; }
.header-wrap .navbar-nav-sub .btn:not(.btn-icon) { min-width:72px; }
.header-wrap .navbar-nav-sub .btn { margin-left:4px; }
.header-wrap .navbar-nav-sub .btn-icon { margin-top:1px; margin-bottom:1px; }
.header-wrap.navbar-shrink .navbar-nav-sub [class*="btn-outline-"] { color:#212529; border-color:#212529; }
.header-wrap.navbar-shrink .navbar-nav-sub [class*="btn-outline-"]:hover { color:#fff; background-color:#212529; }
/*.header-wrap .navbar .navbar-toggler { margin-top:-16px; position:absolute; top:50%; left:8px; }*/
.header-wrap:not(.navbar-shrink) .navbar-toggler .navbar-toggler-drawer > span { background-color:#fff; }
/****** responsive & retina specific ******/
/* @media (min-width:576px) {
.header-wrap .navbar { max-width:100%; }
} */
@media (min-width:768px) {
.header-wrap { min-height:64px; }
.header-wrap .navbar .navbar-collapse { display:flex !important; flex-basis:auto; }
/*.header-wrap .navbar .navbar-center { width:100%; }
.header-wrap .navbar .navbar-center .navbar-nav { margin-right:auto !important; }
.header-wrap .navbar-nav-sub { display:inherit; }*/
.header-wrap .navbar .navbar-toggler { display:none !important; }
/*.header-wrap .brand-expand { padding-top:24px; padding-bottom:24px; flex-direction:column !important; }
.header-wrap .brand-expand .navbar-brand { margin-right:auto !important; margin-left:auto !important; }*/
}
@media (min-width:992px) {
.header-wrap .navbar-nav .nav-link span:not(.badge) { display:inline; }
}
/************ [brand] ************/
.navbar-brand { padding-top:0; padding-bottom:0; }
.navbar-brand h1 { margin-bottom:0; line-height:1.5; text-align:center; }
.navbar-brand h1 a { display:inline-block; }
/*** text type ***/
.navbar-brand h1 a span,
.navbar-brand h1 > span { padding-top:4px; padding-bottom:6px; display:inline-block; position:relative; line-height:1.5; color:rgba(255,255,255,1); font-size:24px; font-weight:700; }
.navbar-shrink .navbar-brand h1 a span,
.navbar-shrink .navbar-brand h1 > span { color:#212529; }
/*** SVG type ***/
.navbar-brand h1 .logo-svg-symbol,
.navbar-brand h1 .logo-svg-type,
.navbar-brand h1 .logo-svg-text { fill:#ffffff; }
/*** bg type ***/
.navbar-brand h1.logo-bg a span,
.navbar-brand h1.logo-bg > span { width:160px; height:46px; background-image:url(../img/brand/sprites-logos-960px.png); background-repeat:no-repeat; background-size:960px auto; background-position:-320px -99px; text-indent:-9999px; white-space:nowrap; /*overflow:hidden;*/ }
/****** responsive & retina specific ******/
@media (min-width:768px) {
.navbar-brand h1 { text-align:left; }
/*** SVG type ***/
.navbar-shrink .navbar-brand h1 .logo-svg-symbol,
.navbar-shrink .navbar-brand h1 .logo-svg-type,
.navbar-shrink .navbar-brand h1 .logo-svg-text { fill:#212529; }
/*** bg type ***/
.navbar-brand h1.logo-bg a span,
.navbar-brand h1.logo-bg > span { background-position:0 -99px; }
.navbar-shrink .navbar-brand h1.logo-bg a span,
.navbar-shrink .navbar-brand h1.logo-bg > span { background-position-x:0; }
}
@media (min-width:992px) {
/*** bg type ***/
.navbar-brand h1.logo-bg a span,
.navbar-brand h1.logo-bg > span { background-position:-320px -99px; }
}
/****** responsive & retina specific ******/
@media (-webkit-min-device-pixel-ratio:1.5), (min-resolution:144dpi) {
.navbar-brand h1.logo-bg a span,
.navbar-brand h1.logo-bg > span { background-image:url(../images/sprites-logos-960px@2x.png); }
}
/************ [navbar toggler] ************/
.navbar-expand .navbar-toggler { display:inherit !important; }
/*.navbar-expand .navbar-toggler:not(.show) { display:none !important; }*/
.navbar-toggler { width:32px; height:32px; padding:7px 4px !important; border:none; }
.navbar-toggler .navbar-toggler-drawer { width:24px; height:18px; position:relative; }
.navbar-toggler .navbar-toggler-drawer,
.navbar-toggler .navbar-toggler-drawer > span { display:inline-block; transition:all 0.2s ease-out; }
.navbar-toggler .navbar-toggler-drawer > span { width:100%; height:2px; position:absolute; left:0; background-color:#333; border-radius:4px; }
.navbar-toggler .navbar-toggler-drawer > span:nth-of-type(1) { top:0; }
.navbar-toggler .navbar-toggler-drawer > span:nth-of-type(2) { top:8px; }
.navbar-toggler .navbar-toggler-drawer > span:nth-of-type(3) { bottom:0; }
/***************************************************************
[common]
***************************************************************/
.header-item .btn-handle::before { content:"\eac8"; font-family:"tencon"; font-size:15px; }
.header-item .btn-handle[aria-expanded="true"]::before { content:"\eada"; }
/***************************************************************
[main wrap]
***************************************************************/
.main-header { display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.main-header .heading { display:flex; align-items:center; align-content:flex-start; }
.main-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.main-header h1, .main-header .h1 { line-height:1.25; margin-top:8px; margin-bottom:8px; font-size:18px; }
.main-header h1 small, .main-header .h1 small { color:#777d81; font-weight:400; }
.main-body { margin:0; padding:0; position:relative; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
.main-wrap .main-header { flex-direction:row; align-items:center; justify-content:space-between; }
.main-wrap .main-header h1 { flex:1 1 auto; }
.main-wrap .main-header h1 small { display:inline-block; }
}
@media (min-width:768px) {
.main-wrap .main-header h1 { font-size:24px; }
}
/***************************************************************
[segment wrap]
***************************************************************/
.segment-wrap { margin:0; padding:0; /**background-color:#fff;**/ }
.segment-header { display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.segment-header .heading { display:flex; align-items:center; align-content:flex-start; }
.segment-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.segment-header h2, .segment-header .h2 { margin-bottom:0; padding-top:3px; padding-bottom:4px; font-size:16px; }
.segment-header h2 small, .segment-header .h2 small { margin:0 5px; color:#777d81; }
.segment-header p.lead { color:rgba(33,37,41,.7); }
.segment-body { /*width:100%; margin-right:auto; margin-left:auto;*/ padding:0; }
/****** responsive & retina specific ******/
@media (min-width:768px) {
.segment-header h2, .segment-header .h2 { font-size:20px; }
}
/***************************************************************
[panel wrap]
***************************************************************/
.panel-wrap { margin-top:32px; }
.panel-wrap:first-child,
fieldset legend + .panel-wrap { margin-top:0; }
.panel-wrap:last-child { margin-bottom:50px; }
.panel-header { padding:11px 16px 0; display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.panel-header .heading { display:flex; align-items:center; align-content:flex-start; }
.panel-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.panel-header h3, .panel-header .h3 { margin-bottom:0; padding-top:3px; padding-bottom:4px; }
.panel-header h3 small, .panel-header .h3 small { margin:0 5px; color:#777d81; }
.panel-body { padding:16px; }
.page-mypage .panel-header { padding-left:0; }
.page-mypage .panel-header.type2 h3 { margin-bottom:15px; }
.page-mypage .panel-header.type3 { display:inherit; }
.page-mypage .panel-header.type3 .heading { margin-bottom:5px; }
.page-mypage .panel-header.type3 .heading span { font-size:14px; color:#888; margin-left:5px; }
.page-mypage .graph-wrap { /*height:545px;*/ }
.page-mypage .graph-wrap .graph { height:calc(100% - 30px); }
/****** responsive & retina specific ******/
@media (max-width:767px) {
.page-mypage .panel-header h3 { font-size:16px; }
.page-mypage .panel-header.type2 h3 { font-size:16px; margin-bottom:10px; }
.page-mypage .graph-wrap { /*height:450px;*/ }
}
/***************************************************************
[aside wrap]
***************************************************************/
.aside-header { display:flex; align-items:stretch; justify-content:space-between; position:relative; }
.aside-header .heading { display:flex; align-items:center; align-content:flex-start; }
.aside-header .header-item { display:flex; align-items:center; align-content:flex-end; }
.aside-header h3, .aside-header .h3 { margin-bottom:0; padding-top:3px; padding-bottom:4px; }
.aside-header h3 small, .aside-header .h3 small { margin:0 5px; color:#777d81; }
/***************************************************************
[top nav]
***************************************************************/
.navtop-wrap { background-color:#fff; }
.navtop-wrap .navtop { margin:0; padding:0; }
.navtop-wrap .navbar .dropdown > .nav-link { padding:16px 32px 16px 20px; position:relative; font-size:16px; }
.navtop-wrap .navbar .dropdown.active > .nav-link,
.navtop-wrap .navbar .dropdown:active > .nav-link { color:#3688fc; }
.navtop-wrap .navbar .nav-item:first-of-type .nav-link { padding-left:0; }
.navtop-wrap .navbar .dropdown .dropdown-menu { margin-top:0; padding-top:4px; padding-bottom:4px; border-color:#e7ebf0; border-radius:0 0 4px 4px; box-shadow:0 0 10px 0 rgba(0,0,0,0.015); font-size:14px; }
.navtop-wrap .navbar .dropdown .dropdown-menu .dropdown-item { padding-top:8px; padding-bottom:8px; }
.navtop-wrap .navbar .dropdown .dropdown-menu .dropdown .dropdown-menu { display:none; position:absolute; top:0; left:100%; }
.navtop-wrap .navbar .dropdown:hover > .dropdown-menu,
.navtop-wrap .navbar .dropdown:hover > .dropdown-menu > .dropdown:hover > .dropdown-menu { display:block; }
.navtop-wrap .navbar .dropdown .dropdown-toggle::after { content:""; margin-left:16px; border:0 !important; width:15px; height:15px; margin-top:-6px; display:block; position:absolute; top:50%; right:4px; font-family:"tencon"; line-height:1; }
.navtop-wrap .navbar .dropdown > .dropdown-toggle::after { content:"\eacb"; }
.navtop-wrap .navbar .dropdown .dropdown-menu .dropdown > .dropdown-toggle::after { content:"\ead7"; }
/***************************************************************
[nav : header]
***************************************************************/
.nav-wrap .nav-header { height:56px; padding:0 4px; display:flex; flex-direction:row; align-items:center; justify-content:space-between; }
.nav-wrap .nav-header h1 { margin:0; padding:0 12px; display:flex; justify-content:flex-start; }
.nav-wrap .nav-header h1 a { display:flex; align-items:center; color:#fff; font-size:18px; font-weight:300; text-decoration:none; }
.nav-wrap .nav-header h1 a:hover { text-decoration:none; }
.nav-wrap .nav-header h1 a span { height:24px; margin-left:5px; }
.nav-wrap .nav-header h1 a .title { margin-left:8px; font-weight:700; }
.nav-wrap .nav-header h1 img { width:24px; height:24px; vertical-align:top; }
.nav-wrap .nav-header .header-item { display:flex; justify-content:flex-end; }
.nav-wrap .nav-header .inner-item i { color:#ffc107; }
/****** responsive & retina specific ******/
@media (min-width:769px) {
.nav-wrap .nav-header .header-item { display:none; }
}
/***************************************************************
[navigation toggle style]
***************************************************************/
.nav-toggle-type .nav-body { height:100%; }
.nav-toggle-type .nav-body .nav-item-header { width:100%; padding:20px 20px 5px 10px; color:rgba(255,255,255,0.95); font-size:12px; font-weight:600; text-transform:uppercase; }
.nav-toggle-type .nav-body .nav { width:100%; }
.nav-toggle-type .nav-body .nav-item { width:100%; }
.nav-toggle-type .nav-body .nav-item .nav-link { padding:12px 15px 14px; display:block; position:relative; text-align:left; font-size:14px; color:rgba(255,255,255,0.45); line-height:1; transition:all 0.2s ease-out; }
.nav-toggle-type .nav-body .nav-item .nav-link:hover { background-color:rgba(0,0,0,0.35); color:#fff; }
.nav-toggle-type .nav-body .nav-item .nav-link:hover::before { background-color:rgba(255,255,255,1) !important; transition:all 0.2s ease-out; }
.nav-toggle-type .nav-body .nav-item .nav-link i { margin-right:10px; flex:0 0 auto; display:inline-block; position:relative; top:1px; transition:all 0.2s ease-out; }
.nav-toggle-type .nav-body .nav-item.active > .nav-link { display:flex; align-items:center; }
.nav-toggle-type .nav-body .nav-item.active > .nav-link,
.nav-toggle-type .nav-body .nav-item.active > a[aria-expanded="true"] { background-color:rgba(0,0,0,0.35); color:#fff; }
.nav-toggle-type .nav-body .nav-item.active > a[data-toggle="collapse"] { position:relative; }
.nav-toggle-type .nav-body .nav-item.active > .nav-link span { max-width:100%; flex:1 1 auto; display:inline-block; }
.nav-toggle-type .nav-body .nav-item .nav-toggle-items { padding:0; }
.nav-toggle-type .nav-body .nav-item .nav-toggle-items .nav-item .nav-link { padding:8px 8px 8px 37.5px !important; background-color:rgba(0,0,0,0.15); font-size:13px !important; }
.nav-toggle-type .nav-body .nav-item.active .nav-toggle-items .nav-item.active .nav-link,
.nav-toggle-type .nav-body .nav-item.active .nav-toggle-items .nav-item.active .nav-link:hover { background-color:rgba(0,0,0,0.15); }
.nav-toggle-type .nav-body .nav-item .nav-toggle-items .nav-item .nav-toggle-items .nav-item .nav-link { padding-left:53.5px !important; background-color:rgba(0,0,0,0.35); }
.nav-toggle-type .nav-body .nav-item .nav-toggle-items .nav-item .nav-toggle-items .nav-item .nav-link::before { content:""; width:6px; height:2px; position:absolute; top:50%; left:40px; background-color:rgba(255,255,255,0.45); }
.nav-toggle-type .nav-body .nav-item > a[aria-expanded="true"]::after { transform:rotate(-90deg); }
.nav-toggle-type .nav-body .dropdown-toggle::after { content:"\e9fa"; width:16px; height:16px; margin-top:-8px; line-height:16px; display:block; position:absolute; top:50%; right:10px; border:none !important; text-align:center; font-family:"tencon"; font-size:7.5px; transition:all 0.25s ease-out; opacity:0.75; }
.nav-toggle-type .nav-footer { color:#fff; }
.nav-toggle-type .bn-ads { text-align:center; font-size:24px; font-weight:700; }
.nav-toggle-type .bn-ads.type1 { height:48px; background-color:#14c6d6; }
.nav-toggle-type .bn-ads.type2 { height:48px; background-color:#ffc107; }
.nav-toggle-type .bn-ads a { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#fff; }
.nav-toggle-type .bn-ads a:hover { text-decoration:none; }
/************ [navgation mini] ************/
.nav-toggle-mini .nav-wrap { text-align:center; }
.nav-toggle-collapsing .nav-wrap { overflow:hidden; }
.nav-toggle-mini .nav-header { padding:0 12px; }
.nav-toggle-mini .nav-header .inner-item { display:none; }
.nav-toggle-mini .nav-body .nav-item-header { display:none; }
.nav-toggle-mini .nav-body .nav-item.active > .nav-link { display:block; }
.nav-toggle-collapsing .nav-body .nav-item .nav-link span { opacity:0; }
.nav-toggle-mini .nav-body .nav-item .nav-toggle-items .nav-item .nav-link { padding:10px !important; }
.nav-toggle-collapsing .nav-body .dropdown-toggle::after { opacity:0; }
.nav-toggle-mini .nav-body .dropdown-toggle::after { display:none; }
.nav-toggle-collapsing .bn-ads, .nav-toggle-mini .bn-ads { display:none; opacity:0; }
/****** responsive & retina specific ******/
@media (min-width:769px) {
.nav-toggle-mini .wrapper,
.nav-toggle-mini .header-wrap { padding-left:56px; }
.nav-toggle-mini .nav-wrap { width:56px !important; }
.nav-toggle-mini .nav-body .nav-item .nav-link span { display:none !important; }
.nav-toggle-mini .nav-body .nav-item .nav-link i { margin-right:0; display:block; text-align:center; }
.nav-toggle-mini .nav-header h1 { width:56px; }
.nav-toggle-mini .nav-header h1 a, .nav-toggle-collapsing .nav-wrap .nav-header h1 a { font-size:0; }
}
/***************************************************************
[navigation js tree]
***************************************************************/
.nav-treeview-type.nav-wrap { background-color:#fff; }
/* jsTree default theme */
.jstree-default { font-size:14px; }
.jstree-node, .jstree-children, .jstree-container-ul { margin:0; padding:0; display:block; list-style-type:none; list-style-image:none; }
.jstree-node { white-space:nowrap; }
.jstree-anchor { margin:0; padding:0 4px 0 1px; display:inline-block; color:#000; white-space:nowrap; vertical-align:top; }
.jstree-anchor:focus { outline:0; }
.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active { text-decoration:none; color:inherit; }
.jstree-icon { margin:0; padding:0; display:inline-block; text-decoration:none; text-align:center; vertical-align:top; }
.jstree-icon:empty { margin:0; padding:0; display:inline-block; text-decoration:none; text-align:center; vertical-align:top; }
.jstree-ocl { cursor:pointer; }
.jstree-leaf > .jstree-ocl { cursor:default; }
.jstree .jstree-open > .jstree-children { display:block; }
.jstree .jstree-closed > .jstree-children, .jstree .jstree-leaf > .jstree-children { display:none; }
.jstree-anchor > .jstree-themeicon { margin-right:2px; }
.jstree-no-icons .jstree-themeicon, .jstree-anchor > .jstree-themeicon-hidden { display:none; }
.jstree-hidden, .jstree-node.jstree-hidden { display:none; }
.jstree-wholerow-ul { min-width:100%; position:relative; display:inline-block; }
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl { cursor:pointer; }
.jstree-wholerow-ul .jstree-anchor, .jstree-wholerow-ul .jstree-icon { position:relative; }
.jstree-wholerow-ul .jstree-wholerow { width:100%; cursor:pointer; position:absolute; left:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.jstree-contextmenu .jstree-anchor { -webkit-user-select:none; /*disable selection/Copy of UIWebView*/ -webkit-touch-callout:none; /*disable the IOS popup when long-press on a link*/ }
.vakata-context { display:none; }
.vakata-context, .vakata-context ul { margin:0; padding:2px; position:absolute; background:#f5f5f5; border:1px solid #979797; box-shadow:2px 2px 2px #999; }
.vakata-context ul { margin-top:-2.7rem; margin-left:-4px; left:100%; list-style:none; }
.vakata-context .vakata-context-right ul { margin-left:auto; margin-right:-4px; left:auto; right:100%; }
.vakata-context li { list-style:none; }
.vakata-context li > a { width:auto; padding:0 32px; display:block; border-radius:1px; color:#000; text-decoration:none; white-space:nowrap; line-height:2.4; text-shadow:1px 1px 0 #fff; }
.vakata-context li > a:hover { position:relative; background-color:#e8eff7; box-shadow:0 0 2px #0a6aa1; }
.vakata-context li > a.vakata-context-parent { background-image:url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position:right center; background-repeat:no-repeat; }
.vakata-context li > a:focus { outline:0; }
.vakata-context .vakata-context-hover > a { position:relative; background-color:#e8eff7; box-shadow:0 0 2px #0a6aa1; }
.vakata-context .vakata-context-separator > a, .vakata-context .vakata-context-separator > a:hover { height:1px; min-height:1px; max-height:1px; margin:0 0 0 2.4em; padding:0; background-color:#fff; border:0; border-top:1px solid #e2e3e3; border-left:1px solid #e0e0e0; text-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent; border-radius:0; }
.vakata-context .vakata-contextmenu-disabled a, .vakata-context .vakata-contextmenu-disabled a:hover { background-color:transparent; border:0; box-shadow:0 0 0; color:#c0c0c0; }
.vakata-context .vakata-contextmenu-disabled > a > i { filter:grayscale(100%); }
.vakata-context li > a > i { width:2.4em; height:2.4em; margin:0 0 0 -2em; display:inline-block; background:transparent; line-height:2.4; text-align:center; vertical-align:top; text-decoration:none; }
.vakata-context li > a > i:empty { width:2.4em; line-height:2.4em; }
.vakata-context li > a .vakata-contextmenu-sep { width:1px; height:2.4em; margin:0 .5em 0 0; display:inline-block; background-color:#fff; border-left:1px solid #e2e3e3; }
.vakata-context .vakata-contextmenu-shortcut { display:none; font-size:.8em; color:silver; opacity:.5; }
#jstree-marker { width:0; height:0; margin:-5px 0 0 0; padding:0; position:absolute; top:0; left:0; border-right:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid; font-size:0; line-height:0; }
#jstree-dnd { margin:0; padding:4px; line-height:16px; }
#jstree-dnd .jstree-icon, #jstree-dnd .jstree-copy { width:16px; height:16px; margin:0 2px 0 0; padding:0; display:inline-block; text-decoration:none; }
#jstree-dnd .jstree-ok { background:green; }
#jstree-dnd .jstree-er { background:red; }
#jstree-dnd .jstree-copy { margin:0 2px; }
.jstree-default .jstree-node, .jstree-default .jstree-icon { background-repeat:no-repeat; background-color:transparent; }
.jstree-default .jstree-anchor, .jstree-default .jstree-animated, .jstree-default .jstree-wholerow { transition:background-color .15s, box-shadow .15s; }
.jstree-default .jstree-hovered { background-color:#e7f4f9; border-radius:2px; box-shadow:inset 0 0 1px #ccc; }
.jstree-default .jstree-context { background-color:#e7f4f9; border-radius:2px; box-shadow:inset 0 0 1px #ccc; }
.jstree-default .jstree-clicked { background-color:#beebff; border-radius:2px; box-shadow:inset 0 0 1px #999; }
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon { display:none; }
.jstree-default .jstree-disabled { background:transparent; color:#666; }
.jstree-default .jstree-disabled.jstree-hovered { background:transparent; box-shadow:none; }
.jstree-default .jstree-disabled.jstree-clicked { background-color:#efefef; }
.jstree-default .jstree-disabled > .jstree-icon { opacity:.8; filter:url("data:image/svg+xml;utf8,#jstree-grayscale"); /*Firefox 10+*/ filter:gray; /*IE6-9*/ -webkit-filter:grayscale(100%); /*Chrome 19+ & Safari 6+*/ }
.jstree-default .jstree-search { color:#8b0000; font-weight:bold; font-style:italic; }
.jstree-default .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked { background:transparent; box-shadow:none; }
.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered { background-color:#e7f4f9; }
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked { background:transparent; }
.jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered { background-color:#e7f4f9; }
.jstree-default > .jstree-striped { min-width:100%; display:inline-block; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat; }
.jstree-default > .jstree-wholerow-ul .jstree-hovered, .jstree-default > .jstree-wholerow-ul .jstree-clicked { background:transparent; box-shadow:none; border-radius:0; }
.jstree-default .jstree-wholerow-hovered { background-color:#e7f4f9; }
.jstree-default .jstree-wholerow-clicked { background-color:#beebff; background:-webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%); background:linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%); }
.jstree-default .jstree-node { min-width:24px; min-height:24px; margin-left:24px; line-height:24px; }
.jstree-default .jstree-anchor { line-height:24px; height:24px; }
.jstree-default .jstree-icon { width:24px; height:24px; line-height:24px; }
.jstree-default .jstree-icon:empty { width:24px; height:24px; line-height:24px; }
.jstree-default .jstree-wholerow { height:24px; }
.jstree-default .jstree-node, .jstree-default .jstree-icon { background-image:url(../images/sprites-tree-320px@2x.png); background-size:320px auto; }
.jstree-default .jstree-node { background-position:-292px -4px; background-repeat:repeat-y; }
.jstree-default .jstree-last { background:transparent; }
.jstree-default .jstree-open > .jstree-ocl { background-position:-132px -4px; }
.jstree-default .jstree-closed > .jstree-ocl { background-position:-100px -4px; }
.jstree-default .jstree-leaf > .jstree-ocl { background-position:-68px -4px; }
.jstree-default .jstree-themeicon { background-position:-260px -4px; }
.jstree-default .root > a > .jstree-themeicon { background-position:-260px -68px; }
.jstree-default > .jstree-no-dots .jstree-node, .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl { background:transparent; }
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl { background-position:-36px -4px; }
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl { background-position:-4px -4px; }
.jstree-default .jstree-disabled { background:transparent; }
.jstree-default .jstree-disabled.jstree-hovered { background:transparent; }
.jstree-default .jstree-disabled.jstree-clicked { background-color:#efefef; }
.jstree-default .jstree-checkbox { background-position:-164px -4px; }
.jstree-default .jstree-checkbox:hover { background-position:-164px -36px; }
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox, .jstree-default .jstree-checked > .jstree-checkbox { background-position:-228px -4px; }
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover, .jstree-default .jstree-checked > .jstree-checkbox:hover { background-position:-228px -36px; }
.jstree-default .jstree-anchor > .jstree-undetermined { background-position:-196px -4px; }
.jstree-default .jstree-anchor > .jstree-undetermined:hover { background-position:-196px -36px; }
.jstree-default .jstree-checkbox-disabled { opacity:0.8; filter:url("data:image/svg+xml;utf8,#jstree-grayscale"); /*Firefox 10+*/ filter:gray; /*IE6-9*/ -webkit-filter:grayscale(100%); /*Chrome 19+ & Safari 6+*/ }
.jstree-default > .jstree-striped { background-size:auto 48px; }
.jstree-default .jstree-themeicon-custom { background-color:transparent; background-image:none; background-position:0 0; }
.jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl { background-image:url(../images/spinner-1.3s_60px_light.svg); background-size:16px; background-position:center center; background-repeat:no-repeat; }
.jstree-default .jstree-file { background-image:url(../images/sprites-tree-320px@2x.png); background-size:320px auto; background-position:-100px -68px; background-repeat:no-repeat; }
.jstree-default .jstree-folder { background-image:url(../images/sprites-tree-320px@2x.png); background-size:320px auto; background-position:-260px -4px; background-repeat:no-repeat; }
.jstree-default > .jstree-container-ul > .jstree-node { margin-left:0; margin-right:0; }
#jstree-dnd.jstree-default { line-height:24px; padding:0 2px; }
#jstree-dnd.jstree-default .jstree-ok, #jstree-dnd.jstree-default .jstree-er { background-image:url(../images/sprites-tree-320px@2x.png); background-size:320px auto; background-repeat:no-repeat; background-color:transparent; }
#jstree-dnd.jstree-default i { width:24px; height:24px; line-height:24px; background:transparent; }
#jstree-dnd.jstree-default .jstree-ok { background-position:-4px -68px; }
#jstree-dnd.jstree-default .jstree-er { background-position:-36px -68px; }
.jstree-default .jstree-ellipsis { overflow:hidden; }
.jstree-default .jstree-ellipsis .jstree-anchor { width:calc(100% - 29px); text-overflow:ellipsis; overflow:hidden; }
/***************************************************************
[footer wrap]
***************************************************************/
.footer-wrap { width:100%; position:relative; }
.footer-body { padding-top:16px; padding-bottom:16px; line-height:2; }
.footer-body p { margin-bottom:0; color:#646c73; font-size:13px; }
.footer-body p a { color:#4c4d51; font-weight:500; }
.footer-body p a:hover { color:#12b6c5; }
.footer-body .logo-wrap { padding-top:8px; }
.footer-body .description-wrap { margin-bottom:16px; word-break:keep-all; }
.footer-body .address-wrap { color:#646c73; font-size:12px; word-break:keep-all; }
.footer-body .guide-wrap { color:#646c73; font-size:12px; word-break:keep-all; }
.footer-body .author-wrap { margin-top:16px; word-break:keep-all; }
.footer-body .label { font-size:12px; font-weight:500; }
.footer-body .author-wrap .copyright { color:#646c73; font-size:12px; }
.footer-nav { margin-bottom:16px; padding-left:0; display:flex; flex-direction:row; position:relative; list-style:none; font-size:14px; }
.footer-nav .nav-item, .footer-nav .nav-item a { color:#646c73; }
.footer-nav .nav-item a strong { color:#4c4d51; }
.footer-nav .nav-item .nav-link { display:inline; }
.footer-nav .nav-item:first-child .nav-link { padding-left:0; }
.footer-nav .nav-item::before { content:""; width:1px; height:8px; margin-left:0; margin-right:0; display:inline-block; position:relative; top:-1px; background-color:rgba(0,0,0,0.3); }
.footer-nav .nav-item:first-child::before { content:none; }
/************ [scroll top] ************/
.btn-scrolltotop { width:56px; height:56px; display:none; position:fixed; right:20px; bottom:20px; background-color:rgba(255,255,255,1); border:1px solid #ddd; border-radius:4px; box-shadow:3px 3px 1px 0 rgba(0,0,0,.07); color:#212529; text-decoration:none; z-index:1049; }
.btn-scrolltotop.btn-home { border-radius:100px; }
.btn-scrolltotop:hover,
.btn-scrolltotop:focus { color:#212529; }
.btn-scrolltotop span { height:100%; display:flex; align-items:center; justify-content:center; }
/*** size ***/
.btn-scrolltotop-sm { width:48px; height:48px; }
/****** responsive & retina specific ******/
@media (min-width:576px) {
.btn-scrolltotop { bottom:13px; }
}
@media (min-width:768px) {
.btn-scrolltotop { right:40px; bottom:40px; }
.btn-scrolltotop.btn-home { right:40px; bottom:100px; }
.btn-scrolltotop.btn-home i { font-size:18px; }
.btn-scrolltotop.btn-back { left:40px; right:inherit; }
.footer-body .address-wrap { font-size:13px; }
.footer-body .guide-wrap { font-size:13px; }
.footer-body .label { font-size:13px; }
}
@media (min-width:769px) {
.btn-scrolltotop.btn-back { display:none !important; }
}
@media (max-width:767px) {
.page-detail .btn-scrolltotop { bottom:70px; }
.btn-scrolltotop.btn-home { right:20px; bottom:87px; }
.btn-scrolltotop.btn-home i { font-size:18px; }
.btn-scrolltotop.btn-back { left:20px; right:inherit; }
}