/* Body */
html, body {min-height:100vh}
html {-webkit-tap-highlight-color:transparent}
body, input, textarea, select, h1, h2, h3, h4, h5, h6, p, div {font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; outline:none}
img {max-width:100%}

/* Color */
a, .c5 {color:#006ab2}
.c3, .dark {color:#fff}
.c1, body, .menu li a, .menu2 li a, .light, .hvr #l-menu a:hover, select {color:#1d1d1f}

/* Bg Color */
.dark {background:#006ab2}
.hvr .dark:hover {background:#03578f}
.light {background:#fff}
.bg2 {background:#fff}
.bg4, body {background:#f0f3f6}
.bg6, .hvr .menu a:hover, .hvr #l-menu a:hover {background:#b2b2b7}
.hvr .m-menu a:hover {background:#e9ecef}
table tbody tr:first-child, .a-items > div.active, .hvr .light:hover, .a-items > div:hover, .bg10 {background-color:#ececec}

/* Border */
.st tbody tr:last-of-type {border-bottom:none}
.bb1, .st tbody tr {border-bottom:1px solid #dcdcdc}
.bb2, table td {border:1px solid #dcdcdc}
.bb4, .bb2:focus {border:1px solid #bbb}
.bn {border:none}
.hvr .m-item:hover a.btn-m {border-radius:8px 8px 0 0; background:#b2b2b7}

/* Shadow */

/* Typo */
a {text-decoration:none}
h1, h2, h3, h4, h5, h6, label, p, ul, li {margin:0}
ul, li {list-style-type:none; padding:0}
.cp, button, .drop, label {cursor:pointer}

/* Apple */
input::-webkit-date-and-time-value {text-align:left}
textarea, select {-webkit-appearance:none; appearance:none; border-radius:0}

/* Display */
.db, img, .flex-direction-nav a {display:block}
.pagination li, .df {display:flex}
.oxa {overflow-x:auto}

/* Alignment */
.fdc {flex-direction:column}
.jcsb {justify-content:space-between}
.jcc {justify-content:center}
.jce {justify-content:flex-end}

.cai {align-items:center}
.rai {align-items:end}
.cas {align-items:stretch}
.fs {flex-shrink:0}
.fg {flex-grow:1}
.f1 {flex:1}

.fw {flex-wrap:wrap}
.f50p {flex:50%}
.f33p {flex:33%}

/* Btn */
.btn {padding:12px}
.btn-s {padding:6px 10px}
.btn-m {padding:13px 20px}

/* Position */
.pr, table td {position:relative}
.pa {position:absolute}
.pf {position:fixed}
.pt0 {top:0}
.pt65p {top:65px}
.pt100p {top:100%}
.pb0 {bottom:0}
.pl0 {left:0}
.pr0 {right:0}
.zi0 {z-index:0}
.zi1 {z-index:1}
.zi2 {z-index:2}
.zi3 {z-index:3}

/* Table */
.st {border-collapse:collapse;}
.table-cell .tooltipCustom {display:none; position:absolute; z-index:100; top:-90px; left:-120px; text-align:left; border:1px solid #ced4da; border-radius:5px}
.table-cell:hover .tooltipCustom {display:block}

/* Bg */

.hvr .m-item:hover .m-menu {display:block}

.br8 {border-radius:8px}
.brtlr8 {border-top-left-radius:8px; border-bottom-left-radius:8px}
.brblr8 {border-top-right-radius:8px; border-bottom-right-radius:8px}

/* Text */
.st thead tr {text-align:left}
.tc {text-align:center}
.tr {text-align:right}

/* Weight */
.fw3 {font-weight:300; margin-bottom:8px}
.fw4, .fs20, .fs21, .fs18, .fs16, .fs14, .fs12, h6 {font-weight:400; margin-bottom:8px}
.fw5 {font-weight:500; margin-bottom:8px}
.fw6, .h4, .fs32, .fs30, .fs24, h1, h2, h3, h4, h5 {font-weight:600; margin-bottom:8px}

/* Font */
.fs32 {font-size:34px; line-height:43px; letter-spacing:-0.02em;} /* 700 */
.fs30, h1 {font-size:30px; line-height:40px; letter-spacing:-0.02em;} /* 700 */
.fs26, h2 {font-size:26px; line-height:30px; letter-spacing:-0.02em;} /* 700 */
.fs24, h4, .h4 {font-size:24px; line-height:32px; letter-spacing:-0.02em;} /* 600 */
.fs21 {font-size:21px; line-height:28px; letter-spacing:-0.02em;} /* 700 */
.fs20 {font-size:20px; line-height:27px; letter-spacing:0;} /* 400 */
.fs18 {font-size:18px; line-height:24px; letter-spacing:0;} /* 600 */
.fs16, h5, h6 {font-size:16px; line-height:21px; letter-spacing:0;} /* 400 */
.fs14b {font-size:14px; font-weight:700; line-height:24px; letter-spacing:-0.02em;} /* 700 */
.fs14, p {font-size:14px; line-height:24px; letter-spacing:-0.02em;} /* 400 */
.fs12 {font-size:12px; letter-spacing:-0.02em;} /* 400 */
.lh18, .fs12 {line-height:18px}

/* Grid */
.colW15 {width:calc(15% - 15px)}
.colW20 {width:calc(20% - 15px)}
.colW20F {width:calc(20% - 15px)}
.colW25 {width:calc(25% - 15px)}
.colW33 {width:calc(33% - 10px)}
.colW66 {width:calc(66% - 10px)}
.colW50 {width:calc(50% - 10px)}
.colW75 {width:calc(75% - 15px)}
.colW85 {width:calc(85% - 15px)}

/* Icons */
.ico {background-repeat:no-repeat; background-size:auto 100%; background-position:center center}
.drop {background-repeat:no-repeat; background-position:calc(100% - 19px) 50%; background-image:url('data:image/svg+xml,<svg width="8" height="17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M0 .024h7.98v6.944H0z"/><path id="c" d="M0 .02h7.98V6H0z"/></defs><g fill="none" fill-rule="evenodd" opacity=".13"><mask id="b" fill="%23fff"><use xlink:href="%23a"/></mask><path d="M.715 6.968h6.551a.71.71 0 0 0 .632-.424.872.872 0 0 0-.042-.82L4.54.333a.625.625 0 0 0-.526-.31.623.623 0 0 0-.527.306L.127 5.721a.871.871 0 0 0-.045.821.71.71 0 0 0 .633.426" fill="%23000" mask="url(%23b)"/><g transform="translate(0 11)"><mask id="d" fill="%23fff"><use xlink:href="%23c"/></mask><path d="M7.266.02H.715a.72.72 0 0 0-.633.367.66.66 0 0 0 .045.708l3.36 4.642A.65.65 0 0 0 4.014 6c.21 0 .407-.1.526-.267l3.316-4.641a.66.66 0 0 0 .042-.707.72.72 0 0 0-.632-.365" fill="%23000" mask="url(%23d)"/></g></g></svg>')}

/* Width */
.c, .mw950, .ma { margin:0 auto}
.c {max-width:1300px}
.w40 {width:40px}
.w210 {width:210px}
.w700 {width:700px}
.tooltipCustom .w50p {width:90px}
.w100p, input[type="text"] {width:100%}
input[type="text"], input[type="number"], input[type="file"], input[type="email"], input[type="password"], select, textarea, .drop, .btn {box-sizing:border-box}
input::placeholder {color:#3b3b3b; opacity:1}
.w28, .ico {width:28px}
.h28, .ico {height:28px}

/* Height */
.h48 {height:48px}
.h100p {min-height:calc(100vh - 130px)}

/* Margin */
.m0 {margin:0}

/* Padding */
.p0_12 {padding:0 12px}
.p15_20, .st th, .st td {padding:15px 20px}
.p10_15 {padding:10px 35px 10px 15px}

/* Left */

/* Right */

/* Top */
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt65 {padding-top:65px}

/* Bottom */
.mb0 {margin-bottom:0}
.mb5, .menu2 li {margin-bottom:5px}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb65 {padding-bottom:65px}

/* Input */

/* Pagination */
.pagination li a {margin:10px; width:14px; height:14px; text-align:center; border-radius:50%}
.pagination li a.page-item {background:#bfc0c0; margin-top:19px}
.pagination li a.current {background:#006ab2}
.flex-prev, .flex-next {background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="rgb(0,106,178)"><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>')}
.flex-prev.dis, .flex-next.dis {background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="rgb(180,180,180)"><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"/></svg>')}
.full {background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="rgb(0,106,178)"><path d="M144 32c8.8 0 16 7.2 16 16s-7.2 16-16 16H32V176c0 8.8-7.2 16-16 16s-16-7.2-16-16V48c0-8.8 7.2-16 16-16H144zM0 336c0-8.8 7.2-16 16-16s16 7.2 16 16V448H144c8.8 0 16 7.2 16 16s-7.2 16-16 16H16c-8.8 0-16-7.2-16-16V336zM432 32c8.8 0 16 7.2 16 16V176c0 8.8-7.2 16-16 16s-16-7.2-16-16V64H304c-8.8 0-16-7.2-16-16s7.2-16 16-16H432zM416 336c0-8.8 7.2-16 16-16s16 7.2 16 16V464c0 8.8-7.2 16-16 16H304c-8.8 0-16-7.2-16-16s7.2-16 16-16H416V336z"/></svg>')}
.mini {background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="rgb(0,106,178)"><path d="M160 48c0-8.8-7.2-16-16-16s-16 7.2-16 16V160H16c-8.8 0-16 7.2-16 16s7.2 16 16 16H144c8.8 0 16-7.2 16-16V48zM16 320c-8.8 0-16 7.2-16 16s7.2 16 16 16H128V464c0 8.8 7.2 16 16 16s16-7.2 16-16V336c0-8.8-7.2-16-16-16H16zM320 48c0-8.8-7.2-16-16-16s-16 7.2-16 16V176c0 8.8 7.2 16 16 16H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H320V48zM304 320c-8.8 0-16 7.2-16 16V464c0 8.8 7.2 16 16 16s16-7.2 16-16V352H432c8.8 0 16-7.2 16-16s-7.2-16-16-16H304z"/></svg>')}
.pagination li a:first-child, .pagination li a:last-child {margin:12px 0; width:28px; height:28px}
.flex-next {transform:rotate(-180deg)}

/* Tooltip */
.tooltipCustom {padding:10px 15px; min-width:350px; background:#fff; opacity:0.97; color:#000}

@media screen and (max-width:1500px) {
    .h-s .c {padding:0 60px}
}

@media screen and (max-width:810px) {
    .h-s .c {padding:0 12px}
    .mdf > div, .mdf > a, .mdf > h6, .mdf > h1 {width:100%}
    .mdf > div.ml15 {margin-left:0}
    .colW20F, .slides li {width:calc(50% - 7.5px)}
    .fs32, h1 {font-size:26px; line-height:30px}
    .fs26, h2 {font-size:22px; line-height:28px}
    .fs24, h4, .h4 {font-size:20px; line-height:26px}
    .fs18, h5, h6 {font-size:16px; line-height:20px}
    .btn {padding:12px}
    .slides li {float:left}
    .slides > li:nth-child(2n+1), .slides > div:nth-child(2n+1) {padding-right:8px}
    .slides > li:nth-child(2n), .slides > div:nth-child(2n) {padding-left:7px; padding-right:0}
    body.pt60 {padding-top:60px}
    li a.page-item {display:none}
    .page-item:first-child,
    .page-item:nth-child(2),
    .page-item:nth-child(3),
    .page-item:nth-child(4),
    .page-item:nth-last-child(4),
    .page-item:nth-last-child(3),
    .page-item:nth-last-child(2),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {display:block}
}