/* Reset */

:root {
    --bradius:.375rem;
    --bradius-02:.3rem;
  }
  
  html, body{
      padding:0; margin:0; overflow-x:hidden; overflow-y:auto;
      font-size:16px; font-weight:300; line-height:1.6;
      font-family:'Noto Sans Thai', 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{color:inherit; transition:opacity .25s, color .25s;}
  a, a:hover{text-decoration:none;}
  a.link{text-decoration:underline;}
  
  img.img{display:block; width:100%; height:auto;}
  img.img.sm{max-width:34rem; margin:0 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:'Noto Sans Thai', sans-serif;}
  #search::-webkit-search-cancel-button{
    position:relative; right:1.25rem; -webkit-appearance: none; cursor:pointer;
    height:1.25rem; width:1.25rem; border-radius:50%; background: url('../images/icon/29.png');
  }
  
  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-padding-top{padding-top:2rem!important;}
  .container{position:relative; width:100%; max-width:calc(1300px - 2rem); padding:0; margin:0 auto;}
  @media screen and (min-width:1600px){
      .container{max-width:calc(1600px - 2rem);}
  }
  @media screen and (max-width:1299.98px){
      .container{max-width:calc(1200px - 2rem);}
  }
  @media screen and (max-width:1199.98px){
      .container{max-width:calc(992px - 2rem);}
  }
  @media screen and (max-width:991.98px){
      .section-padding{padding:3.5rem 0;}
      .section-padding-top{padding-top:1.5rem!important;}
      .container{max-width:calc(768px - 2rem);}
  }
  @media screen and (max-width:767.98px){
      .section-padding{padding:3rem 0;}
      .section-padding-top{padding-top:.5rem!important;}
      .container{max-width:calc(578px - 2rem);}
  }
  @media screen and (max-width:575.98px){
      .section-padding{padding:2.5rem 0;}
      .section-padding-top{padding-top:.25rem!important;}
      .container{max-width:calc(100% - 2rem);}
  }
  
  
  /* Typography */
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, li, label{
      margin:0; font-weight:300; line-height:1.6;
  }
  h1, .h1{font-size:4rem; line-height:1.15;}
  h2, .h2{font-size:2.375rem; line-height:1.25;}
  h3, .h3{font-size:2rem; line-height:1.45;}
  h4, .h4{font-size:1.5rem;}
  h5, .h5{font-size:1.375rem;}
  h5.sm, .h5.sm{font-size:1.25rem;}
  h6, .h6{font-size:1.125rem;}
  p, .p, li, label{font-size:1rem;}
  p.md, .p.md, li.md, label.md{font-size:.9375rem;}
  p.sm, .p.sm, li.sm, label.sm{font-size:.875rem;}
  p.xs, .p.xs, li.xs, label.xs{font-size:.8125rem;}
  p.xxs, .p.xxs, li.xxs, label.xxs{font-size:.6875rem;}
  @media screen and (max-width:1199.98px){
      h1, .h1{font-size:3.75rem; line-height:1.15;}
      h2, .h2{font-size:2.1875rem; line-height:1.25;}
      h3, .h3{font-size:1.75rem; line-height:1.45;}
  }
  @media screen and (max-width:991.98px){
      h1, .h1{font-size:3.375rem; line-height:1.2;}
      h2, .h2{font-size:2rem; line-height:1.3;}
      h3, .h3{font-size:1.75rem; line-height:1.5;}
      h5, .h5{font-size:1.3125rem;}
  }
  @media screen and (max-width:767.98px){
      h1, .h1{font-size:3rem; line-height:1.25;}
      h2, .h2{font-size:1.875rem; line-height:1.4;}
      h3, .h3{font-size:1.5625rem; line-height:1.55;}
      h6, .h6{font-size:1.0625rem;}
      h5, .h5{font-size:1.25rem;}
      h5.sm, .h5.sm{font-size:1.125rem;}
  }
  @media screen and (max-width:575.98px){
      h1, .h1{font-size:2.5rem; line-height:1.3;}
      h2, .h2{font-size:1.625rem; line-height:1.5;}
      h3, .h3{font-size:1.375rem; line-height:1.6;}
      h5, .h5{font-size:1.125rem;}
      h6, .h6{font-size:1rem;}
      p, .p, li, label{font-size:.9375rem;}
  }
  
  
  /* Buttons */
  .btns{
      display:flex; align-items:center; flex-wrap:wrap;
      margin:-.25rem -.125rem 0 -.125rem; width:calc(100% + .25rem);
  }
  .btns > .btn{margin:.25rem .125rem 0 .125rem;}
  
  .btns .file-upload {
    position:absolute; top:0; left:0; bottom:0; right:0;
    width:100%; height:100%; opacity:0; cursor:pointer;
  }
  
  .btn-scale{
    position:absolute; top:0; right:0; bottom:0; left:0; display:flex;
    justify-content:center; align-items:center; z-index:4;
  }
  
  .btns .btn-26{transition:background .25s, border .25s;}
  
  .btns .btn-27{transform:scale(0,0)!important;}
  
  .btn.btn-action{
    display:block; font-size:1rem; font-weight:400; outline:none; box-shadow:none;
    white-space:nowrap; border:.125rem solid transparent; padding:.375rem 1.25rem .25rem 1.25rem;
    text-decoration:none; border-radius:.375rem; min-width:10rem; text-align:center;
    cursor:pointer; border:.125rem solid transparent; transition:all .25s;
  }
  .btn.btn-action.style-02{
    padding:.6125rem 1.25rem .6125rem 1.75rem; border-radius:.875rem; text-align:left;
  }
  .btn.btn-action.style-03{
    padding:.5rem 1.25rem .5rem 1.25rem; border-radius:.375rem;
  }
  .btn.btn-action.style-04{
    padding:.625rem 1.25rem .625rem 1.25rem; border-radius:.375rem; transition:all .25s;
  }
  .btn.btn-action-style-04 .wrapper > .icon{transition:color .25s;}
  .btn.btn-action.style-05{
    width:2.5rem; height:2.5rem; border-radius:.125rem; min-width:unset; padding:0;
    display:flex; justify-content:center; align-items:center;
  }
  .btn.btn-action.style-06{
    width:2.5rem; height:2.5rem; border-radius:.125rem; min-width:unset; padding:0;
    display:flex; justify-content:center; align-items:center; transition:background .5s ease;
  }
  .btn.btn-action.style-06.sm{width:2rem; height:2rem;}
  .btn.btn-action.style-07{padding-right:0!important; padding-left:0!important;}
  .btn.btn-action.style-08{padding:.5rem 1.5rem .5rem 1.5rem;}
  
  .btn.btn-action.size-02{padding:.5rem 1.25rem .5rem 1.25rem;}
  .btn.btn-action.size-03{min-width:8.5rem!important;}
  .btn.btn-action.size-04{min-width:4rem!important;}
  .btn.btn-action.size-05{min-width:6rem!important;}
  .btn.btn-action.mw-auto{min-width:auto;}
  .btn.btn-action.btn-inactive{cursor:no-drop;}
  
  .btn.btn-action-style-02{
    width:1.5rem; height:1.5rem; display:flex; justify-content:center; align-items:center;
    border-radius:50%; font-size:.375rem; transition:background .25s, color .25s; border:1px solid transparent; transition:all .25s;
   }
   .btn.btn-action-style-02.size-02{width:1.875rem; height:1.875rem; font-size:1rem!important;}
   .btn.btn-action-style-02.size-03{width:2.5rem; height:2.5rem; font-size:1.5rem!important;}
   .btn.btn-action-style-03{
    width:2.5rem; height:2.5rem; display:flex; flex-direction:column; justify-content:center; align-items:center;
    border-radius:50%; font-size:.875rem; transition:background .25s, color .25s; cursor:pointer;
  }
  .btn.btn-action-style-03 > em{margin:.0625rem;}
  .btn.btn-action-style-04{
    border-radius:.5rem; padding:.375rem .375rem; transition:all .25s; cursor:pointer;
  }
  .btn.btn-action-style-04 .wrapper{
    display:flex; align-items:center;
  }
  .btn.btn-action-style-04 .wrapper > .icon{
    width:2.5rem; height:2.5rem; display:flex; justify-content:center; align-items:center;
    border-radius:.5rem; font-size:1.4375rem;
  }
  .btn.btn-action-style-04 .wrapper > .text-container{
    width:calc(100% - 2.5rem); text-align:center;
  }
  .btn.btn-action-style-05{
    width:2rem; height:2rem; display:flex; justify-content:center; align-items:center; border-radius:50%;
    transition:background .25s, color .25s; cursor:pointer;
  }
  
  .btn.btn-action-style-06{
    position:relative; cursor:pointer; width:12rem; padding:.5rem 1.25rem .5rem 1.25rem;
    display:flex; justify-content:space-between; align-items:center; border-radius:.1875rem; overflow:hidden;
  }
  .btn.btn-action-style-06 span{
    position:relative; transition:color .25s; z-index:1;
  }
  .btn.btn-action-style-06 .sep{
    position:absolute; height:.0625rem; width:60%; right:1.4375rem;
    top:50%; transform:scaleX(.25); transform-origin: center right; transition: all .3s ease; z-index: 1;
  }
  .btn.btn-action-style-06:before,
  .btn.btn-action-style-06:after{
    position:absolute; content: ''; height:50%;
    width:0; transition:.3s cubic-bezier(.785,.135,.15,.86);
  }
  .btn.btn-action-style-06:before{top:0; left:0; right:auto;}
  .btn.btn-action-style-06:after{bottom:0; right:0; left:auto;}
  .btn.btn-action-style-06:hover .sep{transform: scaleX(.375);}
  .btn.btn-action-style-06:hover:before{width:100%; right:0; left:auto;}
  .btn.btn-action-style-06:hover::after{width:100%; left:0; right:auto;}
  
  .btn.btn-action-style-06.size-02{width:14rem; padding:.5rem 1.25rem .5rem 1.25rem;}
  .btn.btn-action-style-06.size-03{width:7rem; min-height:1.5rem;}
  .btn.btn-action-style-06.size-02 .sep{transform:scaleX(.25);}
  .btn.btn-action-style-06.size-02:hover .sep{transform: scaleX(.3);}
  
  .c-wrapper{
    position:relative; display:flex!important; align-items:center;
   }
   .c-icon{
    display:inline-block; padding-left:.25rem;
   }
   .faq-10 .faq:hover .c-btn--animate-left-right:not(:disabled) .c-icon,
   .ss-card:hover .c-btn--animate-left-right:not(:disabled) .c-icon,
   .c-btn--animate-left-right:not(:disabled):hover .c-icon{
    -webkit-animation-timing-function:cubic-bezier(.125,.98,.565,1.17);
    animation-timing-function:cubic-bezier(.125,.98,.565,1.17);
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    -webkit-animation-name:in-out-left-right;
    animation-name:in-out-left-right;
   }
   @keyframes in-out-left-right{
    0%{
      transform: translateZ(0);
    }
    49%{
      transform: translate3d(35%,0,0);
      opacity: 0;
    }
    50%{
      transform: translate3d(-35%,0,0);
    }
    100%{
      transform: translateZ(0);
      opacity: 1;
    }
   }
   @keyframes in-out-left-right{
    0%{
      transform: translateZ(0);
    }
    49%{
      transform: translate3d(35%,0,0);
      opacity: 0;
    }
    50%{
      transform: translate3d(-35%,0,0);
    }
    100%{
      transform: translateZ(0);
      opacity: 1;
    }
   }
  
  .btn.btn-fling-down:hover .fling-down{
    animation-timing-function:cubic-bezier(.125,.98,.565,1.17);
    animation-duration:.5s; animation-name:in-out-top-bottom;
  }
  @keyframes in-out-top-bottom{
    0%{
      transform: translateZ(0);
    }
    49%{
      transform: translate3d(0,50%,0);
      opacity: 0;
    }
    50%{
      transfrom: translate3d(0,-50%,0);
    }
    100%{
      transform: translateZ(0);
      opacity: 1;
    }
  }
  
  @media screen and (max-width:991.98px){
    .btn.btn-action-style-06{width:10rem;}
  }
  @media screen and (max-width:575.98px){
    .btn.btn-action-style-06{padding:.375rem 1.25rem .375rem 1.25rem}
  }
  
  .btn.btn-action-style-07{
    display:block; height:2rem; min-width:5rem; border-radius:.375rem; display:flex; font-weight:400;
    justify-content:center; align-items:center; font-size:.875rem; transition:opacity .25s, color .25s;
  }
  .btn.btn-action-style-08{
    width:2rem; height:2rem; display:flex; justify-content:center; align-items:center; cursor:pointer;
    border-radius:.375rem; font-size:.375rem; transition:background .25s, color .25s; border:1px solid transparent; transition:all .25s;
   }
   .btn.btn-action-style-08 > em.size-02{font-size:.875rem;}
  @media screen and (max-width:575.98px){
      .btns.xs-center{justify-content:center!important;}
      .btn.btn-action,.btn.btn-action.size-02{font-size:.9375rem; padding:.375rem 1rem .25rem 1rem; min-width:9rem;}
      .btn.btn-action-style-03{width:2rem; height:2rem; font-size:.375rem;}
  }
  
  /* Button Scale */
  .btn-scale{
    position:absolute; top:0; right:0; bottom:0; left:0; display:flex; transition:all .5s ease;
    justify-content:center; align-items:center; transform:scale(0,0);
  }
  
  /* Button Browse */
  .btn-browse-container{display:flex;}
  .btn-browse-container .fileUpload{position: relative; overflow: hidden;}
  .btn-browse-container .fileUpload input.upload {
    position:absolute; top:0; left:0; font-size:1.25rem; cursor:pointer; opacity:0;
  }
  .btn-browse-container .btn-browse{
    border:1px solid transparent; border-left:0; border-radius:.25rem;
    height:2.625rem; padding:.625rem .875rem; text-align:center; width:8rem; cursor:pointer;
  }
  .btn-browse-container .form-input{
    height:2.625rem; border:none; width:calc(100% - 8rem); padding:0 .875rem; pointer-events:none;
  }
  @media screen and (max-width:499.98px){
    .btn-browse-container .btn-browse{width:6rem;}
    .btn-browse-container .form-input{width:calc(100% - 6rem);}
  }
  
  .btn-browse-container .btn-browse{background: #2e603b; border-color:#2e603b; color:#ffffff;}
  .btn-browse-container .form-input{background:#eeeeee;}
  
  /* Buttons Group */
  .buttons-group{padding:.5rem 0; border-top:1px solid transparent; border-bottom:1px solid transparent;}
  .buttons-group .wrapper{display:flex; align-items:center; justify-content:space-between;}
  .buttons-group .wrapper > .icon-container{width:30%;}
  .buttons-group .wrapper > .icon-container .icon-wrapper{display:flex; align-items:center; justify-content:center;}
  .buttons-group .wrapper > .icon-container .text{width:calc(100% - 3rem); display:flex; align-items:center;}
  .buttons-group .wrapper > .icon-container .icon{
    width:3rem; height:3rem; display:flex; justify-content:center; align-items:center;
  }
  .buttons-group .wrapper > .btns{width:35%;}
  .buttons-group .wrapper > .icon-container .icon em{font-size:2rem;}
  .buttons-group .wrapper > .btns .btn > em.fa-arrow-left{
    margin:.0625rem .125rem 0 0; transition:margin .25s; width:1.5rem;
  }
  .buttons-group .wrapper > .btns:hover .btn > em.fa-arrow-left{margin:.0625rem .75rem 0 0;}
  .buttons-group .wrapper > .btns .btn > em.fa-arrow-right{
    margin:.0625rem 0 0 .125rem; transition:margin .25s; width:1.5rem;
  }
  .buttons-group .wrapper > .btns:hover .btn > em.fa-arrow-right{margin:.0625rem 0 0 .75rem;}
  @media screen and (max-width:499.98px){
    .buttons-group .wrapper{flex-direction:column; justify-content:unset!important;}
    .buttons-group .wrapper > .icon-container{margin:1rem 0; width:100%; display:flex; justify-content:center;}
    .buttons-group .wrapper > .icon-container .icon-wrapper{width:10rem;}
    .buttons-group .wrapper > .btns{justify-content:center!important;}
  }
  
  /* Capcha Container */
  .capcha-container{width:100%; max-width:18.5rem;}
  .capcha-container > img{display:block; width:100%; height:auto;}
  
  /* Cate Container (Home Page) */
  .cate-container{padding:0 2rem; min-height:38rem; border-right:2px solid transparent;}
  .cate-container.bc-none-03{border:0;}
  .cate-container h3{min-height:7rem;}
  .cate-container{border-color:#303032;}
  @media screen and (max-width:991.98px){
    .cate-container.bc-none-01{border:0;}
    .cate-container.bc-none-02{border:0;}
    .cate-container h3{min-height:0;}
    .cate-container{min-height:0;}
    .cate-container{margin-bottom:1.5rem;}
  }
  @media screen and (max-width:767.98px){
    .cate-container{padding:0; min-height:0; border-right:0; margin-bottom:1rem;}
    .cate-container h3{min-height:0;}
    .cate-container > .btns{justify-content:center;}
  }
  
  /* Chart Container */
  .chart-container .apexcharts-legend-marker{
    border-radius:0!important; width:1.25rem!important; height:1.25rem!important;
    top:.5rem!important;
  }
  .chart-container .apexcharts-legend-text{font-size:.8125rem!important; padding-left:1.5rem!important;}
  @media screen and (max-width:767.98px){
    .chart-container .apexcharts-legend-marker{top:0!important; width:.875rem!important; height:.875rem!important;}
    .chart-container .apexcharts-legend-text{padding-left:1rem!important;}
  }
  @media screen and (max-width:575.98px){
    .chart-container .apexcharts-legend{padding:0;}
  }
  
  /* Card Line */
  .card-line{
    position:absolute; right:0; bottom:0; left:0; transition:width .5s ease-in-out;
    width:0; height:.375rem; z-index:4;
  }
  .card-line.style-01.size-02{height:.2rem;}
  .card-line.style-03{height:.2rem; transition:all .7s ease-in-out;}
  .card-line.bradius{border-radius:.375rem;}
  
  /* Content Found - Search Pages */
  .content-found{margin-top:3rem;}
  .content-found .wrapper{display:flex; align-items:center;}
  .content-found .icon{
    width:1.125rem; height:1.125rem; display:flex; align-items:center; justify-content:center;
    margin-right:.5rem;
  }
  .content-found .ss-tags{display:inline-block;}
  .content-found.border-top{border-top:2px solid transparent!important;}
  
  /* Custom Select */
  .custom-select{
    position: relative; font-weight:500;
  }
  .custom-select select{display:none;}
  .custom-select .chev{
    position:absolute; top:calc(50% - .4375rem); right:.4375rem;
    pointer-events:none; font-size:.5625rem;
  }
  .custom-select .select-hide{display:none;}
  .custom-select .select-selected{border-radius:.375rem .375rem .34375rem .34375rem; font-size:.875rem;}
  .custom-select .select-items div, .custom-select .select-selected {
    min-height:2rem; min-width:3rem; display:flex; align-items:center; padding:0 .5rem;
    cursor:pointer; user-select:none; transition:background .25s, color .25s;
  }
  .custom-select .select-items {
    position:absolute; top:100%; left:0; right:0; font-size:.875rem; margin-top:-.125rem;
    z-index:99; border-radius:0 0 .21875rem .21875rem; overflow:hidden;
  }
  
  /* 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,
  .form-group .upload-wrapper::before{
      border:1.6px solid transparent; border-radius:0; box-shadow:none!important; width:100%;
      padding:.4375rem .875rem; font-size:1rem; font-weight:400; margin:0; line-height:1.5;
      outline:none!important; transition:border-color .25s, color .25s;
  }
  input.style-02[type=text],input.style-02[type=password],
  input.style-02[type=email]{border:none; border-bottom:4px solid transparent;}
  input.style-02.size-01[type=text], input.style-02.size-01[type=password],
  input.style-02.size-01[type=email]{border-bottom:3px solid transparent;}
  select{padding:.59375rem .875rem;}
  select.style-02{padding:.25rem .25rem!important; border-radius:.5rem; border:1px solid transparent;}
  input[type=file]{padding:.25rem .875rem .25rem .25rem;}
  
  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;}
  textarea.style-02{border-radius:.4375rem;}
  @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;}
  }
  
  /* Form */
  .form.style-01{padding:0 1.25rem;}
  .form.style-01 .form-footer{width:100%; border-top:1px solid transparent;}
  .form.style-01 .img-container > img{display:block; width:auto; height:auto;}
  .form.style-01 input{border:1.3px solid transparent;}
  .form.style-01 input[type='email']{border-radius:.25rem;}
  @media screen and (max-width:767.98px){
    .form.style-01 .img-container{display:flex; justify-content:center;}
    .form.style-01 .form-footer .btns{justify-content:center!important;}
  }
  
  .form.style-02 select:focus{outline:none!important;}
  .form.style-02 textarea{border:1px solid transparent;}
  .form.style-02 .calendar-icon{position:relative;}
  .form.style-02 .calendar-icon::after{
    position:absolute; top:0; bottom:0; content:"\f073"; font-size:.875rem;
    font-family:'Font Awesome 6 Free'; left:.5rem; width:2.5rem; display:flex;
    align-items:center;
  }
  .form.style-02 .calendar-icon input{padding-left:2.375rem;}
  .form.style-02 .calendar-icon::after{color:#2e603c;}
  
  @media screen and (max-width:767.98px){
    .form.style-03 .form-group,
    .form.style-03 .form-group > .pw-title{margin-top:0!important;}
    .form.style-03 .captcha-container, .form.style-03 .btns{justify-content:center;}
  }
  
  @media screen and (max-width:767.98px){
    .form.style-04 .form-group,
    .form.style-04 .form-group > .pw-title{margin-top:0!important;}
    .form.style-04 .captcha-container{flex-wrap:wrap;}
    .form.style-04 .captcha-container img{margin:0 auto;}
    .form.style-04 .captcha-container > .btns{justify-content:center;}
  }
  @media screen and (max-width:991.98px){
    .form.style-04.size-02 .captcha-container{flex-wrap:wrap;}
    .form.style-04.size-02 .captcha-container > .btns{margin-left:0!important;}
  }
  
  .form.style-05 .ui.icon.input > input::placeholder{font-weight:100!important;}
  
  .fg-pass{display:flex; align-items:flex-start; margin-top:.5rem;}
  .fg-pass > a{line-height:1.5; border-bottom:1px solid transparent;}
  .fg-pass .icon{display:flex; align-items:center; padding-top:.25rem;}
  .fg-pass .icon > img,
  .fg-pass .icon > svg{
    display:block; max-width:100%; max-height:100%; width:auto; height:.875rem;
  }
  .fg-pass > a{color:#8c6a61; border-color:#8c6a61;}
  
  
  /* Input Form Group */
  .form-group{margin:.5625rem 0 0 0;}
  .form-group label{margin:0 0 .125rem 0;}
  .form-group.style-02 label{margin:unset;}
  .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-group .wrapper{position:relative;}
  .form-group .wrapper span{
      position: absolute; right:1rem; top:50%;
      cursor: pointer; transform: translate(0, -50%);
  }
  .form-group .input-fit{width:100%; display:flex; align-items:center;}
  
  .form-check{margin:.5rem 0 0 0; display:flex;}
  .form-check label{
      font-size:.9375rem; font-weight:300; margin:.1875rem 0 0 0; cursor:pointer;
  }
  .form-check.style-02 label{margin:5rem;}
  .form-check > input[type="checkbox"], .form-check > input[type="radio"]{
      font-size:1rem; width:1rem; height:1rem; cursor:pointer
  }
  .form-check.style-03 > input[type="checkbox"], .form-check > input[type="radio"]{
    font-size:1rem; width:.9375rem; height:.9375rem; cursor:pointer; opacity:0;
  }
  .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;
  }
  
  .form-check-container{
    position:relative; padding:.9375rem .9375rem .9375rem 2.5rem; border-radius:.4375rem;
    border:2px solid transparent; transition:background .5s;
  }
  .form-check-container-02{position:relative; padding-left:2.5rem; width: fit-content;}
  .form-check-container input,
  .form-check-container-02 input{
    position:absolute; width:0!important; height:0!important; opacity:0;
  }
  .form-check-container .checkmark{
    position:absolute; top:1.125rem; left:1rem; width:1.125rem; height:1.125rem;
    border-radius:.1875rem; border:1px solid transparent;
  }
  .form-check-container-02 .checkmark{
    position:absolute; top:.1875rem; left:1rem; width:1.125rem; height:1.125rem;
    border-radius:.1875rem; border:1px solid transparent;
  }
  .form-check-container .checkmark:after,
  .form-check-container-02 .checkmark:after{
    content: ""; position:absolute; display:none;
  }
  .form-check-container  input:checked ~ .checkmark:after,
  .form-check-container-02  input:checked ~ .checkmark:after{display:block;}
  .form-check-container .checkmark:after,
  .form-check-container-02 .checkmark:after{
    top:.09375rem; left:.375rem; width:.1875rem; height:.4375rem;
    border:solid transparent; border-width:0 .1875rem .1875rem 0; transform:rotate(45deg);
  }
  
  .form-check-container-03{position:relative; width: fit-content;}
  .form-check-container-03 .checkmark{
    position:absolute; top:.1875rem; left:0; width:1.125rem; height:1.125rem;
    border-radius:.1875rem; border:1px solid transparent; cursor:pointer;
  }
  .form-check-container-03 .checkmark:after{
    content: ""; position:absolute; display:none;
    top:.09375rem; left:.375rem; width:.1875rem; height:.4375rem;
    border:solid transparent; border-width:0 .1875rem .1875rem 0; transform:rotate(45deg);
  }
  .form-check-container-03  input:checked ~ .checkmark:after{display:block;}
  
  
  @media screen and (max-width:1182.98px){
    .form-check-container.size-02{min-height:6.25rem;}
  }
  @media screen and (max-width:1148.98px){
    .form-check-container.size-02{min-height:6.25rem;}
  }
  @media screen and (max-width:991.98px){
    .form-check-container{min-height:6.5rem;}
    .form-check-container.size-02{min-height:0;}
  }
  @media screen and (max-width:575.98px){
    .form-check-container{min-height:0;}
  }
  
  /* Form Group Style 02 */
  .form-group.style-02{display:flex; flex-wrap:wrap;}
  .form-group.style-02 > label{
    width:8rem; display:flex; justify-content:flex-end; align-items:center;
    padding-right:1rem;
  }
  .form-group.style-02 .search-file-container > label{
    width:9rem; display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center;
    padding-right:1rem; height:100%;
  }
  .form-group.style-02 > .search-btn-container{
    width:calc(100% - 9rem); display:flex; align-items:center;
  }
  .form-group.style-02 .search-btn-container > .btns{width:unset; margin-right:1rem;}
  
  .form-group.style-02 > label.size-02{width:7.5rem;}
  .form-group.style-02 > label.size-03{width:3.5rem;}
  .form-group.style-02 > .form-input{width:calc(100% - 8rem);}
  .form-group.style-02 > .form-input.size-02{width:calc(100% - 7.5rem);}
  .form-group.style-02 > .form-input.size-03{width:calc(100% - 3.5rem);}
  .password-level{display:block; width:100%;}
  .password-level > .levels > *{
    display:block; width:calc((100% - .5rem) / 4); height:.4375rem; transition:background .25s;
    border:1px solid transparent;
  }
  @media screen and (max-width:991.98px){
    .form-group.style-02.size-02 > label{width:100%; justify-content:flex-start;}
  }
  @media screen and (max-width:767.98px){
    .form-group.style-02 > label{width:100%; justify-content:flex-start;}
    .form-group.style-02 > label.size-02{width:100%}
    .form-group.style-02 > .form-input{width:100%;}
    .form-group.style-02 > .form-input.size-02{width:100%;}
    .form-group.style-02 > .pw-title{margin-top:.875rem;}
    .form-group.style-02 > .form-input .pw-desc{justify-content:unset!important;}
    .form-group.style-02 .search-file-container > label{width:100%;}
    .form-group.style-02 > .search-btn-container{width:100%; margin-top:.5rem;}
  }
  
  /* Radio & Checkbox Container */
  fieldset{padding:0; margin:0; border:0;}
  .rc-container{position:relative; width:100%;}
  .rc-container > input{position:absolute!important; opacity:0!important;}
  .rc-container > label{display:block; width:100%; padding:0 0 0 1.5rem; cursor:pointer;}
  .rc-container > label::before, .rc-container > label::after{
      content:''; position:absolute; top:calc(50% - .5rem - 1.5px); left:0;
      width:.625rem; height:.625rem; border-radius:50%; border:3px solid transparent;
      transition:border-color .25s, opacity .25s, background .25s;
  }
  
  .rc-container > label::after{opacity:0; z-index:1;}
  .rc-container > input:checked + label::after{opacity:1;}
  .rc-container > input[type=checkbox] + label::before,
  .rc-container > input[type=checkbox] + label::after{border-radius:0;}
  
  .rc-container.style-04{display:flex; align-items:center;}
  .rc-container.style-04 > label::before, .rc-container.style-04 > label::after{
    width:.3125rem; height:.3125rem; border:4px solid transparent; margin-top:.125rem;
    transition:border-color .25s, opacity .25s, background .25s;
  }
  
  .rc-container.style-04 > label::before{z-index:2; opacity:0;}
  .rc-container.style-04 > label::after{opacity:1; z-index:1;}
  .rc-container.style-04 > input:checked + label::before{opacity:1;}
  
  select{-webkit-appearance:none; line-height:1.5rem;}
  
  
  /* Captcha Container */
  .captcha-container{width:100%; display:flex;}
  .captcha-container img{display:block; width:auto; height:4rem;}
  .captcha-container > .btns{margin-left:.5rem;}
  @media screen and (max-width:991.98px){
    .captcha-container.style-02{flex-direction:column;}
    .captcha-container > .btns{margin:.9375rem 0;}
  }
  @media screen and (max-width:767.98px){
    .captcha-container.style-03{flex-direction:column;}
    .captcha-container.style-03 > .btns{margin:.9375rem 0!important;}
  }
  
  .padding-style-01{padding-left:8rem;}
  .padding-style-02{padding-left:3.5rem;}
  .padding-style-03{padding-left:7.5rem;}
  .padding-style-04{padding-left:8rem;}
  @media screen and (max-width:767.98px){
    .padding-style-02{padding-left:0;}
    .padding-style-03{padding-left:0;}
    .padding-style-04{padding-left:0;}
  }
  @media screen and (max-width:991.98px){
    .padding-style-01{padding-left:0;}
  }
  
  /* 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%;}
  .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:767.98px){
      .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;}
  
  /* Checkbox Set */
  .checkbox-set{position:relative; display:flex; align-items:center;}
  .checkbox-set.none input{opacity:0;}
  .checkbox-set  .bg-color{
    position:absolute; top:-.4375rem; left:-1rem; width:.75rem; height:.75rem; border-radius:50%; z-index:1;
    pointer-events:all;
  }
  .checkbox-set  .bg-color.size-02{width:.9375rem; height:.9375rem;}
  .checkbox-set > .checkmark{
    position:relative;
  }
  
  .checkbox-set input:checked ~ .checkmark::before {
    content: '';
    position: absolute;
    top: -.4375rem;
    left: -1rem;
    width: .75rem;
    height: .75rem;
    border-radius: 50%;
    background-image: url('../images/icon/x-mark.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events:auto;
    z-index:2;
  }
  
  .checkbox-set.size-02 input:checked ~ .checkmark::before{width:.9375rem; height:.9375rem;}
  
  .checkbox-set input:checked ~ .checkmark.background-02::before {
    background-image: url('../images/icon/minisite-x-mark.png');
  }
  
  /* Date Picker */
  .datepicker.datepicker-dropdown{color:#000000!important;}
  
  
  /* Hamburger */
  .hamburger{cursor:pointer;}
  .hamburger > *{
      position:relative; 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;
  }
  .list-header.list-header-search .date-wrapper{width:8.75rem;}
  @media screen and (max-width:991.98px){
      .list-header.list-header-search{flex-wrap:wrap;}
      .list-header.list-header-search > .block:first-child{width:100%; margin-bottom:.3125rem;}
  }
  @media screen and (max-width:767.98px){
      .list-header .search-wrapper{width:11rem;}
  }
  @media screen and (max-width:575.98px){
      .list-header{flex-wrap:wrap; justify-content:center;}
      .list-header > .block{width:100%; text-align:center;}
      .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;}
      .list-header .btn-icon{margin-left:.625rem;}
      .list-header .btn-icon em{margin:0 .125rem 0 0;}
      .list-header.list-header-search > .block:first-child{margin-bottom:0;}
      .list-header.list-header-search > .block{margin-bottom:.3125rem;}
      .list-header.list-header-search .date-wrapper{width:8rem;}
  }
  
  .list-header.style-02 .option.search{width:30%;}
  .list-header.style-02 .option.search.size-02{width:26.66%;}
  .list-header.style-02 .option.cate, .list-header.style-02 .option.order{width:28.5%; padding-left:1rem;}
  .list-header.style-02 .option.cate.size-02, .list-header.style-02 .option.order.size-02{width:26.66%; padding-left:1rem;}
  .list-header.style-02 .option.order > span{width:5rem;}
  .list-header.style-02 .option.view{width:13%; display:flex; justify-content:flex-end;}
  .list-header.style-02 .option.view > .wrapper{position:relative; display:flex;}
  .list-header.style-02 .option.view.size-02{width:20%;}
  .list-header.style-02 .option.view.style-02{padding-left:1rem;}
  .list-header.style-02 .option.view.style-02 span{width:5rem;}
  .list-header.style-02{display:flex; justify-content:unset;}
  .list-header.style-02 .option{position:relative; min-height:2.875rem;}
  .list-header.style-02 .option > .ui.icon.input input{min-height:2.875rem!important; border:none;}
  .list-header.style-02 .option > .ui.icon.input > em.icon{border-radius:0 .375rem .375rem 0; border-left:1px solid transparent;}
  .list-header.style-02 .option > select{
    position:relative; border:none; border-radius:.375rem; appearance:none;
    cursor:pointer; height:100%; border:1px solid transparent;
  }
  .list-header.style-02 .option > .dropdown-icon{
    position:absolute; right:0; pointer-events:none; width:2.5rem; height:100%; border-radius:0 .375rem .375rem 0;
    top:0; bottom:0; display:flex; justify-content:center; align-items:center; border-left:1px solid transparent;
  }
  .list-header.style-02{display:flex; align-items:center;}
  .list-header.style-02 .options{display:flex; align-items:center; flex-wrap:wrap; margin:0; width:100%;}
  .list-header.style-02 .option{display:flex; align-items:center;}
  .list-header.style-02 .option > .ui.icon.input input{background:#eeeeee!important; border:1px solid transparent;}
  .list-header.style-02 .option .icon-view{
    display:flex; align-items:center; justify-content:center; width:2.875rem; height:2.875rem; cursor:pointer;
    border:1px solid transparent; border-radius:.375rem; font-size:1.125rem; transition:all .25s;
  }
  .list-header.style-02 .option .icon-view.style-02{
    display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:.875rem;
  }
  .list-header.style-02 .option .icon-view.style-02:hover{color:#ffffff;}
  .list-header.style-02 .option .icon-view img{width:1rem; height:1rem;}
  .list-header.style-02 .option .icon-view.size-02 img{width:1.5rem; height:1.5rem;}
  .list-header.style-02 .option .icon-view img.icon-active{position:absolute; opacity:0; transition:opacity .25s;}
  .list-header.style-02 .option .icon-view.active img.icon-active,
  .list-header.style-02 .option .icon-view:hover img.icon-active{opacity:1;}
  .list-header.style-02 .option .icon-view.disable{pointer-events:none;}
  @media screen and (max-width:1199.98px){
    .list-header.style-02 .option.search{width:33.33%;}
    .list-header.style-02 .option.cate,
    .list-header.style-02 .option.order{width:33.33%;}
    .list-header.style-02 .option.view{width:100%; margin-top:1rem; justify-content:center;}
  
    .list-header.style-02 .option.search.size-02{width:33.33%;}
    .list-header.style-02 .option.cate.size-02,
    .list-header.style-02 .option.order.size-02{width:33.33%;}
    .list-header.style-02 .option.view.size-02{width:100%; margin-top:1rem;}
  }
  @media screen and (max-width:991.98px){
    .list-header.style-02 .option.search{width:100%;}
    .list-header.style-02 .option.cate,
    .list-header.style-02 .option.order{width:50%; margin-top:1rem;}
    .list-header.style-02 .option.rss{width:100%; margin-top:1rem !important; justify-content:center;}
  
    .list-header.style-02 .option.search.size-02{width:33.33%;}
    .list-header.style-02 .option.cate.size-02,
    .list-header.style-02 .option.order.size-02{width:33.33%; margin-top:0;}
    .list-header.style-02 .option.order.size-02 > span{width:5.5rem;}
    .list-header.style-02 .option.view.size-02{width:100%;}
  }
  @media screen and (max-width:767.98px){
    .list-header.style-02 .option.order > span{width:5.5rem;}
    .list-header.style-02 .option.cate.style-02 > span{width:5rem;}
  
    .list-header.style-02 .option.search.size-02, .list-header.style-02 .option.cate.size-02,
    .list-header.style-02 .option.order.size-02, .list-header.style-02 .option.view.size-02{width:50%;}
    .list-header.style-02 .option.order.size-02, .list-header.style-02 .option.view.size-02{margin-top:1rem;}
  }
  @media screen and (max-width:575.98px){
    .list-header.style-02 .option{width:100%;}
    .list-header.style-02 .option.cate,
    .list-header.style-02 .option.order{width:100%; padding-left:0;}
    .list-header.style-02 .option.view{justify-content:center;}
    .list-header.style-02 .option > span{display:none;}
  
    .list-header.style-02 .option.search.size-02,.list-header.style-02 .option.cate.size-02,
    .list-header.style-02 .option.order.size-02, .list-header.style-02 .option.view.size-02{width:100%; padding-left:0;}
    .list-header.style-02 .option.cate.size-02{margin-top:1rem;}
  }
  
  /* List Header */
  .list-header.style-03{
    position:relative; width:100%; display:flex; align-items:center;
    justify-content:space-between; padding:.125rem 0; margin:0;
  }
  .list-header.style-03 > .block{display:block;}
  .list-header.style-03 .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.style-03 .btn-icon{display:inline-block; margin-left:1rem; font-size:.875rem;}
  .list-header.style-03 .btn-icon:first-child{margin-left:0;}
  .list-header.style-03 .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.style-03{flex-wrap:wrap; justify-content:center;}
    .list-header.style-03 > .block{width:100%; text-align:center; margin:0 0 .4375rem 0;}
    .list-header.style-03 .select-wrapper, .list-header.style-03 .search-wrapper{
        display:block; width:100%; max-width:18rem; margin:0 auto .3125rem auto;
    }
    .list-header.style-03 .select-wrapper > *, .list-header.style-03 .search-wrapper > *{width:100%;}
    .list-header.style-03 .btn-icon{margin-left:.75rem;}
  }
  @media screen and (max-width:575.98px){
    .list-header.style-03 .btn-icon{margin-left:.625rem;}
    .list-header.style-03 .btn-icon em{margin:0 .125rem 0 0;}
  }
  
  /* List Header Calendar */
  .list-header-calendar{display:flex;}
  .list-header-calendar .options{
    display:flex; flex-wrap:wrap; align-items:center; flex-wrap:wrap; margin:0; width:70%;
  }
  .list-header-calendar .options #search{border:1px solid transparent;}
  .list-header-calendar select.ui.dropdown{border:1px solid transparent;}
  .list-header-calendar .option.search{width:50%;}
  .list-header-calendar .option{display:flex; align-items:center;}
  .list-header-calendar .option.cate{width:50%; padding-left:1rem;}
  .list-header-calendar .button-container{width:40%; display:flex; align-items:center; justify-content:flex-end;}
  .list-header-calendar .button-container > .button-wrapper{display:flex; align-items:center;}
  .list-header-calendar .button-container > .button-wrapper span{white-space:nowrap;}
  
  .list-header-calendar.style-02{display:flex; flex-wrap:wrap;}
  .list-header-calendar.style-02 .options{width:75%;}
  .list-header-calendar.style-02 .option.search,
  .list-header-calendar.style-02 .option.cate, .list-header-calendar.style-02 .option.sort{width:33.33%;}
  .list-header-calendar.style-02 .option.cate, .list-header-calendar.style-02 .option.sort{padding-left:1rem;}
  .list-header-calendar.style-02 .button-container{width:25%;}
  @media screen and (max-width:1199.98px){
    .list-header-calendar.style-02 .options,
    .list-header-calendar.style-02 .button-container{width:100%;}
    .list-header-calendar.style-02 .button-container{margin-top:1.5rem; justify-content:flex-start;}
  }
  @media screen and (max-width:767.98px){
    .list-header-calendar{flex-wrap:wrap;}
    .list-header-calendar .options, .list-header-calendar .button-container{width:100%;}
    .list-header-calendar .button-container{margin-top:1rem; justify-content:center;}
    .calendar-header .button-container .btns{justify-content:center;}
  
    .list-header-calendar.style-02 .option.search{width:100%;}
    .list-header-calendar.style-02 .option.cate{padding-left:0;}
    .list-header-calendar.style-02 .option.cate,
    .list-header-calendar.style-02 .option.sort{width:50%; margin-top:1rem;}
  }
  @media screen and (max-width:575.98px){
    .list-header-calendar.style-02 .option.cate,
    .list-header-calendar.style-02 .option.sort{width:100%;}
    .list-header-calendar.style-02 .option.cate > span,
    .list-header-calendar.style-02 .option.sort > span{display:none;}
    .list-header-calendar.style-02 .option.sort{padding-left:0;}
    .list-header-calendar.style-02 .button-container{justify-content:center;}
  }
  @media screen and (max-width:543.98px){
    .list-header-calendar .option.search,
    .list-header-calendar .option.cate{width:100%; margin-top:1rem; padding-left:0;}
  }
  @media screen and (max-width:375.98px){
    .calendar-header .text-wrapper{flex-direction:column;}
    .calendar-header .wrapper{margin-left:0!important;}
  }
  
  .option{position:relative;}
  .ui.icon.input input{min-height:2.813rem!important; border:none;}
  .ui.icon.input input.size-02{min-height:3rem!important;}
  .ui.icon.input input.size-03{min-height:2.875rem!important;}
  .ui.icon.input > em.icon{border-radius:0 .375rem .375rem 0;}
  .ui{
    position:relative; border:none; border-radius:.375rem; cursor:pointer;
  }
  .dropdown-icon{
    position:absolute; right:0; pointer-events:none; width:2.5rem; height:100%; border-radius:0 .375rem .375rem 0;
    top:0; bottom:0; display:flex; justify-content:center; align-items:center;
  }
  .dropdown-icon.size-02{width:3rem;} /* min-height:2.875rem; */
  
  
  @media screen and (max-width:1199.98px){
    .list-header.style-02 .option.search{width:33.33%;}
    .list-header.style-02 .option.cate,
    .list-header.style-02 .option.order{width:33.33%;}
    .list-header.style-02 .option.view{width:100%; margin-top:1rem;}
  }
  @media screen and (max-width:991.98px){
    .list-header.style-02 .option.search{width:100%;}
    .list-header.style-02 .option.cate,
    .list-header.style-02 .option.order{width:50%; margin-top:1rem;}
  }
  @media screen and (max-width:575.98px){
    .list-header.style-02 .option{width:100%;}
    .list-header.style-02 .option.cate,
    .list-header.style-02 .option.order{width:100%; padding-left:0;}
    .list-header.style-02 .option.view{justify-content:center;}
    .list-header.style-02 .option > span{display:none;}
  }
  
  /* List Footer */
  .list-footer{
      position:relative; width:100%; display:flex; align-items:center;
      justify-content:space-between; padding:.5rem 0 0 0;
  }
  .list-footer > .block{display:flex; align-items:center; padding:0 0 .5rem 0;}
  .list-footer.minisite > .block{padding:.625rem 0 0 0;}
  .list-footer.minisite .slot{
      display:flex; align-items:center; margin:0 0 0 1.5rem; white-space:nowrap;
  }
  .list-footer.minisite .slot:first-child{margin:0;}
  .list-footer.minisite .slot .box{
      width:2rem; text-align:center; border-radius:.25rem; padding:.1875rem 0;
  }
  .list-footer.minisite .slot select{
      display:block; height:1.5rem; line-height:1.5rem; font-size:.875rem; font-weight:500;
      border:0; border-radius:1000em; padding:0 .5rem;
  }
  @media screen and (max-width:1199.98px){
      .list-footer.minisite .slot{margin:0 0 0 1rem;}
  }
  @media screen and (max-width:991.98px){
      .list-footer{flex-wrap:wrap;}
      .list-footer > .block{width:100%; justify-content:center;}
  }
  
  .list-footer-02{
      width:calc(100% + .5rem); margin:-.5rem -.25rem; display:flex; align-items:center;
      justify-content:space-between; font-weight:300; white-space:nowrap;
  }
  .list-footer-02 .option{display:flex; align-items:center; margin:.5rem 0;}
  .list-footer-02 .option .ui.selection.dropdown{max-width:4.25rem;}
  @media screen and (max-width:991.98px){
      .list-footer-02{display:block;}
      .list-footer-02 .option{width:100%; justify-content:center;}
      .list-footer-02 .option .ui.selection.dropdown{max-width:3.25rem;}
  }
  @media screen and (max-width:435.98px){
    .list-footer-02 .option{flex-direction:column;}
    .list-footer-02 .option .btn-action-style-07{margin:.5rem 0!important;}
  }
  
  .list-style-01 li{list-style:none; position:relative; display:flex; align-items:center; height:100%; flex-wrap:wrap;}
  .list-style-01 li:before{
    position:absolute; left:-1.5rem; content:""; width:.6875rem; height:.25rem;
  }
  .list-style-02 li{list-style:none; position:relative;}
  .list-style-02 li:before{
    position:absolute; top:.5rem; left:-1.5rem; content:""; width:.6875rem; height:.25rem;
  }
  .list-style-02.size-02 li:before{top:.875rem; width:.5625rem; height:.125rem;}
  
  .list-style-03{padding:0; margin:0;}
  .list-style-03 li{position:relative; list-style:none; padding:.1875rem 0 .1875rem 1rem;}
  .list-style-03 li:before{
    content:''; position:absolute; top:.625rem; left:0;
    width:.375rem; height:.375rem; border-radius:50%;
  }
  
  
  /* Semantic UI */
  .ui.input, .ui.form{position:relative; width:100%;}
  .ui.selection.dropdown, .ui.input > input, .ui.form > textarea{
      position:relative; font-size:1rem; padding:.6875rem 1rem;
      min-height:2.875rem; border-radius:.375rem; line-height:1.1; font-weight:400;
      min-width:0; width:100%; transition:border-color .25s, border-radius .25s;
  }
  .ui.selection.dropdown.style-02{min-height:2rem; font-size:.875rem;}
  .ui.selection.dropdown{padding:.6875rem 2rem 0.6875rem 1rem;}
  .ui.input.icon > input{padding-right:2rem!important;}
  .ui.form > textarea{border-radius:1.4375rem!important;}
  .ui.selection.dropdown .menu{border-radius:0 0 1.4375rem 1.4375rem!important;}
  .ui.selection.dropdown > .search.icon, .ui.selection.dropdown > .delete.icon,
  .ui.selection.dropdown > .dropdown.icon{padding:.75rem .625rem;}
  .ui.selection.dropdown .menu > .item{
      font-size:1.25rem; font-weight:400; padding:.625rem 1rem!important;
  }
  .ui.selection.dropdown.upward.active,
  .ui.selection.dropdown.upward.visible{border-radius:0 0 1.4375rem 1.4375rem!important;}
  .ui.selection.dropdown.upward.active .menu,
  .ui.selection.dropdown.upward.visible .menu{border-radius:1.4375rem 1.4375rem 0 0!important;}
  .ui > label.error{
      position:absolute; top:0; left:0; right:0; font-size:1.25rem; padding:.6875rem 1rem;
      line-height:1.1; font-weight:400;
  }
  
  .ui.selection.dropdown.xs, .ui.input.xs > input,
  .ui.form.xs > textarea{padding:.25rem 1rem; min-height:1rem; border-radius:1rem;}
  .ui.selection.dropdown.xs{padding:.25rem 2rem 0.25rem 1rem;}
  .ui.input.icon.xs > input{padding-right:2rem!important;}
  .ui.form.xs > textarea{border-radius:1rem!important;}
  .ui.selection.dropdown.xs .menu{border-radius:0 0 1rem 1rem!important;}
  .ui.selection.dropdown.xs > .search.icon, .ui.selection.dropdown.xs > .delete.icon,
  .ui.selection.dropdown.xs > .dropdown.icon{padding:.3125rem .5rem;}
  .ui.selection.dropdown.xs.upward.active,
  .ui.selection.dropdown.xs.upward.visible{border-radius:0 0 1rem 1rem!important;}
  .ui.selection.dropdown.xs.upward.active .menu,
  .ui.selection.dropdown.xs.upward.visible .menu{border-radius:1rem 1rem 0 0!important;}
  .ui.xs > label.error{padding:.25rem 1rem;}
  
  .ui.selection.dropdown.md, .ui.input.md > input,
  .ui.form.md > textarea{padding:.5rem 1rem; min-height:2.5rem; border-radius:1.25rem;}
  .ui.selection.dropdown.md{padding:.5rem 2rem 0.5rem 1rem;}
  .ui.input.icon.md > input{padding-right:2rem!important;}
  .ui.form.md > textarea{border-radius:1.25rem!important;}
  .ui.selection.dropdown.md .menu{border-radius:0 0 1.25rem 1.25rem!important;}
  .ui.selection.dropdown.md > .search.icon, .ui.selection.dropdown.md > .delete.icon,
  .ui.selection.dropdown.md > .dropdown.icon{padding:.5625rem .5625rem;}
  .ui.selection.dropdown.md.upward.active,
  .ui.selection.dropdown.md.upward.visible{border-radius:0 0 1.25rem 1.25rem!important;}
  .ui.selection.dropdown.md.upward.active .menu,
  .ui.selection.dropdown.md.upward.visible .menu{border-radius:1.25rem 1.25rem 0 0!important;}
  .ui.md > label.error{padding:.5rem 1rem;}
  
  .ui.icon.input > em.icon {
    cursor: pointer; position: absolute; line-height:1; top:0;right:0px; border:1px solid transparent;
    height:100%; width:2.5rem; display:flex; justify-content: center; align-items: center;
  }
  .ui.icon.input > em.icon.size-02{width:3rem; min-height:2.875rem;}
  
  .form.search.search-page .ui.icon.input > em.icon {
    cursor: pointer; position: absolute; line-height:1; top:0;right:0px; border:1px solid transparent;
    height:100%; width:2.5rem; display:flex; justify-content: center; align-items: center;
  }
  .form.search.search-page .ui.icon.input > em.icon.size-02{width:3rem; min-height:2.875rem;}
  
  /* Text Danger */
  .text-danger.style-02{
    display:flex; font-size:.875rem!important; font-weight:400; margin-top:.25rem!important;
  }
  
  /* 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);}
  }
  
  /* Main Container - Member Pages */
  .main-container{
    position:relative; top:0; left:5rem; width:calc(100% - 5rem);
    transition:all .5s ease; z-index:2;
  }
  .main-container .main-header{
    position:relative; width:100%; height:5rem; display:flex; align-items:center;
    padding:.5rem 3rem .5rem 3.5rem;
  }
  .main-container .main-header > .main-header-menu{display:flex; align-items:center;}
  .main-container .main-header > .main-header-menu .icon{
    width:1.5rem; height:1.5rem; display:flex; justify-content:center; align-items:center;
  }
  .main-container .main-header > .main-header-menu .icon > em{margin:.0625rem .125rem 0 .125rem; transition:margin .25s;}
  .main-container .main-header > .main-header-menu:hover .icon > em{margin:.0625rem 0 0 .25rem;}
  .main-container .main-header > .main-header-menu:hover .title{transition:color .25s;}
  .main-container .main-header > .main-header-menu img,
  .main-container .main-header > .main-header-menu svg{
    display:block; max-width:100%; max-height:100%; width:auto; height:1rem; transition:all .25s;
  }
  .main-container .main-header > .main-header-menu img.active{opacity:0;}
  .main-container .main-header > .main-header-menu:hover img.active{opacity:1;}
  .main-container .main-header #openBtn{opacity:0;}
  .main-container .main-content > .wrapper{padding:1rem;}
  .main-container .main-content > .wrapper .ss-box.style-02{border:1px solid transparent;}
  .main-container .main-content > .wrapper .ss-box.all-bradius{border-radius:.375rem .375rem .375rem .375rem;}
  .main-container .main-content .profile-edit > .img-container{
    width:3rem; height:3rem; border-radius:50%; overflow:hidden;
  }
  .main-container .main-content .profile-edit{position:relative;}
  .main-container .main-content .profile-edit > .photo-upload{
    position:absolute; bottom:-.25rem; left:auto; right:0; width:1.25rem; height:1.25rem; border-radius:50%; display:flex; justify-content:center;
    align-items:center; font-size:.6125rem; cursor:pointer;
  }
  .main-container .main-content .profile-edit > input[type="file"]{
    position:absolute; bottom:-.25rem; left:auto; right:0; opacity:0; width:1.25rem; height:1.25rem;
    border-radius:50%; cursor:pointer; z-index:2;
  }
  .main-container .ss-box > .ss-box-content{border:1px solid transparent;}
  .main-container  .ss-box > .ss-box-content{min-height:32rem;}
  .main-container  .ss-box > .ss-box-content.size-02{min-height:31rem;}
  .main-container  .ss-box > .ss-box-content.size-unset{min-height:0;}
  
  
  /* 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 Container */
  .popup-container{
    display:block; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:100; border:1px solid transparent;
    opacity:0; pointer-events:none; background:rgba(0,0,0,.6); transition:opacity .45s;
  }
  .popup-container .popup-header{
    padding:1.25rem 1rem; display:flex;
    justify-content:space-between; align-items:center;
  }
  .popup-container.active{opacity:1; pointer-events:all;}
  .popup-container > .wrapper{
    position:relative; width:100%; height:100%; display:flex; align-items:center; padding:1rem;
  }
  .popup-container .close-filter{
    position:fixed; top:0; left:0; width:100vw; height:100vh; opacity:0; cursor:pointer;
  }
  .popup-container .close-icon{
    width:2rem; height:2rem; font-size:1.5rem; display:flex; justify-content:center;
    align-items:center; border-radius:50%; transition:background .25s;
  }
  .popup-container.size-02 .popup-box{width:23rem}
  .popup-container.size-03 .popup-box{width:45.3125rem; max-width:570px; border:2px solid transparent;}
  .popup-container.size-03 .popup-header{padding:1rem 1rem;}
  .popup-container.size-03 .box-body{padding:0 1rem 1rem 1rem;}
  .popup-container .popup-box{
    display:block; position:relative; width:20.3125rem; padding:0; margin:0 auto; max-width:470px;
    border-radius:.3125rem;
  }
  .popup-container .popup-box.popupbox-confirm {
    width: 22.3125rem;
  }
  .popup-container .popup-box.sm{max-width:540px;}
  .popup-container .popup-box > .img-bg{
    position:absolute; top:0; bottom:0; left:0; right:0; background-size:auto 100%;
    background-position:center left; background-repeat:no-repeat; opacity:.4;
  }
  .popup-container .box-body{
    width:100%; padding:1rem; max-height:calc(100vh - 7rem);
    overflow-x:hidden; overflow-y:auto;
  }
  .popup-container .box-icon > img{display:block; height:5.5rem; width:auto; margin:0 auto;}
  
  /* Popup Container Style 02 */
  .popup-container.style-02 .popup-box > .mark-container{
    position:absolute; top:0; left:50%; transform:translate(-50%, -50%); width:5.5rem; font-size:2rem;
    height:5.5rem; display:flex; justify-content:center; align-items:center; border-radius:50%;
  }
  .popup-container.style-02 .box-body{
    width:100%; padding:3.375rem 1rem 1rem 1rem;
  }
  .popup-container.style-02 .popup-box > .mark-container{background:#30906a; color:#ffffff;}
  .popup-container.style-02 .popup-box > .mark-container.error{background:#dc3545; color:#ffffff;}
  .popup-container.style-02 .popup-box > .mark-container.warning{background:#ffc107; color:#ffffff;}
  .popup-container.style-02 > .wrapper{top:-50rem; transition:all .75s;}
  .popup-container.active.style-02 > .wrapper{top:0;}
  
  body.minisite .popup-container.size-03 .popup-header{
    background:#8c6961; color:#ffffff; border:transparent;
  }
  body.minisite .popup-container.theme-01 .popup-box{border-color:#dfdfdf!important;}
  body.minisite .popup-container.theme-01 .btn.btn-03, .btn.btn-03:focus{background:#7cc5b5; border-color:#7cc5b5;}
  body.minisite .popup-container.theme-01 .btn.btn-03:hover{color:#ffffff!important;}
  
  @media screen and (max-width:991.98px){
    .popup-container > .wrapper{padding:1.25rem;}
    .popup-container .box-body{padding:1.75rem;}
    .popup-container .box-icon > img{height:5rem;}
  }
  @media screen and (max-width:767.98px){
    .popup-container > .wrapper{padding:1.25rem;}
    .popup-container .box-body{padding:1.5rem;}
    .popup-container .box-icon > img{height:4.5rem;}
  }
  @media screen and (max-width:575.98px){
    .popup-container > .wrapper{padding:1rem;}
    .popup-container .box-body{padding:1rem;}
    .popup-container .box-icon > img{height:4rem;}
  }
  
  
  .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;}
  
  
  /* 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;}
  
  /* Shortcode */
  .shortcode-container{position:relative;}
  .shortcode-container .shortcode-footer{
    display:flex; justify-content:flex-end; border-top:1px solid transparent;
    padding:.375rem 1rem;
  }
  .shortcode-container > .shortcode-popup{
      position:absolute; top:6rem; bottom:0; left:-10rem; right:auto; opacity:0; pointer-events:none;
      width:31.25rem; transition:opacity .25s;
  }
  .shortcode-container.active > .shortcode-popup{opacity:1; pointer-events:auto;}
  .shortcode-container > .shortcode-popup > .wrapper{
    position:relative; width:100%; display:flex; align-items:flex-start; justify-content:space-between;
  }
  .shortcode-container .shortcode-content{
      position:relative; width:calc(100% - 9.5rem); border:1px solid transparent;
      transform:translateY(-1.5rem); border-radius:.375rem;
  }
  .shortcode-container .shortcode-content > .arrow{
    content:''; position:absolute; top:-.8125rem; left:50%; width:1.5rem; height:1.5rem; border-bottom:1px solid transparent;
    transform:rotate(-135deg); border-right:1px solid transparent;
  }
  .shortcode-container textarea{
      display:block; width:100%; height:5.625rem; max-height:5.625rem; border-radius:0;
      border:0; line-height:1; background:transparent; pointer-events:none; padding:1rem;
      font-size:1.375rem; font-size:.9375rem; font-weight:200;
  }
  .shortcode-container .btn-close{
      position:absolute; top:0; right:0; padding:.375rem .5625rem; font-size:1.25rem;
  }
  .shortcode-container.sm-right{text-align:right;}
  .shortcode-container.sm-right .btn.btn-action{margin-left:auto;}
  .shortcode-container.sm-right > .shortcode-popup{width:560px;}
  .shortcode-container > .shortcode-popup img{
    display:block; max-width:100%; max-height:100%; width:auto; height:1.5rem;
    margin-right:.25rem;
  }
  @media screen and (max-width:991.98px){
    .shortcode-container .shortcode-content > .arrow{top:-.78125rem; left:49.5%;}
  }
  @media screen and (max-width:575.98px){
    .shortcode-container > .shortcode-popup{left:-5rem;}
    .shortcode-container .shortcode-content > .arrow{left:26.5%;}
  }
  
  
  /* Slide Container */
  .slide-container{display:block; position:relative; width:100%;}
  
  /* Slide Container 01 */
  .slide-container-01{overflow:hidden;}
  .slide-container-01 .slick-dots{
      display:flex; width:100%; align-items:center; justify-content:center;
      list-style:none; padding:0; margin:1.375rem 0 .3125rem 0;
  }
  .slide-container-01 .slick-dots li{padding:0; margin:0;}
  .slide-container-01 .slick-dots button{
      display:block; width:.6875rem; height:.6875rem; padding:0; margin:0 .375rem;
      border:0; border-radius:50%; outline:none; font-size:0; opacity:.25;
      box-shadow:none; transition:opacity .25s, background .25s;
  }
  .slide-container-01 .slick-dots li.slick-active button{opacity:1;}
  .slide-container-01 .dots-square .slick-dots button{border-radius:0; opacity:1;}
  .slide-container-01 .btns-absolute{position:absolute; bottom:0; right:0;}
  .slide-container-01 .style-right > .slick-dots{justify-content:flex-end; margin-top:-.75rem;}
  @media screen and (max-width:767.98px){
      .slide-container-01 .style-right > .slick-dots{justify-content:center; margin-top:.5rem;}
  }
  
  /* Slide Container 02 */
  .slide-container-02 .slide{padding:.125rem .0625rem 0 .0625rem;}
  
  
  /* Special Band */
  .ss-band{position:relative;}
  .ss-band::after{
      content:''; position:absolute; top:calc(50% - .05rem); left:calc(100% + .5rem);
      width:2.125rem; height:.1rem;
  }
  .ss-band.left::after{left:unset; right:calc(100% + .5rem);}
  
  /* Category Container */
  .category-container .cate-header{display:flex; justify-content:space-between;}
  .category-container .cate-list{
    display:flex; justify-content:space-between; border-bottom:1px solid transparent;
    padding-bottom:.5rem; margin-bottom:.5rem;
  }
  
  /* Calendar Style 02 */
  .calendar-style-02{position:relative;}
  .calendar-style-02 .calendar-header{position:relative; border:none;  margin-bottom:5rem;}
  .calendar-style-02 .calendar-header table{display:flex; align-items:center;}
  /* .calendar-style-02 .calendar-header .today{position:absolute;} */
  /* .calendar-style-02 .calendar-header table th.prev{position:absolute; left:15rem;}
  .calendar-style-02 .calendar-header table th.next{position:absolute; left:20rem;} */
  .calendar-style-02 .calendar-header table th.prev, .calendar-style-02 .calendar-header table th.next{
    width:2.5rem; height:2.5rem; border-radius:50%; display:flex; cursor:pointer; border:2px solid transparent;
    justify-content:center; align-items:center; transition:background .25s, color .25s;
  }
  .calendar-style-02 .calendar-header .year-title{height:auto; font-size:2rem;}
  .calendar-style-02 .calendar-header .year-title:before{content:"ปีค.ศ."; margin-right:.5rem;}
  .calendar-style-02 .calendar-header .year-title.year-neighbor,
  .calendar-style-02 .calendar-header .year-title.year-neighbor2{display:none;}
  .calendar-style-02 .months-container{flex-wrap:wrap;}
  .calendar-style-02 .months-container .month-container{
    width:33.33%!important; margin-top:2rem;
    border-radius:.4375rem; padding:1rem;
  }
  .calendar-style-02 .months-container .month-container .month-title{
    text-align:center; height:2.5rem; border-radius:.4375rem .4375rem 0 0; font-size:1.125rem;
  }
  .calendar-style-02 .months-container table.month{width:100%; border:1px solid transparent;}
  .calendar-style-02 .months-container table.month .day-header{
    padding:.5rem 0; font-size:.875rem; border-bottom:1px solid transparent;
  }
  .calendar-style-02 .months-container table.month > thead{border-bottom:1px solid transparent;}
  .calendar-style-02 table.month th.month-title{text-align:left; padding-left:.5rem;}
  .calendar-style-02 .months-container table.month td.day .day-content{
    width:1.875rem; height:1.875rem; cursor:pointer; margin:0 auto; display:flex; justify-content:center;
    align-items:center; transition:background .5s, color .5s; font-weight:400; font-size:.875rem;
  }
  .calendar-style-02 .calendar-header table th:hover{background:transparent!important;}
  @media screen and (max-width:1199.98px){
    /* .calendar-style-02 .calendar-header{margin-top:-11rem; margin-bottom:7rem;} */
  }
  @media screen and (max-width:991.98px){
    .calendar-style-02 .calendar-header{margin-top:-14.5rem; margin-bottom:9.5rem;}
    .calendar-style-02 .months-container .month-container{width:50%!important;}
  }
  @media screen and (max-width:575.98px){
    .calendar-style-02 .calendar-header{margin-top:-18rem; margin-bottom:13rem;}
    .calendar-style-02 .months-container .month-container{width:100%!important;}
  }
  
  .calendar-style-02 .calendar-footer{padding-left:1.375rem; margin-top:1rem; display:inline-block;}
  .calendar-style-02 .calendar-footer > .wrapper-container{display:flex; align-items:center; cursor:pointer;}
  .calendar-style-02 .calendar-footer > .wrapper-container p::before{
    content:"รายการ"; color:#000000; margin-right:.4375rem;
  }
  .calendar-style-02 .calendar-footer > .wrapper-container p::after{
    content:"กิจกรรม"; color:#000000; margin:.4375rem;
  }
  .calendar-style-02 .calendar-footer > .wrapper-container .arrow-icon{
    width:1.5rem; height:1.5rem; display:flex; justify-content:center; align-items:center;
    font-size:1.125rem; margin:.0625rem 0 0 .125rem; transition:margin .25s;
  }
  .calendar-style-02 .calendar-footer > .wrapper-container:hover .arrow-icon{margin:.0625rem 0 0 .75rem;}
  @media screen and (max-width:991.98px){
    .calendar-style-02 .calendar-footer{padding-left:1rem;}
  }
  @media screen and (max-width:575.98px){
    .calendar-style-02 .calendar-footer{padding-left:1.375rem;}
  }
  
  
  /* Special Box */
  .ss-box{display:block; width:100%; max-width:30rem; margin:0 auto;}
  .ss-box.style-02{
    position:relative; width:calc(100% - 2rem); max-width:83rem; padding-top:1rem; border-radius:.5rem .5rem 0 0;
    z-index:3; border:1px solid transparent;
  }
  .ss-box.style-03{padding:1rem; border-radius:var(--bradius-02);}
  .ss-box.style-04{padding:1rem; border-radius:0 0 .9375rem .9375rem;}
  .ss-box.style-05{border:1px solid transparent;}
  .ss-box.m-unset{margin:unset!important;}
  .ss-box.md{max-width:34rem;}
  .ss-box.lg{max-width:38rem;}
  .ss-box.xl{max-width:44rem;}
  .ss-box.xxl{max-width:50rem;}
  .ss-box.xxl.size-02{max-width:46rem;}
  .ss-box.xxl.size-03{max-width:60rem;}
  .ss-box.xxl.size-04{max-width:55rem;}
  .ss-box > .header, .ss-box > .body{
      display:block; position:relative; width:100%; padding:1.25rem 1.75rem;
  }
  .ss-box > .header{padding:1rem 1.75rem;}
  .ss-box > .options{position:absolute; bottom:100%; right:0; display:flex; align-items:center;}
  .ss-box > .options > .option{
      display:flex; align-items:center; justify-content:center; font-size:1.1875rem;
      min-width:2.75rem; height:2.75rem; transition:color .25s, background .25s;
  }
  .ss-box > .options > .option select{border:0; padding-right:.25rem;}
  @media screen and (max-width:1299.98px){
  }
  @media screen and (max-width:1199.98px){
  }
  @media screen and (max-width:991.98px){
      .ss-box > .header{padding:1rem 1.5rem;}
      .ss-box > .body{padding:1.125rem 1.5rem;}
  }
  @media screen and (max-width:767.98px){
      .ss-box > .header{padding:1rem 1rem;}
      .ss-box > .body{padding:1rem 1rem;}
  }
  @media screen and (max-width:575.98px){
      .ss-box > .options{position:relative; right:unset; flex-wrap:wrap;}
  }
  
  /* Special Box Header */
  .ss-box-header{border-bottom:1px solid transparent; padding:1rem 1rem;}
  .ss-box-header .ellipsis{
    font-size:2rem; width:auto; height:1rem; display:flex; align-items:center;
    padding:.5625rem .5rem; border-radius:3rem; cursor:pointer; transition:all .25s;
  }
  .ss-box-header.style-02{border:1px solid transparent;}
  .ss-box-header.style-03{padding:0; display:flex; align-items:center;}
  .ss-box-header.style-03 .ellipsis-container{
    width:4rem; height:4rem; display:flex; justify-content:center; align-items:center;
    cursor:pointer; transition:all .25s;
  }
  .ss-box-header.style-03 .ellipsis-container > em{
    line-height:.5; padding:.125rem .25rem 0 .25rem; border-radius:.125rem;
  }
  .ss-box-header.style-03 .ellipsis-container > img,
  .ss-box-header.style-03 .ellipsis-container > svg{
    display:block; max-width:100%; max-height:100%; width:auto; height:1.25rem;
    transition:all .25s;
  }
  .ss-box-header.style-03 .ellipsis-container > img.size-02,
  .ss-box-header.style-03 .ellipsis-container > svg.size-02{height:.875rem;}
  
  
  /* 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.sm{bottom:90%;}
  .ss-box-shadow.md{bottom:70%;}
  .ss-box-shadow.lg{bottom:20%;}
  .ss-box-shadow.xl{bottom:0;}
  .ss-box-shadow.xxl{bottom:-17%;}
  .ss-box-shadow.minisite{bottom:-2%;}
  .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 Separation 01 */
  .ss-sep-01{display:flex; justify-content:center; width:100%; overflow:hidden; margin:.875rem 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:.1875rem;
  }
  .ss-sep-01 > *::before{right:100%;}
  .ss-sep-01 > *::after{left:100%;}
  @media screen and (max-width:575.98px){
    .ss-sep-01{margin:.5rem 0;}
  }
  
  .ss-sep-02{display:block; width:100%; max-width:4rem; height:.15rem;}
  .ss-sep-02.ss-sep-center{margin-left:auto; margin-right:auto;}
  .ss-sep-02.ss-sep-full{max-width:100%;}
  .ss-sep-02.ss-sep-thin{height:.125rem;}
  .ss-sep-02.style-02{max-width:1rem;}
  
  /* Search Container */
  .search-container{padding:1rem; border:1px solid transparent;}
  .search-container .ui.icon.input input{border:1px solid transparent;}
  .search-container .ui.icon.input > em.icon{border-left:1px solid transparent;}
  .search-container .form > .search-wrapper{position:relative;}
  .search-container .form > .search-wrapper input[type=text],
  .search-container .form > .form-group .date-wrapper > input{border-radius:.375rem;}
  .search-container .form > .search-wrapper:after{
    position:absolute; top:0; bottom:0; content:'\f06e'; font-size:.875rem;  font-family:'Font Awesome 5 Free';
    right:0; width:2.5rem; display:flex; justify-content:center; align-items:center; border-radius:0 .375rem .375rem 0;
  }
  .search-container .form > .form-group .date-wrapper{position:relative;}
  .search-container .form > .form-group .date-wrapper:after{
    position:absolute; top:0; bottom:0; content:'\f073'; font-size:.875rem;  font-family:'Font Awesome 5 Free';
    right:0; width:2.5rem; display:flex; justify-content:center; align-items:center; border-radius:0 .375rem .375rem 0;
  }
  body.minisite .search-container .form > .form-group .date-wrapper:after{border:1px solid transparent;}
  
  /* Popular Search Container */
  .popular-search-container{padding:1rem;}
  .popular-search-container .ss-tags{display:inline-block; margin-bottom:.5rem;}
  .popular-search-container .ss-tags > .tag{font-weight:400;}
  
  /* Special Image */
  .ss-img{display:block; position:relative; width:100%; padding:60% 0 0 0; overflow:hidden;}
  .ss-img.horizontal{padding:58% 0 0 0;}
  .ss-img.horizontal-02{padding:30% 0 0 0;}
  .ss-img.horizontal-03{padding:40% 0 0 0;}
  .ss-img.horizontal-04{padding:50% 0 0 0;}
  .ss-img.vertical{padding:140% 0 0 0;}
  .ss-img.vertical-02{padding:155% 0 0 0;}
  .ss-img.vertical-03{padding:134% 0 0 0;}
  .ss-img.vertical-04{padding:117% 0 0 0;}
  .ss-img.vertical-05{padding:200% 0 0 0;}
  .ss-img.vertical-06{padding:138% 0 0 0;}
  .ss-img.square-size-02{padding:70% 0 0 0;}
  .ss-img.square{padding:100% 0 0 0;}
  .ss-img.square-02{padding:76% 0 0 0;}
  .ss-img.square-03{padding:85% 0 0 0;}
  .ss-img.square-04{padding:82% 0 0 0;}
  .ss-img.square-05{padding:76% 0 0 0;}
  .ss-img > .img-bg{
      position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
      background-position:center; transition:transform .25s, filter .25s;
  }
  @media screen and (max-width:1599.98px){
    .ss-img.vertical-04{padding:118% 0 0 0;}
    .term-professional-text {font-size: 1rem !important;}
  }
  @media screen and (max-width:1299.98px){
    .ss-img.square-02{padding:79% 0 0 0!important;}
    .ss-img.square-03{padding:88% 0 0 0;}
    .ss-img.square-05{padding:79% 0 0 0!important;}
    .ss-img.vertical-03{padding:141% 0 0 0;}
    .ss-img.vertical-04{padding:125.5% 0 0 0;}
  }
  @media screen and (max-width:1199.98px){
    .ss-img.square-02{padding:77% 0 0 0!important;}
    .ss-img.square-05{padding:79% 0 0 0!important;}
    .ss-img.vertical-03{padding:144.6% 0 0 0;}
    .ss-img.vertical-04{padding:129% 0 0 0;}
  }
  @media screen and (max-width:991.98px){
    .ss-img.vertical-03.size-02{padding:137% 0 0 0;}
  }
  @media screen and (max-width:767.98px){
    .ss-img.square-size-02{padding:60% 0 0 0;}
    .ss-img.square-size-05{padding:60% 0 0 0;}
  }
  
  .ss-card:hover .ss-img > .img-bg, .ss-img:hover > .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; overflow:hidden;
      display:flex; justify-content:center; align-items:center; border:0 solid transparent;
      transition:opacity .25s, border .25s;
  }
  .ss-img .hover-container.show{opacity:1!important;}
  .ss-img .hover-container.show > *{transform:translateY(0)!important; opacity:1;}
  
  .ss-img .hover-container.clear{background:transparent!important;}
  .ss-card:hover .ss-img .hover-container,
  .ss-img:hover .hover-container{opacity:1;}
  .ss-img .hover-container .icon{display:block; width:3rem;}
  .ss-img .hover-container .icon.sm{width:3rem;}
  .ss-img .hover-container .icon.xs{width:2.25rem;}
  .ss-img .hover-container .icon > img{display:block; width:100%; height:auto;}
  
  .ss-img .hover-container > *{
      opacity:0; transform:translateY(-10rem); transition:opacity .45s, transform .45s;
  }
  .ss-card:hover .ss-img .hover-container > *,
  .ss-img:hover .hover-container > *{opacity:1; transform:none;}
  .ss-img .hover-container > *:nth-child(2){transition-delay:.15s;}
  .ss-img .hover-container > *:nth-child(3){transition-delay:.30s;}
  .ss-img .hover-container > *:nth-child(4){transition-delay:.45s;}
  .ss-img .hover-container > *:nth-child(5){transition-delay:.60s;}
  
  @media screen and (max-width:575.98px){
      .ss-img.adaptive-xs{padding:66% 0 0 0; height:unset;}
      .ss-img.horizontal{padding:66% 0 0 0;}
  }
  
  /* Special Title - Tab */
  .ss-title-tab{display:flex; flex-wrap:wrap;}
  .ss-title-tab .title{width:25rem;}
  .ss-title-tab .tab-menu{width:calc(100% - 25rem);}
  .ss-title-tab .tab-menu.size-02{width:calc(100% - 31rem);}
  .ss-title-tab .link-more{width:6rem; display:flex; align-items:center;}
  .ss-title-tab .link-more > .text{min-width:4rem;}
  .ss-title-tab .link-more > .arrow{margin:0 .3125rem 0 0; transition:color .25s, margin .25s;}
  .ss-title-tab .link-more:hover > .arrow{margin:0 0 0 .3125rem;}
  @media screen and (max-width:1199.98px){
    .ss-title-tab .title{width:100%;}
    .ss-title-tab .tab-menu{width:calc(100% - 6rem)!important;}
  }
  @media screen and (max-width:767.98px){
    .ss-title-tab .title, .ss-title-tab .tab-menu{width:100%!important;}
    .ss-title-tab .link-more{width:100%; justify-content:flex-end; margin-top:.875rem;}
  }
  
  /* Special Title */
  .ss-title{
    position:relative; border-left:4px solid transparent; display:flex; align-items:center;
    padding-left:1rem;
  }
  .ss-title-style-02{
    display:flex; justify-content:space-between; align-items:center;
  }
  .ss-title-style-02 .link-more{display:flex; align-items:center;}
  .ss-title-style-02 .link-more > .text{min-width:4rem;}
  .ss-title-style-02 .link-more > .arrow{margin:0 .3125rem 0 0; transition:color .25s, margin .25s;}
  .ss-title-style-02 .link-more:hover > .arrow{margin:0 0 0 .3125rem;}
  .ss-title-style-02.style-02{
    position:relative; padding:1rem; border-radius:.9375rem 0 0 0; border-bottom:1px solid transparent;
  }
  .ss-title-style-02.style-02:after{
    content:""; position:absolute; top:0; right:-10rem; bottom:0; left:auto; width:10rem;
  }
  .ss-title-style-02.style-02:after{background:#00ce8f;}
  
  /* Special List */
  .ss-list, .ss-list ul{width:100%; padding:0; margin:0; list-style:none;}
  .ss-list > li{position:relative; padding:.1875rem 0 .1875rem 1rem;}
  .ss-list ul > li{padding:.1875rem 0;}
  .ss-list > li::before{
      content:''; position:absolute; top:.625rem; left:0;
      width:.375rem; height:.375rem; border-radius:50%;
  }
  .ss-list ul > li::before{display:none;}
  .ss-list.style-03 > li a{font-weight:500;}
  .ss-list.style-04.min-height{min-height:31.5rem;}
  .ss-list.style-04.min-height.size-02{min-height:29rem;}
  .ss-list.style-04.min-height.size-03{min-height:26rem;}
  .ss-list.style-04 > li {position:relative; font-weight:200; padding:.1875rem 0 .1875rem 1rem;}
  .ss-list.style-04 > li a {transition:color .25s;}
  .ss-list.style-04.theme-01 > li a:hover{text-decoration:underline;}
  .ss-list.style-04.theme-01 > li:hover::before{opacity:0;}
  .ss-list.style-04.theme-01 > li .wrapper{display:flex; position:relative;}
  .ss-list.style-04.theme-01 > li .icon{position:absolute; top:.4375rem; left:-1rem;}
  .ss-list.style-04.theme-01 > li .icon > svg{
    display:block; max-width:100%; max-height:100%; width:auto; height:.75rem;
    opacity:0; transition:all .25s;
  }
  .ss-list.style-04.theme-01 > li:hover .icon > svg{opacity:1;}
  
  .ss-list.style-04 > li::before{
    content:""; position:absolute; top:.8125rem; left:0; width:.375rem; height:.375rem;
    border-radius:0; z-index:2; transition:background .25s;
  }
  .ss-list.style-04.bradius > li::before{border-radius:50%;}
  .ss-list.style-04{position:relative;}
  .ss-list.style-04.level-3{padding-left:1.75rem;}
  .ss-list.style-04.level-3 > li::before{border-radius:50%;}
  .ss-list.style-04.level-3 > li::before{background:#696969;}
  .ss-list.style-04 .line{position:absolute; top:0rem; left:.1565rem; width:.0625rem; background:#69696a;}
  .ss-list.style-05 > li a, .ss-list.style-06 > li a,
  .ss-list.style-07 > li a{font-weight:400;}
  .ss-list.style-10 > li::before{display:none;}
  .ss-list.style-10 > li{padding:unset;}
  .ss-list.style-10 > li a{font-weight:500; font-size:.9375rem; cursor:pointer; transition:color .25;}
  .ss-list.style-13 > li{padding:.1875rem 0 0 1rem;}
  .ss-list.style-13 > li a{font-weight:400; font-size:.9375rem; cursor:pointer; transition:color .25;}
  
  .ss-list-style-02{padding-left:0;}
  .ss-list-style-02 > li{display:flex; margin-bottom:.5rem;}
  .ss-list-style-02 > li img{
    display:block; max-width:100%; max-height:100%; width:auto; height:1rem; margin-right:.4375rem;
  }
  .ss-list-style-02 > li a{font-weight:400;}
  
  /* Number */
  .ss-list-style-01 > li::marker{font-size:1.25rem; font-weight:600;}
  .ss-list-style-01 > li{font-weight:400;}
  @media screen and (max-width:1199.98px){
    .ss-list.style-04.min-height,
    .ss-list.style-04.min-height.size-02,
    .ss-list.style-04.min-height.size-03{min-height:0;}
  }
  @media screen and (max-width:318.98px){
    .ss-list.style-04 .line{display:none;}
  }
  
  .ss-number-list{margin-top:0;}
  .ss-number-list li{font-size:.875rem; font-weight:300; margin-top:.5rem;}
  
  /* Special Tags */
  .ss-tags{position:relative; display:block; overflow:hidden;}
  .ss-tags > .tag{
      font-size:.8125rem; font-weight:300;
      padding:.3125rem .875rem .25rem .875rem;
  }
  .ss-tags.style-02{border-radius:.375rem; cursor:pointer; margin:0 .125rem; border:1px solid transparent;}
  .ss-tags.style-02 > .tag .title{
    position:relative; z-index:3; transition:color .25s; font-weight:400;
  }
  .ss-tags.style-02 > .tag::before{
    content:""; position:absolute; top:0; left:0; right:0; width:100%; height:0;
    transition:all .875s; z-index:2;
  }
  .ss-tags.style-02 > .tag::after{
    content:""; position:absolute; top:0; left:0; right:0; width:100%; height:0;
    transition:all .25s; z-index:1;
  }
  .ss-tags.style-02 > .tag:hover::before{height:100%;}
  .ss-tags.style-02 > .tag:hover::after{height:100%;}
  
  .ss-tags.style-03{border-radius:.375rem; cursor:pointer; margin:0 .125rem; border:1px solid transparent;}
  .ss-tags.style-03 > .tag{transition:background .3s;}
  .ss-tags.style-03 > .tag .title{transition:color .3s; font-weight:400;}
  
  
  
  /* Tags Container */
  .tags-container{
    position:relative; z-index:2; margin-top:3rem; border-top:1px solid transparent; border-bottom:1px solid transparent;
    padding:1rem 0; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;
  }
  .tags-container .social-list .icon{
    width:3rem; height:3rem; display:flex; justify-content:center; align-items:center;
    border-radius:50%; transition:background .5s, color .5s;
  }
  .tags-container .social-list .tooltip{
    position:absolute; transform:translate(-50%, -50%); left:50%; top:4.25rem; border-radius:1000em;
    padding:.25rem 1rem; opacity:0; transition:opacity .25s;
  }
  .tags-container .social-list .tooltip > p{white-space:nowrap; font-size:.75rem;}
  @media screen and (max-width:1199.98px){
    .tags-container{justify-content:center;}
    .tags-container .social-list{margin-top:1rem;}
    .tags-container.full-responsive{justify-content:space-between;}
    .tags-container.full-responsive .social-list{margin-top:-.875rem;}
  }
  @media screen and (max-width:767.98px){
    .tags-container{margin-top:1.5rem;}
    .tags-container.full-responsive{justify-content:center; padding-top:1.5rem;}
    .tags-container.full-responsive .social-list{margin-top:1rem;}
  }
  
  /* 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{
    font-size:.9375rem; font-weight:300; border:0; border-bottom:1px solid transparent;
  }
  table.table tr:last-child > td{border-bottom:0;}
  table.table td:last-child{padding:.625rem 0 .625rem .625rem; text-align:center;}
  
  /* Table 01 */
  table.table.table-01{border-bottom:3px solid transparent;}
  table.table.table-01 th{
      padding:.9375rem .25rem; text-align:center; font-size:.9375rem; font-weight:400;
      border:0; white-space:nowrap;
  }
  table.table.table-01 td{
      padding:.75rem .5rem; text-align:center; font-size:.9375rem; font-weight:400;
      border:0; border-bottom:1px solid transparent!important;
      transition:background .25s, color .25s;
  }
  table.table.table-01 td.header{text-align:left; border-top:3px solid transparent!important;}
  table.table.table-01 .status{font-size:1rem; text-align:center;}
  table.table.table-01 .status.unchecked{opacity:.12;}
  table.table.table-01 .icon-file:hover{opacity:.75;}
  table.table.table-01 .icon-file > img{display:inline-block; height:1.5625rem; width:auto;}
  
  /* Table Download */
  table.table.table-download{border:0;}
  table.table.table-download tr{display:block;}
  table.table.table-download td{border:0;}
  table.table.table-download td:nth-child(1){border-radius:.5rem 0 0 .5rem; overflow:hidden;}
  table.table.table-download td:nth-child(2){width:100%; padding-left:1.25rem;}
  table.table.table-download td:last-child{padding-right:1rem;}
  table.table.table-download .download-card{
    width:4rem; height:5rem; display:flex; justify-content:center; align-items:center; border-right:1px solid transparent;
  }
  table.table.table-download .download-card img,
  table.table.table-download .download-card svg{
    display:block; width:1.875rem; height:auto; margin:0 auto .25rem auto;
    transition:all .25s;
  }
  table.table.table-download .download-card img.size-02,
  table.table.table-download .download-card svg.size-02{width:2.5rem;}
  table.table.table-download .text-footer > .wrapper{display:flex;}
  table.table.table-download .text-footer > .wrapper .icon{display:flex; align-items:center;}
  
  table.table.table-download .arrow-container{cursor:pointer;}
  table.table.table-download .arrow-container > .img-wrapper{position:relative; cursor:pointer;}
  table.table.table-download .arrow-container > .img-wrapper img{
   display:block; max-width:100%; max-height:100%;  width:auto; height:1.5rem; transition:opacity .25s;
  }
  table.table.table-download .arrow-container:hover > .img-wrapper img.inactive{opacity:0;}
  table.table.table-download .arrow-container:hover > .img-wrapper img.active{opacity:1;}
  table.table.table-download .arrow-container > .img-wrapper img.active{position:absolute; opacity:0;}
  table.table.table-download .arrow-container > .title{transition:color .25s;}
  
  table.table.style-02.table-download td:nth-child(2){padding-left:0;}
  
  table.table.style-05 .table-card{border-radius:.375rem!important; overflow:hidden;}
  table.table.style-05 .text-footer > .wrapper .icon{display:flex; align-items:center; margin-right:1rem;}
  table.table.style-05 .title-container{padding:.5625rem 1rem;}
  table.table.style-05 .title-container > .title{-webkit-line-clamp:2;}
  
  table.table.style-05.table-download .download-card{height:6.125rem; width:4.5rem;}
  table.table.style-05.size-02.table-download .download-card{height:4.75rem; width:4.5rem;}
  
  table.table.style-05 .table-card .icon > em{color:#30906a;}
  table.table.style-05 .table-card .icon > p{color:#666666;}
  
  table.table.style-05.table-download.theme-03 tr{
    border-radius:.25rem!important; overflow:hidden; border:1px solid transparent;
  }
  
  table.table.table-download.style-06 tr{
    display:flex; min-height:6rem; border:1px solid transparent; border-radius:.375rem; overflow:hidden;
  }
  table.table.table-download.style-06 tr > td.download-card{border-radius:0; height:auto; width:7rem; transition:background .25s;}
  table.table.table-download.style-06 tr > td.title-container{
    display:flex; flex-direction:column; justify-content:space-between;
  }
  table.table.table-download.style-06 tr > td.button-container{display:flex; align-items:center;}
  table.table.table-download.style-06 tr > td.warning-container{
    display:flex; align-items:center; justify-content:center;
  }
  table.table.table-download.style-06 tr .title{transition:color .25s;}
  table.table.table-download.style-06 tr:hover .title{text-decoration:underline;}
  table.table.table-download.style-06 tr > td.warning-container em,
  table.table.table-download.style-06 tr:hover > td.warning-container a{transition:color .25s;}
  
  table.table.table-download.style-03 td:nth-child(2) > .title{transition:color .25s, border .25s;}
  table.table.table-download.style-03 .data-analysis > .wrapper{
    border-left:1px solid transparent!important; padding:.875rem 1.5rem;
  }
  table.table.table-download.style-03 td:nth-child(2){padding:0 1rem;}
  table.table.table-download.style-03 .data-analysis > .wrapper .icon{
    display:flex; align-items:center; justify-content:center;
  }
  table.table.table-download.style-03 .data-analysis > .wrapper .icon > em{
    width:1.3125rem; height:1.3125rem; display:flex; justify-content:center; align-items:center;
  }
  
  table.table.table-download.style-03 tr{border-radius:1.5rem; border:1px solid transparent;}
  table.table.table-download.style-03 td:nth-child(1){
    border-radius: 1.215rem 0 0 1.215rem!important; overflow:hidden;
  }
  table.table.table-download.style-03 .download-card{width:5rem;}
  
  
  table.table.table-download.style-04 td:nth-child(2) > .title{transition:color .25s;}
  table.table.table-download.style-04 .data-analysis > .wrapper{
    border-left:1px solid transparent!important; padding:.875rem 1.5rem;
  }
  table.table.table-download.style-04 td:nth-child(2){padding:0 1rem;}
  table.table.table-download.style-04 .data-analysis > .wrapper .icon{
    display:flex; align-items:center; justify-content:center;
  }
  table.table.table-download.style-04 .data-analysis > .wrapper .icon > em{
    width:1.3125rem; height:1.3125rem; display:flex; justify-content:center; align-items:center;
  }
  
  table.table.table-download.style-04 tr{border-radius:1.5rem; border:1px solid transparent;}
  table.table.table-download.style-04 td:nth-child(1){
    border-radius: 1.215rem 0 0 1.215rem!important; overflow:hidden;
  }
  table.table.table-download.style-04 .download-card{width:5rem; height:100%;}
  table.table.table-download.style-04 .text-footer > .wrapper .icon > em,
  table.table.table-download.style-04 .text-footer > .wrapper .icon > p{transition:color .25s;}
  
  table.table .table-card-01{border-radius:.375rem; overflow:hidden; border-bottom:1px solid transparent;}
  table.table .table-card-01{cursor:pointer;}
  
  table.table.table-download .report-container:hover > em,
  table.table.table-download .report-container:hover > .text{transition:color .25s;}
  
  
  /* Table Download 02 */
  table.table.table-download-02{border:0;}
  table.table.table-download-02 td{
      padding:.75rem .5rem; text-align:left;
      border:0; border-bottom:1px solid transparent!important;
  }
  table.table.table-download-02 td:first-child{padding-left:0;}
  table.table.table-download-02 td:last-child{padding-right:0;}
  table.table.table-download-02 td.column-icon{width:2.5rem;}
  table.table.table-download-02 td.column-icon .icon p{margin:-.3125rem 0 0 0;}
  table.table.table-download-02 td.column-text{min-width:24rem;}
  table.table.table-download-02 td.column-btn{text-align:right;}
  
  
  
  
  /* Table Contact */
  table.table-contact{width:100%;}
  table.table-contact td{vertical-align:top; padding:0 .875rem .375rem 0;}
  table.table-contact td:last-child{padding-right:0;}
  table.table-contact img{
      display:block; width:auto; max-width:.875rem; height:auto; max-height:.8125rem;
      margin:.1875rem 0 0 0;
  }
  
  /* Table Stat */
  table.table-stat{width:100%; max-width:4.5rem; border:1px solid transparent; margin:0 auto;}
  table.table-stat img{display:block; height:1rem; width:auto; margin:0 auto;}
  table.table-stat td{border-bottom:1px solid transparent;}
  table.table-stat tr:last-child > td{border-bottom:0;}
  table.table-stat td:first-child{padding:.3125rem .25rem;}
  
  /* Table Icon */
  table.table.table-icon td{border:0; text-align:left!important; padding:.125rem .375rem;}
  table.table.table-icon td:first-child{padding-left:0; width:2.75rem;}
  table.table.table-icon td:last-child{padding-right:0;}
  table.table.table-icon .icon{
      display:flex; align-items:center; justify-content:center;
      width:2.75rem; height:2.75rem; font-size:1.1875rem;
  }
  /* Table Icon */
  table.table.table-icon .icon{background:#4d2224; color:#ffd000;}
  
  /* Table Sizes */
  table.table.table-xl td, table.table.table-xl th{padding:.75rem .625rem;}
  table.table.table-xl td:first-child,
  table.table.table-xl th:first-child{padding:.75rem .625rem .75rem 0;}
  table.table.table-xl td:last-child,
  table.table.table-xl th:last-child{padding:.75rem 0 .75rem .625rem;}
  
  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;}
  }
  
  .text-center{text-align:center!important;}
  .text-left{text-align:left!important;}
  .text-right{text-align:right!important;}
  @media screen and (max-width:991.98px){
    .text-md-center{text-align:center!important;}
  }
  @media screen and (max-width:767.98px){
    .text-center.text-sm-unset{text-align:left!important;}
  }
  
  
  
  /* 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;}
  }
  
  /* Global Filter */
  .filter{
    position:absolute; top:0; left:0; bottom:0; right:0; opacity:0;
    transition:opacity .5s, transform .5s; z-index:1;
  }
  .filter.op-1{opacity:1;}
  .filter.style-02{transform:translateY(-100%); transition:all .5s; z-index:3;}
  .filter.style-02 > .wrapper{position:relative; display:flex; justify-content:center; align-items:center; height:100%}
  .filter.style-02 > .wrapper .icon{width:3rem;}
  .filter.style-02 > .wrapper .icon.xs{width:2.25rem;}
  .filter.style-02 > .wrapper img{display:block; max-width:100%; max-height:100%; width:auto; height:auto;}
  .filter.style-03{opacity:1!important;}
  .filter.style-04{content:''; position:absolute; top:0; bottom:0; left:0; right:0; opacity:1;}
  .filter.style-05{z-index:3!important;}
  
  /* filter 04 - Mini Site */
  .filter-04{
    position:absolute; top:0; right:0; bottom:0; left:0; opacity:0;
    transition:all .5s ease; z-index:3;
  }
  .filter-04 > .wrapper{
    position:relative; display:flex; justify-content:center;
    align-items:center; height:100%
  }
  .filter-04 > .wrapper .icon{width:3rem;}
  .filter-04 > .wrapper .icon.xs{width:2.25rem;}
  
  
  /* Mobile Container */
  .showcase{position:absolute; bottom:0; height:100%; display:flex; align-items:flex-end;}
  .mobile-device-container{position:relative; overflow:hidden; cursor:pointer;}
  .mobile-device-container .wrapper > .mobile-screen-container{position:absolute; top:0; left:0; right:0; width:88%; margin:0 auto;}
  .mobile-device-container .wrapper > .mobile-screen-container .mobile-screen{
    position:absolute; top:.875rem; left:0; right:0; height:15.5rem; cursor:pointer; background-position:top;
    background-size:100%; transition:.7s; background-repeat:no-repeat; border-radius:.875rem;
  }
  .mobile-device-container:hover .wrapper > .mobile-screen-container .mobile-screen{background-position:bottom;}
  .mobile-device-container .wrapper > .text-container{
    position:absolute; bottom:0; min-height:6.4375rem; left:0; right:0; width:100%;
    display:flex; flex-direction:column; align-items:center; justify-content:center; transition:all .7s;
  }
  @media screen and (max-width:1299.98px){
    .showcase{position:relative;}
    .mobile-device-container .wrapper > .text-container{min-height:5.5rem;}
  }
  @media screen and (max-width:1199.98px){
    .mobile-device-container .wrapper > .text-container{min-height:4.125rem;}
    .mobile-device-container .wrapper > .text-container .fcustom{font-size:.9375rem;}
  }
  @media screen and (max-width:991.98px){
    .mobile-device-container .wrapper{position:relative!important;}
    .mobile-device-container .wrapper > .mobile-screen-container .mobile-screen{height:20rem;}
    .mobile-device-container .wrapper > .text-container{min-height:6.5rem;}
    .mobile-device-container .wrapper > .text-container .fcustom{font-size:1rem;}
  }
  @media screen and (max-width:767.98px){
    .mobile-device-container .wrapper > .mobile-screen-container .mobile-screen{height:22rem;}
    .mobile-device-container .wrapper > .text-container{min-height:6.375rem;}
    .section-01 > .hero.size-01{bottom:-4rem;}
  }
  @media screen and (max-width:499.98px){
    .mobile-device-container .wrapper > .text-container{min-height:6.125rem;}
    .section-01 > .hero.size-01{bottom:-4rem;}
    .mobile-device-container:hover .wrapper > .mobile-screen-container .mobile-screen{background-position:unset;}
  }
  @media screen and (max-width:461.98px){
    .mobile-device-container .wrapper > .text-container{min-height:5.5rem;}
  }
  @media screen and (max-width:428.98px){
    .mobile-device-container .wrapper > .text-container{min-height:4.5rem;}
    .mobile-device-container .wrapper > .text-container .fcustom{font-size:.9375rem;}
  }
  
  .wowbook-toolbar{z-index:80!important;}
  
  /* Ribbon */
  .ribbon{position:relative;}
  .ribbon-wrapper{
    position:relative; height:100%; display:flex; align-items:center;
    border-bottom:4px solid transparent; z-index:5; height:4.5rem;
    box-shadow: rgba(48, 144, 106) 0px 13px 27px -8px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  }
  .ribbon-wrapper:before,
  .ribbon-wrapper:after{
    content:''; position:absolute; border-style:solid;
  }
  .ribbon-wrapper:before{
    top:calc(100% + 4px); left:0; border-width:0 1.5em 1em 0;
  }
  .ribbon-wrapper::after{
    top:calc(100% + 4px); right:0; border-width:1em 1.5em 0 0;
  }
  
  @media screen and (max-width:991.98px){
    .ribbon-wrapper{height:auto;}
  }
  
  /* Special Header */
  .ss-header{display:flex; align-items:center;}
  .ss-header .icon{
    width:3rem; height:3rem; display:flex; justify-content:center; align-items:center;
    border-radius:.375rem;
  }
  .ss-header .icon > img{display:block; max-width:100%; max-height:100%; width:auto; height:1.75rem;}
  .ss-header .title{padding-left:.75rem; width:calc(100% - 3rem);}
  .ss-header .icon{background:#303031;}
  
  
  /* Special Card */
  .ss-card{display:block; width:100%;}
  .ss-card .text-container .title, .ss-card .text-container .desc,
  .ss-card .text-wrapper .title, .ss-card .text-wrapper .desc,
  .ss-card .title, .ss-card .desc, .faq-01 .faq .title, .text-slide-container .title, .fc-title.title,
  .title-container .title, .faq-11 .faq .title{
      display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
      -webkit-box-orient:vertical; transition:color .25s;
  }
  
  .ss-card .img-wrapper{position:relative; padding:0;}
  .ss-card:hover .btn.btn-action-style-06 .sep{transform: scaleX(.375);}
  .ss-card .ss-img > .hover-container .icon{position:relative; z-index:3;}
  .ss-card:hover .filter{opacity:1;}
  .ss-card:hover .filter.style-02{transform:translateY(0);}
  .ss-card:hover .card-line{width:100%;}
  .ss-card:hover  > .filter{opacity:1;}
  .ss-card:hover  > .card-line{width:100%;}
  .ss-card:hover .btn.btn-action-style-06:before{width:100%; right:0; left:auto;}
  .ss-card:hover .btn.btn-action-style-06:after{width:100%; left:0; right:auto;}
  .ss-card:hover .ss-img .hover-container.show.h-hidden{opacity:0!important;}
  .ss-card:hover .filter-04{opacity:.3;}
  .ss-card:hover .btn-scale{transform:scale(1,1);}
  
  .ss-card .number-of-picture{
    position:absolute; top:.5rem; right:.5rem; z-index:5; font-size:.6125rem; width:2.75rem; height:1.5rem;
    border-radius:.375rem; display:flex; align-items:center; justify-content:center; padding-top:.25rem;
  }
  .ss-card .number-of-picture > .number{margin-left:.25rem;}
  .ss-card .btn-video{position:absolute; top:.5rem; right:.5rem; z-index:5;}
  .ss-card .btn-video > .img-container img{
    display:block; max-width:100%; max-height:100%; width:auto;
    height:2.5rem; transition:opacity .3s; opacity:1;
  }
  .ss-card .btn-video.sm > .img-container img{height:2rem;}
  .ss-card:hover .btn-video > .img-container img{opacity:0;}
  
  .ss-card .btn-play{position:absolute; top:.5rem; right:.5rem; z-index:5;}
  .ss-card .btn-play.style-02{
    top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center;
  }
  .ss-card .btn-play > .img-container{position:relative; max-width:2.5rem;}
  .ss-card .btn-play > .img-container.lg{max-width:100%;}
  .ss-card .btn-play > .img-container img{
    display:block; max-width:100%; max-height:100%; width:auto; height:auto;
    transition:opacity .25s;
  }
  .ss-card .btn-play > .img-container img.size-02{width:5rem; height:auto;}
  .ss-card .btn-play > .img-container img.active{position:absolute; top:0; opacity:0;}
  .ss-card:hover .btn-play > .img-container img.active{opacity:1;}
  
  .ss-card .btn-26{transition:background .25s, border .25s;}
  
  /* Shine Hover Effect */
  .ss-card .ss-img.shine::before{
    position:absolute; top:0; left:-75%; z-index:2; display:block;
      content:''; width:50%; height:100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
      background: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
      transform:skewX(-25deg); transform:skewX(-25deg);
  }
  .ss-card .ss-img.shine.style-02::before{left:-95%;}
  .ss-card:hover .ss-img.shine::before {
    -webkit-animation: shine .75s;
      animation: shine .75s;
  }
  @-webkit-keyframes shine {
      100% {
          left: 125%;
      }
  }
  @keyframes shine {
      100% {
          left: 125%;
      }
  }
  
  /* Special Card 01 */
  .ss-card-01{position:relative; overflow:hidden; border-radius:.375rem;}
  .ss-card-01 .text-container{position:absolute; bottom:0; left:0; right:0; padding:1rem;}
  .ss-card-01 .text-container .title.style-02{-webkit-line-clamp:1;}
  .ss-card-01 .text-container .title{-webkit-line-clamp:2; max-height: 3.5rem; line-height: 1.8rem;}
  .ss-card-01 .text-container .desc{-webkit-line-clamp:2;}
  .ss-card-01.main-card .ss-img{padding:58% 0 0 0;}
  .ss-card-01.sub-card .ss-img{padding:calc(70% - .4375rem) 0 0 0;}
  .ss-card-01 .ss-img::after{content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
  .ss-card-01 .text-container .ss-tags > .tag{border-radius:.375rem; padding:.375rem .875rem .375rem .875rem; }
  .ss-card-01 .card-footer > .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-01 .card-footer > .wrapper .icon{margin-right:1rem;}
  @media screen and (max-width:1299.98px){
    .ss-card-01 .text-container .title{-webkit-line-clamp:1;}
  }
  @media screen and (max-width:1199.98px){
    .ss-card-01.sub-card .ss-img{padding:calc(70% - .5rem) 0 0 0;}
    .ss-card-01.main-card .ss-img{padding:57.5% 0 0 0;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-01.sub-card .ss-img{padding:58% 0 0 0;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-01.main-card .ss-img{padding:66% 0 0 0;}
    .ss-card-01.sub-card .ss-img{padding:66% 0 0 0;}
  }
  
  /* Special Card 02 */
  .ss-card-02{position:relative; overflow:hidden; border-radius:.5rem;}
  .ss-card-02 .ss-img{padding:130% 0 0 0;}
  .ss-card-02 .ss-img::after{content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
  .ss-card-02 .text-container{position:absolute; bottom:0; left:0; right:0; padding:.5rem;}
  @media screen and (max-width:991.98px){
    .ss-card-02 .text-container{padding:1rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-02 .ss-img{padding:66% 0 0 0;}
  }
  
  /* Special Card 03 */
  .ss-card-03{position:relative; height:100%; border-radius:.5rem; padding:1rem 1rem 1.5rem 1rem; overflow:hidden;}
  .ss-card-03 > .wrapper{position:relative; z-index:3;}
  
  .ss-card-03 .title{min-height:4rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.6;}
  .ss-card-03 .desc{min-height:4rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.6;}
  @media screen and (max-width:575.98px){
    .ss-card-03 .title{min-height:0;}
  }
  
  /* Special Card 04 */
  .ss-card-04 .ss-img{overflow:hidden; border-radius:var(--bradius);}
  .ss-card-04 .text-container{padding:1rem 0;}
  .ss-card-04 .text-container > .card-footer .wrapper{display:flex; align-items:center; flex-wrap:wrap;}
  .ss-card-04 .card-footer > .wrapper .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-04 .title{-webkit-line-clamp:3; min-height:5.375rem;}
  .ss-card-04 .desc{-webkit-line-clamp:3;}
  @media screen and (max-width:767.98px){
    .ss-card-04 .title{min-height:5.125rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-04 .title{min-height:0;}
  }
  
  .ss-card-04 .card-footer > .wrapper .icon > em{color:#2e603c;}
  
  
  /* Special Card 05 */
  .ss-card-05{position:relative; overflow:hidden; border-radius:.5rem;}
  .ss-card-05 .ss-img::after{content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
  .ss-card-05 .text-container{position:absolute; bottom:0; left:0; right:0; padding:1rem;}
  @media screen and (max-width:575.98px){
    .ss-card-05 .ss-img{padding:100% 0 0 0;}
  }
  
  /* Special Card 06 */
  .ss-card-06{position:relative; border-radius:var(--bradius); overflow:hidden;}
  .ss-card-06 .text-wrapper{position:absolute; bottom:0; z-index:2; padding:1.5rem;}
  .ss-card-06 .text-wrapper > .card-top .wrapper{display:flex; align-items:center;}
  .ss-card-06 .text-wrapper > .card-top .wrapper > .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-06 .text-wrapper > .card-top .wrapper > .icon em{font-size:.8125rem;}
  .ss-card-06 .text-wrapper > .title{-webkit-line-clamp:2;}
  .ss-card-06 .text-wrapper > .desc{-webkit-line-clamp:3;}
  .ss-card-06 .filter-01{content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
  
  /* Special Card 07 */
  .ss-card-07 .wrapper{display:flex; align-items:center; flex-wrap:wrap;}
  .ss-card-07 .wrapper > .img-container{width:48%; border-radius:.375rem;}
  .ss-card-07 .wrapper > .img-container .ss-img{border-radius:var(--bradius-02);}
  .ss-card-07 .wrapper > .text-container{width:52%; padding-left:1rem;}
  .ss-card-07.style-02{margin-bottom:.5rem;}
  .ss-card-07.style-02 .wrapper > .img-container{width:45%;}
  .ss-card-07.style-02 .wrapper > .text-container{width:55%;}
  .ss-card-07 .wrapper > .text-container .title{-webkit-line-clamp:3;}
  .ss-card-07 .wrapper > .text-container .title.style-02{-webkit-line-clamp:2;}
  .ss-card-07 .wrapper > .text-container .card-footer > .wrapper{display:flex; align-items:center;}
  .ss-card-07 .wrapper > .text-container .card-footer > .wrapper .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-07 .wrapper > .text-container .card-footer > .wrapper .icon > em{font-size:.8125rem;}
  .ss-card-07.style-03 .card-footer > .wrapper .icon{margin-right:.5rem!important;}
  .ss-card-07.style-03 .card-footer > .wrapper .icon > em{font-size:.5rem!important;}
  .ss-card-07.style-03 .wrapper > .icon:not(:last-child)::after{content:"/"; padding-left:.375rem;}
  @media screen and (max-width:1399.98px){
    .ss-card-07.style-02 .wrapper > .img-container{width:40%;}
    .ss-card-07.style-02 .wrapper > .text-container{width:60%;}
    .ss-card-07.style-02{margin-bottom:0rem;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-07 .wrapper > .img-container{width:100%;}
    .ss-card-07 .wrapper > .text-container{width:100%; padding-left:0; margin-top:.5rem;}
    .ss-card-07.style-02{margin-top:.5rem!important;}
    .ss-card-07.style-02 .wrapper > .text-container{padding-left:1rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-07.style-02 .wrapper > .img-container{width:100%;}
    .ss-card-07.style-02 .wrapper > .text-container{width:100%; padding-left:0;}
  }
  
  /* Special Card 08 */
  .ss-card-08{position:relative;}
  .ss-card-08 .ss-img{border-radius:var(--bradius); overflow:hidden;}
  .ss-card-08 .text-container > .title{-webkit-line-clamp:2; min-height:3.375rem; line-height: 1.65;}
  .ss-card-08 .text-container > .card-top .wrapper{display:flex; align-items:center;}
  .ss-card-08 .text-container > .card-top .wrapper > .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-08 .text-container > .card-top .wrapper > .icon em{font-size:.75rem;}
  .ss-card-08 .text-container > .card-top .wrapper > .icon span{height: 20px;}
  .ss-card-08 .text-container > .desc{-webkit-line-clamp:3; min-height:4.4375rem; line-height: 1.65;}
  .ss-card-08:hover .btns > .btn{transition:all .25s;}
  .ss-card-08:hover .btn.btn-action-style-06 .sep{transform: scaleX(.375);}
  .ss-card-08 .ss-img > .hover-container .icon{position:relative; z-index:3;}
  .ss-card-08 .btns .icon{display:none; transition:all .5s;}
  .ss-card-08:hover .btns .icon{display:inline-block; margin-right:.375rem;}
  @media screen and (max-width:575.98px){
    .ss-card-08 .text-container > .title,
    .ss-card-08 .text-container > .desc{min-height:0;}
  }
  
  /* Special Card 09 */
  .ss-card-09 .wrapper{display:flex; align-items:center; flex-wrap:wrap;}
  .ss-card-09 .wrapper > .img-container{position:relative; width:30%; border-radius:.5rem; overflow:hidden;}
  .ss-card-09 .wrapper > .img-container .ss-img > .filter-01{
    position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; transition:opacity .5s;
  }
  .ss-card-09:hover .wrapper > .img-container .ss-img > .filter-01{opacity:1;}
  .ss-card-09 .ss-img{border-radius:.5rem; overflow:hidden; border:4px solid transparent; transition:border .5s;}
  .ss-card-09 .wrapper > .text-container{width:70%; padding:0 1rem;}
  .ss-card-09 .wrapper > .text-container .text > .title{-webkit-line-clamp:2; min-height:3.375rem;}
  .ss-card-09 .wrapper > .text-container .text > .desc{-webkit-line-clamp:3; min-height:4.125rem;}
  .ss-card-09 .wrapper > .text-container .text > .card-top .wrapper{display:flex; align-items:center;}
  .ss-card-09 .wrapper > .text-container .text > .card-top .wrapper > .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-09 .wrapper > .text-container .text > .card-top .wrapper > .icon em{font-size:.8125rem;}
  .ss-card-09 .btns > .btn{transition:background .5s;}
  .ss-card-09 .btns .icon{display:none; transition:all .5s;}
  .ss-card-09:hover .btns .icon{display:inline-block; margin-right:.375rem;}
  @media screen and (max-width:1199.98px){
    .ss-card-09 .wrapper > .img-container{width:40%;}
    .ss-card-09 .wrapper > .text-container{width:60%; flex-direction:column;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-09 .wrapper > .img-container{width:100%;}
    .ss-card-09 .wrapper > .text-container{width:100%; flex-direction:column; padding:1rem .5rem;}
    .ss-card-09 .wrapper > .text-container .btns{justify-content:center;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-09 .wrapper > .text-container .text > .title,
    .ss-card-09 .wrapper > .text-container .text > .desc{min-height:0;}
  }
  
  /* Special Card 10 */
  .ss-card-10 .card-top > .wrapper{display:flex; align-items:center;}
  .ss-card-10 .card-top > .wrapper .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-10 .card-top > .wrapper .icon > em{font-size:.8125rem;}
  .ss-card-10 .ss-img{border-radius:var(--bradius); overflow:hidden;}
  @media screen and (max-width:425.98px){
    .ss-card-10 .card-top > .wrapper{display:unset!important;}
  }
  /* Special Card 11 */
  .ss-card-11{position:relative;}
  .ss-card-11 .ss-img{border-radius:var(--bradius)}
  .ss-card-11 .filter-01{
    position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; transition:opacity .5s;
    display:flex; justify-content:center; align-items:center;
  }
  .ss-card-11.active .filter-01, .ss-card-11.active .filter-01 > .text{opacity:1;}
  
  
  /* Special Card 12 */
  .ss-card-12{width:auto;}
  .ss-card-12 .ss-img{border-radius:var(--bradius);}
  .ss-card-12 .text-container{border-bottom:1px solid transparent; padding-bottom:1rem;}
  .ss-card-12 .text-container > .title{-webkit-line-clamp:2;}
  .ss-card-12 .text-container > .title.style-02{-webkit-line-clamp:3;}
  .ss-card-12 .card-footer > .wrapper{display:flex; align-items:center; flex-wrap:wrap;}
  .ss-card-12 .card-footer > .wrapper .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-12 .card-footer > .wrapper .icon > em{font-size:.8125rem;}
  .ss-card-12.style-02 .card-footer > .wrapper .icon{margin-right:.5rem;}
  .ss-card-12.style-02 .card-footer > .wrapper .icon > em{font-size:.5rem;}
  .ss-card-12.style-02 .wrapper > .icon:not(:last-child)::after{content:"/"; padding-left:.375rem;}
  @media screen and (max-width:991.98px){
    .ss-card-12 .card-footer > .wrapper{display:unset!important;}
    .ss-card-12 .card-footer > .wrapper .icon{display:inline-block;}
  }
  
  /* Special Card 13 */
  .ss-card-13 .ss-img{border-radius:var(--bradius);}
  
  /* Special Card 14 */
  .ss-card-14{position:relative;}
  .ss-card-14 .ss-img{border-radius:.5rem; overflow:hidden; border:4px solid transparent; transition:border .5s;}
  .ss-card-14 .text-container > .title{-webkit-line-clamp:2;}
  .ss-card-14 .text-container > .card-top .wrapper{display:flex; align-items:center;}
  .ss-card-14 .text-container > .card-top .wrapper > .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-14 .text-container > .card-top .wrapper > .icon em{font-size:.5rem;}
  .ss-card-14 .text-container > .desc{-webkit-line-clamp:3;}
  
  /* Special Card 15 */
  .ss-card-15{width:100%;}
  .ss-card-15 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-15 .wrapper > .img-container{width:25%;}
  .ss-card-15 .ss-img{border-radius:var(--bradius);}
  .ss-card-15 .wrapper > .text-container{width:75%;}
  .ss-card-15 .wrapper > .text-container{padding:0 1rem; display:flex;}
  .ss-card-15 .wrapper > .text-container .text-content{
    height:100%; display:flex; flex-direction:column; justify-content:space-between;
    width:calc(100% - 11rem);
  }
  .ss-card-15 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:3;}
  .ss-card-15 .wrapper > .text-container .info-content{min-width:11rem; padding:0 1rem;}
  .ss-card-15 .wrapper > .text-container .info-content > .icon{display:flex; align-items:center;}
  .ss-card-15 .wrapper > .text-container .info-content > .icon em{font-size:.875rem;}
  @media screen and (max-width:1199.98px){
    .ss-card-15 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:2;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-15 .wrapper > .img-container{width:100%;}
    .ss-card-15 .wrapper > .text-container{width:100%; padding-top:.5rem;}
  }
  
  
  
  /* Special Card 16 */
  .ss-card-16{position:relative;}
  .ss-card-16 .ss-img{border-radius:var(--bradius);}
  .ss-card-16 .text-container > .title{-webkit-line-clamp:2;}
  .ss-card-16 .text-container > .card-bottom .wrapper{display:flex; flex-wrap:wrap; align-items:center;}
  .ss-card-16 .text-container > .card-bottom .wrapper > .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-16 .text-container > .card-bottom .wrapper > .icon em{font-size:.75rem;}
  .ss-card-16 .text-container > .desc{-webkit-line-clamp:3;}
  
  /* Special Card 17 */
  .ss-card-17 {position:relative; overflow:hidden;}
  .ss-card-17 .wrapper .img-container{position:relative; width:100%; height:16rem; overflow:hidden;}
  .ss-card-17 .wrapper .img-container .ebook-container{
    position:relative; display:flex; justify-content:center; align-items:center; height:100%;
    overflow:hidden;
  }
  .ss-card-17 .wrapper .img-container .shadow-container{
    position:absolute; top:calc(60% + 3px); z-index:1;
  }
  .ss-card-17 .wrapper .img-container .shadow-container > img{
    position:relative;  display:block; width:100%; height:5.875rem; transform:translateX(23%); z-index:1;
  }
  .ss-card-17 .wrapper .img-container .ebook-container > .wrapper{
    position:relative; border-radius:.5rem; z-index:2;
  }
  .ss-card-17 .wrapper .img-container .ebook-container > .wrapper > img{
   position:relative; display:block; max-width:100%; max-height:100%; width:auto; height:15rem; z-index:2;
   border-radius:.375rem; border:3px solid transparent;
  }
  .ss-card-17 .wrapper .img-container .ebook-container:before{
    content:""; position:absolute; left:0; top:0; right:0; height:60%;
  }
  .ss-card-17 .wrapper .img-container .ebook-container:after{
    content:""; position:absolute; left:0; bottom:0; right:0; height:40%;
  }
  .ss-card-17 .text-container .title{-webkit-line-clamp:3; min-height:4.1875rem;}
  .ss-card-17 .card-footer{display:flex; flex-wrap:wrap; align-items:center;}
  .ss-card-17 .card-footer > .icon{margin-right:1rem;}
  .ss-card-17 .card-footer > .icon em{font-size:.75rem;}
  @media screen and (max-width:575.98px){
    .ss-card-17 .text-container .title{min-height:0;}
  }
  
  /* Special Card 18 */
  .ss-card-18{position:relative; overflow:hidden;}
  .ss-card-18 > .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-18 .wrapper > .img-wrapper{width:20%;}
  .ss-card-18 .wrapper .img-container{position:relative; width:100%; height:16rem; overflow:hidden;}
  .ss-card-18 .wrapper .img-container .ebook-container{
    position:relative; display:flex; justify-content:center; align-items:center; height:100%;
    overflow:hidden;
  }
  .ss-card-18 .wrapper .img-container .shadow-container{
    position:absolute; top:calc(60% + 1px); z-index:1;
  }
  .ss-card-18 .wrapper .img-container .shadow-container > img{
    position:relative;  display:block; width:100%; height:5.875rem; transform:translateX(23%); z-index:1;
  }
  .ss-card-18 .wrapper .img-container .ebook-container > .wrapper{
    position:relative; border-radius:.5rem; z-index:2;
  }
  .ss-card-18 .wrapper .img-container .ebook-container > .wrapper > img{
   position:relative; display:block; max-width:100%; max-height:100%; width:auto; height:15rem; z-index:2;
   border-radius:.375rem; border:3px solid transparent;
  }
  .ss-card-18 .wrapper .img-container .ebook-container:before{
    content:""; position:absolute; left:0; top:0; right:0; height:60%;
  }
  .ss-card-18 .wrapper .img-container .ebook-container:after{
    content:""; position:absolute; left:0; bottom:0; right:0; height:40%;
  }
  .ss-card-18 .wrapper > .text-container{width:80%; padding:0 1rem; display:flex; flex-direction:column; justify-content:flex-end;}
  .ss-card-18 .wrapper > .text-container > .content{display:flex; margin-bottom:2.5rem;}
  .ss-card-18 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:2;}
  .ss-card-18 .wrapper > .text-container .text-content > .desc{-webkit-line-clamp:3;}
  .ss-card-18 .wrapper > .text-container .text-content{width:calc(100% - 11rem);}
  .ss-card-18 .wrapper > .text-container .info-content{min-width:11rem; padding:0 1rem;}
  .ss-card-18 .wrapper > .text-container .info-content > .icon{display:flex; align-items:center;}
  .ss-card-18 .wrapper > .text-container .info-content > .icon em{font-size:.875rem;}
  @media screen and (max-width:1199.98px){
    .ss-card-18 .wrapper > .img-wrapper{width:25%;}
    .ss-card-18 .wrapper > .text-container{width:75%; padding:0 0 0 1rem;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-18 .wrapper > .img-wrapper{width:100%;}
    .ss-card-18 .wrapper > .text-container{width:100%; padding:.5rem 0;}
    .ss-card-18 .wrapper > .text-container{display:unset;}
    .ss-card-18 .wrapper > .text-container .text-content{width:100%;}
    .ss-card-18 .wrapper > .text-container > .content{flex-direction:column; margin-bottom:unset;}
    .ss-card-18 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:2; min-height:2.6875rem;}
    .ss-card-18 .wrapper > .text-container > .btns{justify-content:center; margin-top:1rem;}
    .ss-card-18 .wrapper > .text-container .info-content{margin-top:.375rem; padding:0; display:flex; flex-wrap:wrap;}
    .ss-card-18 .wrapper > .text-container .info-content > .icon{margin-right:.5rem;}
    .ss-card-18 .wrapper > .img-container .shadow-container{top:calc(60% + 2px);}
  }
  @media screen and (max-width:767.98px){
    .ss-card-18 .wrapper > .text-container{padding-top:.5rem;}
  }
  
  
  
  /* Special Card 19 */
  .ss-card-19 .wrapper{display:flex;}
  .ss-card-19 .wrapper > .img-container{width:35%;}
  .ss-card-19 .wrapper > .text-container{
    width:65%; padding-left:1rem; display:flex; flex-direction:column;
    justify-content:space-between;
  }
  .ss-card-19 .wrapper > .text-container .title{-webkit-line-clamp:3;}
  .ss-card-19 .wrapper > .text-container .date > .icon{display:flex; align-items:center; font-size:.875rem;}
  @media screen and (max-width:767.98px){
    .ss-card-19 .wrapper > .text-container{justify-content:unset;}
    .ss-card-19 .wrapper > .text-container .date{margin-top:.5rem;}
  }
  
  /* Special Card 20 */
  .ss-card-20 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-20 .wrapper > .date .wrapper{
    position:relative; width:4rem; height:5rem; text-align:center; border-radius:.4375rem; overflow:hidden; margin:0 .375rem;
    border:1px solid transparent; display:flex; justify-content:center;
  }
  .ss-card-20 .wrapper > .date .wrapper.style-02::after{
    content:''; position:absolute; top:49%; width:.75rem; height:.125rem;
  }
  .ss-card-20 .wrapper > .date .wrapper > .day,
  .ss-card-20 .wrapper > .date .wrapper > .month{width:100%;}
  .ss-card-20 .wrapper > .date .wrapper > .day,
  .ss-card-20 .wrapper > .date .wrapper > .month{
    padding:.125rem 0; display:flex; justify-content:center; align-items:center;
  }
  .ss-card-20 .wrapper > .img-container{position:relative; width:calc(30% - 4.75rem); }
  .ss-card-20 .wrapper > .img-container .ss-img > .filter-01{
    position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; transition:opacity .5s;
  }
  .ss-card-20 .wrapper > .img-container .ss-img{border-radius:.5rem;}
  .ss-card-20 .wrapper > .text-container{display:flex; flex-direction:column; justify-content:space-between;}
  .ss-card-20 .wrapper > .text-container .content{display:flex; flex-wrap:wrap;}
  .ss-card-20 .wrapper > .text-container .content > .text{width:calc(100% - 11rem)}
  .ss-card-20 .wrapper > .text-container .content > .info-content{min-width:11rem; padding:0 1rem;}
  .ss-card-20 .wrapper > .text-container{width:70%; padding-left:1rem;}
  .ss-card-20 .wrapper > .text-container .text > .title{-webkit-line-clamp:2;}
  .ss-card-20 .wrapper > .text-container .text > .desc{-webkit-line-clamp:3;}
  .ss-card-20 .wrapper > .text-container .text > .card-bottom .wrapper{display:flex; align-items:center;}
  .ss-card-20 .wrapper > .text-container .text > .card-bottom .wrapper > .icon{
    display:flex; align-items:center; margin-right:1rem; min-width:12rem;
  }
  .ss-card-20 .wrapper > .text-container .text > .card-bottom .wrapper > .icon.time{min-width:9rem;}
  .ss-card-20 .wrapper > .text-container .text > .card-bottom .wrapper > .icon em{font-size:.8125rem;}
  @media screen and (max-width:1285.98px){
    .ss-card-20 .wrapper > .text-container .text > .card-bottom .wrapper > .icon.time{min-width:7rem;}
  }
  @media screen and (max-width:1199.98px){
    .ss-card-20 .wrapper > .img-container{width:calc(35% - 4.75rem);}
    .ss-card-20 .wrapper > .text-container{width:65%;}
    .ss-card-20 .wrapper > .text-container .text > .title{-webkit-line-clamp:1;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-20 .wrapper > .img-container{width:calc(100% - 4.75rem);}
    .ss-card-20 .wrapper > .text-container{width:calc(100% - 4.75rem);}
    .ss-card-20 .wrapper > .text-container .content > .text{width:100%}
    .ss-card-20 .wrapper > .text-container{padding-left:0;}
    .ss-card-20 .wrapper > .text-container .content > .info-content{
      width:100%; padding:.125rem 0; display:flex; flex-wrap:wrap;
    }
    .ss-card-20 .wrapper > .text-container .content > .info-content .icon{margin-right:1rem;}
    .ss-card-20 .wrapper > .text-container .content > .info-content .icon > em{font-size:.8125rem;}
    .ss-card-20 .wrapper > .text-container .btns{justify-content:center; margin-top:1rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-20 .wrapper > .img-container{width:calc(100% - 4.75rem);}
    .ss-card-20 .wrapper > .text-container{width:calc(100% - 4.75rem);}
    .ss-card-20 .wrapper > .date .wrapper{width:4rem; height:5rem;}
  }
  
  /* Special Card 21 */
  .ss-card-21 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-21 .wrapper > .date .wrapper{
    position:relative; width:4rem; height:5rem; text-align:center; border-radius:.4375rem; overflow:hidden;
    border:1px solid transparent; display:flex; justify-content:center;
  }
  .ss-card-21 .wrapper > .date .wrapper.style-02::after{
    content:''; position:absolute; top:49%; width:.75rem; height:.125rem;
  }
  .ss-card-21 .wrapper > .date .wrapper > .day,
  .ss-card-21 .wrapper > .date .wrapper > .month{width:100%;}
  .ss-card-21 .wrapper > .date .wrapper > .day,
  .ss-card-21 .wrapper > .date .wrapper > .month{
    padding:.125rem 0; display:flex; justify-content:center; align-items:center;
  }
  .ss-card-21.style-02 .wrapper > .date .wrapper > .day,
  .ss-card-21.style-02 .wrapper > .date .wrapper > .month{
    padding:.125rem 0; display: flex; justify-content: center; align-items: center;
  }
  .ss-card-21.style-02 .wrapper > .date .wrapper::after{display:none;}
  
  
  .ss-card-21 .wrapper .text-container{width:calc(100% - 4rem); padding-left:1rem;}
  .ss-card-21 .wrapper > .text-container .title-footer > .wrapper{display:flex; flex-wrap:wrap; align-items:center;}
  .ss-card-21 .wrapper > .text-container .title-footer > .wrapper .item{display:inline-block!important;}
  .ss-card-21 .wrapper > .text-container .title-footer > .wrapper .icon{
    display:flex; align-items:center;
  }
  .ss-card-21 .wrapper > .text-container .title-footer > .wrapper .item:not(:last-child){margin-right:1.75rem;}
  .ss-card-21 .wrapper > .text-container .title-footer > .wrapper .icon > em{
    display:flex; align-items:center; font-size:.875rem;
  }
  .ss-card-21 .img-container > .ss-img{border-radius:.5rem;}
  
  /* Special Card 22 */
  .ss-card-22{position:relative;}
  .ss-card-22 .ss-img{border-radius:.5rem; overflow:hidden;}
  .ss-card-22 .text-container > .title{-webkit-line-clamp:2; min-height:3rem;}
  
  /* Special Card 23 */
  .ss-card-23{position:relative;}
  .ss-card-23 > .ss-img{border-radius:.5rem;}
  .ss-card-23 .text-container{padding:1rem; border-radius:.5rem;}
  .ss-card-23 .text-container .title{-webkit-line-clamp:3;}
  .ss-card-23 .text-container .ss-tags > .tag{border-radius:.375rem;}
  .ss-card-23.main-card .ss-img{padding:58% 0 0 0;}
  .ss-card-23.sub-card .ss-img{padding:calc(71.25% - .5rem) 0 0 0;}
  .ss-card-23.sub-card > .text-container{position:relative; margin-top:-2rem;}
  .ss-card-23.sub-card > .text-container .title{-webkit-line-clamp:1;}
  @media screen and (max-width:1199.98px){
    .ss-card-23.sub-card .ss-img{padding:calc(72.5% - .5rem) 0 0 0;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-23.sub-card .ss-img{padding:58% 0 0 0;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-23.main-card .ss-img{padding:66% 0 0 0;}
    .ss-card-23.sub-card .ss-img{padding:66% 0 0 0;}
  }
  
  /* Special Card 24 */
  .ss-card-24{padding:1rem; border-radius:.375rem; cursor:pointer; border:2px solid transparent; min-height:7rem;}
  .ss-card-24 .wrapper{display:flex;}
  .ss-card-24 .wrapper > .icon{
    width:2rem; height:2rem; display:flex; justify-content:center; align-items:center;
    border-radius:.375rem; margin-right:1rem;
  }
  .ss-card-24 .wrapper > .text-container{width:calc(100% - 3rem);}
  .ss-card-24 .wrapper > .text-container .title{-webkit-line-clamp:3;}
  .ss-card-24 .wrapper > .text-container .desc{-webkit-line-clamp:2;}
  .ss-card-24 .wrapper > .text-container .arrow{
    display:flex; justify-content:flex-end; font-size:1.25rem;
  }
  .ss-card-24 .wrapper > .text-container .arrow > em{
    margin:.0625rem .125rem 0 0; transition:margin .25s; width:1.5rem;
  }
  .ss-card-24:hover .wrapper > .text-container .arrow > em{margin:.0625rem .75rem 0 0;}
  
  /* Special Card 25 */
  .ss-card-25{border:2px solid transparent; border-radius:.375rem; min-height:4.88rem}
  .ss-card-25 .text-container{padding:1.51rem;}
  .ss-card-25 .text-container > .title{-webkit-line-clamp:3;}
  .ss-card-25 .text-container .arrow{
    display:flex; justify-content:flex-end; font-size:1.25rem;
  }
  .ss-card-25 .text-container .arrow > em{
    margin:.0625rem .125rem 0 0; transition:margin .25s; width:1.5rem;
  }
  .ss-card-25:hover .text-container .arrow > em{margin:.0625rem .75rem 0 0;}
  
  /* Special Card 26 */
  .ss-card-26{height:4.26rem; margin-bottom:.5rem;}
  .ss-card-26 .wrapper{display:flex; align-items:center; height:100%;}
  .ss-card-26 .wrapper > .icon{
    position:relative; z-index:2; width:3.75rem; height:2rem; display:flex; justify-content:center; align-items:center;
    border-radius:0 .875rem 0 0; transition:all .25s, background .3s, color .3s; height:100%;
  }
  .ss-card-26:hover .wrapper > .icon{
    box-shadow:0px 5px 20px 10px rgba(0,0,0,.1);;
  }
  .ss-card-26 .wrapper > .text-container{
    position:relative; z-index:1; width:calc(100% - 3.75rem); padding:0 .9375rem; height:100%; margin-left:-1rem;
    display:flex; align-items:center; padding-left:2rem; transition:background .25s;
  
  }
  .ss-card-26 .wrapper > .text-container .title{cursor:pointer; transition:color .25s; -webkit-line-clamp: 2;}
  
  
  /* Special Card 28 */
  .ss-card-28{position:relative;}
  .ss-card-28 .ss-img{border-radius:.3125rem; overflow:hidden;}
  .ss-card-28 .text-container{position:absolute; left:0; bottom:0; right:0; padding:.5rem; transition:color .5s;}
  @media screen and (max-width:991.98px){
    .ss-card-28 .text-container > .name-th{font-size:.9375rem;}
    .ss-card-28 .text-container > .name-eng{font-size:.6875rem;}
  }
  @media screen and (max-width:401.98px){
    .ss-card-28 .text-container > .rank{font-size:.75rem;}
    .ss-card-28 .text-container > .name-th{font-size:.875rem;}
    .ss-card-28 .text-container > .name-eng{font-size:.6875rem;}
  }
  
  /* Special Card 29 */
  .ss-card-29{padding:1rem; max-width:18rem;}
  .ss-card-29 .wrapper{display:flex; align-items:center;}
  .ss-card-29 .wrapper > .icon{width:2rem;}
  .ss-card-29 .wrapper > .icon img{
    display:block; max-width:100%; max-height:100%; width:auto; height:1.5rem;
  }
  .ss-card-29 .text-container{
    display:flex; align-items:center; justify-content:space-between;
    padding-left:1rem; width:calc(100% - 2rem);
  }
  .ss-card-29 .text-container > .arrow{
    width:1.5rem; height:1.5rem;
    display:flex; justify-content:center; align-items:center;
  }
   .ss-card-29 .text-container > .arrow em{
    margin:.0625rem .125rem 0 .25rem; transition:margin .25s; width:1.5rem;
  }
  .ss-card-29:hover .text-container > .arrow em{margin:.0625rem 0 0 .5rem;}
  @media screen and (max-width:1299.99px){
    .ss-card-29{width:80%;}
  }
  @media screen and (max-width:1199.99px){
    .ss-card-29{width:90%;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-29{width:100%; max-width:unset;}
    .ss-card-29.size-02{max-width:18rem;}
    .ss-card-29 .text-container{padding-left:1rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-29.size-02{width:100%; max-width:unset;}
  }
  
  /* Special Card 30 */
  .ss-card-30{position:relative;}
  .ss-card-30 .wrapper{display:flex; align-items:center; flex-wrap:wrap;}
  .ss-card-30 .wrapper > .img-container{width:40%; border-radius:.25rem; overflow:hidden;}
  .ss-card-30 .wrapper > .text-container{width:60%; padding-left:3rem;}
  .ss-card-30 .wrapper > .img-container.size-02,
  .ss-card-30 .wrapper > .text-container.size-02{width:50%;}
  @media screen and (max-width:1199.98px){
    .ss-card-30 .wrapper > .img-container{width:50%;}
    .ss-card-30 .wrapper > .text-container{width:50%;}
    .ss-card-30.style-02 .wrapper > .text-container{padding-left:1rem!important}
  }
  @media screen and (max-width:991.98px){
    .ss-card-30 .wrapper > .img-container{width:100%;}
    .ss-card-30 .wrapper > .text-container{width:100%; padding:1rem 0;}
    .ss-card-30 .wrapper > .img-container.size-02,
    .ss-card-30 .wrapper > .text-container.size-02{width:100%;}
    .ss-card-30.style-02 .wrapper > .text-container{padding-left:0!important;}
  }
  
  /* Special Card 31 */
  .ss-card-31{padding:2rem; border-radius:.4375rem; border:1px solid transparent;}
  .ss-card-31 .top > .wrapper{
    display:flex; flex-wrap:wrap; align-items:center;
  }
  .ss-card-31 .top > .wrapper .item:nth-child(1){width:40%; display:flex; align-items:center;}
  .ss-card-31 .top > .wrapper .item:nth-child(1) > .icon{
    width:2.5rem; height:2.5rem; display:flex; justify-content:center; align-items:center;
    border-radius:50%;
  }
  .ss-card-31 .top > .wrapper .item:nth-child(2){width:20%;}
  .ss-card-31 .top > .wrapper .item:nth-child(3){width:40%;}
  .ss-card-31 .top > .wrapper .item:nth-child(3) > .btns{cursor:pointer;}
  .ss-card-31 .top > .wrapper .item:nth-child(3) > .btns .file-upload{
    position:absolute; top:0; left:0; bottom:0; right:0; width:100%;
    height:100%; opacity:0; cursor:pointer;
  }
  .ss-card-31 .footer{text-align:center;}
  @media screen and (max-width:991.98px){
    .ss-card-31 .top > .wrapper .item:nth-child(1){width:100%; justify-content:center;}
    .ss-card-31 .top > .wrapper .item:nth-child(2){width:100%;}
    .ss-card-31 .top > .wrapper .item:nth-child(3){width:100%;}
    .ss-card-31 .top > .wrapper .item:nth-child(3) > .btns{justify-content:center!important;}
    .ss-card-31 .ss-sep-01{width:8rem; margin:0.875rem auto;}
  }
  
  /* Special Card 32 */
  .ss-card-32{border:1px solid transparent; border-radius:.5rem;}
  .ss-card-32 .wrapper{display:flex; align-items:center; height:5rem;}
  .ss-card-32 .wrapper > .icon{
    width:5rem; height:100%; display:flex; justify-content:center; align-items:center;
    border-radius:.5rem 0 0 .5rem;
  }
  .ss-card-32 .wrapper > .icon img{
    display:block; width:auto; height:2.4375rem;
  }
  .ss-card-32 .wrapper > .text-container{
    position:relative; padding:0 1rem; width:calc(100% - 5rem); height:100%; display:flex;
    align-items:center; border-radius:0 .5rem .5rem 0;
  }
  .ss-card-32 .wrapper > .text-container .title{-webkit-line-clamp:2;}
  .ss-card-32 .wrapper > .text-container .x-mark{
    position:absolute; top:.5rem; left:auto; right:.5rem; width:.9375rem; height:.9375rem; display:flex;
    justify-content:center; align-items:center; border-radius:50%; cursor:pointer; transition:background .25s, color .25s;
  }
  .ss-card-32 .wrapper > .text-container .x-mark > em{font-size:.375rem; padding-top:.125rem;}
  
  /* Special Card 33 */
  .ss-card-33{
    border:3px solid transparent; border-radius:.5rem; min-height:8rem; display:flex;
    justify-content:center; align-items:center;
  }
  .ss-card-33 .wrapper{display:flex;}
  .ss-card-33 .wrapper > .icon{
    width:1.625rem; height:1.625rem; display:flex; justify-content:center;
    align-items:center; margin-right:.3125rem;
  }
  .ss-card-33 .wrapper > .icon img{
    display:block; max-width:100%; max-height:100%; width:auto; height:1.25rem;
  }
  .ss-card-33 .wrapper > .icon.sm img{height:1rem;}
  
  /* Special Card 34 */
  .ss-card-34{border:1px solid transparent; border-radius:.5rem 0 0 .5rem;}
  .ss-card-34 .wrapper{display:flex; height:5.5rem;}
  .ss-card-34 .wrapper > .icon{
    width:4rem; height:100%; display:flex; justify-content:center; align-items:center;
    border-radius:.375rem 0 0 .375rem; font-size:1.1875rem; border-right:1px solid transparent;
  }
  .ss-card-34 .wrapper > .text-container{
    width:calc(100% - 4rem); height:100%; display:flex; align-items:center;
    padding:0 1rem; border-radius:0 .5rem .5rem 0;
  }
  .ss-card-34 .wrapper > .text-container span{width:3.125rem; display:inline-block;}
  .ss-card-34 .text-container > .social-list .icon{
    position:relative; width:2rem; height:2rem; display:flex; justify-content:center; align-items:center;
    border-radius:50%; transition:background .25s;
  }
  .ss-card-34 .text-container > .social-list .item{margin-right:.5rem;}
  .ss-card-34 .text-container > .social-list .icon{overflow:hidden; border:1px solid transparent;}
  .ss-card-34 .text-container > .social-list .icon > img{
    display:block; max-width:100%; max-height:100%; width:auto; height:1.25rem;
    transition:transform .25s; transform:translateY(0)
  }
  .ss-card-34 .text-container > .social-list .icon.sm > img{height:1rem;}
  .ss-card-34 .text-container > .social-list .icon > img.active{position:absolute;}
  .ss-card-34 .text-container > .social-list .icon:hover > img.inactive{transform:translateY(-150%);}
  .ss-card-34 .text-container > .social-list .icon:hover > img.active{transform:translateY(5%);}
  .ss-card-34 .text-container > .social-list .icon > img.active{transform:translateY(150%);}
  @media screen and (max-width:991.98px){
    .ss-card-34 .wrapper{height:6rem;}
  }
  @media screen and (max-width:490.98px){
    .ss-card-34 .wrapper{height:7rem;}
  }
  @media screen and (max-width:387.98px){
    .ss-card-34 .wrapper{height:9rem;}
  }
  
  /* Special Card 35 */
  .ss-card-35 > .wrapper{display:flex; align-items:center; cursor:pointer;}
  .ss-card-35 .wrapper > .date{border:1px solid transparent; border-radius:.4375rem;}
  .ss-card-35 .wrapper > .date .wrapper{
    position:relative; width:4rem; height:5rem; text-align:center; border-radius:var(--bradius-02); overflow:hidden;
    display:flex; justify-content:center; flex-direction:column; align-items:center;
  }
  .ss-card-35 .wrapper > .date .wrapper.style-02::after{
    content:''; position:absolute; top:49%; width:.75rem; height:.125rem; background:#ffffff;
  }
  .ss-card-35 .wrapper > .date .wrapper > .day, .ss-card-35 .wrapper > .date .wrapper > .month{width:100%;}
  .ss-card-35 .wrapper > .date .wrapper > .day{
    padding:.125rem 0; height:50%; display:flex; align-items:center; justify-content:center;
  }
  .ss-card-35 .wrapper > .date .wrapper > .month{
    padding:.375rem 0; height:50%; display:flex; justify-content:center; align-items:center;
  }
  .ss-card-35 .wrapper > .text-container{width:calc(100% - 4rem); padding:0 .875rem;}
  .ss-card-35 .wrapper > .text-container .title{-webkit-line-clamp:3;}
  
  /* Special Card 36 */
  .ss-card-36{position:relative; border-radius:.375rem; overflow:hidden;}
  .ss-card-36 .text-wrapper > .title{transition: color .25s;}
  .ss-card-36 .text-wrapper{position:absolute; bottom:0; z-index:2; padding:1.5rem;}
  .ss-card-36 .text-wrapper > .card-footer{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
  .ss-card-36 .text-wrapper > .card-footer .wrapper{
    display:flex; align-items:center; flex-wrap:wrap; transition:color .25s; width:calc(100% - 2.5rem);
  }
  .ss-card-36 .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-36 .wrapper > .icon em{font-size:.8125rem;}
  .ss-card-36 .text-wrapper > .title{-webkit-line-clamp:2;}
  .ss-card-36 .text-wrapper > .title.size-02{-webkit-line-clamp:3;}
  .ss-card-36 .filter-01{content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
  
  .ss-card-36.style-02 .text-wrapper > .card-footer .wrapper{width:100%;}
  @media screen and (max-width:1199.98px){
    .ss-card-36 .card-footer > .btn.btn-action.style-05{width:2.375rem; height:2.375rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-36 .card-footer > .btn.btn-action.style-05{width:2.125rem; height:2.125rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-36 .card-footer > .btn.btn-action.style-05{width:2.5rem; height:2.5rem;}
  }
  
  /* Special Card 37 */
  .ss-card-37{position:relative; border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-37 .text-container{
    position:relative; border:1px solid transparent; padding:.5rem 1rem 1rem 1rem;
    border-radius:0 0 var(--bradius-02) var(--bradius-02); transition:all .25s; border-top:0!important; overflow:hidden;
  }
  .ss-card-37 .text-container > .title{-webkit-line-clamp:2; transition:color .25s; min-height:3.375rem;}
  .ss-card-37 .text-container > .desc{-webkit-line-clamp:3; min-height:4.4375rem;}
  .ss-card-37 .text-container > .card-footer .link-footer{
    display:flex; align-items:center; margin-top:.875rem;
  }
  .ss-card-37 .text-container > .card-footer .wrapper{display:flex; flex-wrap:wrap; align-items:center; transition:color .25s;}
  .ss-card-37 .card-footer .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-37 .wrapper > .icon:not(:last-child)::after{content:"/"; padding-left:.375rem;}
  .ss-card-37 .card-footer .wrapper > .icon em{font-size:.75rem;}
  @media screen and (max-width:575.98px){
    .ss-card-37 .text-container > .title,
    .ss-card-37 .text-container > .desc{min-height:0;}
  }
  
  /* Special Card 38 - CMS List, Photo List */
  .ss-card-38{position:relative;}
  .ss-card-38 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-38 .wrapper > .image-container{position:relative; width:30%; border-radius:var(--bradius-02); overflow:hidden; z-index:2;}
  .ss-card-38 .wrapper > .text-container{
    position:relative; width:calc(70% + .15625rem); padding:1.5rem 1.5rem 1rem 1.5rem;
    border-radius:0 var(--bradius-02) var(--bradius-02) 0; margin-left:-.15625rem;
    border:1px solid transparent; border-left:0; display:flex; flex-direction:column;
    justify-content:space-between; z-index:1; overflow:hidden;
  }
  .ss-card-38 .wrapper > .text-container .title{-webkit-line-clamp:3;}
  .ss-card-38 .wrapper > .text-container .desc{-webkit-line-clamp:2;}
  .ss-card-38 .card-footer .wrapper{transition:color .25s;}
  .ss-card-38 .card-footer .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-38 .text-container > .bottom .link-footer{
    display:flex; align-items:center; margin-top:.875rem;
  }
  .ss-card-38 .card-footer > .wrapper .icon > em{font-size:.875rem;}
  @media screen and (max-width:1199.98px){
    .ss-card-38 .wrapper > .image-container{width:40%;}
    .ss-card-38 .wrapper > .text-container{width:calc(60% + .15625rem);}
  }
  @media screen and (max-width:991.98px){
    .ss-card-38 .wrapper > .text-container .title{-webkit-line-clamp:2; min-height:3.375rem;}
    .ss-card-38 .wrapper > .text-container .desc{-webkit-line-clamp:3; min-height:4.4375rem;}
    .ss-card-38{border-radius:var(--bradius-02); overflow:hidden;}
    .ss-card-38 .wrapper > .image-container, .ss-card-38 .wrapper > .text-container{width:100%;}
    .ss-card-38 .wrapper > .image-container{border-radius:0;}
    .ss-card-38 .wrapper > .text-container{
      padding:1rem; border-radius:0 0 var(--bradius-02) var(--bradius-02); margin-left:0;
      border-top:0!important; width:100%;
    }
    .ss-card-38 .wrapper > .text-container{margin-left:0; border-left:1px solid;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-38 .wrapper > .text-container .title,
    .ss-card-38 .wrapper > .text-container .desc{min-height:0;}
  }
  
  /* Special Card 39 */
  .ss-card-39{
    position:relative; z-index:2; padding:.5rem; border-radius:var(--bradius-02); height:7rem;
    border:1px solid transparent;
  }
  .ss-card-39 .wrapper{display:flex; height:100%;}
  .ss-card-39 .date-container{
    border-radius:var(--bradius-02); width:4rem; padding:.4375rem; display:flex; flex-direction:column;
    justify-content:center; align-items:center;
  }
  .ss-card-39 .ss-tags{display:inline-block; border-radius:.375rem;}
  .ss-card-39 .date-container > .day{font-size:1.5rem; font-weight:500; line-height:1.00;}
  .ss-card-39 .date-container > .month{line-height:.80; font-weight:400;}
  .ss-card-39 .date-container > .year{font-weight:400; font-size:.875rem;}
  .ss-card-39 .text-container{padding:.4375rem .875rem; width:calc(100% - 7.5rem);}
  .ss-card-39 .text-container > .title{-webkit-line-clamp:2;}
  .ss-card-39 .arrow-container{width:3rem; display:flex; justify-content:center; align-items:center;}
  
  /* Special Card 40 */
  .ss-card-40{border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-40 .text-container{padding:.9375rem; display:flex;}
  .ss-card-40 .text-container > .date-container{position:relative; width:3.5rem;}
  .ss-card-40 .text-container > .date-container .date-wrapper{
   position:absolute; top:-2rem; z-index:3; display:flex; flex-direction:column; justify-content:center;
   align-items:center; padding:.875rem .375rem; border-radius:.9375rem; transition:all .25s;
  }
  .ss-card-40 .text-container > .text{width:calc(100% - 3.5rem); padding-left:.375rem;}
  .ss-card-40 .text-container > .text .title{line-height:1.40; -webkit-line-clamp:2; transition:color .25s;}
  @media screen and (max-width:1199.98px){
    .ss-card-40 .text-container{padding:.75rem;}
  }
  
  /* Special Card 41 */
  .ss-card-41 .image-container{position:relative; border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-41 .image-container > .date-container{position:absolute; top:.5rem; left:.5rem; width:3.5rem;}
  .ss-card-41 .image-container > .date-container .date-wrapper{
     display:flex; flex-direction:column; justify-content:center;
     align-items:center; padding:.875rem .375rem; border-radius:.9375rem; transition:all .25s;
  }
  .ss-card-41 .text-container{padding:.75rem .4375rem;}
  .ss-card-41 .text-container > .date-time{display:flex; align-items:center; flex-wrap:wrap; min-height:1.75rem;}
  .ss-card-41 .text-container > .link-more{display:flex; align-items:center;}
  .ss-card-41 .text-container > .title{-webkit-line-clamp:2; min-height:2.875rem;}
  .ss-card-41 .text-container .link-more > .text{min-width:3rem; margin-right:.4375rem;}
  .ss-card-41 .text-container .link-more > .arrow{margin:0 .3125rem 0 0; transition:color .25s, margin .25s;}
  .ss-card-41:hover .text-container .link-more > .arrow{margin:0 0 0 .3125rem;}
  @media screen and (max-width:1199.98px){
    .ss-card-41 .text-container > .date-time .time{margin-left:0!important;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-41 .text-container > .title,
    .ss-card-41 .text-container > .date-time{min-height:0;}
  }
  
  /* Special Card 42 */
  .ss-card-42{position:relative; height:13rem; z-index:2;  border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-42 > .img-bg{
    position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover;
    background-repeat:no-repeat;
  }
  .ss-card-42 .wrapper{display:flex; flex-wrap:wrap; align-items:center; height:100%;}
  .ss-card-42 .text-container{position:relative; width:50%; z-index:2; padding-left:2.5rem;}
  .ss-card-42 .image-container{position:relative; width:50%; height:100%;}
  .ss-card-42 .image-wrapper{position:absolute; top:.875rem; bottom:0; right:2.5rem; left:auto; z-index:2;}
  .ss-card-42 .image-wrapper img{display:block; max-width:100%; width:auto; height:13rem;}
  @media screen and (max-width:991.98px){
    .ss-card-42{height:11rem;}
    .ss-card-42 .image-wrapper > img{height:11rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-42{height:auto; padding:2.5rem 0 0 0;}
    .ss-card-42 .text-container,  .ss-card-42 .image-container{width:100%;}
    .ss-card-42 .text-container{text-align:center; padding:0 1rem;}
    .ss-card-42 .image-wrapper{position:relative;}
    .ss-card-42 .image-container{display:flex; justify-content:center; margin-top:1rem;}
    .ss-card-42 .md-no-br > br{display:unset;}
    .ss-card-42 .image-wrapper{right:unset;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-42{height:auto; padding:2.5rem 0 0 0;}
    .ss-card-42 .text-container,  .ss-card-42 .image-container{width:100%;}
    .ss-card-42 .text-container{text-align:center;}
    .ss-card-42 .md-no-br > br{display:unset;}
    .ss-card-42 .image-container{display:flex; justify-content:center; margin-top:1rem;}
    .ss-card-42 .image-wrapper{position:relative;}
  }
  
  
  /* Special Card 43 */
  .ss-card-43{position:relative;}
  .ss-card-43 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-43 .wrapper > .img-container{width:40%;}
  .ss-card-43 .wrapper > .img-container .ss-img{border-radius:var(--bradius-02);}
  .ss-card-43 .wrapper > .text-container{position:relative; width:50%; padding-left:1rem;}
  .ss-card-43.style-02{margin-bottom:.5rem;}
  .ss-card-43.style-02 .wrapper > .img-container{width:45%;}
  .ss-card-43.style-02 .wrapper > .text-container{width:55%;}
  .ss-card-43 .wrapper > .text-container .title{-webkit-line-clamp:3; min-height:5rem;}
  .ss-card-43 .wrapper > .text-container .title.style-02{-webkit-line-clamp:2;}
  .ss-card-43 .wrapper > .text-container .card-footer > .wrapper{display:flex; align-items:center;}
  .ss-card-43 .wrapper > .text-container .card-footer > .wrapper .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-43 .wrapper > .text-container .card-footer > .wrapper .icon > em{font-size:.8125rem;}
  .ss-card-43  .link-more{display:flex; align-items:center;}
  .ss-card-43 .text-container .link-more > .text{min-width:3rem; margin-right:.4375rem;}
  .ss-card-43 .text-container .link-more > .arrow{margin:0 .3125rem 0 0; transition:color .25s, margin .25s;}
  .ss-card-43:hover .text-container .link-more > .arrow{margin:0 0 0 .3125rem;}
  @media screen and (max-width:1399.98px){
    .ss-card-43.style-02 .wrapper > .img-container{width:40%;}
    .ss-card-43.style-02 .wrapper > .text-container{width:60%;}
    .ss-card-43.style-02{margin-bottom:0rem;}
  }
  @media screen and (max-width:1199.98px){
    .ss-card-43 .wrapper > .img-container{width:100%;}
    .ss-card-43 .wrapper > .text-container{width:100%; padding-left:0; margin-top:.5rem;}
    .ss-card-43.style-02{margin-top:.5rem!important;}
    .ss-card-43.style-02 .wrapper > .text-container{padding-left:1rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-43.style-02 .wrapper > .img-container{width:100%;}
    .ss-card-43.style-02 .wrapper > .text-container{width:100%; padding-left:0;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-43 .wrapper > .text-container .title{min-height:0;}
  }
  
  /* Special Card 44 */
  .ss-card-44{position:relative; border-radius:.875rem; overflow:hidden;}
  .ss-card-44 .text-container{
    border:1px solid transparent; padding:1rem; border-radius:0 0 .875rem .875rem;
    transition:background .25s, border .25s; border-top:0!important;
  }
  .ss-card-44 .text-container > .title{-webkit-line-clamp:3; transition:color .25s; min-height:5rem;}
  .ss-card-44 .text-container > .card-footer .link-footer{display:flex; align-items:center; margin-top:.875rem;}
  .ss-card-44 .card-footer .link-footer > .text{transition:color .25s, border .25s;}
  .ss-card-44 .card-footer .link-footer > .arrow{transition:color .25s, margin .25s; margin:.0625rem .125rem 0 0;}
  .ss-card-44:hover .card-footer .link-footer > .arrow{margin:.0625rem 0 0 .125rem;}
  .ss-card-44 .text-container > .card-footer .wrapper{display:flex; flex-wrap:wrap; align-items:center; transition:color .25s;}
  .ss-card-44 .card-footer .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-44 .wrapper > .icon:not(:last-child)::after{content:"/"; padding-left:.375rem;}
  .ss-card-44 .card-footer .wrapper > .icon em{font-size:.5rem;}
  @media screen and (max-width:575.98px){
    .ss-card-44 .text-container > .title{min-height:0;}
  }
  
  /* Special Card 45 */
  .ss-card-45{
    position:relative; border:1px solid transparent; padding:1rem;
    height:13rem; transition:border .25s;
  }
  .ss-card-45 > .img-bg{
    position:absolute; top:0; bottom:0; right:0; width:0; background-size:cover;
    transition:width .25s; z-index:1;
  }
  .ss-card-45:hover > .img-bg{width:100%; left:0; right:unset;}
  .ss-card-45 .text-wrapper{
    position:relative; display:flex; flex-direction:column; justify-content:space-between;
    height:100%; z-index:2;
  }
  .ss-card-45 .text-wrapper .title{-webkit-line-clamp:3;}
  .ss-card-45 .ss-tags > .tag{border-radius:.125rem; display:inline-block;}
  .ss-card-45 .card-footer{display:flex; align-items:center; justify-content:space-between;}
  
  /* Special Card 46 */
  .ss-card-46 .topic > .title{position:relative;}
  .ss-card-46 .topic > .title a{padding-left:1.5rem; font-weight:400; cursor:pointer;}
  .ss-card-46 .topic > .title.active::before{
    content:""; position:absolute; top:calc(100% - 62%); right:auto; bottom:0; left:auto;
    width:.5rem; height:.5rem;
  }
  .ss-card-46 .topic > .title.active::after{
    content:""; position:absolute; top:calc(100% - 62%); right:auto; bottom:0; left:auto;
    width:.5rem; height:.5rem; margin-left:1rem;
  }
  @media screen and (max-width:575.98px){
    .ss-card-46{margin-bottom:1.5rem;}
  }
  
  /* Special Card 47 */
  .ss-card-47{position:relative;}
  .ss-card-47 .ss-img{border-radius:.5rem; overflow:hidden;}
  .ss-card-47 .text-container > .title{-webkit-line-clamp:2; min-height:3.375rem;}
  .ss-card-47 .text-container > .card-bottom .wrapper{display:flex; flex-wrap:wrap; align-items:center;}
  .ss-card-47 .text-container > .card-bottom .wrapper > .icon{display:flex; align-items:center; margin-right:1rem;}
  .ss-card-47 .text-container > .card-bottom .wrapper > .icon em{font-size:.75rem;}
  .ss-card-47 .text-container > .desc{-webkit-line-clamp:3;}
  .ss-card-47 .btns .icon{display:none; transition:all .5s;}
  .ss-card-47:hover .btns .icon{display:inline-block; margin-right:.375rem;}
  @media screen and (max-width:575.98px){
    .ss-card-47 .text-container > .title{min-height:0;}
  }
  
  /* Special Card 48 */
  .ss-card-48 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-48 .wrapper > .image-container{width:38%;}
  .ss-card-48 .wrapper > .text-container{width:62%; padding:1.5rem 3rem 0 3rem;}
  @media screen and (max-width:1199.98px){
    .ss-card-48 .wrapper > .image-container{width:40%;}
    .ss-card-48 .wrapper > .text-container{width:60%; padding:.75rem 3rem 0 3rem;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-48 .wrapper > .image-container{width:100%;}
    .ss-card-48 .wrapper > .text-container{width:100%; padding:1.5rem 0 0 0;}
  }
  
  /* Special Card 49 */
  .ss-card-49{position:relative; height:100%;}
  .ss-card-49.center{padding:0 .25rem;}
  .ss-card-49 .header{
    position:relative; display:flex; align-items:center; justify-content:center; min-height:4.5rem;
    border-radius:.875rem; text-align:center; z-index:2;  transition:all .25s;
  }
  .ss-card-49 .body{position:relative; margin-top:-.4375rem; z-index:1;}
  .ss-card-49 .body:not(.ss-card-49.center .body){height:calc(100% - 3.9375rem);}
  .ss-card-49 .body > .text-container{padding:1rem 1.5rem; border-radius:0 0 .875rem .875rem;}
  .ss-card-49 .body > .text-container{height: 100%; border:1px solid transparent;}
  .ss-card-49 .body > ol li{margin-top:.6125rem;}
  
  /* Special Card 50 */
  .ss-card-50 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-50 .wrapper > .image-container{width:38%;}
  .ss-card-50 .wrapper > .text-container{width:62%; padding:1.5rem 3rem 0 3rem;}
  @media screen and (max-width:1199.98px){
    .ss-card-50 .wrapper > .image-container{width:45%;}
    .ss-card-50 .wrapper > .text-container{width:55%; padding:0 3rem 0 3rem;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-50 .wrapper > .image-container{width:100%;}
    .ss-card-50 .wrapper > .text-container{width:100%; padding:1.5rem 0 0 0;}
  }
  
  /* Special Card 51 */
  .ss-card-51{height:9.5rem; border-radius:.375rem; overflow:hidden; border:1px solid transparent;}
  .ss-card-51 .wrapper{
    height:100%; display:flex; flex-direction:column; align-items:center; text-align:center;
    padding:2rem 0; overflow:hidden; border-radius:.375rem; transition:padding .25s;
  }
  .ss-card-51 .wrapper > .icon img,
  .ss-card-51 .wrapper > .icon svg{
    display:block; max-width:100%; width:auto; height:3rem;
  }
  .ss-card-51 .wrapper > .icon em {
      display:block; max-width:100%; width:auto; height:3rem;
      font-size:2.3rem; display:flex; align-items:center; color:#30906a;
  }
  .ss-card-51:hover .wrapper{padding-top:1.5rem!important;}
  
  /* Special Card 52 */
  .ss-card-52{
    position:relative; height:13.4375rem; border-radius:.5rem; overflow:hidden;
    display:flex; align-items:center; padding:2.5rem;
  }
  .ss-card-52 .text-container .text-link{border-bottom:2px solid transparent;}
  .ss-card-52 .wrapper > .img-container{position:absolute; top:0; right:2rem;}
  .ss-card-52 .wrapper > .img-container img{
    display:block; max-width:100%; max-height:100%; width:auto; height:auto;
  }
  @media screen and (max-width:1199.98px){
    .ss-card-52 .wrapper > .text-container{max-width:20rem;}
    .ss-card-52 .wrapper > .img-container{max-width:35rem;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-52{height:100%; align-items:flex-start;}
    .ss-card-52 .wrapper > .text-container{max-width:unset;}
    .ss-card-52 .wrapper > .img-container{top:unset; bottom:0; right:0; left:0;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-52{padding:1.5rem;}
    .ss-card-52 .wrapper > .text-container .title{line-height:1.3; font-size:1.5rem;}
    .ss-card-52 .wrapper > .img-container{max-width:13rem; margin:0 auto;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-52{height:17rem;}
    .ss-card-52 .wrapper > .img-container{max-width:19rem;}
  }
  
  /* Special Card 53 */
  .ss-card-53 .wrapper{display:flex; align-items:center; flex-wrap:wrap;}
  .ss-card-53 .wrapper > .img-container{position:relative; width:30%;}
  .ss-card-53 .ss-img{border-radius:var(--bradius); overflow:hidden;}
  .ss-card-53 .wrapper > .text-container{width:70%; padding:0 1rem;}
  .ss-card-53 .wrapper > .text-container .text > .title{-webkit-line-clamp:2;}
  .ss-card-53 .wrapper > .text-container .text > .desc{-webkit-line-clamp:3;}
  .ss-card-53 .wrapper > .text-container .text > .card-top .wrapper{display:flex; align-items:center;}
  .ss-card-53 .wrapper > .text-container .text > .card-top .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-53 .wrapper > .text-container .text > .card-top .wrapper > .icon em{font-size:.8125rem;}
  .ss-card-53 .btns > .btn{transition:background .5s;}
  .ss-card-53 .btns .icon{display:none; transition:all .5s;}
  .ss-card-53:hover .btns .icon{display:inline-block; margin-right:.375rem;}
  @media screen and (max-width:1299.98px){
    .ss-card-53 .wrapper > .text-container .text > .desc{-webkit-line-clamp:3;}
  }
  @media screen and (max-width:1199.98px){
    .ss-card-53 .wrapper > .img-container{width:40%;}
    .ss-card-53 .wrapper > .text-container{width:60%; flex-direction:column;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-53 .wrapper > .text-container .text > .title{-webkit-line-clamp:1;}
    .ss-card-53 .wrapper > .text-container .text > .desc{-webkit-line-clamp:2;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-53 .wrapper > .img-container{width:100%;}
    .ss-card-53 .wrapper > .text-container{width:100%; flex-direction:column; padding:1rem .5rem;}
    .ss-card-53 .wrapper > .text-container .btns{justify-content:center;}
    .ss-card-53 .wrapper > .text-container .text > .title{-webkit-line-clamp:2; min-height:3.375rem;}
    .ss-card-53 .wrapper > .text-container .text > .desc{-webkit-line-clamp:3;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-53 .wrapper > .text-container .text > .title,
    .ss-card-53 .wrapper > .text-container .text > .desc{min-height:0;}
  }
  
  /* Special Card 54 */
  .ss-card-54{width:100%;}
  .ss-card-54 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-54 .wrapper > .img-container{width:25%; border-radius:.5rem; overflow:hidden;}
  .ss-card-54 .ss-img{border-radius:.5rem; overflow:hidden; border:4px solid transparent; transition:border .5s;}
  .ss-card-54 .wrapper > .img-container .ss-img > .filter-01{
    position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; transition:opacity .5s;
  }
  .ss-card-54:hover .wrapper > .img-container .ss-img > .filter-01{opacity:1;}
  .ss-card-54 .wrapper > .text-container{width:75%;}
  .ss-card-54 .wrapper > .text-container{padding:0 1rem; display:flex;}
  .ss-card-54 .wrapper > .text-container .text-content{
    height:100%; display:flex; flex-direction:column; justify-content:space-between;
  }
  .ss-card-54 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:3;}
  .ss-card-54 .btns > .btn{transition:background .5s;}
  .ss-card-54 .btns .icon{display:none; transition:all .5s;}
  .ss-card-54:hover .btns .icon{display:inline-block; margin-right:.375rem;}
  .ss-card-54 .wrapper > .text-container .info-content{min-width:11rem; padding:0 1rem;}
  .ss-card-54 .wrapper > .text-container .info-content > .icon{display:flex; align-items:center;}
  .ss-card-54 .wrapper > .text-container .info-content > .icon em{font-size:.875rem;}
  @media screen and (max-width:767.98px){
    .ss-card-54 .wrapper > .img-container{width:100%;}
    .ss-card-54 .wrapper > .text-container{width:100%; padding-top:.5rem;}
  }
  
  /* Special Card 55 */
  .ss-card-55{width:100%;}
  .ss-card-55 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-55 .wrapper > .img-container{width:25%;}
  .ss-card-55 .ss-img{border-radius:.5rem; border-radius:var(--bradius);}
  .ss-card-55 .wrapper > .img-container .ss-img > .filter-01{
    position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; transition:opacity .5s;
  }
  .ss-card-55:hover .wrapper > .img-container .ss-img > .filter-01{opacity:1;}
  .ss-card-55 .wrapper > .text-container{width:75%; padding:0 1rem; display:flex; flex-direction:column; justify-content:space-between;}
  .ss-card-55 .wrapper > .text-container > .content{display:flex;}
  .ss-card-55 .wrapper > .text-container .text-content{width:calc(100% - 11rem);}
  .ss-card-55 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:1;}
  .ss-card-55 .wrapper > .text-container .text-content > .desc{-webkit-line-clamp:3;}
  .ss-card-55 .btns > .btn{transition:background .5s;}
  .ss-card-55 .btns .icon{display:none; transition:all .5s;}
  .ss-card-55:hover .btns .icon{display:inline-block; margin-right:.375rem;}
  .ss-card-55 .wrapper > .text-container .info-content{min-width:11rem; padding:0 1rem;}
  .ss-card-55 .wrapper > .text-container .info-content > .icon{display:flex; align-items:center;}
  .ss-card-55 .wrapper > .text-container .info-content > .icon em{font-size:.875rem;}
  
  @media screen and (max-width:991.98px){
    .ss-card-55 .wrapper > .img-container{width:100%;}
    .ss-card-55 .wrapper > .text-container{width:100%; padding:.5rem 0;}
    .ss-card-55 .wrapper > .text-container .text-content{width:100%;}
    .ss-card-55 .wrapper > .text-container > .content{flex-direction:column;}
    .ss-card-55 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:2; min-height:3rem;}
    .ss-card-55 .wrapper > .text-container .text-content > .desc{min-height:4.8125rem;}
    .ss-card-55 .wrapper > .text-container > .btns{justify-content:center; margin-top:1rem;}
    .ss-card-55 .wrapper > .text-container .info-content{margin-top:.375rem; padding:0; display:flex; flex-wrap:wrap;}
    .ss-card-55 .wrapper > .text-container .info-content > .icon{margin-right:.5rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-55 .wrapper > .img-container{width:100%;}
    .ss-card-55 .wrapper > .text-container{width:100%; padding-top:.5rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-55 .wrapper > .text-container .text-content > .title,
    .ss-card-55 .wrapper > .text-container .text-content > .desc{min-height:0;}
  }
  
  /* Special Card 56 */
  .ss-card-56 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-56 .wrapper > .img-container{position:relative; width:30%;}
  .ss-card-56 .ss-img{border-radius:var(--bradius); overflow:hidden;}
  .ss-card-56 .wrapper > .text-container{
    width:70%; padding:0 1rem; display:flex; flex-direction:column; justify-content:space-between;
  }
  .ss-card-56 .wrapper > .text-container .text > .title{-webkit-line-clamp:2;}
  .ss-card-56 .wrapper > .text-container .text > .card-top .wrapper{display:flex; align-items:center;}
  .ss-card-56 .wrapper > .text-container .text > .card-top .wrapper > .icon{
    display:flex; align-items:center; margin-right:.5rem;
  }
  .ss-card-56 .wrapper > .text-container .text > .card-top .wrapper > .icon em{font-size:.8125rem;}
  .ss-card-56 .btns > .btn{transition:background .5s;}
  @media screen and (max-width:1199.98px){
    .ss-card-56 .wrapper > .img-container{width:40%;}
    .ss-card-56 .wrapper > .text-container{width:60%; flex-direction:column;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-56 .wrapper > .text-container .text > .title{-webkit-line-clamp:1;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-56 .wrapper > .img-container{width:100%;}
    .ss-card-56 .wrapper > .text-container{width:100%; flex-direction:column; padding:1rem .5rem;}
    .ss-card-56 .wrapper > .text-container .btns{justify-content:center;}
    .ss-card-56 .wrapper > .text-container .text > .title{-webkit-line-clamp:2; min-height:3.375rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-56 .wrapper > .text-container .text > .title{min-height:0;}
  }
  
  /* Special Card 57 */
  .ss-card-57 .ss-img{border-radius:.375rem;}
  .ss-card-57 .text-container > .title{-webkit-line-clamp:2;}
  .ss-card-57 .card-footer > .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-57 .card-footer > .wrapper .icon{
    display:flex; align-items:center; margin-right:.5rem; font-size:.8125rem;
  }
  
  /* Special Card 58 */
  .ss-card-58 .wrapper{display:flex; align-items:center;}
  .ss-card-58 .wrapper > .img-container{width:25%}
  .ss-card-58 .wrapper > .img-container .ss-img{border-radius:.375rem;}
  .ss-card-58 .wrapper > .text-container{width:75%; padding-left:.875rem;}
  .ss-card-58 .text-container > .title{-webkit-line-clamp:3;}
  .ss-card-58.style-02 .text-container > .title{min-height:4.5rem;}
  .ss-card-58 .card-footer > .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-58 .card-footer > .wrapper .icon{
    display:flex; align-items:center; margin-right:.5rem; font-size:.8125rem;
  }
  @media screen and (max-width:1199.98px){
    .ss-card-58 .text-container > .title{-webkit-line-clamp:1;}
    .ss-card-58.style-02 .text-container > .title{min-height:0;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-58 .text-container > .title{-webkit-line-clamp:3;}
    .ss-card-58 .text-container > .title.size-02{-webkit-line-clamp:1;}
  }
  @media screen and (max-width:767.58px){
    .ss-card-58.style-02 .wrapper{align-items:flex-start!important;}
    .ss-card-58 .text-container > .title.size-02{-webkit-line-clamp:3;}
  }
  
  /* Special Card 59 */
  .ss-card-59 .ss-img{border-radius:.375rem;}
  .ss-card-59 .card-top > .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-59 .card-top > .wrapper .icon{display:flex; align-items:center;}
  .ss-card-59 .card-top > .wrapper .icon > em{font-size:.875rem;}
  .ss-card-59 .card-top > .wrapper .icon:nth-child(2){margin-left:1rem;}
  .ss-card-59 .card-top > .wrapper .icon:not(:first-child){margin-right:.5rem;}
  
  /* Special Card 60 */
  .ss-card-60{margin-bottom:1.5rem;}
  .ss-card-60 .ss-img{border-radius:.375rem;}
  .ss-card-60 .card-footer > .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-60 .card-footer > .wrapper .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-60 .card-footer > .wrapper .icon > em{font-size:.875rem;}
  .ss-card-60 .text-container > .title{-webkit-line-clamp:2;}
  .ss-card-60 .text-container{border-bottom:1px solid transparent; padding-bottom:1rem;}
  
  /* Special Card 61 */
  .ss-card-61{position:relative; border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-61 .text-container{
    position:relative; border:1px solid transparent; padding:.5rem 1rem 1rem 1rem; border-radius:0 0 var(--bradius-02) var(--bradius-02);
    transition:all .25s; border-top:0!important; overflow:hidden;
  }
  .ss-card-61 .text-container > .title{-webkit-line-clamp:2; transition:color .25s; min-height:3.375rem;}
  .ss-card-61 .text-container > .card-footer .link-footer{
    display:flex; align-items:center; margin-top:.875rem;
  }
  .ss-card-61 .text-container > .card-footer .wrapper{display:flex; flex-wrap:wrap; align-items:center; transition:color .25s;}
  .ss-card-61 .card-footer .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-61 .wrapper > .icon:not(:last-child)::after{content:"/"; padding-left:.375rem;}
  .ss-card-61 .card-footer .wrapper > .icon em{font-size:.75rem;}
  @media screen and (max-width:575.98px){
    .ss-card-61 .text-container > .title{min-height:0;}
  }
  
  /* Special Card 62 */
  .ss-card-62{position:relative; border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-62 .wrapper > .img-container{position:relative; width:100%; height:16rem; overflow:hidden;}
  .ss-card-62 .wrapper > .img-container .ebook-container{
    position:relative; display:flex; justify-content:center; align-items:center; height:100%;
    overflow:hidden;
  }
  .ss-card-62 .wrapper > .img-container .shadow-container{
    position:absolute; top:calc(60% + 3px); z-index:1;
  }
  .ss-card-62 .wrapper > .img-container .shadow-container > img{
    position:relative;  display:block; width:100%; height:5.75rem; transform:translateX(23%); z-index:1;
  }
  .ss-card-62 .wrapper > .img-container .ebook-container > .wrapper{
    position:relative; border-radius:.5rem; z-index:2;
  }
  .ss-card-62 .wrapper > .img-container .ebook-container > .wrapper > img{
   position:relative; display:block; max-width:100%; max-height:100%; width:auto; height:15rem; z-index:2;
   border-radius:.375rem; border:3px solid transparent;
  }
  .ss-card-62 .wrapper > .img-container .ebook-container:before{
    content:""; position:absolute; left:0; top:0; right:0; height:60%;
  }
  .ss-card-62 .wrapper > .img-container .ebook-container:after{
    content:""; position:absolute; left:0; bottom:0; right:0; height:40%;
  }
  .ss-card-62 .text-container{
    position:relative; border:1px solid transparent; padding:.5rem 1rem 1rem 1rem; border-radius:0 0 var(--bradius-02) var(--bradius-02);
    transition:all .25s; border-top:0!important; overflow:hidden;
  }
  .ss-card-62 .text-container > .title{-webkit-line-clamp:2; transition:color .25s; min-height:3.375rem;}
  .ss-card-62 .text-container > .card-footer .link-footer{
    display:flex; align-items:center; margin-top:.875rem;
  }
  .ss-card-62 .text-container > .card-footer .wrapper{display:flex; flex-wrap:wrap; align-items:center; transition:color .25s;}
  .ss-card-62 .card-footer .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-62 .wrapper > .icon:not(:last-child)::after{content:"/"; padding-left:.375rem;}
  .ss-card-62 .card-footer .wrapper > .icon em{font-size:.5rem;}
  @media screen and (max-width:575.98px){
    .ss-card-62 .text-container > .title{min-height:0;}
  }
  
  /* Special Card 63 */
  .ss-card-63 > .wrapper{display:flex;}
  .ss-card-63 .img-container{width:40%; border-radius:.375rem; overflow:hidden;}
  .ss-card-63 .text-container{width:60%; padding-left:1rem; display:flex; flex-direction:column; justify-content:space-between;}
  .ss-card-63 .text-container > .title{-webkit-line-clamp:2;}
  .ss-card-63 .text-container > .card-footer .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-63 .card-footer > .wrapper .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-63 .card-footer > .wrapper .icon > em{font-size:.875rem;}
  .ss-card-63 .card-footer > .link-footer{display:flex; align-items:center;}
  .ss-card-63 .card-footer > .link-footer .arrow{transition:color .25s, margin .25s; margin:.0625rem .125rem 0 0;}
  .ss-card-63 .card-footer > .link-footer .wrapper .icon > em{font-size:.875rem;}
  .ss-card-63:hover .card-footer > .link-footer .arrow{margin:.0625rem 0 0 .125rem;}
  
  .ss-card-63.style-02 .img-container{width:35%;}
  .ss-card-63.style-02 .text-container{width:65%;}
  @media screen and (max-width:1299.98px){
    .ss-card-63 .img-container{width:20%;}
    .ss-card-63 .text-container{width:80%;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-63 .img-container{width:40%;}
    .ss-card-63 .text-container{width:60%;}
  
    .ss-card-63.style-02  > .wrapper{flex-wrap:wrap;}
    .ss-card-63.style-02 .img-container{width:100%;}
    .ss-card-63.style-02 .text-container{width:100%; padding-left:0; margin-top:.5rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-63.style-02  > .wrapper{flex-wrap:unset;}
    .ss-card-63.style-02 .img-container{width:40%;}
    .ss-card-63.style-02 .text-container{width:60%; padding-left:1rem; margin-top:unset;}
  }
  
  /* Special Card 64 */
  .ss-card-64{position:relative;}
  .ss-card-64 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-64 .wrapper > .img-container{position:relative; border-radius:.375rem 0 0 .375rem; width:30%; height:16rem; overflow:hidden;}
  .ss-card-64 .wrapper > .img-container .ebook-container{
    position:relative; display:flex; justify-content:center; align-items:center; height:100%;
    overflow:hidden;
  }
  .ss-card-64 .wrapper > .img-container .shadow-container{
    position:absolute; top:calc(60% + 3px); z-index:1;
  }
  .ss-card-64 .wrapper > .img-container .shadow-container > img{
    position:relative;  display:block; width:100%; height:5.75rem; transform:translateX(23%); z-index:1;
  }
  .ss-card-64 .wrapper > .img-container .ebook-container > .wrapper{
    position:relative; border-radius:.5rem; z-index:2;
  }
  .ss-card-64 .wrapper > .img-container .ebook-container > .wrapper > img{
   position:relative; display:block; max-width:100%; max-height:100%; width:auto; height:15rem; z-index:2;
   border-radius:.375rem; border:3px solid transparent;
  }
  .ss-card-64 .wrapper > .img-container .ebook-container:before{
    content:""; position:absolute; left:0; top:0; right:0; height:60%;
  }
  .ss-card-64 .wrapper > .img-container .ebook-container:after{
    content:""; position:absolute; left:0; bottom:0; right:0; height:40%;
  }
  .ss-card-64 .wrapper > .text-container{
    position:relative; width:70%; padding:1.5rem 1.5rem 1rem 1.5rem; border-radius:0 .375rem .375rem 0;
    border:1px solid transparent; border-left:0; display:flex; flex-direction:column; justify-content:space-between;
  }
  .ss-card-64 .wrapper > .text-container .title{-webkit-line-clamp:3.375rem;}
  .ss-card-64 .wrapper > .text-container .desc{-webkit-line-clamp:2;}
  .ss-card-64 .card-footer .wrapper{transition:color .25s;}
  .ss-card-64 .card-footer .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-64 .text-container > .bottom .link-footer{
    display:flex; align-items:center; margin-top:.875rem;
  }
  .ss-card-64 .card-footer > .wrapper .icon > em{font-size:.875rem;}
  @media screen and (max-width:991.98px){
    .ss-card-64 .wrapper > .img-container{width:100%;}
    .ss-card-64 .wrapper > .text-container .title{-webkit-line-clamp:2; min-height:3rem;}
    .ss-card-64 .wrapper > .text-container .desc{-webkit-line-clamp:3; min-height:4rem;}
    .ss-card-64{border-radius:.875rem; overflow:hidden;}
    .ss-card-64 .wrapper > .img-container, .ss-card-64 .wrapper > .text-container{width:100%;}
    .ss-card-64 .wrapper > .img-container{border-radius:0;}
    .ss-card-64 .wrapper > .text-container{
      padding:1rem; border-radius:0 0 .875rem .875rem; margin-left:0;
      border-top:0!important;
    }
  }
  @media screen and (max-width:575.98px){
    .ss-card-64 .wrapper > .text-container .title{min-height:0;}
  }
  
  /* Special Card 65 */
  .ss-card-65{border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-65 .text-container{
    position:relative; border:1px solid transparent; padding:1rem;
    border-radius:0 0 var(--bradius-02) var(--bradius-02); border-top:0;
  }
  .ss-card-65 .text-container > .title{min-height:3.5rem; -webkit-line-clamp:2;}
  
  /* Special Card 66 */
  .ss-card-66{width:100%;}
  .ss-card-66 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-66 .wrapper > .img-container{
    position:relative; width:30%; overflow:hidden; border-radius:var(--bradius-02) 0 0 var(--bradius-02);
    z-index:2;
  }
  .ss-card-66 .wrapper > .text-container{
    position:relative; width:calc(70% + .15625rem); border:1px solid transparent; border-radius:0 var(--bradius-02) var(--bradius-02) 0;
    padding:1rem 1rem 1rem 1rem; display:flex; margin-left:-.15625rem; z-index:1;
  }
  .ss-card-66 .link-footer{
    display:flex; align-items:center; margin-top:.875rem;
  }
  .ss-card-66 .wrapper > .text-container .text-content{
    width:calc(100% - 11rem); height:100%; display:flex; flex-direction:column; justify-content:space-between;
    padding-right:1.5rem;
  }
  .ss-card-66 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:3;}
  .ss-card-66 .wrapper > .text-container .info-content{min-width:11rem; padding:0 1rem;}
  .ss-card-66 .wrapper > .text-container .info-content > .icon{display:flex; align-items:center; margin-bottom:.5rem;}
  .ss-card-66 .wrapper > .text-container .info-content > .icon em{
    font-size:.75rem; width:1.625rem; height:1.625rem; border-radius:50%;
    display:flex; justify-content:center; align-items:center;
  }
  @media screen and (max-width:1299.98px){
    .ss-card-66 .wrapper > .img-container{width:35%;}
    .ss-card-66 .wrapper > .text-container{width:calc(65% + .15625rem);}
  }
  @media screen and (max-width:1199.98px){
    .ss-card-66 .wrapper > .img-container{width:100%; border-radius:var(--bradius-02) var(--bradius-02) 0 0;}
    .ss-card-66 .wrapper > .text-container{width:100%; padding-top:.5rem; margin-left:0; border-radius:0 0 var(--bradius-02) var(--bradius-02);}
    .ss-card-66 .wrapper > .text-container .text-content{padding-right:0;}
    .ss-card-66 .wrapper > .text-container .text-content > .title{-webkit-line-clamp:2;}
  }
  
  /* Special Card 67 */
  .ss-card-67{border:1px solid transparent; border-radius:.375rem; overflow:hidden;}
  .ss-card-67 .wrapper{display:flex; height:5.5rem;}
  .ss-card-67 .wrapper > .icon{
    width:4rem; height:100%; display:flex; justify-content:center; align-items:center;
    font-size:1.1875rem; border-right:1px solid transparent; border-radius:.375rem 0 0 .375rem;
  }
  .ss-card-67 .wrapper > .icon em{
    width:2.5rem; height:2.5rem; border-radius:50%; display:flex;
    justify-content:center; align-items:center;
  }
  .ss-card-67 .wrapper > .text-container{
    width:calc(100% - 4rem); height:100%; display:flex; align-items:center;
    padding:0 1rem; border-radius:0 .5rem .5rem 0;
  }
  .ss-card-67 .wrapper > .text-container span{width:3.125rem; display:inline-block;}
  .ss-card-67 .text-container > .social-list .icon{
    position:relative; width:2rem; height:2rem; display:flex; justify-content:center; align-items:center;
    border-radius:50%; transition:background .25s;
  }
  .ss-card-67 .text-container > .social-list .item{margin-right:.5rem;}
  .ss-card-67 .text-container > .social-list .icon{overflow:hidden; border:1px solid transparent;}
  .ss-card-67 .text-container > .social-list .icon > img,
  .ss-card-67 .text-container > .social-list .icon > svg{
    display:block; max-width:100%; max-height:100%; width:auto; height:1.25rem;
    transition:transform .25s; transform:translateY(0)
  }
  .ss-card-67 .text-container > .social-list .icon.sm > img,
  .ss-card-67 .text-container > .social-list .icon.sm > svg{height:1rem;}
  .ss-card-67 .text-container > .social-list .icon > img.active,
  .ss-card-67 .text-container > .social-list .icon > svg.active{position:absolute;}
  .ss-card-67 .text-container > .social-list .icon:hover > img.inactive,
  .ss-card-67 .text-container > .social-list .icon:hover > svg.inactive{transform:translateY(-150%);}
  .ss-card-67 .text-container > .social-list .icon:hover > img.active,
  .ss-card-67 .text-container > .social-list .icon:hover > svg.active{transform:translateY(5%);}
  .ss-card-67 .text-container > .social-list .icon > img.active,
  .ss-card-67 .text-container > .social-list .icon > svg.active{transform:translateY(150%);}
  @media screen and (max-width:991.98px){
    .ss-card-67 .wrapper{height:6rem;}
  }
  @media screen and (max-width:490.98px){
    .ss-card-67 .wrapper{height:7rem;}
  }
  @media screen and (max-width:387.98px){
    .ss-card-67 .wrapper{height:9rem;}
  }
  
  /* Special Card 68 */
  .ss-card-68{padding:2rem; border-radius:.4375rem; border:1px solid transparent;}
  .ss-card-68 .top > .wrapper{
    display:flex; flex-wrap:wrap; align-items:center;
  }
  .ss-card-68 .top > .wrapper .item:nth-child(1){width:40%; display:flex; align-items:center;}
  .ss-card-68 .top > .wrapper .item:nth-child(1) > .icon{
    width:2.5rem; height:2.5rem; display:flex; justify-content:center; align-items:center;
    border-radius:50%;
  }
  .ss-card-68 .top > .wrapper .item:nth-child(2){width:20%;}
  .ss-card-68 .top > .wrapper .item:nth-child(3){width:40%;}
  .ss-card-68 .top > .wrapper .item:nth-child(3) > .btns{cursor:pointer;}
  .ss-card-68 .top > .wrapper .item:nth-child(3) > .btns .file-upload{
    position:absolute; top:0; left:0; bottom:0; right:0; width:100%;
    height:100%; opacity:0; cursor:pointer;
  }
  .ss-card-68 .footer{text-align:center;}
  @media screen and (max-width:1199.98px){
    .ss-card-68 .top > .wrapper .item:nth-child(1){width:100%; justify-content:center;}
    .ss-card-68 .top > .wrapper .item:nth-child(2){width:100%;}
    .ss-card-68 .top > .wrapper .item:nth-child(3){width:100%;}
    .ss-card-68 .top > .wrapper .item:nth-child(3) > .btns{justify-content:center!important;}
    .ss-card-68 .ss-sep-01{width:8rem; margin:0.875rem auto;}
  }
  
  /* Special Card 69 */
  .ss-card-69{padding:1rem; border-radius:.25rem;}
  .ss-card-69 .wrapper{display:flex; align-items:center;}
  .ss-card-69 .wrapper > .icon{width:2rem;}
  .ss-card-69 .wrapper > .icon img,
  .ss-card-69 .wrapper > .icon svg{
    display:block; max-width:100%; max-height:100%; width:auto; height:1.5rem;
  }
  .ss-card-69 .text-container{
    display:flex; align-items:center; justify-content:space-between;
    padding-left:1rem; width:calc(100% - 2rem);
  }
  .ss-card-69 .text-container > .arrow{
    width:1.5rem; height:1.5rem;
    display:flex; justify-content:center; align-items:center;
  }
  
  /* Special Card 70 */
  .ss-card-70 .option{display:flex; align-items:center;}
  .ss-card-70 .option > .icon{display:flex; justify-content:center; width:1rem; height:1rem; margin-right:.25rem;}
  .ss-card-70 .option > .icon{color:#2e603c;}
  
  /* Special Card 71 */
  .ss-card-71{transition:background .25s; padding:.5rem; margin-right:1rem;}
  .ss-card-71 .option{display:flex; align-items:center;}
  .ss-card-71 .option > .icon{display:flex; justify-content:center; width:1rem; height:1rem; margin-right:.25rem;}
  .ss-card-71 .option > .icon{color:#2e603c;}
  .ss-card-71:hover{background:#dff3eb;}
  
  /* Special Card 72 */
  .ss-card-72{position:relative;}
  .ss-card-72 .ss-img > .img-bg{z-index:2;}
  .ss-card-72 .shadow-wrapper{position:absolute; bottom:-3rem;}
  .ss-card-72 .shadow-wrapper > img{
    display:block; max-width:100%; max-height:100%; width:auto; height:10rem;
  }
  
  /* Special Card 73 */
  .ss-card-73 .wrapper{display:flex; flex-wrap:wrap; margin-top:1rem;}
  .ss-card-73 .number{
    display:flex; justify-content:center; align-items:center; width:2rem; height:2rem;
    font-weight:400; border-radius:.375rem;
  }
  .ss-card-73 .text-container{width:calc(100% - 2rem); padding-left:.875rem; line-height:1.3;}
  
  /* Special Card 74 */
  .ss-card-74{position:relative; overflow:hidden; border-radius:.4375rem;}
  .ss-card-74 .character{position:absolute; top:.4375rem; left:.5rem; font-weight:500; font-size:10rem; line-height:1;}
  .ss-card-74 .text-wrapper{
    position:absolute; bottom:0; padding:.75rem 1rem; z-index:2;
    min-height:7rem;
  }
  
  /* Special Card 75 */
  .ss-card-75 .wrapper{display:flex; align-items:center; flex-wrap:wrap; margin-top:1rem;}
  .ss-card-75 .number{
    display:flex; justify-content:center; align-items:center; width:3rem; height:3rem;
    font-weight:400; border-radius:.375rem;
  }
  .ss-card-75 .text-container{width:calc(100% - 3rem); padding-left:.875rem; line-height:1.3;}
  
  /* Special Card 76 */
  .ss-card-76{border:7px solid transparent;}
  
  /* Special Card 77 */
  .ss-card-77{position:relative;}
  .ss-card-77 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-77 .wrapper > .image-container{width:20%;}
  .ss-card-77 .wrapper > .image-container .ss-img{border:7px solid transparent;}
  .ss-card-77 .wrapper > .text-container{width:80%; padding-left:4rem;}
  .ss-card-77.style-02 .wrapper > .image-container{
    visibility:hidden!important;
  }
  .ss-card-77 .wrapper > .image-container .ss-img{border-color:#ffffff;}
  @media screen and (max-width:1199.98px){
    .ss-card-77 .wrapper > .image-container{width:25%;}
    .ss-card-77 .wrapper > .text-container{width:75%;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-77 .wrapper > .image-container{width:35%;}
    .ss-card-77 .wrapper > .text-container{width:65%;}
    .ss-card-77.style-02 .wrapper > .image-container{display:none;}
    .ss-card-77.style-02 .wrapper > .text-container{width:100%; padding-left:0;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-77 .wrapper > .image-container{width:100%;}
    .ss-card-77 .wrapper > .text-container{width:100%; padding-left:0; margin-top:1.5rem;}
  }
  
  /* Special Card 78 */
  .ss-card-78{position:relative; border-radius:2.5rem; overflow:hidden; z-index:2;}
  .ss-card-78 .ss-img > .img-bg{border-radius:2.5rem!important;}
  
  /* Special Card 79 */
  .ss-card-79 .wrapper{display:flex;}
  .ss-card-79 .wrapper > .icon{
    width:3rem; height:3rem; display:flex; justify-content:center; align-items:center;
    border-radius:.375rem; border:1px solid transparent;
  }
  .ss-card-79 .wrapper > .icon img{
    display:block; max-width:100%; max-height:100%; width:auto; height:1.75rem;
  }
  .ss-card-79 .wrapper > .text-container{
    width:calc(100% - 3rem); padding-left:1rem;
  }
  
  /* ss-card-80 */
  .ss-card-80 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-80 .wrapper > .img-container{position:relative; width:30%;}
  .ss-card-80 .ss-img{border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-80 .wrapper > .text-container{
    width:70%; padding:0 1rem; display:flex; flex-direction:column; justify-content:space-between;
  }
  .ss-card-80 .wrapper > .text-container .text > .title{-webkit-line-clamp:1;}
  .ss-card-80 .wrapper > .text-container .text > .card-top .wrapper{display:flex; align-items:center;}
  .ss-card-80 .wrapper > .text-container .text > .card-top .wrapper > .icon{
    display:flex; align-items:center; margin-right:.5rem;
  }
  .ss-card-80 .card-footer .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-80 .wrapper > .icon:not(:last-child)::after{content:"/"; padding-left:.375rem;}
  .ss-card-80 .wrapper > .text-container .text > .card-top .wrapper > .icon em{font-size:.8125rem;}
  .ss-card-80 .btns > .btn{transition:background .5s;}
  @media screen and (max-width:1199.98px){
    .ss-card-80 .wrapper > .img-container{width:40%;}
    .ss-card-80 .wrapper > .text-container{width:60%; flex-direction:column;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-80 .wrapper > .text-container .text > .title{-webkit-line-clamp:1;}
    .ss-card-80 .wrapper > .text-container .text > .desc{-webkit-line-clamp:2;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-80 .wrapper > .img-container{width:100%;}
    .ss-card-80 .wrapper > .text-container{width:100%; flex-direction:column; padding:1rem .5rem;}
    .ss-card-80 .wrapper > .text-container .btns{justify-content:center; margin-top:1rem;}
    .ss-card-80 .wrapper > .text-container .text > .title{-webkit-line-clamp:2; min-height:3.375rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-80 .wrapper > .text-container .text > .title{min-height:0;}
  }
  
  /* Special Card 81 */
  .ss-card-81 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-81 .wrapper > .date .wrapper{
    position:relative; width:4rem; height:5rem; text-align:center; border-radius:.4375rem; overflow:hidden; margin:0 .375rem;
    border:1px solid transparent; display:flex; justify-content:center;
  }
  .ss-card-81 .wrapper > .img-container{
    position:relative; width:30%;}
  .ss-card-81 .wrapper > .img-container .ss-img > .filter-01{
    position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; transition:opacity .5s;
  }
  .ss-card-81 .wrapper > .img-container .ss-img{border-radius:var(--bradius-02) 0 0 var(--bradius-02);}
  .ss-card-81 .wrapper > .text-container{
    position:relative; width:70%; display:flex; flex-direction:column; justify-content:space-between; padding:.75rem 1rem;
    border:1px solid transparent; border-radius:0 var(--bradius-02) var(--bradius-02) 0;
  }
  .ss-card-81 .wrapper > .text-container .content{display:flex; flex-wrap:wrap;}
  .ss-card-81 .wrapper > .text-container .content-wrapper{display:flex;}
  .ss-card-81 .wrapper > .text-container .content > .text{width:calc(100% - 5rem)}
  .ss-card-81 .wrapper > .text-container .text > .title{-webkit-line-clamp:2;}
  .ss-card-81 .wrapper > .text-container .text > .desc{-webkit-line-clamp:3;}
  .ss-card-81 .wrapper > .text-container .text > .card-bottom .wrapper{display:flex; align-items:center;}
  .ss-card-81 .wrapper > .text-container .text > .card-bottom .wrapper > .icon{
    display:flex; align-items:center; margin-right:1rem; min-width:12rem;
  }
  .ss-card-81 .text-container .date{margin-right:1rem;}
  .ss-card-81 .text-container .date .wrapper{
    position:relative; width:4rem; height:5rem; text-align:center; border-radius:.4375rem; overflow:hidden;
    border:1px solid transparent; display:flex; justify-content:center;
  }
  
  .ss-card-81 .text-container .date .wrapper > .day,
  .ss-card-81 .text-container .date .wrapper > .month{width:100%;}
  .ss-card-81 .text-container .date .wrapper > .day,
  .ss-card-81 .text-container .date .wrapper > .month{
    padding:.125rem 0; display:flex; justify-content:center; align-items:center;
  }
  .ss-card-81 .text-container .date .wrapper.style-02::after{
    content:''; position:absolute; top:49%; width:.75rem; height:.125rem;
  }
  .ss-card-81 .text-container > .card-footer{
    border-top:none; padding-top:.25rem; display:flex; justify-content:space-between;
  }
  .ss-card-81 .text-container > .card-footer .link-footer{display:flex; align-items:center;}
  .ss-card-81 .text-container > .card-footer .views-share{display:flex;}
  .ss-card-81 .text-container > .card-footer .views-share > .icon em{font-size:.5rem;}
  .ss-card-81 .text-container > .card-footer .views-share > .icon:not(:last-child)::after {content:"/"; padding-left:.375rem;}
  .ss-card-81 .text-container > .card-footer .views-share > .icon:not(:first-child){margin-left:.375rem;}
  .ss-card-81 .wrapper > .text-container .text > .card-bottom .wrapper > .icon.time{min-width:9rem;}
  .ss-card-81 .wrapper > .text-container .text > .card-bottom .wrapper > .icon em{font-size:.8125rem;}
  
  @media screen and (max-width:1199.98px){
    .ss-card-81 .wrapper > .text-container .text > .title{-webkit-line-clamp:1;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-81 .wrapper > .img-container{width:100%;}
    .ss-card-81 .wrapper > .text-container{width:100%;}
    .ss-card-81 .wrapper > .text-container .content > .text{width:100%}
    .ss-card-81 .wrapper > .img-container .ss-img{border-radius:var(--bradius-02) var(--bradius-02) 0 0;}
    .ss-card-81 .wrapper > .text-container{border-radius:0 0 var(--bradius-02) var(--bradius-02);}
    .ss-card-81 .text-container > .card-footer{margin-top:.75rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-81 .wrapper > .text-container{padding:.75rem .75rem;}
    .ss-card-81 .text-container .date{margin-right:.75rem;}
  }
  
  /* Special Card 82 */
  .ss-card-82{position:relative; border-radius:.375rem; overflow:hidden;}
  .ss-card-82 .text-wrapper > .title{transition: color .25s; position: relative;}
  .ss-card-82 .text-wrapper{position:absolute; bottom:0; padding:1.5rem; z-index:3;}
  .ss-card-82 .text-wrapper > .card-footer{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
  .ss-card-82 .text-wrapper > .card-footer .wrapper{
    display:flex; align-items:center; flex-wrap:wrap; transition:color .25s; width:calc(100% - 2.5rem);
  }
  .ss-card-82 .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-82 .wrapper > .icon em{font-size:.8125rem;}
  .ss-card-82 .text-wrapper > .title{-webkit-line-clamp:2;}
  .ss-card-82 .text-wrapper > .title.size-02{-webkit-line-clamp:3;}
  .ss-card-82 .filter-01{content:''; position:absolute; top:0; bottom:0; left:0; right:0;}
  .ss-card-82.style-02 .text-wrapper > .card-footer .wrapper{width:100%;}
  .ss-card-82 .wrapper > .img-container .ebook-container{
    position:relative; display:flex; justify-content:center; align-items:center; height:100%;
    overflow:hidden;
  }
  .ss-card-82.card-main .wrapper > .img-container .ebook-container{height:36.875rem;}
  .ss-card-82.card-sub .wrapper > .img-container .ebook-container{height:17.625rem;}
  .ss-card-82 .wrapper > .img-container .shadow-container{
    position:absolute; top:calc(61% + 3px); z-index:1;
  }
  .ss-card-82.card-main .wrapper > .img-container .shadow-container{top:calc(68% + 3px);}
  .ss-card-82 .wrapper > .img-container .shadow-container > img{
    position:relative;  display:block; width:100%; height:5.75rem; transform:translateX(23%); z-index:1;
  }
  .ss-card-82 .wrapper > .img-container .ebook-container > .wrapper{
    position:relative; border-radius:.5rem; z-index:2;
  }
  .ss-card-82 .wrapper > .img-container .ebook-container > .wrapper > img{
   position:relative; display:block; max-width:100%; max-height:100%; width:auto; height:15rem; z-index:2;
   border-radius:.375rem; border:3px solid transparent;
  }
  .ss-card-82.card-main .wrapper > .img-container .ebook-container > .wrapper > img{height:20rem;}
  .ss-card-82 .wrapper > .img-container .ebook-container:before{
    content:""; position:absolute; left:0; top:0; right:0; height:60%;
  }
  .ss-card-82 .wrapper > .img-container .ebook-container:after{
    content:""; position:absolute; left:0; bottom:0; right:0; height:40%;
  }
  @media screen and (max-width:1199.98px){
    .ss-card-82 .card-footer > .btn.btn-action.style-05{width:2.375rem; height:2.375rem;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-82 .card-footer > .btn.btn-action.style-05{width:2.125rem; height:2.125rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-82 .card-footer > .btn.btn-action.style-05{width:2.5rem; height:2.5rem;}
    .ss-card-82.card-main .wrapper > .img-container .ebook-container{height:17.75rem;}
    .ss-card-82.card-main .wrapper > .img-container .ebook-container > .wrapper > img{height:15rem;}
    .ss-card-82 .text-wrapper > .title.size-02{-webkit-line-clamp:2;}
  }
  
  /* Special Card 83 */
  .ss-card-83 .wrapper{display:flex; flex-wrap:wrap;}
  .ss-card-83 .wrapper > .img-container{position:relative; width:30%;}
  .ss-card-83 .ss-img{border-radius:var(--bradius-02); overflow:hidden;}
  .ss-card-83 .wrapper > .text-container{
    width:70%; padding:0 1rem; display:flex; flex-direction:column; justify-content:space-between;
  }
  .ss-card-83 .wrapper > .text-container .text > .title{-webkit-line-clamp:1;}
  .ss-card-83 .wrapper > .text-container .text > .card-top .wrapper{display:flex; align-items:center;}
  .ss-card-83 .wrapper > .text-container .text > .card-top .wrapper > .icon{
    display:flex; align-items:center; margin-right:.5rem;
  }
  .ss-card-83 .card-footer .wrapper > .icon{display:flex; align-items:center; margin-right:.5rem;}
  .ss-card-83 .wrapper > .icon:not(:last-child)::after{content:"/"; padding-left:.375rem;}
  .ss-card-83 .wrapper > .text-container .text > .card-top .wrapper > .icon em{font-size:.8125rem;}
  .ss-card-83 .btns > .btn{transition:background .5s;}
  
  .ss-card-83 .wrapper > .img-container .ebook-container{
    position:relative; display:flex; justify-content:center; align-items:center;
    height:17.625rem; overflow:hidden;
  }
  .ss-card-83 .wrapper > .img-container .shadow-container{
    position:absolute; top:calc(65% + -3px); z-index:1;
  }
  .ss-card-83 .wrapper > .img-container .shadow-container > img{
    position:relative;  display:block; width:100%; height:4.375rem; transform:translateX(23%); z-index:1;
  }
  .ss-card-83 .wrapper > .img-container .ebook-container > .wrapper{
    position:relative; border-radius:.5rem; z-index:2;
  }
  .ss-card-83 .wrapper > .img-container .ebook-container > .wrapper > img{
   position:relative; display:block; max-width:100%; max-height:100%; width:auto; height:13rem; z-index:2;
   border-radius:.375rem; border:3px solid transparent;
  }
  .ss-card-83 .wrapper > .img-container .ebook-container:before{
    content:""; position:absolute; left:0; top:0; right:0; height:60%;
  }
  .ss-card-83 .wrapper > .img-container .ebook-container:after{
    content:""; position:absolute; left:0; bottom:0; right:0; height:40%;
  }
  @media screen and (max-width:1199.98px){
    .ss-card-83 .wrapper > .img-container{width:40%;}
    .ss-card-83 .wrapper > .text-container{width:60%; flex-direction:column;}
  }
  @media screen and (max-width:991.98px){
    .ss-card-83 .wrapper > .text-container .text > .title{-webkit-line-clamp:1;}
    .ss-card-83 .wrapper > .text-container .text > .desc{-webkit-line-clamp:2;}
  }
  @media screen and (max-width:767.98px){
    .ss-card-83 .wrapper > .img-container{width:100%;}
    .ss-card-83 .wrapper > .text-container{width:100%; flex-direction:column; padding:1rem .5rem;}
    .ss-card-83 .wrapper > .text-container .btns{justify-content:center; margin-top:1rem;}
    .ss-card-83 .wrapper > .text-container .text > .title{-webkit-line-clamp:2; min-height:3.375rem;}
  }
  @media screen and (max-width:575.98px){
    .ss-card-83 .wrapper > .text-container .text > .title{min-height:0;}
  }
  
  
  /* Utility */
  .text-5xl{font-size:380%!important; line-height:.25;}
  .text-4xl{font-size:300%!important; line-height:.25;}
  .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:100%!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.60;}
  .lh-sm{line-height:1.40;}
  .lh-xs{line-height:1.20;}
  .lh-2xs{line-height:1.00;}
  .lh-3xs{line-height:.80;}
  
  .c-pointer, .cursor-pointer{cursor:pointer!important;}
  
  .pos-static{position:static!important;}
  .pos-relative{position:relative!important;}
  .pos-absolute{position:absolute!important;}
  .pos-fixed{position:fixed!important;}
  .pos-sticky{position:sticky!important;}
  
  .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;}
  .flex-column{flex-direction:column!important;}
  @media screen and (max-width:991.98px){
    .jc-start-md{justify-content:flex-start!important;}
    .flex-column-reverse.md{flex-direction:column-reverse;}
  }
  @media screen and (max-width:767.98px){
    .flex-column-reverse.sm{flex-direction:column-reverse;}
  }
  
  
  .width-auto, .w-auto{width:auto!important;}
  .width-full, .w-full{width:100%!important; max-width:100%!important;}
  .height-auto, .h-auto{height:auto!important;}
  .height-full, .h-full{height:100%!important; max-height:100%!important;}
  @media screen and (max-width:767.98px){
    .width-full-sm, .w-full-sm{width:100%!important; max-width: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;}
  .no-border-right{border-right: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-6{border:8px solid transparent!important;}
  .border-top-0{border-top:0!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-0{border-bottom:0!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-0{border-left:0!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-0{border-right:0!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:.375rem!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);}
  .box-shadow.style-02{box-shadow: 0px 0px 10px 0px rgb(0 0 0/7%);}
  .box-shadow.style-03{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;}
  .box-shadow.style-04{box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
  .box-shadow.style-05{box-shadow: rgba(197, 197, 197, 0.9) 4px 4px 18px 10px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;}
  
  .ovf-hidden{overflow:hidden!important;}
  .ovf-visible{overflow:visible!important;}
  .clear-both{clear:both!important;}
  
  .va-baseline{vertical-align:baseline!important;}
  .va-middle{vertical-align:middle!important;}
  
  .youtube-container{
    position:relative; width:100%; overflow:hidden;
    padding-top:56.25%;
  }
  .youtube-container.bradius{border-radius:.375rem;}
  .responsive-iframe {
    position:absolute; top:0; left:0; bottom:0;
    right:0; width:100%; height:100%; border:none;
  }
  
  @media screen and (max-width:1299.98px){
    .xl-no-br > br{display:none;}
  }
  @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;}
  }
  
  /* Spacing */
  .p-0{padding:0!important;}
  .p-1{padding:.25rem!important;} .p-2{padding:.5rem!important;}
  .p-3{padding:.75rem!important;} .p-4{padding:1rem!important;}
  .p-5{padding:1.25rem!important;} .p-6{padding:1.5rem!important;}
  .pt-0{padding-top:0!important;}
  .pt-1{padding-top:.25rem!important;} .pt-2{padding-top:.5rem!important;}
  .pt-3{padding-top:.75rem!important;} .pt-4{padding-top:1rem!important;}
  .pt-5{padding-top:1.25rem!important;} .pt-6{padding-top:1.5rem!important;}
  .pt-7{margin-top:1.75rem!important;} .pt-8{margin-top:2rem!important;}
  .pr-0{padding-right:0!important;}
  .pr-1{padding-right:.25rem!important;} .pr-2{padding-right:.5rem!important;}
  .pr-3{padding-right:.75rem!important;} .pr-4{padding-right:1rem!important;}
  .pr-5{padding-right:1.25rem!important;} .pr-6{padding-right:1.5rem!important;}
  .pb-0{padding-bottom:0!important;}
  .pb-1{padding-bottom:.25rem!important;} .pb-2{padding-bottom:.5rem!important;}
  .pb-3{padding-bottom:.75rem!important;} .pb-4{padding-bottom:1rem!important;}
  .pb-5{padding-bottom:1.25rem!important;} .pb-6{padding-bottom:1.5rem!important;}
  .pl-0{padding-left:0!important;}
  .pl-1{padding-left:.25rem!important;} .pl-2{padding-left:.5rem!important;}
  .pl-3{padding-left:.75rem!important;} .pl-4{padding-left:1rem!important;}
  .pl-5{padding-left:1.25rem!important;} .pl-6{padding-left:1.5rem!important;}
  @media screen and (max-width:991.98px){
    .pl-unset-md{padding-left:0!important;}
  }
  @media screen and (max-width:767.98px){
    .pl-unset-sm{padding-left:0!important;}
  }
  @media screen and (max-width:575.98px){
    .pl-unset-xs{padding-left:0!important;}
    .pr-unset-xs{padding-right:0!important;}
  }
  
  .m-0{margin:0!important;} .m-auto{margin-left:auto!important; margin-right:auto!important;}
  .m-1{margin:.25rem!important;} .m-2{margin:.5rem!important;}
  .m-3{margin:.75rem!important;} .m-4{margin:1rem!important;}
  .m-5{margin:1.25rem!important;} .m-6{margin:1.5rem!important;}
  .mt-0{margin-top:0!important;}
  .mt-1{margin-top:.25rem!important;} .mt-2{margin-top:.5rem!important;}
  .mt-3{margin-top:.75rem!important;} .mt-4{margin-top:1rem!important;}
  .mt-5{margin-top:1.25rem!important;} .mt-6{margin-top:1.5rem!important;}
  .mr-0{margin-right:0!important;}
  .mr-1{margin-right:.25rem!important;} .mr-2{margin-right:.5rem!important;}
  .mr-3{margin-right:.75rem!important;} .mr-4{margin-right:1rem!important;}
  .mr-5{margin-right:1.25rem!important;} .mr-6{margin-right:1.5rem!important;}
  .mb-0{margin-bottom:0!important;}
  .mb-1{margin-bottom:.25rem!important;} .mb-2{margin-bottom:.5rem!important;}
  .mb-3{margin-bottom:.75rem!important;} .mb-4{margin-bottom:1rem!important;}
  .mb-5{margin-bottom:1.25rem!important;} .mb-6{margin-bottom:1.5rem!important;}
  .ml-0{margin-left:0!important;}
  .ml-1{margin-left:.25rem!important;} .ml-2{margin-left:.5rem!important;}
  .ml-3{margin-left:.75rem!important;} .ml-4{margin-left:1rem!important;}
  .ml-5{margin-left:1.25rem!important;} .ml-6{margin-left:1.5rem!important;}
  @media screen and (max-width:1299.98px){
    .mt-unset-lg{margin-top:1rem!important;}
  }
  @media screen and (max-width:991.98px){
    .mt-0-md{margin-top:0!important;}
  }
  @media screen and (max-width:767.98px){
    .mt-6-sm{margin-top:1.5rem!important;}
  }
  @media screen and (max-width:575.98px){
    .mt-6-xs{margin-top:1.5rem!important;}
  }
  
  /* Margin Top For Mini Site */
  .margin-intro{margin-top:-7.625rem!important;}
  .margin-intro.size-02{margin-top:-8.625rem!important;}
  .margin-intro .container{z-index:3;}
  
  .term-professional-text {
    font-size: 0.8rem !important
  }
  
  .w-100{width: 100% !important;}
  
  .option.section-law .scrollbar-search {
    max-height: 15rem;
    overflow-x: auto;
  }
  .option.section-law .scrollbar-search::-webkit-scrollbar {
    width: 5px;
  }
  .option.section-law ::-webkit-scrollbar-track{
    background: #e8e8e8;
  }
  .option.section-law .scrollbar-search::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 5px;
  }
  .option.section-law .scrollbar-search::-webkit-scrollbar-thumb:hover {
    background: #c6c6c6; 
  }
  
  .chk-radio .checkmark {
    border-radius: 50%;
  }
  .form-check-container-03 .checkmark:after,
  .chk-radio .checkmark:after {
    left: 0.28rem;
  }
  .menu.has-children:hover {
    cursor: pointer;
  }
  
  input::-webkit-input-placeholder {
    font-family: 'Noto Sans Thai', sans-serif !important;
    font-weight: 400 !important;
  }
  
  input::-moz-placeholder {
    font-family: 'Noto Sans Thai', sans-serif !important;
    font-weight: 400 !important;
  }
  
  input:-ms-input-placeholder {
    font-family: 'Noto Sans Thai', sans-serif !important;
    font-weight: 400 !important;
  }
  
  input::-moz-placeholder {
    font-family: 'Noto Sans Thai', sans-serif !important;
    font-weight: 400 !important;
  }
  
  input#search::-webkit-input-placeholder {
    font-weight: 400  !important;
    color: #69696a  !important;
  }
  input#search::-moz-placeholder {
  font-weight: 400 !important;
    color: #69696a  !important;
  }
  input#search::-ms-input-placeholder {
    font-weight: 400;
    color: #69696a  !important;
  }