/* Reset */
html, body{
    padding:0; margin:0; overflow-x:hidden; overflow-y:auto;
    font-size:16px; font-weight:300; line-height:1.50;
    font-family:'Sukhumvit', sans-serif;
}
body.loading{height:100vh!important; overflow-y:hidden!important;}

*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; outline:none;}

a{transition:opacity .25s, color .25s;}
a, a:hover{text-decoration:none;}
a.link{text-decoration:underline; font-weight:400;}
a.link:hover{color:#fff;}

img.img{display:block; width:100%; height:auto;}
.fit{position:absolute; top:0; bottom:0; left:0; right:0;}
.img-fill{background-size:cover; background-position:center; background-repeat:no-repeat;}

input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], nput[type=file], select, 
textarea, button{font-family:'Sukhumvit', sans-serif;}

html.topnav-dropdown-opened, body.topnav-dropdown-opened,
html.global-search-opened, body.global-search-opened{overflow-y:hidden!important;}
@media screen and (max-width:1199.98px){
    html.sidenav-opened, body.sidenav-opened{overflow-y:hidden!important;}
}


/* Section & Container */
.section-padding{padding:4rem 0;}
.section-pattern-01{
    background-size:100% auto; background-position:bottom center;
    background-repeat:no-repeat; padding-bottom:12rem;
}
@media screen and (max-width:1199.98px){
    .section-pattern-01{
        background-size:1300px auto; background-position:bottom calc(50vw - 650px);
        padding-bottom:10rem;
    }
}
@media screen and (max-width:991.98px){
    .section-padding{padding:3.5rem 0;}
    .section-pattern-01{
        background-size:1100px auto; background-position:bottom calc(50vw - 550px);
        padding-bottom:8rem;
    }
}
@media screen and (max-width:767.98px){
    .section-padding{padding:3rem 0;}
    .section-pattern-01{
        background-size:900px auto; background-position:bottom calc(50vw - 450px);
        padding-bottom:6rem;
    }
}
@media screen and (max-width:575.98px){
    .section-padding{padding:2.5rem 0;}
    .section-pattern-01{
        background-size:700px auto; background-position:bottom calc(50vw - 350px);
        padding-bottom:4rem;
    }
}
@media screen and (min-width:578px){
    .container{padding-left:0; padding-right:0;}
}


/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, li{
    margin:0; font-weight:300; line-height:1.50;
}
/* h1, .h1{font-size:4.5625rem;} */
h2, .h2{font-size:3rem;} h2.lg, .h2.lg{font-size:3.25rem;}
h3, .h3{font-size:2.5rem;}
h4, .h4{font-size:1.75rem;} h4.xl, .h4.xl{font-size:2.125rem;}
h4.lg, .h4.lg{font-size:2rem;}
h5, .h5{font-size:1.625rem;} h5.sm, .h5.sm{font-size:1.5rem;}
h6, .h6{font-size:1.3125rem;} h6.sm, .h6.sm{font-size:1.25rem;}
p, .p{font-size:.9375rem;} p.lg, .p.lg{font-size:1.125rem;}
p.md, .p.md{font-size:1.0625rem;} p.sm, .p.sm{font-size:.875rem;} 
p.xs, .p.xs{font-size:.8125rem;}
@media screen and (max-width:1199.98px){
    h2, .h2{font-size:2.875rem;} h2.lg, .h2.lg{font-size:3.0625rem;}
    h3, .h3{font-size:2.375rem;}
    h4, .h4{font-size:1.6875rem;} h4.xl, .h4.xl{font-size:2rem;}
    h4.lg, .h4.lg{font-size:1.875rem;}
}
@media screen and (max-width:991.98px){
    h2, .h2{font-size:2.75rem;} h2.lg, .h2.lg{font-size:3rem;}
    h3, .h3{font-size:2.25rem;}
    h4, .h4{font-size:1.625rem;} h4.xl, .h4.xl{font-size:1.875rem;}
    h4.lg, .h4.lg{font-size:1.8125rem;}
    h5, .h5{font-size:1.5625rem;} h5.sm, .h5.sm{font-size:1.4375rem;}
}
@media screen and (max-width:767.98px){
    h2, .h2{font-size:2.5rem;} h2.lg, .h2.lg{font-size:2.75rem;}
    h3, .h3{font-size:2rem;}
    h4, .h4{font-size:1.5625rem;} h4.xl, .h4.xl{font-size:1.75rem;}
    h4.lg, .h4.lg{font-size:1.625rem;}
    h5, .h5{font-size:1.5rem;} h5.sm, .h5.sm{font-size:1.375rem;}
    h6, .h6{font-size:1.25rem;} h6.sm, .h6.sm{font-size:1.125rem;}
}
@media screen and (max-width:575.98px){
    h2, .h2{font-size:2.25rem;} h2.lg, .h2.lg{font-size:2.4375rem;}
    h3, .h3{font-size:1.75rem;}
    h4, .h4{font-size:1.4375rem;} h4.xl, .h4.xl{font-size:1.625rem;}
    h4.lg, .h4.lg{font-size:1.5rem;}
    h5, .h5{font-size:1.375rem;} h5.sm, .h5.sm{font-size:1.25rem;}
    h6, .h6{font-size:1.125rem;} h6.sm, .h6.sm{font-size:1.0625rem;}
    p, .p{font-size:.875rem;} p.lg, .p.lg{font-size:1.0625rem;} 
    p.md, .p.md{font-size:1rem;} p.sm, .p.sm{font-size:.8125rem;}
}


/* Buttons */
.btns{width:100%;}
.btn{display:inline-block; width:auto; height:auto; line-height:1.5; transition:all .25s;}

.btn.btn-action{
    font-size:.9375rem; font-weight:200; outline:none; box-shadow:none; text-decoration:none;
    padding:.625rem 2.125rem .5rem 2.125rem; border:0; white-space:nowrap;
}
.btn.btn-action em{transform:translateY(.0625rem);}
.btn.btn-action em.text-2xl{transform:translate(.125rem,.125rem);}

.btn.btn-social{
    font-size:.9375rem; width:1.875rem; height:1.875rem; padding:0; margin:0; border-radius:50%;
    line-height:2rem; text-align:center;
}
.btn.btn-social.btn-social-lg{
    font-size:1.0625rem; width:2.125em; height:2.125rem; line-height:2.25rem;
}

.btn.btn-round{border-radius:1000em;}

.btn.btn-sm{font-size:.875rem; padding:.5625rem 1.1875rem .4375rem 1.1875rem;}
.btn.btn-xs{font-size:.8125rem; padding:.3125rem 1rem;}

.btn.btn-min-width{min-width:9rem;}

/* Button Socials */
.btn-socials{
    width:100%; display:flex; align-items:center; justify-content:space-between;
    flex-wrap:wrap;
}
.btn-socials .btn-social-custom{
    display:flex; align-items:center; width:calc(50% - .375rem); margin:.75rem 0 0 0;
    border-radius:.1875rem; font-size:.875rem; font-weight:300; padding:0 .5rem 0 0;
    color:#ffffff; transition:background .25s;
}
.btn-socials .btn-social-custom > em{
    display:block; width:2.5rem; height:2.5rem; line-height:2.5rem; margin:0 .5rem 0 0;
    text-align:center; font-size:1.25rem;
}
.btn-socials .btn-social-custom > .text{
    width:calc(100% - 3rem); margin:.25rem 0 0 0; white-space:nowrap;
}
@media screen and (max-width:575.98px){
    .btn-socials .btn-social-custom{width:100%; margin:.5rem 0 0 0;}
}


/* Clip Path */
.clip-path-01{clip-path:polygon(0 0, calc(100% - 1rem) 0, 100% 1rem, 100% 100%, 0 100%);}
.clip-path-02{clip-path:polygon(0 0, calc(100% - .9rem) 0, 100% .9rem, 100% 100%, 0 100%);}


/* Inputs */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, textarea{
    border:1px solid transparent; border-radius:.25rem; box-shadow:none!important;
    padding:.4375rem .875rem; font-size:1rem; font-weight:300; margin:0; line-height:1.5;
    outline:none!important; transition:border-color .25s, color .25s;
}
input[type=text].round, input[type=email].round, input[type=password].round, input[type=date].round, 
input[type=tel].round, input[type=number].round, input[type=phone].round, input[type=submit].round, 
input[type=file].round, select.round, textarea.round{border-radius:1.25rem;}
input[type=file]{padding:.1875rem .875rem .1875rem .1875rem;}

input[type=text].md, input[type=email].md, input[type=password].md, input[type=date].md, 
input[type=tel].md, input[type=number].md, input[type=phone].md, input[type=submit].md, 
input[type=file].md, select.md, textarea.md{font-size:1rem; padding:.625rem 1rem; height:auto;}

input[type=text].sm, input[type=email].sm, input[type=password].sm, input[type=date].sm, 
input[type=tel].sm, input[type=number].sm, input[type=phone].sm, input[type=submit].sm, 
input[type=file].sm, select.sm, textarea.sm{font-size:.875rem; padding:.25rem .875rem; height:auto;}

textarea[data-copy]{pointer-events:none!important;}
@media screen and (max-width:991.98px){
    textarea[data-copy].adaptive{height:5.875rem;}
}
@media screen and (max-width:575.98px){
    textarea[data-copy].adaptive{height:8.25rem;}
}

/* Input Wrapper */
.select-wrapper, .search-wrapper, .date-wrapper{display:inline-block; position:relative;}
.select-wrapper::after, .search-wrapper::after, .date-wrapper::after{
    font-family:'Font Awesome 5 Free'; font-size:1.125rem; font-weight:300;
    position:absolute; top:0; bottom:0; right:.375rem; width:1.75rem; pointer-events:none;
    display:flex; align-items:center; justify-content:center;
}
.select-wrapper::after{content:'\f078'; font-size:.75rem; font-weight:900;}
.search-wrapper::after{content:'\f002'; font-size:.875rem; font-weight:900;}
.date-wrapper::after{content:'\f073'; font-size:1.125rem; left:.375rem; right:auto;}
.select-wrapper select, .search-wrapper select, .date-wrapper select{
    -moz-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;
}
.select-wrapper input, .select-wrapper select, .select-wrapper textarea,
.search-wrapper input, .search-wrapper select, .search-wrapper textarea{
    width:auto; max-width:100%; padding-right:2.25rem;
}
.date-wrapper input, .date-wrapper select, .date-wrapper textarea{
    width:auto; max-width:100%; padding-left:2.25rem;
}
.message-wrapper{display:block; position:relative; box-shadow:0px 4px 8px 4px rgba(0,0,0,.08);}
.message-wrapper input{width:100%; max-width:100%; padding-right:3.75rem;}
.message-wrapper button.btn.btn-action{
    position:absolute; top:.25rem; bottom:.25rem; right:.25rem; width:3rem; padding:0;
    font-size:1.25rem;
}

/* Input Dropzone */
.input-dropzone{
    border-radius:.25rem; cursor:pointer; border:1px solid transparent;
    padding:1.625rem 1rem 1.75rem 1rem;
}
.input-dropzone > *{pointer-events:none!important;}
.input-dropzone .dz-preview{display:none!important;}

/* Input Form Group */
.form-group{margin:.5625rem 0 0 0;}
.form-group label{margin:0 0 .125rem 0;}
.form-group .select-wrapper, .form-group .search-wrapper, 
.form-group .date-wrapper{display:block; width:100%;}
.form-group .form-control{width:100%; height:auto;}
.form-check{margin:.5rem 0 0 0;}
.form-check > label{
    font-size:.875rem; font-weight:300; padding:0 0 0 .1875rem;
    margin:.1875rem 0 0 0; cursor:pointer; transform:translateY(-.1875rem);
}
.form-check > input[type="checkbox"], .form-check > input[type="radio"]{
    font-size:1rem; width:1rem; height:1rem; cursor:pointer
}

.form-check.sm > label{padding:0; margin:0; transform:translateY(-.0625rem);}
.form-check.sm > input[type="checkbox"], .form-check.sm > input[type="radio"]{
    font-size:.75rem; width:.75rem; height:.75rem;
}


/* Book Container */
.book-container{width:100%; height:580px; position:relative; border-radius:0; overflow:hidden;}
.book-container.minisite{height:500px;}
@media screen and (max-width:1199.98px){
    .book-container{height:500px;}
    .book-container.minisite{height:480px;}
}
@media screen and (max-width:991.98px){
    .book-container.minisite{height:360px;}
}
@media screen and (max-width:767.98px){
    .book-container{height:420px;}
    .book-container.minisite{height:380px;}
}
@media screen and (max-width:575.98px){
    .book-container{height:320px;}
    .book-container.minisite{height:320px;}
}


/* Captcha Container */
.captcha-container{width:100%; max-width:17.5rem;}
.captcha-container img{display:block; width:100%; height:auto;}


/* Chart Container */
.chart-container{
    width:100%; max-width:32rem; display:flex; align-items:center; justify-content:space-between;
    flex-wrap:wrap; margin:0 auto;
}
.chart-container.adaptive-01{height:12.875rem;}
.chart-container.adaptive-02{height:17.625rem;}
.chart-container .chart{width:calc(100% - 12rem);}
.chart-container.no-label .chart{width:100%;}
.chart-container .labels{width:12rem;}
.chart-container .label{width:100%; display:flex; align-items:center; margin:.375rem 0;}
.chart-container .label > .dot{
    display:block; width:.75rem; height:.75rem; border-radius:50%; margin:0 .5rem 0 0;
}
.chart-container .label > *:nth-child(2){width:calc(100% - 1.25rem);}
@media screen and (max-width:991.98px){
    .chart-container.adaptive-01{height:11.5rem;}
    .chart-container.adaptive-02{height:15rem;}
}
@media screen and (max-width:767.98px){
    .chart-container.adaptive-01{height:13rem;}
    .chart-container.adaptive-02{height:13rem;}
}
@media screen and (max-width:575.98px){
    .chart-container{justify-content:center;}
    .chart-container .chart{width:100%;}
    .chart-container .labels{margin-top:.25rem;}
}


/* Chat Container */
.chat-container{display:block; width:100%;}
.ss-box-webboard .chat-container{padding:0 0 0 3.125rem;}
.chat-container .chat-content{
    overflow-x:hidden; overflow-y:auto; max-height:calc(100vh - 10rem); padding:0 .5rem 1.25rem 0;
}
.chat-container .chat-date{
    width:100%; text-align:center; padding:.5rem 0 .25rem 0; font-size:.875rem;
    font-weight:400; opacity:.6;
}
.chat-container .chat{width:100%; display:flex; align-items:flex-end; margin:1rem 0 0 0;}
.chat-container .chat:not(.chat-other){direction:rtl;}
.chat-container .chat > .profile-container{
    display:block; position:relative; width:2.125rem; height:2.125rem; border-radius:50%;
    padding:.0625rem; margin:0 0 0 1rem;
}
.chat-container .chat.chat-other > .profile-container{margin:0 1rem 0 0;}
.chat-container .chat .profile{
    display:block; width:100%; height:100%; border-radius:50%; background-size:cover;
    background-position:center; background-repeat:no-repeat;
}
.chat-container .chat > .text-container{
    width:calc(100% - 8.5rem); display:flex; flex-wrap:wrap;
}
.chat-container .chat:not(.chat-other) > .text-container{
    justify-content:flex-end; text-align:right;
}
.chat-container .chat > .text-container p{width:100%;}
.chat-container .chat .text-wrapper{
    width:auto; max-width:36rem; border-radius:.25rem; padding:.875rem 1rem; margin:0 0 0 auto;
    border:1px solid transparent;
}
.chat-container .chat.chat-other .text-wrapper{margin:0 auto 0 0;}
@media screen and (max-width:991.98px){
    .ss-box-webboard .chat-container{padding:0 0 0 2.875rem;}
}
@media screen and (max-width:767.98px){
    .ss-box-webboard .chat-container{padding:0;}
    .chat-container .chat > .text-container{width:calc(100% - 5rem);}
    .chat-container .chat .text-wrapper{padding:.75rem;}
}
@media screen and (max-width:575.98px){
    .chat-container .chat > .text-container{width:calc(100% - 2rem);}
}


/* CK Editor */
.ckeditor{display:block; position:relative; width:100%;}
.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar{border:0;}
.ck.ck-editor__main>.ck-editor__editable{min-height:260px; outline:none; box-shadow:none;}


/* Hamburger */
.hamburger{cursor:pointer;}
.hamburger > *{
    width:1.625rem; height:.125rem; transform:translateX(.375rem); transition:all .45s;
}
.hamburger > *:nth-child(2){margin:.4375rem 0; width:2rem; transform:none;}
.hamburger.active > *:nth-child(1){
    width:2rem; -webkit-transform:rotate(-45deg)translate(-.4rem, .4rem);
    transform:rotate(-45deg)translate(-.4rem, .4rem);
}
.hamburger.active > *:nth-child(2){opacity:0; transform:translateX(2rem);}
.hamburger.active > *:nth-child(3){
    width:2rem; -webkit-transform:rotate(45deg)translate(-.4rem,-.4rem);
    transform:rotate(45deg)translate(-.4rem, -.4rem);
}


/* List Header */
.list-header{
    position:relative; width:100%; display:flex; align-items:center;
    justify-content:space-between; padding:.125rem 0; margin:0;
}
.list-header > .block{display:block;}
.list-header .option{
    display:inline-block; width:2.25rem; height:2.25rem; text-align:center;
    line-height:2.3125rem; font-size:1.0625rem; margin:0; padding:0;
    border-radius:1000em; border:1px solid transparent;
    transition:color .25s, border-color .25s, background .25s;
}
.list-header .btn-icon{display:inline-block; margin-left:1rem; font-size:.875rem;}
.list-header .btn-icon:first-child{margin-left:0;}
.list-header .btn-icon em{
    display:inline-block; width:1.75rem; height:1.75rem; line-height:1.75rem;
    border-radius:50%; text-align:center; font-size:1.125rem; margin:0 .1875rem 0 0;
}
@media screen and (max-width:991.98px){
    .list-header{flex-wrap:wrap; justify-content:center;}
    .list-header > .block{width:100%; text-align:center; margin:0 0 .4375rem 0;}
    .list-header .select-wrapper, .list-header .search-wrapper{
        display:block; width:100%; max-width:18rem; margin:0 auto .3125rem auto;
    }
    .list-header .select-wrapper > *, .list-header .search-wrapper > *{width:100%;}
    .list-header .btn-icon{margin-left:.75rem;}
}
@media screen and (max-width:575.98px){
    .list-header .btn-icon{margin-left:.625rem;}
    .list-header .btn-icon em{margin:0 .125rem 0 0;}
}

/* List Footer */
.list-footer{
    position:relative; width:100%; display:flex; align-items:center;
    justify-content:space-between; padding:.125rem 0; margin:2rem 0 0 0;
}
.list-footer > .block{display:flex; align-items:center;}
.list-footer .pagination-01{margin:0;}
.list-footer .text-wrapper{text-align:center; font-size:1.25rem; padding:.375rem 0; font-weight:300;}
.list-footer .select-wrapper::after{right:.125rem; font-size:.625rem;}
.list-footer select{
    padding:.325rem 1.25rem .325rem .75rem; font-size:.9375rem; margin:0 0 0 .25rem;
}
@media screen and (max-width:767.98px){
    .list-footer{
        flex-wrap:wrap; justify-content:center; padding:.625rem 0; margin:1.5rem 0 0 0;
        border-bottom:1px solid transparent;
    }
    .list-footer > .block{width:100%;}
    .list-footer .text-wrapper{width:100%;}
}

/* List Control */
.list-control{
    width:100%; display:flex; align-items:center; justify-content:space-between;
    padding:.25rem 0;
}
.list-control > .list-icon{padding:.25rem 1rem; font-size:1.75rem; line-height:1;}
.list-control > .list-btn{
    width:calc(50% - 1.875rem); display:flex; align-items:center; padding:.25rem 0;
}
.list-control > .list-btn:last-child{justify-content:flex-end; text-align:right;}
.list-control > .list-btn .text{width:calc(100% - 2.375rem);}
@media screen and (max-width:991.98px){
    .list-control > .list-btn .text{
        display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
        -webkit-box-orient:vertical; -webkit-line-clamp:2;
    }
}
@media screen and (max-width:575.98px){
    .list-control > .list-icon{display:none;}
    .list-control > .list-btn{width:calc(50% - .25rem);}
}


/* Map Container */
.map-container{display:block; position:relative; height:100%; min-height:20rem;}
.map-container.adaptive{height:auto;}
@media screen and (max-width:767.98px){
    .map-container{min-height:18rem;}
}
@media screen and (max-width:575.98px){
    .map-container{min-height:15rem;}
}


/* Password Level */
.password-level{display:block; width:100%;}
.password-level > .levels{
    width:100%; display:flex; align-items:center; justify-content:space-between;
    margin:.4375rem 0 .3125rem 0;
}
.password-level > .levels > *{
    display:block; width:calc((100% - 1.25rem) / 4); height:.3125rem; transition:background .25s;
}
.password-level > p > span{transition:color .25s;}


/* Popup */
.popup-container{
    display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:100;
    opacity:0; pointer-events:none; background:rgba(0,0,0,.7); transition:opacity .45s;
}
.popup-container.active{opacity:1; pointer-events:all;}
.popup-container > .wrapper{
    position:relative; width:100%; height:100%; padding:1.5rem;; display:flex; align-items:center;
}
.popup-container > .wrapper > .close-filter{
    position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; cursor:pointer;
}
.popup-container .popup-box{
    display:flex; position:relative; width:100%; max-width:52rem; overflow:hidden; margin:0 auto;
}
.popup-container .popup-box > .content-container{
    display:block; width:calc(100% - 3.75rem); padding:1.25rem; border:2px solid transparent;
}
.popup-container .popup-box > .btn-close{
    display:block; width:3.75rem; height:3.75rem; line-height:3.9375rem; text-align:center;
    font-size:2.375rem; border:2px solid transparent; transition:background .25s;
}
.popup-container .popup-box .img-container{position:relative; width:calc(100% - .5rem); height:100%;}
@media screen and (max-width:991.98px){
    .popup-container .popup-box .img-container{width:100%;}
}
@media screen and (max-width:767.98px){
    .popup-container .popup-box > .content-container{width:calc(100% - 3rem); padding:1rem;}
    .popup-container .popup-box > .btn-close{
        width:3rem; height:3rem; line-height:3.125rem; font-size:2.125rem;
    }
    .popup-container .popup-box .img-container{max-width:21rem; height:15rem;}
}
@media screen and (max-width:575.98px){
    .popup-container > .wrapper{padding:1rem;}
    .popup-container .popup-box > .content-container{width:calc(100% - 2.25rem);}
    .popup-container .popup-box > .btn-close{
        width:2.25rem; height:2.25rem; line-height:2.375rem; font-size:1.625rem;
    }
    .popup-container .popup-box .img-container{max-width:16rem; height:10rem;}
}
.popup-container.round .popup-box > .content-container{width:100%;}
.popup-container.round .popup-box > .btn-close{position:absolute; top:0; right:0;}
.popup-container.simple .popup-box{display:block;}
.popup-container.simple .popup-box .img-container{width:100%; max-width:100%; height:auto;}
.popup-container.simple .popup-box .img-container > img{display:block; width:100%; height:auto;}


/* Post Content */
.post-content{display:block; width:100%; max-width:54rem; margin:2rem auto 0 auto; font-family:'THSarabunNew', sans-serif;}
.post-content.sm{max-width:46rem;}
.post-content img.img-content{
    display:block; width:100%; max-width:20rem; height:auto; margin:0 auto;
}
@media screen and (max-width:991.98px){
    .post-content img.img-content{max-width:16rem;}
}


/* Post Footer */
.post-footer{
    width:100%; display:flex; align-items:flex-start; justify-content:space-between;
    flex-wrap:wrap; padding:0; margin:2rem 0 0 0;
}
.post-footer > .block{display:flex; align-items:center; flex-wrap:wrap; margin:.1875rem 0;}
.post-footer .toggle-target{top:calc(100% + .5rem); left:0; width:13rem;}
.post-footer .toggle-target textarea{width:100%; pointer-events:none;}
@media screen and (max-width:767.98px){
    .post-footer > .block{width:100%; justify-content:center;}
}

/* Post Stat */
.post-stat{
    width:100%; display:flex; align-items:center; justify-content:space-between;
    flex-wrap:wrap; margin:0;
}
.post-stat > .block{display:flex; align-items:center; flex-wrap:wrap; margin:0;}
.post-stat .stat{
    display:flex; align-items:center; font-size:.875rem; white-space:nowrap;
    margin:.1875rem 1.5rem .1875rem 0; font-weight:400;
}
.post-stat .stat:last-child{margin-right:0;}
.post-stat .stat em{
    display:block; width:1.3125rem; height:1.3125rem; line-height:1.375rem;
    border-radius:50%; font-size:.625rem; margin:0 .4375rem 0 0; text-align:center;
}
@media screen and (max-width:575.98px){
    .post-stat > .block{width:100%; justify-content:center;}
}

/* Post Video */
.post-video{display:block; width:100%; max-width:44rem; margin:0 auto;}
.post-video > .wrapper{position:relative; width:100%; padding:56% 0 0 0;}
.post-video video, .post-video iframe{width:100%; height:100%;}


/* Scroll Wrapper */
.scroll-wrapper{width:100%; overflow:hidden;}
.scroll-x-wrapper{width:100%; overflow-x:auto; overflow-y:hidden; padding:0 0 .875rem 0;}
.scroll-y-wrapper{width:100%; overflow-x:hidden; overflow-y:auto; padding:0 .875rem 0 0;}


/* Special Ads */
.ss-ads{
    position:relative; display:block; width:100%; height:100%;
    background-size:cover; background-position:center;
}

/* Special Ads 01 */
.ss-ads-01{border-radius:1rem; padding:1rem; overflow:hidden;}
.ss-ads-01 > .wrapper{display:flex; flex-wrap:wrap; width:100%; height:100%; min-height:12rem;}
.ss-ads-01 > .wrapper > *{width:100%;}
.ss-ads-01 .btns{margin:auto 0 0 0;}


/* Special Box */
.ss-box{display:block; width:100%; max-width:30rem; margin:0 auto;}
.ss-box.md{max-width:34rem;}
.ss-box.lg{max-width:38rem;}
.ss-box.xl{max-width:44rem;}
.ss-box > .box-content{position:relative; width:100%;}

.ss-box .title-container{width:100%; display:flex; align-items:center;}
.ss-box .title-container > *{display:flex; align-items:center; height:3.125rem; overflow:hidden;}
.ss-box .title-container > .title-wrapper{width:calc(100% - 8rem); padding:0 1.5rem;}
.ss-box .title-container > .btn-wrapper{
    width:8rem; justify-content:flex-end; padding:0 1.5rem 0 1rem;
}
.ss-box .title-container.with-active > .active-wrapper{width:10rem; padding:0 1rem 0 1.5rem;}
.ss-box .title-container.with-active > .title-wrapper{width:calc(100% - 18rem); padding:0 1rem;}

.ss-box.full-grid{width:100%; max-width:100%; padding:0 1.5rem 0 0;}
.ss-box.full-grid.eq-padding{width:100%; max-width:100%; padding:0 1.5rem;}
.ss-box.full-grid .title-container{width:calc(100% + 1.5rem); margin:0 -1.5rem 0 0;}
.ss-box.full-grid.eq-padding .title-container{width:calc(100% + 3rem); margin:0 -1.5rem;}

.ss-box .input-group{
    display:block; width:100%; padding:1.5rem 1.5rem 1.625rem 1.5rem;
    border:1px solid transparent; border-bottom:0;
}
.ss-box .input-group.header{padding:1rem 1.5rem;}
.ss-box .input-group:first-child{border-top:2px solid transparent;}
.ss-box .input-group:last-child{border-bottom:1px solid transparent;}

@media screen and (max-width:991.98px){
    .ss-box .input-group{padding:1rem 1rem 1.125rem 1rem;}
    .ss-box .input-group.header{padding:.875rem 1rem;}
}
@media screen and (max-width:767.98px){
    .ss-box .title-container > *{height:3rem;}
    .ss-box .title-container > .title-wrapper{width:calc(100% - 7rem); padding:0 1rem;}
    .ss-box .title-container > .btn-wrapper{width:7rem; padding:.5rem 1rem;}
    .ss-box .title-container.with-active > .active-wrapper{width:9rem; padding:0 1rem;}
    .ss-box .title-container.with-active > .title-wrapper{width:calc(100% - 16rem);}
    
    .ss-box.full-grid, .ss-box.full-grid.eq-padding{padding:0 1rem;}
    .ss-box.full-grid .title-container, .ss-box.full-grid.eq-padding .title-container{
        width:calc(100% + 2rem); margin:0 -1rem;
    }
}
@media screen and (max-width:575.98px){
    .ss-box .title-container.with-active{flex-wrap:wrap;}
    .ss-box .title-container.with-active > .active-wrapper{width:100%;}
    .ss-box .title-container.with-active > .title-wrapper{width:calc(100% - 7rem);}
}

/* Special Box Header */
.ss-box-header{display:block; position:relative; width:100%; margin:1rem 0 0 0;}
.ss-box-header > .header{width:100%; overflow:hidden; padding:.875rem 1.75rem;}
.ss-box-header > .body{width:100%; overflow:hidden; padding:1.375rem 1.75rem;}
.ss-box-header > .header > *:first-child, .ss-box-header > .body > *:first-child{margin-top:0;}
.ss-box-header.bradius-round > .header{border-radius:1rem 1rem 0 0;}
.ss-box-header.bradius-round > .body{border-radius:0 0 1rem 1rem;}
@media screen and (max-width:991.98px){
    .ss-box-header > .header{padding:.875rem 1.5rem;}
    .ss-box-header > .body{padding:1.375rem 1.5rem;}
}
@media screen and (max-width:767.98px){
    .ss-box-header > .header{padding:.75rem 1.25rem;}
    .ss-box-header > .body{padding:1.25rem 1.25rem;}
}
@media screen and (max-width:575.98px){
    .ss-box-header > .header{padding:.625rem 1rem;}
    .ss-box-header > .body{padding:1rem 1rem;}
}

/* Special Box Webboard */
.ss-box-webboard{display:block; position:relative; width:100%; margin:1rem 0 0 0;}
.ss-box-webboard > .header{
    display:block; position:relative; width:100%; padding:1.5rem 1.5rem .625rem 1.5rem;
    border-radius:1.25rem 1.25rem 0 0;
}
.ss-box-webboard > .header::before{
    content:''; position:absolute; top:calc(100% - 2px); left:4.625rem; z-index:1;
    width:2.25rem; height:1.25rem; clip-path:polygon(0 0, 100% 0, 100% 100%);
}
.ss-box-webboard .btn.btn-icon{
    display:inline-block; width:1.5625rem; height:1.5625rem; line-height:1.5625rem;
    padding:0; margin:.0625rem 0; border:1px solid transparent; border-radius:50%;
    font-size:.8125rem; transition:color .25s, background .25s, border-color .25s;
    transform:translateY(-.0625rem);
}
.ss-box-webboard .webboard-profile{display:flex; align-items:center; padding:.125rem 0;}
.ss-box-webboard .webboard-profile.multiple{direction:rtl; padding-right:.75rem;}
.ss-box-webboard .webboard-profile > .profile-icon{
    position:relative; display:block; width:2.125rem; height:2.125rem; border-radius:50%;
    padding:.0625rem; margin:0 .5rem 0 0;
}
.ss-box-webboard .webboard-profile.multiple > .profile-icon{margin:0 -.75rem 0 0;}
.ss-box-webboard .webboard-profile .img-bg{
    display:block; width:100%; height:100%; border-radius:50%; background-size:cover;
    background-position:center; background-repeat:no-repeat;
}
.ss-box-webboard .webboard-profile .text{white-space:nowrap;}
.ss-box-webboard > .body{position:relative; display:block; width:100%; padding:0 0 1rem 0;}
.ss-box-webboard .body-section{
    width:100%; padding:2.5rem 1.5rem 2rem 1.5rem; border-top:1px solid transparent;
}
.ss-box-webboard .body-section:first-child{border-top:0;}
.ss-box-webboard .inner-wrapper{
    display:block; width:calc(100% - 3.125rem); margin:0 0 0 3.125rem;
    padding:1.3125rem 10rem 1.3125rem 0; border-bottom:1px solid transparent;
}
.ss-box-webboard .blocks{
    width:calc(100% + 3rem); display:flex; align-items:center; justify-content:space-between;
    flex-wrap:wrap; border-top:1px solid transparent; border-bottom:1px solid transparent;
    margin:1rem -1.5rem 0 -1.5rem; padding:0 1.5rem 0 4.625rem;
}
.ss-box-webboard .inner-wrapper .blocks{width:100%; margin:0; padding:0;}
.ss-box-webboard .block{display:flex; align-items:center; flex-wrap:wrap;}
.ss-box-webboard .slot{
    display:block; padding:.5rem .9375rem; border-right:1px solid transparent; white-space:nowrap;
}
.ss-box-webboard .inner-wrapper .slot{padding:.5rem 0;}
.ss-box-webboard .slot:first-child{padding-left:0;}
.ss-box-webboard .slot:last-child{padding-right:0; border-right:0;}
@media screen and (max-width:1199.98px){
    .ss-box-webboard .inner-wrapper{padding:1.3125rem 8rem 1.3125rem 0;}
}
@media screen and (max-width:991.98px){
    .ss-box-webboard > .header{padding:1.125rem 1rem .625rem 1rem;}
    .ss-box-webboard > .header .blocks{
        width:calc(100% + 2rem); margin:1rem -1rem 0 -1rem; padding:0 1rem 0 3.875rem;
    }
    .ss-box-webboard .inner-wrapper{
        width:calc(100% - 2.875rem); margin:0 0 0 2.875rem; padding:1.25rem 0;
    }
}
@media screen and (max-width:767.98px){
    .ss-box-webboard .block{width:100%; padding:.25rem 0 0 0;}
    .ss-box-webboard > .header .slot{padding:.125rem 1.25rem .375rem 0!important; border-right:0;}
    .ss-box-webboard .inner-wrapper{padding:1rem 0;}
    .ss-box-webboard .inner-wrapper .slot{padding:.125rem 0;}
}

/* Special Box Shadow */
.ss-box-shadow{
    position:absolute; top:0; bottom:40%; left:-1rem; right:-1rem; pointer-events:none;
    -webkit-mask-image:linear-gradient(to bottom, #000, #000, #000, #000, 
        #000, #000, #000, #000, #000, #000, #000, #000, #000, 
        rgba(0,0,0,.75), rgba(0,0,0,.5), rgba(0,0,0,.25), rgba(0,0,0,0));
}
.ss-box-shadow.lg{bottom:20%;}
.ss-box-shadow.xl{bottom:0;}
.ss-box-shadow.xxl{bottom:-17%;}
.ss-box-shadow::before{
    content:''; display:block; width:calc(100% - 2rem); height:100%; margin:0 1rem;
    box-shadow:0 0 10px 2px rgb(0 0 0 / 15%);
}


/* Special Card */
.ss-card{display:block; width:100%;}
.ss-card .text-container .title, .ss-card .text-container .desc{
    display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
    -webkit-box-orient:vertical; transition:color .25s;
}

/* Special Card 01 */
.ss-card-01{display:flex; justify-content:space-between; padding:.75rem 0;}
.ss-card-01 .icon-container{width:3rem;}
.ss-card-01 .icon-container .icon{
    width:2rem; height:2rem; border-radius:50%; text-align:center; font-size:1.375rem;
    line-height:2.25rem; margin:.3125rem 0 0 0;
}
.ss-card-01 .text-container{width:calc(100% - 3rem);}
.ss-card-01 .text-container .title{margin:0 0 .25rem 0;}
.ss-card-01.lg{align-items:center; padding:0;}
.ss-card-01.lg .icon-container{width:3rem; margin:0 1rem 0 .5rem;}
.ss-card-01.lg .icon-container .icon{
    width:3rem; height:3rem; line-height:3.25rem; border-radius:0; text-align:center; 
    font-size:1.75rem; margin:0; border-bottom:3px solid transparent;
}
.ss-card-01.lg .text-container{width:calc(100% - 5rem); padding:1.125rem 0;}
.ss-card-01.lg .text-container .title{-webkit-line-clamp:2;}
.ss-card-01.lg .text-container .desc{-webkit-line-clamp:3;}
@media screen and (max-width:991.98px){
    .ss-card-01.lg .icon-container{width:2.75rem; margin:0 1rem 0 0;}
    .ss-card-01.lg .icon-container .icon{
        width:2.75rem; height:2.75rem; line-height:3rem; font-size:1.75rem; 
    }
    .ss-card-01.lg .text-container{width:calc(100% - 3.75rem); padding:1rem 0;}
}
@media screen and (max-width:767.98px){
    .ss-card-01{padding:.625rem 0;}
}

/* Special Card 02 */
.ss-card-02 .text-container{padding:1rem; transition:background .25s;}
.ss-card-02 .text-container .title{-webkit-line-clamp:3; min-height:4.6875rem;}
.ss-card-02 .text-container .desc{-webkit-line-clamp:4; min-height:4.8125rem;}
.ss-card-02 .text-container .arrow{
    margin:1rem 0 0 0; font-size:1.875rem; line-height:.8; transition:color .25s;
}
.ss-card-02 .text-container .card-tag{
    display:inline-block; width:auto; padding:.375rem 1rem; font-size:.8125rem;
    font-weight:300; box-shadow:0px 2px 5px 2px rgba(0,0,0,.2);
    transform:translate(-1rem, -1rem);
}
@media screen and (max-width:575.98px){
    .ss-card-02 .text-container .title, .ss-card-02 .text-container .desc{min-height:0;}
}

/* Special Card 03 */
.ss-card-03 .text-container{padding:1rem; transition:background .25s;}
.ss-card-03 .text-container .title{-webkit-line-clamp:2; min-height:2.1825rem;}
@media screen and (max-width:575.98px){
    .ss-card-03 .text-container .title{min-height:0;}
}

/* Special Card 04 */
.ss-card-04{border-radius:1rem; overflow:hidden;}
.ss-card-04 .text-container{
    position:relative; padding:1.75rem 1rem .375rem 1rem; border:1px solid transparent;
    border-radius:1rem; margin:-1rem 0 0 0; transition:background .25s, border-color .25s;
}
.ss-card-04 .text-container .card-tag{
    position:absolute; top:-1.125rem; left:0; padding:.375rem 1rem; font-size:.8125rem;
    font-weight:300; box-shadow:0px 2px 5px 2px rgba(0,0,0,.2);
}
.ss-card-04 .text-container .title{-webkit-line-clamp:3; min-height:4.6875rem;}
.ss-card-04 .text-container .ss-stat{
    width:calc(100% - 2.375rem); justify-content:space-between; margin-top:.75rem;
}
.ss-card-04 .text-container .arrow{
    position:absolute; bottom:.625rem; right:.75rem; font-size:1.875rem; line-height:.8;
    transition:color .25s;
}
@media screen and (min-width:992px){
    .ss-card-04.adaptive{position:relative; height:100%;}
    .ss-card-04.adaptive .text-container{position:absolute; padding:0; bottom:0; left:0; width:60%;}
    .ss-card-04.adaptive .text-container > .wrapper{
        position:relative; width:100%; padding:1.75rem 1rem .375rem 1rem;
    }
}
@media screen and (max-width:991.98px){
    .ss-card-04.adaptive .text-container .title{min-height:0;}
}
@media screen and (max-width:575.98px){
    .ss-card-04 .text-container .title{min-height:0;}
}

/* Special Card 05 */
.ss-card-05{position:relative; display:block; width:100%; padding:2rem 0 1rem;}
.ss-card-05 > .img-container{
    display:block; position:absolute; top:0; bottom:0; left:0; right:13.5rem;
    border-radius:1rem; overflow:hidden;
}
.ss-card-05 > .img-container .wrapper{position:relative; width:100%; height:100%;}
.ss-card-05 > .img-container .img-wrapper{
    position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; pointer-events:none;
    transition:opacity .25s;
}
.ss-card-05 > .img-container .img-wrapper.active{opacity:1; pointer-events:auto;}
.ss-card-05 .text-container{
    position:relative; display:block; width:100%; max-width:16.625rem; border-radius:1rem;
    margin:0 0 0 auto; border:1px solid transparent; box-shadow:0px 2px 5px 2px rgba(0,0,0,.1);
}
.ss-card-05 .text-container .card-tag{
    position:absolute; top:-1.125rem; left:0; padding:.375rem 1rem; font-size:.8125rem;
    font-weight:300; box-shadow:0px 2px 5px 2px rgba(0,0,0,.2);
}
.ss-card-05 .text-container .wrapper{
    position:relative; width:100%; padding:1.75rem 1rem 1rem 1rem;
}
.ss-card-05 .text-container .title{-webkit-line-clamp:3; min-height:4.9375rem;}
.ss-card-05 .text-container .desc{-webkit-line-clamp:6; min-height:9rem;}
.ss-card-05 .slide-container{position:relative; width:100%;}
.ss-card-05 .arrows{display:flex; align-items:center; padding:0 1rem; margin:0 0 1rem 0;}
.ss-card-05 .arrows .slick-arrow{
    display:block; background:none; box-shadow:none; text-decoration:none;
    outline:none; border:0; font-size:0; transition:color .25s;
}
.ss-card-05 .arrows .slick-arrow.slick-prev{padding:0 .4375rem 0 0;}
.ss-card-05 .arrows .slick-arrow.slick-next{padding:0 0 0 .4375rem;}
.ss-card-05 .arrows .slick-arrow::before{
    font:normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size:1.625rem; line-height:.75;
}
.ss-card-05 .arrows .slick-arrow.slick-prev::before{content:'\f2fa';}
.ss-card-05 .arrows .slick-arrow.slick-next::before{content:'\f2fb';}
@media screen and (max-width:1199.98px){
    .ss-card-05 > .img-container{right:15.875rem;}
    .ss-card-05 .text-container{max-width:19rem;}
    .ss-card-05 .text-container .desc{-webkit-line-clamp:5; min-height:7.5rem;}
}
@media screen and (max-width:991.98px){
    .ss-card-05 > .img-container{right:18.625rem;}
    .ss-card-05 > .img-container .ss-img.adaptive{padding:0; height:100%;}
    .ss-card-05 .text-container{max-width:21.75rem;}
    .ss-card-05 .text-container .desc{-webkit-line-clamp:3; min-height:4.5rem;}
}
@media screen and (max-width:767.98px){
    .ss-card-05{padding:0;}
    .ss-card-05 > .img-container{
        position:relative; top:auto; bottom:auto; left:auto; right:auto;
        display:block; width:100%; padding:calc(50% + 1.5rem) 0 0 0;
    }
    .ss-card-05 > .img-container .wrapper{
        position:absolute; top:0; bottom:0; left:0; right:0;
    }
    .ss-card-05 > .img-container .ss-img.adaptive{padding:calc(50% + 1.5rem) 0 0 0; height:auto;}
    .ss-card-05 .text-container{max-width:100%; margin:-1rem 0 0 0;}
    .ss-card-05 .text-container .title{-webkit-line-clamp:2; min-height:3.3125rem;}
}
@media screen and (max-width:575.98px){
    .ss-card-05 > .img-container{padding:100% 0 0 0;}
    .ss-card-05 > .img-container .ss-img.adaptive{padding:100% 0 0 0;}
}

/* Special Card 06 */
.ss-card-06{box-shadow:0px 4px 8px 4px rgba(0,0,0,.08);}
.ss-card-06 .text-container{padding:1rem; transition:background .25s;}
.ss-card-06 .text-container .ss-stat{margin:0 0 .375rem 0;}
.ss-card-06 .text-container .title{-webkit-line-clamp:3; min-height:4.6875rem;}
.ss-card-06 .text-container .desc{-webkit-line-clamp:4; min-height:4.8125rem; margin:.25rem 0 0 0;}
.ss-card-06 .text-container .arrow{
    margin:.875rem 0 0 0; font-size:1.875rem; line-height:.8; transition:color .25s;
}
.ss-card-06.stat-bottom .text-container{padding:1rem 1rem .5rem 1rem;}
.ss-card-06.stat-bottom .ss-stat:last-child{margin:1.125rem 0 0 0;}
.ss-card-06.stat-bottom .ss-stat:last-child .stat:last-child{margin-left:auto;}
.ss-card-06.lg .text-container{position:relative; padding:1rem 1rem .25rem 1rem;}
.ss-card-06.lg .text-container .title{min-height:0;}
.ss-card-06.lg .ss-stat:last-child{margin:.5rem 0 0 0;}
@media screen and (min-width:1200px){
    .ss-card-06.lg .ss-stat:last-child{
        position:absolute; bottom:0; left:1rem; right:1rem; width:auto;
    }
    .ss-card-06.lg .text-container{min-height:14.5rem;}
}
@media screen and (max-width:1199.98px){
    .ss-card-06.lg .text-container, .ss-card-06.lg .text-container .title,
    .ss-card-06.lg .text-container .desc{min-height:0;}
}
@media screen and (max-width:575.98px){
    .ss-card-06 .text-container .title, 
    .ss-card-06 .text-container .desc{min-height:0!important;}
}

/* Special Card 07 */
.ss-card-07{
    width:100%; display:flex; flex-wrap:wrap; margin:.625rem 0 0 0;
    transition:background .25s;
}
.ss-card-07 .img-container{width:40%;}
.ss-card-07 .text-container{width:60%; padding:1.25rem 1.75rem; min-height:14.1875rem;}
.ss-card-07 .text-container .title{-webkit-line-clamp:2;}
.ss-card-07 .text-container .desc{-webkit-line-clamp:3;}
.ss-card-07 .text-container .arrow{
    margin:.875rem 0 0 0; font-size:1.875rem; line-height:.8; transition:color .25s;
}
.ss-card-07 .text-container .card-tag{
    padding:.375rem 1rem; font-size:.8125rem; font-weight:300; 
    box-shadow:0px 2px 5px 2px rgba(0,0,0,.2); transition:background .25s, color .25s;
}
@media screen and (max-width:991.98px){
    .ss-card-07 .img-container{width:45%;}
    .ss-card-07 .text-container{width:55%; padding:1rem; min-height:13.6875rem;}
}
@media screen and (max-width:575.98px){
    .ss-card-07 .img-container{width:100%;}
    .ss-card-07 .text-container{width:100%; min-height:0;}
}

/* Special Card 08 */
.ss-card-08{
    width:100%; display:flex; flex-wrap:wrap; margin:.625rem 0 0 0;
    transition:background .25s;
}
.ss-card-08 .img-container{width:20%;}
.ss-card-08 .text-container{
    width:80%; padding:1.25rem 1.75rem; min-height:13rem; display:flex; flex-wrap:wrap;
    position:relative;
}
.ss-card-08 .text-container > .info-content{
    width:9rem; padding:0 0 0 .5rem; border-left:1px solid transparent;
    transition:border-color .25s;
}
.ss-card-08 .info-content p{transition:background .25s, color .25s;}
.ss-card-08 .info-content .text-icon{margin:.375rem 0 0 0;}
.ss-card-08 .info-content .text-icon em{
    display:inline-block; width:1.375rem; height:1.375rem; line-height:1.4375rem;
    text-align:center; font-size:.5625rem; border-radius:50%;
}
.ss-card-08 .text-container > .text-content{width:calc(100% - 9rem); padding:0 .75rem 0 0;}
.ss-card-08 .text-container .title{-webkit-line-clamp:2;}
.ss-card-08 .text-container .desc{-webkit-line-clamp:3;}
.ss-card-08 .text-container .arrow{
    margin:.875rem 0 0 0; font-size:1.875rem; line-height:.8; transition:color .25s;
}
.ss-card-08 .text-container .card-tag{
    padding:.375rem 1rem; font-size:.8125rem; font-weight:300; 
    box-shadow:0px 2px 5px 2px rgba(0,0,0,.2); transition:background .25s, color .25s;
}
.ss-card-08 .video-info{
    position:absolute; bottom:1.25rem; left:1.75rem; display:flex; align-items:center;
}
.ss-card-08 .video-info .duration{
    padding:.1875rem .625rem; border-radius:1000em; margin:0 .1875rem 0 0;
    white-space:nowrap; font-size:.75rem; font-weight:500;
}
.ss-card-08 .video-info > em{font-size:1.5625rem;}
.ss-card-08.minisite{box-shadow:0px 6px 12px 6px rgba(0,0,0,.08);}
.ss-card-08.minisite .img-container{width:23%;}
.ss-card-08.minisite .text-container{width:77%; min-height:11rem; position:relative;}
.ss-card-08.minisite .text-container::before{
    content:''; position:absolute; top:1.25rem; left:0; width:.5rem; height:3.125rem;
}
.ss-card-08.minisite .text-container > .info-content{width:9.5rem;}
.ss-card-08.minisite .text-container > .text-content{width:calc(100% - 9.5rem);}
.ss-card-08.minisite .text-container .arrow{margin-top:3rem;}
.ss-card-08.minisite .info-content .text-icon em{font-size:.75rem; transform:translateY(.0625rem);}
@media screen and (max-width:991.98px){
    .ss-card-08 .img-container{width:25%;}
    .ss-card-08 .text-container{width:75%; padding:1rem; min-height:12rem;}
    .ss-card-08 .video-info{bottom:1rem; left:1rem;}
    .ss-card-08.minisite .img-container{width:100%;}
    .ss-card-08.minisite .text-container{width:100%;}
    .ss-card-08.minisite .text-container::before{top:1rem; width:.375rem; height:3rem;}
    .ss-card-08.minisite .ss-img.adaptive-list{padding:50% 0 0 0; height:auto;}
}
@media screen and (max-width:575.98px){
    .ss-card-08 .img-container{width:100%;}
    .ss-card-08 .text-container{width:100%; min-height:0;}
}

/* Special Card 09 */
.ss-card-09{
    width:100%; display:flex; justify-content:space-between; flex-wrap:wrap;
    margin:.625rem 0 0 0; padding:1rem;
}
.ss-card-09 .img-container{width:30%;}
.ss-card-09 .text-container{width:calc(70% - 6rem); min-height:12rem;}
.ss-card-09 .text-container .title{-webkit-line-clamp:2;}
.ss-card-09 .text-container .desc{-webkit-line-clamp:3;}
@media screen and (max-width:991.98px){
    .ss-card-09{padding:.75rem;}
    .ss-card-09 .img-container{width:35%;}
    .ss-card-09 .text-container{width:calc(65% - 5.5rem);}
}
@media screen and (max-width:575.98px){
    .ss-card-09 .img-container{width:calc(100% - 4.75rem);}
    .ss-card-09 .text-container{width:100%; padding:.75rem 0 0 0; min-height:0;}
}

/* Special Card 10 */
.ss-card-10{width:100%; padding:1rem; margin:0;}
.ss-card-10 .img-container{width:100%;}
.ss-card-10 .text-container{width:100%; padding:1rem 0 0 0;}
.ss-card-10 .text-container .title{-webkit-line-clamp:3; min-height:4.625rem;}
@media screen and (max-width:991.98px){
    .ss-card-10{padding:.75rem;}
    .ss-card-10 .text-container{padding:.75rem 0 0 0;}
}
@media screen and (max-width:575.98px){
    .ss-card-10 .text-container .title{min-height:0;}
}

/* Special Card 11 */
.ss-card-11{
    width:100%; padding:.25rem; margin:.25rem 0 0 0; display:flex; align-items:center;
    min-height:5.5rem;
}
.ss-card-11.white{padding:.5rem;}
.ss-card-11 > .text-container{width:calc(100% - 8.5rem); padding:.375rem .75rem;}
.ss-card-11 .text-container .title{-webkit-line-clamp:3;}
.ss-card-11 > .info-content{
    width:5.5rem; padding:0 0 0 .375rem; border-left:2px solid transparent;
}
.ss-card-11 > .info-content p{font-size:.6875rem; font-weight:500;}

/* Special Card 12 */
.ss-card-12{
    width:100%; padding:.25rem; margin:.375rem 0 0 0; display:flex; align-items:center;
    border-radius:2.1875rem; overflow:hidden; transition:background .25s;
}
.ss-card-12 .video-container{width:3.875rem; border-radius:1.9375rem; overflow:hidden;}
.ss-card-12 .video-container .hover-container{background:transparent;}
.ss-card-12 .video-container .hover-container .icon{width:2rem;}
.ss-card-12 .text-container{width:calc(100% - 3.875rem); padding:0 1.125rem 0 .75rem;}
.ss-card-12 .text-container .title{-webkit-line-clamp:2; min-height:2.375rem;}
.ss-card-12 .text-container .date{font-size:.75rem; margin-top:.125rem; transition:color .25s;}
.ss-card-12.style-main{padding:0; border-radius:0;}
.ss-card-12.style-main .video-container{width:4.25rem; border-radius:0;}
.ss-card-12.style-main .text-container{width:calc(100% - 4.25rem);}
.ss-card-12.style-main .text-container .date{margin-top:.375rem;}

/* Special Card 13 */
.ss-card-13{position:relative; width:100%; display:flex; flex-wrap:wrap;}
.ss-card-13 .text-container{
    width:77%; height:18rem; margin:0 0 0 auto; box-shadow:0px 6px 12px 6px rgba(0,0,0,.08);
    position:relative; display:flex; align-items:center; padding:2.5rem 1.75rem 2.75rem 0;
}
.ss-card-13 .text-container > .text-content{
    display:block; width:calc(100% - 8.5rem); margin:0 0 0 auto; padding:0 0 0 1.75rem;
}
.ss-card-13 .text-container .title{-webkit-line-clamp:2;}
.ss-card-13 .text-container .desc{-webkit-line-clamp:3;}
.ss-card-13 .ss-stat{margin:0;}
@media screen and (min-width:992px){
    .ss-card-13 .img-container{
        position:absolute; top:2.5rem; bottom:2.75rem; left:0; z-index:1;
        width:calc(23% + 8.5rem);
    }
    .ss-card-13 .text-container > .info-content{
        position:absolute; bottom:.1875rem; left:1.75rem; right:1.75rem;
    }
    .ss-card-13.img-full .img-container{top:0; bottom:0;}
    .ss-card-13.img-full .text-container{height:16rem; padding:0 1.75rem 2.875rem 0;}
    .ss-card-13.img-full .text-container > .info-content{left:10.25rem;}
}
@media screen and (min-width:576px){
    .ss-card-13 .ss-stat .stat:last-child{margin-left:auto;}
}
@media screen and (max-width:991.98px){
    .ss-card-13{box-shadow:0px 6px 12px 6px rgba(0,0,0,.08);}
    .ss-card-13 .img-container{position:relative; width:100%;}
    .ss-card-13 .ss-img.adaptive-list{padding:50% 0 0 0; height:auto;}
    .ss-card-13 .text-container{
        width:100%; height:auto; box-shadow:none; display:block;
        padding:1rem 1rem .25rem 1rem;
    }
    .ss-card-13 .text-container > .text-content{width:100%; padding:0; margin:0 0 .5rem 0;}
}

/* Special Card 14 */
.ss-card-14{
    position:relative; padding:0 0 2.75rem 0; box-shadow:0px 6px 12px 6px rgba(0,0,0,.08);
    transition:background .25s;
}
.ss-card-14 .img-container{padding:1rem 1rem 0 1rem;}
.ss-card-14 .text-container{
    padding:1rem; border-bottom:1px solid transparent; transition:border-color .25s;
}
.ss-card-14 .icon-container{
    position:absolute; bottom:0; left:0; right:0; height:2.75rem; display:flex;
    justify-content:center; align-items:center;
}

/* Special Card 15 */
.ss-card-15{
    width:100%; display:flex; flex-wrap:wrap; margin:0; 
    box-shadow:0px 6px 12px 6px rgba(0,0,0,.08); transition:background .25s;
}
.ss-card-15 .img-container{width:25%;}
.ss-card-15 .text-container{
    width:75%; position:relative; padding:0; min-height:13rem; display:flex; flex-wrap:wrap;
}
.ss-card-15 .text-container::before{
    content:''; position:absolute; top:1.25rem; left:0; width:.5rem; height:3.125rem;
}
.ss-card-15 .text-container > .text-content{
    position:relative; width:calc(100% - 8.5rem); padding:1.25rem .75rem 1.25rem 1.75rem;
}
.ss-card-15 .text-container p{transition:color .25s;}
.ss-card-15 .text-container .title{-webkit-line-clamp:2;}
.ss-card-15 .text-container .desc{-webkit-line-clamp:3;}
.ss-card-15 .text-container .arrow{
    margin:.875rem 0 0 0; font-size:1.875rem; line-height:.8; transition:color .25s;
}
.ss-card-15 .text-container .menu-tag{
    position:absolute; bottom:1.25rem; left:1.75rem; right:.75rem;
}
.ss-card-15 .text-container > .info-content{
    width:8.5rem; padding:0; border-left:1px solid transparent; transition:border-color .25s;
}
.ss-card-15 .info-content > .header{
    display:block; width:100%; padding:1.25rem .5rem .5rem .5rem; margin:0;
    border-bottom:1px solid transparent;
}
.ss-card-15 .info-content > .body{display:block; width:100%; padding:.5rem .5rem 1.25rem .5rem;}
.ss-card-15 .info-content p{transition:background .25s, color .25s;}
@media screen and (max-width:991.98px){
    .ss-card-15 .img-container{width:25%;}
    .ss-card-15 .text-container{width:75%; min-height:auto;}
    .ss-card-15 .text-container::before{top:1rem; width:.375rem; height:3rem;}
    .ss-card-15 .text-container > .text-content{padding:1rem .5rem 1rem 1rem;}
    .ss-card-15 .text-container .menu-tag{bottom:1rem; left:1rem; right:.5rem;}
    .ss-card-15 .info-content > .header{padding:1rem .5rem .5rem .5rem;}
    .ss-card-15 .info-content > .body{padding:.5rem .5rem 1rem .5rem;}
}
@media screen and (max-width:575.98px){
    .ss-card-15 .img-container{width:100%;}
    .ss-card-15 .text-container{width:100%; min-height:0;}
    .ss-card-15 .text-container .menu-tag{
        position:relative; bottom:unset; left:unset; right:unset; margin:1rem 0 0 0;
    }
}

/* Special Card 16 */
.ss-card-16{
    width:100%; border:1px solid transparent; border-left:3px solid transparent;
    margin:.625rem 0 0 0;
}
.ss-card-16 > .wrapper{width:100%; padding:1rem 1.25rem;}
.ss-card-16 .info-container{width:100%; display:flex; align-items:center; flex-wrap:wrap;}
.ss-card-16 .info-container > .info:nth-child(1){width:calc(100% - 18rem);}
.ss-card-16 .info-container > .info:nth-child(2){width:10.5rem; text-align:center;}
.ss-card-16 .info-container > .info:nth-child(3){width:7.5rem; transform:translateY(.125rem);}
@media screen and (max-width:991.98px){
    .ss-card-16 > .wrapper{padding:.875rem 1rem;}
    .ss-card-16 .info-container{margin:.625rem 0 0 0;}
    .ss-card-16 .info-container > .info:nth-child(1){width:100%;}
    .ss-card-16 .info-container > .info:nth-child(2){width:50%; text-align:left;}
    .ss-card-16 .info-container > .info:nth-child(3){width:50%;}
}

/* Special Card 17 */
.ss-card-17{
    width:100%; border:1px solid transparent; border-top:3px solid transparent;
    margin:.625rem 0 0 0;
}
.ss-card-17 > .wrapper{width:100%; padding:0;}
.ss-card-17 .info-container{width:100%; display:flex; flex-wrap:wrap;}
.ss-card-17 .info-container > .info:nth-child(1){
    width:calc(100% - 10rem); padding:1rem 1rem 1rem 1.25rem;
    border-right:1px solid transparent;
}
.ss-card-17 .info-container > .info:nth-child(2){width:10rem; padding:1rem 1.25rem 1rem 1rem;}
.ss-card-17.cols-3 .info-container > .info:nth-child(1){width:calc(100% - 19.5rem);}
.ss-card-17.cols-3 .info-container > .info:nth-child(2){
    width:10rem; padding:1rem; border-right:1px solid transparent;
}
.ss-card-17.cols-3 .info-container > .info:nth-child(3){
    width:9.5rem; display:flex; align-items:center; justify-content:center;
    padding:1rem 1.25rem 1rem 1rem;
}
@media screen and (max-width:991.98px){
    .ss-card-17 .info-container > .info:nth-child(1){
        width:100%; padding:.75rem 1rem; border-right:0; border-bottom:1px solid transparent;
    }
    .ss-card-17 .info-container > .info:nth-child(2){width:100%; padding:.75rem 1rem;}
    .ss-card-17.cols-3 .info-container > .info:nth-child(1){width:100%;}
    .ss-card-17.cols-3 .info-container > .info:nth-child(2){width:50%; padding:.75rem 1rem;}
    .ss-card-17.cols-3 .info-container > .info:nth-child(3){width:50%; padding:.75rem 1rem;}
}


/* Special Date */
.ss-date-container{position:relative; display:flex;}
.ss-date-container.position-top-left{position:absolute; top:0; left:0;}
.ss-date{
    display:block; width:4rem; height:5.5rem; padding:.625rem .125rem .5rem .125rem;
    text-align:center;
}
.ss-date .date{font-size:3rem; font-weight:600; line-height:.8;}
.ss-date .month{font-size:.875rem; font-weight:300; line-height:.8;}
.ss-date .year{font-size:1.25rem; font-weight:600; line-height:.8; margin:.25rem 0 0 0;}
.ss-date-sm{display:block; width:3rem; padding:.4375rem .125rem; text-align:center;}
.ss-date-sm.white{padding-top:.625rem;}
.ss-date-sm .date{font-size:1.75rem; font-weight:500; line-height:.8;}
.ss-date-sm .month{font-size:1.0625rem; font-weight:300; line-height:1;}
.ss-date-sm .year{font-size:.8125rem; font-weight:600; line-height:.8; margin:.25rem 0 0 0;}


/* Special File 01 */
.ss-file-01{width:100%; display:flex; align-items:flex-start;}
.ss-file-01 > .icon-container{
    width:4.5rem; border-bottom:2px solid transparent; padding:.125rem .25rem;
    margin:0 .75rem 0 0; text-align:center;
}
.ss-file-01 > .text-container{width:calc(100% - 5.25rem); padding:.5rem 0 0 0;}
.ss-file-01 .img-container{display:block; position:relative; width:100%; padding:100% 0 0 0;}
.ss-file-01 .img-wrapper{
    position:absolute; top:0; bottom:0; left:0; right:0;
    display:flex; align-items:center; justify-content:center;
}
.ss-file-01 .img-wrapper > img{
    display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}


/* Special File 02 */
.ss-file-02{
    width:100%; display:flex; border-bottom:2px solid transparent;
    border-right:1px solid transparent; transition:background .25s;
}
.ss-file-02 > .icon-container{
    width:4.5rem; border-bottom:2px solid transparent; padding:.125rem .25rem;
    margin:0; text-align:center;
}
.ss-file-02 .img-container{display:block; position:relative; width:100%; padding:100% 0 0 0;}
.ss-file-02 .img-wrapper{
    position:absolute; top:0; bottom:0; left:0; right:0;
    display:flex; align-items:center; justify-content:center;
}
.ss-file-02 .img-wrapper > img{
    display:block; width:auto; max-width:calc(100% - .75rem); 
    height:auto; max-height:calc(100% - .75rem);
}
.ss-file-02 > .block{width:calc(100% - 4.25rem); display:flex; flex-wrap:wrap;}
.ss-file-02 .text-container{
    width:calc(100% - 14.75rem); display:flex; flex-wrap:wrap; align-items:center;
    padding:.75rem 1rem;
}
.ss-file-02 .text-container > *{width:100%;}
.ss-file-02 .btn-container{
    width:8.5rem; display:flex; align-items:center; justify-content:center; font-size:.8125rem;
    transition:background .25s, color .25s;
}
.ss-file-02 .btn-container:last-child{width:6.25rem;}
@media screen and (max-width:991.98px){
    .ss-file-02 .text-container{width:100%;}
    .ss-file-02 .btn-container{width:60%; padding:.625rem 0;}
    .ss-file-02 .btn-container:last-child{width:40%;}
}
@media screen and (max-width:575.98px){
    .ss-file-02 .text-container{padding:.625rem .75rem;}
    .ss-file-02 .btn-container{width:57%; padding:.5rem 0; font-size:.75rem;}
    .ss-file-02 .btn-container:last-child{width:43%;}
}


/* Special Icon Title */
.ss-icon-title{
    width:100%; display:flex; align-items:flex-start; margin:1rem 0 0 0; padding:1.625rem 0 0 0;
}
.ss-icon-title > em{
    display:block; width:2.375rem; height:2.375rem; line-height:2.4375rem; text-align:center; 
    font-size:1.1875rem; border-radius:50%; margin:0 .6875rem 0 0; transform:translateY(-.25rem);
}
.ss-icon-title > .text-wrapper{width:calc(100% - 3rem);}
.ss-icon-title + .grids{margin-top:-.5rem!important;}
@media screen and (max-width:991.98px){
    .ss-icon-title{margin:.875rem 0 0 0; padding:1.4375rem 0 0 0;}
    .ss-icon-title > em{width:2.25rem; height:2.25rem; line-height:2.3125rem; font-size:1.125rem;}
    .ss-icon-title > .text-wrapper{width:calc(100% - 2.9375rem);}
}
@media screen and (max-width:767.98px){
    .ss-icon-title{margin:.75rem 0 0 0; padding:1.25rem 0 0 0;}
    .ss-icon-title > em{width:2rem; height:2rem; line-height:2.0625rem; font-size:1rem;}
    .ss-icon-title > .text-wrapper{width:calc(100% - 2.6875rem);}
}

/* Special Icon Title 02 */
.ss-icon-title-02{display:flex; align-items:center; margin:2.625rem 0 0 0;}
.ss-icon-title-02 > .text-icon{font-size:5rem; font-weight:400; line-height:1; margin:0 .25rem 0 0;}
.ss-icon-title-02 .title{font-size:2.25rem; font-weight:400; letter-spacing:.125rem; line-height:1;}
.ss-icon-title-02 .desc{font-size:1.1875rem; font-weight:600;}
.ss-icon-title-02 + .grids{margin-top:-.75rem!important;}
@media screen and (max-width:991.98px){
    .ss-icon-title-02{margin:2.25rem 0 0 0;}
    .ss-icon-title-02 > .text-icon{font-size:4.625rem; margin:0 .1875rem 0 0;}
    .ss-icon-title-02 .title{font-size:2rem;}
    .ss-icon-title-02 .desc{font-size:1.125rem;}
}
@media screen and (max-width:767.98px){
    .ss-icon-title-02{margin:2rem 0 0 0;}
    .ss-icon-title-02 > .text-icon{font-size:4.375rem; margin:0 .125rem 0 0;}
    .ss-icon-title-02 .title{font-size:1.8125rem; letter-spacing:.04rem;}
    .ss-icon-title-02 .desc{font-size:1.0625rem;}
}


/* Special Image */
.ss-img{display:block; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden;}
.ss-img.horizontal{padding:50% 0 0 0;}
.ss-img.horizontal-02{padding:45% 0 0 0;}
.ss-img.square{padding:100% 0 0 0;}
.ss-img.square-grid-01{padding:calc(50% - .75rem) 0 0 0;}
.ss-img.vertical{padding:140% 0 0 0;}
.ss-img.adaptive{padding:0; height:100%;}
.ss-img.adaptive-list{padding:0; height:100%;}
.ss-img > .img-bg{
    position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
    background-position:center; transition:transform .3s;
}
.ss-img:hover > .img-bg, .ss-card:hover .ss-img > .img-bg{transform:scale(1.1);}
.ss-img.no-hover > .img-bg, .ss-card .ss-img.no-hover > .img-bg{transform:none!important;}

.ss-img .hover-container{
    position:absolute; top:0; bottom:0; left:0; right:0; opacity:0;
    display:flex; justify-content:center; align-items:center; transition:opacity .25s;
}
.ss-img:hover .hover-container, .ss-card:hover .ss-img .hover-container{opacity:1;}
.ss-img .hover-container .icon{display:block; width:4rem;}
.ss-img .hover-container .icon > img{display:block; width:100%; height:auto;}

.ss-img .mag-bg::before{
    content:''; position:absolute; bottom:0; left:0; right:0; height:4rem;
    clip-path:polygon(0 30%, 100% 0, 100% 100%, 0 100%);
}
.ss-img .mag-container, .ss-img .logo-container, .ss-img .profile-container{
    position:absolute; top:0; bottom:0; left:0; right:0; display:flex; align-items:center;
    justify-content:center;
}
.ss-img .mag-container > img{
    display:block; width:auto; max-width:calc(100% - 1.5rem);
    height:auto; max-height:calc(100% - 1.5rem);
    box-shadow:0px 6px 12px 6px rgba(0,0,0,.08);
}
.ss-img .logo-container > img{
    display:block; width:auto; max-width:calc(100% - 4rem);
    height:auto; max-height:calc(100% - 2rem);
}
.ss-img .profile-container{align-items:flex-end;}
.ss-img .profile-container > img{
    display:block; width:auto; max-width:calc(100% - 2rem);
    height:auto; max-height:calc(100% - 1rem);
}

.ss-img .play-container{
    position:absolute; top:0; bottom:0; left:0; right:0; transition:transform .25s;
    display:flex; justify-content:center; align-items:center;
}
.ss-img .play-container .icon{
    display:block; width:4rem; height:4rem; border-radius:50%; border:5px solid transparent;
    font-size:2.25rem; text-align:center; line-height:4rem;
}

.ss-img .short-desc{position:absolute; bottom:0; left:0; padding:.5rem .625rem;}
.ss-img .top-desc{position:absolute; top:0; left:0; padding:.25rem .5rem;}
.ss-img .detail-wrapper{
    position:absolute; top:0; bottom:0; left:0; right:0; display:block; padding:.75rem;
}

.ss-img .video-info{
    position:absolute; top:0; left:0; display:flex; align-items:center; padding:.375rem;
}
.ss-img .video-info .duration{
    padding:.1875rem .625rem; border-radius:1000em; margin:0 .1875rem 0 0;
    white-space:nowrap; font-size:.75rem; font-weight:500;
}
.ss-img .video-info > em{font-size:1.5625rem;}

@media screen and (max-width:991.98px){
    .ss-img.adaptive{padding:calc(50% + 1.5rem) 0 0 0; height:auto;}
}
@media screen and (max-width:575.98px){
    .ss-img.adaptive{padding:100% 0 0 0;}
    .ss-img.adaptive-list{padding:60% 0 0 0; height:auto;}
    .ss-img.square-grid-01{padding:100% 0 0 0;}
}


/* Special List */
.ss-list{width:100%; list-style:none; padding:0; margin:.25rem 0;}
.ss-list > li{position:relative; width:100%; padding:.25rem 0 .25rem 1.25rem;}

/* Special List 01 */
.ss-list-01 > li::before{
    content:''; position:absolute; top:.6875rem; left:.4375rem;
    width:.3125rem; height:.3125rem; border-radius:50%;
}


/* Special Page */
.ss-page{display:none;}
.ss-page.active{display:block;}
.ss-page-btn{cursor:pointer;}


/* Special Separation 01 */
.ss-sep-01{display:flex; justify-content:center; width:100%; overflow:hidden; margin:1.75rem 0;}
.ss-sep-01 > *{position:relative; padding:0 1rem;}
.ss-sep-01 > *::before, .ss-sep-01 > *::after{
    content:''; position:absolute; top:calc(50% - .0625rem); width:100vw; height:.125rem;
}
.ss-sep-01 > *::before{right:100%;}
.ss-sep-01 > *::after{left:100%;}


/* Special Stat */
.ss-stat{width:100%; display:flex; flex-wrap:wrap; margin:.25rem 0 .625rem 0;}
.ss-stat .stat{
    display:flex; align-items:center; white-space:nowrap; margin:.1875rem 1.25rem 0 0;
    font-size:.8125rem; font-weight:600; transition:color .25s;
}
.ss-stat .stat:last-child{margin-right:0;}
.ss-stat .stat .icon-round{
    display:inline-block; width:1.375rem; height:1.375rem; line-height:1.4375rem;
    text-align:center; font-size:.5625rem; border-radius:50%;
}
.ss-stat.style-calendar{margin:0;}
.ss-stat.style-calendar .stat{align-items:unset;}
.ss-stat.style-calendar .stat em{width:1rem; text-align:center; transform:translateY(.125rem);}


/* Special Tag */
.ss-tag{
    display:inline-block; font-size:.8125rem; padding:.1875rem 1rem; font-weight:500;
    border-radius:1000em; cursor:pointer; white-space:nowrap; margin-top:.0625rem;
    margin-bottom:.0625rem; transition:color .25s, background .25s;
}


/* Table */
table.table{width:100%; border-spacing:0; border:0; margin:0;}
table.table th, table.table td{
    vertical-align:middle; border-color:transparent;
    border-left:0!important; border-right:0!important;
}
table.table td{
    padding:.5625rem .625rem; font-size:.9375rem; font-weight:300;
    border:0; border-bottom:1px solid transparent;
}
table.table td:first-child{padding:.5625rem .625rem .5625rem 0;}
table.table tr:last-child > td{border-bottom:0;}
table.table td:last-child{padding:.5625rem 0 .5625rem .625rem; text-align:right;}
table.table .sep{
    display:inline-block; width:1px; height:.8125rem; margin:0 .5rem;
    transform:translateY(.125rem);
}
table.table .ticon{
    display:block; width:2rem; height:2rem; line-height:2.125rem; border-radius:50%;
    text-align:center; font-size:1rem; margin:.3125rem 0 0 0;
}
table.table .profile-card{display:flex; align-items:center;}
table.table .profile-card > .profile-icon{
    position:relative; display:block; width:2.375rem; height:2.375rem; border-radius:50%;
    padding:.0625rem; margin:0 .5rem 0 0;
}
table.table .profile-card .img-bg{
    display:block; width:100%; height:100%; border-radius:50%; background-size:cover;
    background-position:center; background-repeat:no-repeat;
}
table.table .profile-card > .text-container{
    width:calc(100% - 3rem); text-align:left; font-size:.8125rem; font-weight:400;
    white-space:nowrap;
}
table.table .profile-card .date{transition:color .25s;}

/* Table 01 */
table.table.table-01 th{
    padding:.9375rem .25rem; text-align:center; font-size:1rem; font-weight:400; border:0;
    white-space:nowrap;
}
table.table.table-01 td{
    padding:.75rem .5rem; text-align:center; font-size:.9375rem; font-weight:300;
    border:0; border-bottom:1px solid transparent!important;
    transition:background .25s, color .25s;
}
table.table.table-01 td:nth-child(2){position:relative; text-align:left; padding-left:2.25rem;}
table.table.table-01 td:nth-child(2)::before{
    content:''; position:absolute; top:calc(50% - .3125rem); left:1rem;
    width:.5rem; height:.5rem; transition:background .25s;
}

/* Table 02 */
table.table.table-02{border-top:1px solid transparent; border-bottom:1px solid transparent;}
table.table.table-02 img{
    display:block; width:auto; max-width:5.25rem; height:auto; max-height:2rem;
}

/* Table 03 */
table.table.table-03{border-top:1px solid transparent; border-bottom:1px solid transparent;}
table.table.table-03 tfoot th{border-top:1px solid transparent;}

/* Table 04 */
table.table.table-04 thead th{
    border-top:1px solid transparent; border-bottom:1px solid transparent;
}

/* Table 05 */
table.table.table-05 th{
    padding:.9375rem .25rem; text-align:center; font-size:1rem; font-weight:400; border:0;
    white-space:nowrap;
}
table.table.table-05 td{
    padding:.75rem .5rem; text-align:center; font-size:.9375rem; font-weight:300;
    border:0; border-bottom:1px solid transparent!important;
    transition:background .25s, color .25s;
}
table.table.table-05 td:nth-child(2){position:relative; text-align:left; padding-left:1.5rem;}
table.table.table-05 td:nth-child(2)::before{
    content:''; position:absolute; top:calc(50% - .3125rem); left:1rem;
    width:.5rem; height:.5rem; transition:background .25s;
}
table.table.table-05 .status-dot{
    width:100%; display:flex; align-items:center; padding:0 0 0 .5rem;
}
table.table.table-05 .status-dot > .dot{
    width:.5rem; height:.5rem; border-radius:50%; margin:0 .625rem 0 0;
}
table.table.table-05 .status-dot > .text{width:calc(100% - 1.125rem); text-align:left;}
table.table.table-05 td.col-ribbon{vertical-align:top; font-weight:600;}
table.table.table-05 td.col-ribbon > img{
    display:block; width:.625rem; height:auto; margin:0 auto;
}

/* Table 06 */
table.table.table-06 th{border-top:1px solid transparent; border-bottom:1px solid transparent;}
table.table.table-06 td:first-child,
table.table.table-06 th:first-child{padding-left:.5rem!important;}
table.table.table-06 .icon-container{display:flex; align-items:center;}
table.table.table-06 .icon-container > .icon-wrapper{display:block; width:2.75rem;}
table.table.table-06 .icon-container img{
    display:block; width:auto; max-width:2.75rem; height:auto; max-height:2.75rem; margin:0 auto;
}
table.table.table-06 .icon-container .text{padding:0 0 0 .75rem; white-space:nowrap;}

/* Table Sizes */
table.table.table-lg td, table.table.table-lg th{padding:.6875rem .625rem;}
table.table.table-lg td:first-child,
table.table.table-lg th:first-child{padding:.6875rem .625rem .6875rem 0;}
table.table.table-lg td:last-child,
table.table.table-lg th:last-child{padding:.6875rem 0 .6875rem .625rem;}

table.table.table-sm td, table.table.table-sm th{padding:.4375rem .5625rem;}
table.table.table-sm td:first-child,
table.table.table-sm th:first-child{padding:.4375rem .5625rem .4375rem 0;}
table.table.table-sm td:last-child,
table.table.table-sm th:last-child{padding:.4375rem 0 .4375rem .5625rem;}


/* Toggle Target */
.toggle-target{
    display:block; opacity:0; pointer-events:none; transition:opacity .25s;
    border:1px solid transparent; box-shadow:0 0 16px 8px rgba(0,0,0,.05);
    padding:.5rem; position:absolute; z-index:10;
}
.toggle-target.active{opacity:1; pointer-events:auto;}


/* Upload Container */
.upload-container{
    width:100%; display:flex; align-items:center; justify-content:space-between;
    flex-wrap:wrap; padding:1.25rem 2rem;
}
.upload-container .file-container{display:flex; align-items:center; width:17.5rem;}
.upload-container .file-container .icon-container{width:3rem;}
.upload-container .file-container .text-container{width:calc(100% - 3rem);}
.upload-container .btns{width:6.5rem;}
.upload-container .btns > .btn{width:100%;}
@media screen and (max-width:991.98px){
    .upload-container{padding:1.125rem 1.5rem;}
}
@media screen and (max-width:767.98px){
    .upload-container{padding:1rem;}
}
@media screen and (max-width:575.98px){
    .upload-container{justify-content:center;}
    .upload-container .file-container{width:100%;}
    .upload-container .btns{margin-top:1rem;}
}


/* Utility */
.text-3xl{font-size:240%!important; line-height:.25;}
.text-2xl{font-size:150%!important; line-height:.25;}
.text-xl{font-size:128%!important;}
.text-lg{font-size:114%!important;}
.text-md{font-size:110%!important;}
.text-nm{font-size:.9375rem!important;}
.text-sm{font-size:90%!important;}
.text-xs{font-size:80%!important;}
.text-2xs{font-size:70%!important;}
.text-3xs{font-size:60%!important;}

.fw-100{font-weight:100!important;}
.fw-200{font-weight:200!important;}
.fw-300{font-weight:300!important;}
.fw-400{font-weight:400!important;}
.fw-500{font-weight:500!important;}
.fw-600{font-weight:600!important;}
.fw-700{font-weight:700!important;}
.fw-800{font-weight:800!important;}
.fw-900{font-weight:900!important;}

.lh-xl{line-height:2.00;}
.lh-lg{line-height:1.90;}
.lh-nm{line-height:1.50;}
.lh-sm{line-height:1.40;}
.lh-xs{line-height:1.25;}
.lh-2xs{line-height:1.00;}
.lh-3xs{line-height:.80;}

.op-100{opacity:1!important;} .op-0{opacity:0!important;}
.op-10{opacity:.1!important;} .op-20{opacity:.2!important;} .op-30{opacity:.3!important;}
.op-40{opacity:.4!important;} .op-50{opacity:.5!important;} .op-60{opacity:.6!important;}
.op-70{opacity:.7!important;} .op-80{opacity:.8!important;} .op-90{opacity:.9!important;}

.d-block{display:block!important;}
.d-flex{display:flex!important;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}
.d-none{display:none!important;}

.jc-start{justify-content:flex-start!important;}
.jc-center{justify-content:center!important;}
.jc-end{justify-content:flex-end!important;}
.jc-space-between{justify-content:space-between!important;}
.jc-space-evenly{justify-content:space-evenly!important;}
.ai-center{align-items:center!important;}
.ai-start{align-items:flex-start!important;}
.ai-end{align-items:flex-end!important;}
.ai-unset{align-items:unset!important;}
.fw-wrap{flex-wrap:wrap!important;}
.fw-unset{flex-wrap:unset!important;}

.width-auto{width:auto!important;}
.width-full{width:100%!important; max-width:100%!important;}
.height-auto{height:auto!important;}
.height-full{height:100%!important; max-height:100%!important;}

.ws-nowrap{white-space:nowrap!important;}
.ws-normal{white-space:normal!important;}
.no-br > br{display:none;}

.no-border{border:0!important;}
.no-border-bottom{border-bottom:0!important;}
.border{border:1px solid transparent!important;}
.border-2{border:2px solid transparent!important;}
.border-3{border:3px solid transparent!important;}
.border-4{border:4px solid transparent!important;}
.border-top{border-top:1px solid transparent!important;}
.border-top-2{border-top:2px solid transparent!important;}
.border-top-3{border-top:3px solid transparent!important;}
.border-top-4{border-top:4px solid transparent!important;}
.border-bottom{border-bottom:1px solid transparent!important;}
.border-bottom-2{border-bottom:2px solid transparent!important;}
.border-bottom-3{border-bottom:3px solid transparent!important;}
.border-bottom-4{border-bottom:4px solid transparent!important;}
.border-left{border-left:1px solid transparent!important;}
.border-left-2{border-left:2px solid transparent!important;}
.border-left-3{border-left:3px solid transparent!important;}
.border-left-4{border-left:4px solid transparent!important;}
.border-right{border-right:1px solid transparent!important;}
.border-right-2{border-right:2px solid transparent!important;}
.border-right-3{border-right:3px solid transparent!important;}
.border-right-4{border-right:4px solid transparent!important;}

.bradius-round{border-radius:1rem!important;}

.no-bradius{border-radius:0!important;}
.no-padding{padding:0!important;}
.box-shadow{box-shadow:0px 5px 20px 10px rgba(0,0,0,.1);}

.ovf-hidden{overflow:hidden!important;}
.ovf-visible{overflow:visible!important;}
.clear-both{clear:both!important;}

.va-baseline{vertical-align:baseline!important;}

@media screen and (max-width:1199.98px){
    .lg-no-br > br{display:none;}
}
@media screen and (max-width:991.98px){
    .md-no-br > br{display:none;}
}
@media screen and (max-width:767.98px){
    .sm-no-br > br{display:none;}
}
@media screen and (max-width:575.98px){
    .xs-no-br > br{display:none;}
    .xs-hide{display:none;}
}