@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
  --fw: 'Noto Sans Thai', sans-serif;
  --font-popins: 'Poppins', sans-serif;
  --lh: 1.3;
  --bradius: .5rem;
  --bradius-1: 17px;
  --bradius-2: 20px;
}

/* Fonts */
.font-popins{font-family:var(--font-popins);}


/* Reset */
html, body{
  padding:0; margin:0; font-family:var(--fw); color:#000000;
  font-size:16px; font-weight:300; line-height:var(--lh);
}
body.loading{height:100dvh!important; overflow:hidden!important;}

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

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

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

input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], nput[type=file], select, 
textarea, button{font-family:var(--fw);}


/* Form Check */
.form-check{position:relative; display:flex; align-items:center; padding-left:1.5rem;}
.form-check > input[type="checkbox"], .form-check > input[type="radio"] {
  font-size:1rem; width:1rem; height:1rem; cursor:pointer;
}
.form-check input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.form-check .checkmark{
  position:absolute; top:0; left:0; border-radius: .25rem;
  height:1.375rem; width:1.375rem; cursor:pointer;
}
.form-check .checkmark:after{content:''; position:absolute; display:none;}
.form-check .checkmark:after{
  left:.46875rem; top:4px; width:5px;
  height:9px; border: solid transparent;
  border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.form-check input:checked ~ .checkmark:after{display:block;}


/* Form Group */
.form-group{position:relative; margin:.5625rem 0 0 0;}
.form-group .dropdown-icon{
  position:absolute; right:0; pointer-events:none;
  width:2.5rem; height:2.5rem; border-radius:0 .375rem .375rem 0;
  bottom:0; display:flex; justify-content:center;
  align-items:center; border:1px solid transparent; background:transparent;
}
.form-group .file{
  display:flex; align-items:center; justify-content:space-between; min-height:2.5rem;
  border:1px solid transparent; padding:.4375rem .75rem; border-radius:.375rem; margin-bottom:.5rem;
}
.form-group .file .file-size{white-space:nowrap;}
.form-group .file .text{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical; transition:color .25s; -webkit-line-clamp:1;
}
.form-group.style-02{display:flex; flex-wrap:wrap; align-items:center;}
.form-group.style-02 > label {width:8rem; padding-right:1rem; white-space:nowrap;}
.form-group.style-02 > .form-input{width: calc(100% - 8rem);}
.form-group.style-02.size-02 > label {width:10rem; padding-right:1rem; white-space:nowrap;}
.form-group.style-02.size-02 > .form-input{width: calc(100% - 10rem);}
.form-group.style-03 input.disabled{pointer-events:none;}
@media screen and (max-width:575.98px){
  .form-group.style-02{flex-direction:column; align-items:start;}
  .form-group.style-02 > .form-input{width:100%;}
  .form-group.style-02.size-02 > .form-input{width:100%;}
  .form-group.style-02.size-02 > label{text-align:left!important;}
  .form-group.style-02.size-02{align-items:start;}
}


/* Scrollbar */
::-webkit-scrollbar{width:5px; border-radius:.25rem;}
::-webkit-scrollbar-thumb{border-radius:.25rem;}
::-webkit-scrollbar:horizontal{height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:#cccccc;}
::-webkit-scrollbar-thumb:hover{background:#cccccc;}


/* Section & Container */
section{width:100%; overflow:hidden;}
.section-padding{padding:4rem 0;}
.section-padding-sm{padding:1.75rem 0;}
.container{position:relative; width:100%; max-width:calc(1240px - 2rem); padding:0; margin:0 auto;}
.container.expand-right{max-width:calc(620px - 1rem + 50vw); margin:0 0 0 auto;}
@media screen and (min-width:1400px){
  .container{max-width:calc(1300px - 2rem);}
  .container.expand-right{max-width:calc(650px - 1rem + 50vw);}
}
@media screen and (max-width:1299.98px){
  .container{max-width:calc(1140px - 2rem);}
  .container.expand-right{max-width:calc(570px - 1rem + 50vw);}
}
@media screen and (max-width:1199.98px){
  .container{max-width:calc(992px - 2rem);}
  .container.topnav-container{max-width:calc(1100px - 2rem);}
  .container.expand-right{max-width:calc(496px - 1rem + 50vw);}
}
@media screen and (max-width:991.98px){
  .section-padding{padding:3.5rem 0;}
  .container{max-width:calc(768px - 2rem);}
  .container.topnav-container{max-width:calc(920px - 2rem);}
  .container.expand-sm{max-width:100%;}
  .container.expand-right{max-width:calc(384px - 1rem + 50vw);}
}
@media screen and (max-width:767.98px){
  .section-padding{padding:3rem 0;}
  .section-padding-sm{padding:1.5rem 0;}
  .container{max-width:calc(576px - 2rem);}
  .container.topnav-container{max-width:calc(700px - 2rem);}
  .container.expand-xs{max-width:100%;}
  .container.expand-right{max-width:calc(288px - 1rem + 50vw);}
}
@media screen and (max-width:575.98px){
  .section-padding{padding:2.5rem 0;}
  .container, .container.topnav-container{max-width:calc(100% - 2rem);}
  .container.expand-xxs{max-width:100%;}
  .container.expand-right{max-width:calc(50% - 1rem + 50vw);}
}


/* Typography */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .p, li{
  margin:0; font-weight:300; line-height:var(--lh);
}
h1, .h1{font-size:3.5rem;}
h2, .h2{font-size:3rem;}
h3, .h3{font-size:2.5rem;}
h4, .h4{font-size:2.25rem;}
h4.sm, .h4.sm{font-size:2rem;}
h5, .h5{font-size:1.625rem;}
h6, .h6{font-size:1.375rem;}
h6.sm, .h6.sm{font-size:1.25rem;}
p.lg, .p.lg{font-size:1.125rem;}
p, .p{font-size:1rem;}
p.sm, .p.sm{font-size:.9375rem;}
p.xs, .p.xs{font-size:.875rem;}
p.xxs, .p.xxs{font-size:.75rem;}
@media screen and (max-width:991.98px){
  h2, .h2{font-size:2.75rem;}
  h3, .h3{font-size:2.5rem;}
  h6, .h6{font-size:1.25rem;}
}
@media screen and (max-width:767.98px){
  h2, .h2{font-size:2.5rem;}
  h3, .h3{font-size:2rem;}
  h6, .h6{font-size:1.125rem;}
}
@media screen and (max-width:575.98px){
  h2, .h2{font-size:2.25rem;}
  h3, .h3{font-size:1.75rem;}
  h6, .h6{font-size:1.0625rem;}
}


/* Inputs */
input[type=text], input[type=email], input[type=password], input[type=date], input[type=tel],
input[type=number], input[type=phone], input[type=submit], input[type=file], select, textarea{
  border:1px solid transparent; border-radius:0; box-shadow:none!important; width:100%;
  font-size:1.125rem; line-height:var(--lh); font-weight:300; padding:.4375rem .75rem; margin:0;
  outline:none!important; transition:border-color .25s, color .25s; border-radius:.375rem;
}

/* Form Input */
.form-input{position:relative;}
.form-input select{appearance:none;}
.form-input .dropdown-icon{
  position:absolute; top:0; bottom:0; right:0; width:2.5rem; height:100%;
  pointer-events:none; border-radius:0 .375rem .375rem 0;
  display:flex; justify-content:center; align-items:center;
  border:1px solid transparent;
}
.form-groups{display:flex;}

/* Input Form Check */
.form-check{
  position:relative; display:flex; align-items:center; 
  padding-left:1.5rem; margin:.25rem 0;
}
.form-check label{
  font-size:.9375rem; font-weight:300; margin:.1875rem 0 0 0; cursor:pointer; 
}
.form-check > input[type="checkbox"], .form-check > input[type="radio"]{
  font-size:1rem; width:1rem; height:1rem; cursor:pointer;
}
.form-check .checkmark{
  position:absolute; top:0; left:0; border-radius:.25rem;
  height:1.375rem; width:1.375rem; cursor:pointer;
}
.form-check.style-02{padding-left:1.25rem!important;}
.form-check.style-02 .checkmark{height:1rem; width:1rem; top:.125rem; border:1px solid transparent;}
.form-check.style-02 .checkmark::after{left:.25rem; top:.0125rem;}
.form-check input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.form-check .checkmark:after{
  left:.46875rem; top:4px; width:5px; height:9px;
  border:solid transparent; border-width: 0 3px 3px 0;
  -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);
}
.form-check:not(.form-check-container-02) .checkmark:after{left:.45rem; top:.2rem;}
.form-check .checkmark:after{content:''; position:absolute; display:none;}
.form-check input:checked ~ .checkmark:after{display:block;}


/* Animation */
@keyframes btnVideo {
	0% {transform:translateX(-50%)translateY(-50%)translateZ(0)scale(1); opacity:1;}
	100% {transform:translateX(-50%)translateY(-50%)translateZ(0)scale(1.5); opacity:0;}
}


/* Buttons */
.btns{display:flex; flex-wrap:wrap; width:calc(100% + .375rem); margin:.625rem -.375rem 0 0;}
.btns > .btn.btn-action{margin:.25rem .125rem 0 .125rem;}

.btn.btn-mw-01{min-width:14rem;}
.btn.md{min-width:9rem; padding:.4375rem;}
@media screen and (max-width:767.98px){
  .btn.md{min-width:7rem; padding:.375rem 1.5rem;}
}

/* Button Action */
.btn.btn-action{
  display:block; outline:none; box-shadow:none; text-align:center;
  min-width:7.6875rem; font-weight:400; padding:.4375rem 1.5rem; border:1.5px solid transparent;
  white-space:nowrap; text-decoration:none; border-radius:1000em; cursor:pointer; transition:all .25s; 
  font-size:1rem; font-weight:400; text-align:center;
}
.btn.btn-action em{font-size:.8125rem;}
.btn.btn-action img{display:block; height:1.375rem; width:auto;}

.btn.btn-action.style-02{border-radius:.375rem; font-size:.9375rem; font-weight:300;}
.btn.btn-action.style-03{border-radius: 1000em; padding:.5rem 1rem; }

.btn.btn-action.style-03{border-radius: 1000em; padding:.5rem 1rem; }
.btn.btn-action.md{padding:.5rem 1.25rem; min-width:7rem; text-align:center;}
.btn.btn-action.xs{font-size:.875rem; padding:.3125rem .5rem;}
.btn.btn-action.sm{font-size: .875rem; padding: .25rem 1rem;}

/* Button Icon */
.btn.btn-icon{
  display:flex; align-items:center; width:2.875rem; height:2.5rem; border:1.5px solid transparent;
}

.btn.btn-icon{
  position:relative; overflow:hidden; display:flex; align-items:center;
  width:max-content; padding:.125rem .175rem .125rem .75rem;
}

.btn.btn-icon img{display:block; height:1.5rem; width:auto;}
.btn.btn-icon.style-02{width:unset; padding:.4375rem .25rem;}
.btn.btn-icon.style-02 .text{width:calc(100% - 2rem); text-align: right;}
.btn.btn-icon.style-02 .icon{
  width:2rem; height:2rem; display:flex; align-items:center;
  justify-content:center; transition:background .25s; border-radius:50%;
  margin-left: .313rem;
}

/* Button Icon - Synerry */
.btn.btn-icon{
  position:relative; overflow:hidden; display:flex; align-items:center;
  width:max-content; padding:.125rem .175rem .125rem .75rem;
}
.btn.btn-icon .icon{
  width:1.875rem; height:1.875rem; display:flex; align-items:center; justify-content:center;
  border-radius:50%; border:1px solid transparent; z-index:1;
}
.btn.btn-icon .title, .btn.btn-icon .icon>*{position: relative; z-index:2;}
.btn.btn-icon .icon{transform:rotate(320deg); transition-duration:300ms;}
.btn.btn-icon:hover .icon{transform:rotate(360deg);}
.btn.btn-icon.transform-unset .icon{transform:unset;}
.btn.btn-icon.transform-unset:hover .icon{transform:unset;}
.btn.btn-icon::before{
  content:''; position:absolute; width:0;
  aspect-ratio: 1/1; transition-property:all; transition-duration:700ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  left:-100%; border-radius:9999px; 
}
.btn.btn-icon:hover::before{left:0; width:100%;}
.btn.btn-icon .icon svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}
.btn.mw-1{min-width:9rem!important;}
.btn.btn-icon .icon svg path{transition:fill .25s;}
.btn.btn-icon.style-02{padding:.3125rem 0; overflow:visible;}
.btn.btn-icon.style-02 .icon{
  transform:unset; transition-duration:unset; border-radius:var(6px);
}
.btn.btn-icon.style-03 .icon{
  transform:unset; transition-duration:unset; border-radius:50%;
}
.btn.btn-icon.style-03:hover::before {background:transparent!important;}

/* Button Gallery */
.btn.btn-gallery{
  width:2.875rem; height:2.875rem; display:flex; transition:opacity .25s;
  justify-content:center; align-items:center; border-radius:50%; z-index:3;
}
.btn.btn-gallery:hover{opacity:.85;}
.btn.btn-gallery .icon{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.375rem;
}
@media screen and (max-width:575.98px){
  .btn.btn-gallery{width:2.75rem; height:2.75rem;}
}
@media screen and (max-width:490.98px){
  .btn.btn-gallery{width:2.5rem; height:2.5rem;}
  .btn.btn-gallery .icon{height:1.25rem;}
}

/* Button Play */
.btn-play{
	position:relative; width:3rem; height:3rem; border-radius:50%; z-index:2;
	display:flex; justify-content:center; align-items:center; cursor:pointer;
}
.btn-play > *:first-child{position:relative; z-index:3;}
.btn-play:before{
	content:''; display:block; position:absolute; left:50%; top:50%; width:100%; height:100%;
	border-radius:50%; animation:btnVideo 1.5s ease-out infinite;
}
.btn-play:after{
	content:''; display:block; position:absolute; left:50%; top:50%; width:3rem; 
  height:3rem; border-radius:50%;transform:translateX(-50%)translateY(-50%); transition:all .2s;
}
.btn-play.xl, .btn-play.xl:after{width:5rem; height:5rem;}
.btn-play.lg, .btn-play.lg:after{width:4rem; height:4rem;}
.btn-play.md, .btn-play.md:after{width:2.5rem; height:2.5rem;}
.btn-play.sm, .btn-play.sm:after{width:2rem; height:2rem;}
.btn-play.xs, .btn-play.xs:after{width:1.5rem; height:1.5rem;}

/* Button Calendar */
.btn.btn-calendar{min-width:5rem;}

/* Button Circle */
.btn.btn-circle .icon{
  width:1.875rem; height:1.875rem; display:flex; align-items:center; justify-content:center;
  border-radius:50%; margin-left:.5rem; border:1px solid transparent; z-index:1;
  transition:background .25s;
}
.btn.btn-circle .icon svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}

/* Button Social Group */
.btns.social-group-01{display:flex;}
.btns.social-group-01 .btn{margin:.25rem;}
.btns.social-group-01 .icon svg{display:block; width:auto; height:1.75rem;}
@media screen and (max-width:490.98px){
  .btns.social-group-01 .icon svg{height:1.5rem;}
}
@media screen and (max-width:375.98px){
  .btns.social-group-01 .icon svg{height:1.3125rem;}
}
@media screen and (max-width:360.98px){
  .btns.social-group-01{flex-wrap:wrap;}
}


/* Background Gradient */
.background-gradient{position:absolute; top:0; right:0; bottom:0; left:0;}


/* Daterange */
.daterangepicker{z-index:1;}
.daterangepicker .drp-buttons .btn{
  border-radius:1000em; min-width:5rem; font-weight:normal; border:none;
  cursor:pointer; transition:opacity .25s;
}
.daterangepicker .drp-buttons .btn:hover{opacity:.8}


/* Gender Option */
.gender-option{display:none;}
.gender-label{
  padding:.4375rem .75rem; border:1px solid transparent; border-radius:6px;
  cursor:pointer; font-weight:400; width:50%; text-align:center; transition:all 0.3s;
}
.gender-option:checked + .gender-label{position:relative;}
.gender-option:checked + .gender-label::before {
  content:'\f00c'; font-family:'Font Awesome 6 Free'; font-weight:900;
  left:10px; top:50%; transform:translateY(-50%); padding-right:.5rem;
}


/* Upload Container */
.upload-container-round{
  width:250px; height:250px; border:2px dashed #999; border-radius:50%; background-color:#f9f9f9;
  display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer;
  text-align:center; color:#666; position:relative; transition:border-color 0.3s;
}
.upload-container-round:hover{border-color:#666;}
.upload-container-round .preview-img{
  width:100%; height:100%; object-fit:cover; position:absolute;
  top:0; left:0; border-radius:50%; z-index:1;
}
.upload-container-round .upload-content{z-index:2;}
.upload-container-round i{font-size:30px; margin-bottom:10px;}
.upload-container-round input[type="file"]{display:none;}
.upload-text{font-weight:bold; margin-bottom:5px;}
.upload-subtext{font-size:13px; color:#999; line-height:1.4;}


/* Marquee */
.marquee{width:100%; overflow:hidden; white-space:nowrap; box-sizing:border-box;}
.marquee p, .marquee .p{
  display:inline-block; padding-left:100%;
  animation:marquee 20s linear infinite;
}
.marquee p:hover, .marquee p:focus,
.marquee .p:hover, .marquee .p:focus{animation-play-state:paused;}
.map{border:none; width:100%; height:100%; border-radius:.5rem;}
@keyframes marquee {
  from { transform:translateX(0); }
  to { transform:translateX(-100%); }
}


/* Filter */
.filter-01{position:absolute; top:0; right:0; bottom:0; left:0;}


/* Hamburger */
.hamburger{cursor:pointer;}
.hamburger > *{
  width:1rem; height:.125rem; transform:translateX(.375rem); transition:all .45s;
}
.hamburger > *:nth-child(2){margin:.25rem 0; width:1.375rem; transform:none;}
.hamburger.active > *:nth-child(1){
  width:1.375rem; -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:1.375rem; -webkit-transform:rotate(45deg)translate(-.1rem,-.2rem);
  transform:rotate(45deg)translate(-.1rem, -.2rem);
}


/* Highlight */
.highlight{display:block; position:relative; width:100%; overflow:hidden;}
.highlight::after{
  content:''; display:block; width:50%; height:100%; 
  position:absolute; top:0; left:-75%; z-index:2;
  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);
}
.highlight:hover::after{
  -webkit-animation:shine .75s; animation:shine .75s; pointer-events:none;
}
@-webkit-keyframes shine { 100% { left:125%; } }
@keyframes shine { 100% { left:125%; } }


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


/* Special Box */
.ss-box{display:block; width:100%; max-width:54rem; margin:0 auto;}
.ss-box.xl{max-width:69rem;}
.ss-box.lg{max-width:60rem;}


/* Special List */
.ss-list, .ss-list ul{width:100%; padding:0; margin:0; list-style:none;}
.ss-list ul.sub-menu {padding-left: 1rem;}
.ss-list > li{position:relative; padding:.1875rem 0 .1875rem 0;}
.ss-list ul.sub-menu li {
  padding-top: .375rem; padding-bottom: 0;
}
.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;}


/* Special Card */
.ss-card{display:block; width:100%;}
.ss-card .title, .ss-card .desc{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical; transition:color .25s;
}
.ss-card .img-container{width:100%;}
.ss-card .date{
  position:absolute; top:1rem; right:1rem; border-radius:50%; background:#ff750e;
  width:4.625rem; height:4.625rem; display:flex; flex-direction:column; justify-content:center; 
  align-items:center; padding:.25rem;
}
.ss-card .date .number{font-size:1.5rem;}
.ss-card .btn-play{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.ss-card .readmore{
  position:absolute; bottom:2rem; right:2rem; width:100%; gap:.5rem;
  display:flex; align-items:center; white-space:nowrap; justify-content:flex-end;
}
@media screen and (max-width:575.98px){
  .ss-card .readmore{right: 1.5rem; bottom: 1.5rem;}
}


/* Background Gradient */
.bg-gradient{position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; pointer-events:none;}


/* Card Flip */
.card-flip:hover .inner-card{transform:rotateY(180deg);}
.card-flip .inner-card{
  position:relative; width:100%; height:100%; transition:transform .8s;
  transform-style:preserve-3d; cursor:pointer;
}
.card-flip .inner-card .front-side,
.card-flip .inner-card .back-side{
  position: absolute; width:100%; height:100%;
  -webkit-backface-visibility:hidden; backface-visibility: hidden;
}
.card-flip .inner-card .back-side{transform:rotateY(180deg);}


/* List Header */
.list-header{
  position:relative; width:100%; display:flex; align-items:center;
  justify-content:space-between; padding:.125rem 0; margin:0;
}
.list-header.search .options{justify-content:space-between;}
.list-header.search .option.search{width:65%;}
.list-header.search .option.view{width:35%;}
.list-header.option-02{flex-wrap:wrap;}
.list-header.option-02 .option.search{width:30%;}
.list-header.option-02 .option.date{width:23%;}
.list-header.option-02 .option.cate, .list-header.option-02 .option.order{width:15%;}
.list-header.option-02 .option.view{width:17%;}

.list-header.option-02.w-style-02 .option.search{width:20%;}
.list-header.option-02.w-style-02 .option.date{width:20%;}
.list-header.option-02.w-style-02 .option.view{width:15%;}

.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 .option.search input, .list-header .option.date input{min-height:2.775rem; width:100%; border-radius:.375rem;}
.list-header .option.search, .list-header .option.cate, .list-header .option.order, 
.list-header .option.date{width:28.5%;}
.list-header.style-02 .option.search, .list-header.style-02 .option.cate, .list-header.style-02 .option.order,
.list-header.style-02 .option.calendar, .list-header.style-02 .option.date, 
.list-header.style-02 .option.sub-cate{width:calc(100% / 4);}
.list-header.style-03 .option.search{width:43%;}
.list-header .option.cate, .list-header .option.order, .list-header .option.date, 
.list-header .option.calendar, .list-header.style-02 .option.sub-cate{padding-left:1rem;}
.list-header .option.view{width:14.5%; display:flex; justify-content:flex-end;margin-left:auto;}
.list-header.minisite .option.view.view-grid{width:13.25%;}
.list-header .option .icon-view{
  display:flex; align-items:center; justify-content:center; width:2.875rem; height:2.875rem; cursor:pointer;
  border:1px solid transparent; font-size:1.125rem; transition:all .25s;
  border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px
}
.list-header .option .icon-view.style-02{border-radius:.375rem;}
.list-header .option .icon-view.collapse,
.list-header .option .icon-view.expand{border-radius:50px 50px 50px 0;}
.list-header .option .icon-view.collapse.active,
.list-header .option .icon-view.expand.active{border-radius:50px 50px 0 50px;}
.list-header .option.view > .wrapper{position:relative; display:flex;}
.list-header .option{position:relative; min-height:2.875rem;}
.list-header .option > .ui.icon.input input{min-height:2.875rem!important; border:none;}
.list-header .option > select,
.list-header .option > input{
  position:relative; border-radius:.375rem; appearance:none; 
  cursor:pointer; height:100%; border:1px solid transparent; width:100%;
}
.list-header .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:1px solid transparent;
}
.list-header .option.search .dropdown-icon{pointer-events:all;}
.list-header .options{display:flex; align-items:center; flex-wrap:wrap; margin:0; width:100%;}
.list-header .option{display:flex; align-items:center;}
.list-header .option > .ui.icon.input input{background:#eeeeee!important; border:1px solid transparent;}
.list-header .option .icon-view img,
.list-header .option .icon-view svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.5rem;
}
.list-header .option .icon-view.disable{pointer-events:none;}

.list-header .option.cate.size-02{width:25%;}
.list-header .option.order.size-02{width:25%; padding-left:1rem;}
@media screen and (max-width:1199.98px){
  .list-header .option.search{width:33.33%;}
  .list-header .option.cate, .list-header .option.order,
  .list-header .option.date, .list-header .option.calendar, 
  .list-header .option.sub-cate, .list-header.style-03 .option.search{width:33.33%;}
  .list-header .option.view{width:100%; margin-top:1rem; justify-content:center;}
  .list-header.minisite .option.view.view-grid{width:100%;}
  

  .list-header.option-02 .option.date{width:30%;}
  .list-header.option-02 .option.cate, .list-header.option-02 .option.order{width:20%;}
  .list-header.option-02 .option.view{width:100%;}

  .list-header.option-02.w-style-02{justify-content:center;}
  .list-header.option-02.w-style-02 .option.view{width:100%;}

  .list-header.search .option.view{width:35%; margin-top:0;}
}
@media screen and (max-width:991.98px){
  .list-header .option.search, .list-header.style-03 .option.search{width:100%;}
  .list-header.style-02 .option.search,
  .list-header .option.cate, .list-header .option.order, 
  .list-header .option.date{width:50%; margin-top:1rem;}
  .list-header .option.rss{width:100%; margin-top:1rem !important; justify-content:center;}
  .list-header .option.cate{padding-left:0;}

  .list-header.style-02 .option.cate{padding-left:1rem;}
  .list-header.style-02 .option.cate, .list-header.style-02 .option.order, 
  .list-header.style-02 .option.date, .list-header.style-02 .option.calendar,
  .list-header.style-02 .option.sub-cate{width:50%; margin-top:1rem;}
  .list-header.style-02.sub-cate-md-pl-0 .option.sub-cate,
  .list-header.style-02.order-md-pl-0 .option.order,   
  .list-header.style-02.cate-md-pl-0 .option.cate{padding-left:0;}
  .list-header.style-02 .option.rss{width:100%; margin-top:1rem !important; justify-content:center;}

  .list-header.option-02 .option.search, .list-header.option-02 .option.date{margin-top:0; width:50%;}
  .list-header.option-02 .option.cate, .list-header.option-02 .option.order{width:50%;}

  .list-header.option-02.w-style-02 .option.search{width:25%;}
  .list-header.option-02.w-style-02 .option.date{width:25%;}
  .list-header.option-02.w-style-02 .option.cate:not(.sub-cate){padding-left:1rem; margin-top:0;}
}
@media screen and (max-width:767.98px){
  .list-header.option-02.w-style-02 .option.search,
  .list-header.option-02.w-style-02 .option.date{width:50%;}
  .list-header.option-02.w-style-02 .option.cate:not(.sub-cate){padding-left:0; margin-top:1rem; width:100%;}
}
@media screen and (max-width:575.98px){
  .list-header .option{width:100%;}
  .list-header .option.cate, .list-header .option.order,
  .list-header .option.date{width:100%; padding-left:0;}
  .list-header.style-02 .option.search,
  .list-header.style-02 .option.cate, .list-header.style-02 .option.order,
  .list-header.style-02 .option.date, .list-header.style-02 .option.calendar,
  .list-header.style-02 .option.sub-cate{width:100%; padding-left:0;}
  .list-header .option.view{justify-content:center;}
  .list-header .option > span{display:none;}

  .list-header.option-02 .option.search, .list-header.option-02 .option.date,
  .list-header.option-02 .option.cate, .list-header.option-02 .option.order{width:100%;}
  .list-header.option-02 .option.date{margin-top:1rem;}

  
  .list-header.option-02.w-style-02 .option.search,
  .list-header.option-02.w-style-02 .option.date{width:100%;}

  .list-header.search .option.view{width:100%;}
  .list-header.search .option.search{width:100%;}
  .list-header.search .option.view{margin-top:1rem;}
}
@media screen and (min-width: 992px) {
  .list-header .option.cate{width: 15%;}
  .list-header .option.order{width: 15%;}
  .list-header .option.search{width: 35%;}
  .list-header .option.date{width: 20%;}
}

/* List Header Calendar */
.list-header-calendar{display:flex; flex-wrap:wrap; gap:.5rem;}
.list-header-calendar .options{
  display:flex; flex-wrap:wrap; align-items:center; flex-wrap:wrap; margin:0; width:60%;
}
.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 .option.cate.size-02{width:25%;}
.list-header-calendar .option.order.size-02{width:25%; padding-left:1rem;}
.list-header-calendar .button-container{width:39%; 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;}

@media screen and (max-width:991.98px){
  .list-header-calendar .options,
  .list-header-calendar .button-container {width:100%; justify-content:center;}
  .list-header-calendar.size-02{flex-wrap:wrap;}
  .list-header-calendar .option.search,
  .list-header-calendar.size-02 .options,
  .list-header-calendar .option.cate.size-02,
  .list-header-calendar .option.order.size-02{width:100%; padding-left:0; margin-top:1rem;}
  .list-header-calendar.size-02 .button-container{width:100%; margin-top:1rem;}
}
@media screen and (max-width:575.98px){
  .list-header-calendar.size-02 .option.cate.size-02{width:100%;}
  .list-header-calendar.size-02 .option.order.size-02{width:100%; padding-left:0;}
  .list-header-calendar.size-02 .option.cate.size-02, .list-header-calendar .option.order.size-02{
    width:100%; margin-top:1rem; padding-left:0;
  }
}

.list-header-calendar .option{position:relative;}
.list-header-calendar .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:1px solid transparent; background:transparent;
}
.list-header-calendar .option > select, .list-header-calendar .option > input {
  position:relative; border-radius:.375rem; appearance:none;
  cursor:pointer; height:100%; border:1px solid transparent;
  width:100%;
}
.calendar-header .button-container{border:1px solid transparent;}
.calendar-header select{appearance:none; cursor:pointer;}
.calendar-header select.year{min-width:8rem;}
.calendar-header select.day{min-width:10rem;}


/* Rating Container */
.rating-container{display:flex; flex-wrap:wrap; gap:10px; max-width: 31.25rem;}
.rating-option{
  display:inline-block; padding:10px 20px;
  border:1px solid transparent; border-radius:.375rem;
  cursor:pointer; text-align:left; font-size:.875rem; 
  transition: background-color .2s, border-color .2s;
  min-width:31.25rem;
}
.rating-option input[type="radio"]{display: none;}
.rating-option label{
  display:block; cursor:pointer; position:relative; 
  font-size:.875rem; padding-left:1.625rem;
}
.rating-option label::before{
  content:''; position:absolute; top:50%;
  left:0; transform: translateY(-50%);
  width:1rem; height:1rem; border:2px solid transparent;
  border-radius:50%; background-color:#fff;
  background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"%3E%3Cpath d="M9 16.2l-3.5-3.5 1.4-1.4L9 13.4l7.1-7.1 1.4 1.4z"/%3E%3C/svg%3E');
  background-color:#D8D8D8; border-color:#D8D8D8;
  transition:background-color 0.2s, border-color 0.2s;
}
.rating-option input[type="radio"]:checked + label::before {
  background-color: #0E3A81; border-color:#0E3A81;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"%3E%3Cpath d="M9 16.2l-3.5-3.5 1.4-1.4L9 13.4l7.1-7.1 1.4 1.4z"/%3E%3C/svg%3E');
  background-repeat:no-repeat; background-position: center;
}
.rating-option.result{
  pointer-events:none; display:flex; align-items:center;
  justify-content:space-between;     min-width: 31.25rem;
}
@media screen and (max-width:767.98px){
  .rating-container{justify-content:center;}
}


/* List Footer */
.list-footer{
  margin:-.5rem 0; display:flex; align-items:center;
  justify-content:space-between; font-weight:300; white-space:nowrap;
}
.list-footer .option{display:flex; align-items:center; margin:.5rem 0;}
@media screen and (max-width:991.98px){
  .list-footer{display:block;}
  .list-footer .option{width:100%; justify-content:center;}
}
@media screen and (max-width:435.98px){
  .list-footer .option{flex-direction:column;}
}


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


/* Pagination */
.paginate{display:flex; align-items: center;}
.paginate .pages{display:flex; align-items: center; margin: 0 .0625rem;}
.paginate .page{
  display:block; border:0; width:2rem; height:2rem;
  line-height:2rem; font-size:.9375rem; font-weight:500; 
  cursor:pointer; margin:0 .313rem; padding:0; border:1px solid transparent;
  text-align:center; transition:background .25s, color .25s, opacity .25s;
  border-top-left-radius:30px; border-bottom-right-radius:30px; border-bottom-left-radius:30px
}
.paginate .arrow {margin: 0 .625rem;}
.custom-select{min-width: 4.5rem;}
.custom-select .dropdown-icon{width: 1.6rem;}
.custom-select select{border-radius: .625rem;}


/* Special Card 01 */
.ss-card-01{position:relative;}
.ss-card-01 .text-wrapper{
  display:flex; align-items:center; justify-content:center; height:5rem;
  position:absolute; bottom:0; left:0; right:0; padding:1rem .5rem;
  text-align:center; color:#ffffff; font-size:1.1875rem; font-weight:500;
}
.ss-card-01 .logo{
  position:absolute; top:0; left:0; background:#ffffff;
  padding:.75rem .625rem; border-radius:0 0 1rem 0; width:4.5rem; height:4.5rem;
  display:flex; justify-content:center; align-items:center;
}
.ss-card-01 .logo img{
  display:block; max-width:100%; width:auto; max-height:100%; height:3rem;
}
@media screen and (max-width:1199.98px){
  .ss-card-01 .text-wrapper{font-size:1.0625rem;}
}
@media screen and (max-width:490.98px){
  .ss-card-01 .text-wrapper{font-size:1.125rem;}
}
@media screen and (max-width:375.98px){
  .ss-card-01 .text-wrapper{font-size:1rem;}
}


/* Special Card 02 */
.ss-card-02{position:relative; overflow:hidden; transition:.5s;}
.ss-card-02 .text-wrapper{
  position:absolute; bottom:0; left:0; right:0; padding:1rem; 
  color:#ffffff; font-size:1.125rem; font-weight:400; transition:.5s; 
}
.ss-card-02 .text-wrapper .title{transform:translateY(0)}
.ss-card-02:hover{transform:translateY(20px);}


/* Special Card 03 */
.ss-card-03{position:relative; overflow:hidden;}
.ss-card-03 .ss-img{padding:175% 0 0 0;}
.ss-card-03 .text-wrapper{
  position:absolute; bottom:0; left:0; right:0; padding:.75rem 1rem; color:#ffffff;
}
@media screen and (max-width:991.98px){
  .ss-card-03 p.lg{font-size:1rem;}
}
@media screen and (max-width:490.98px){
  .ss-card-03 h4{font-size:1.625rem;}
  .ss-card-03 p.lg{font-size:1rem;}
}
@media screen and (max-width:375.98px){
  .ss-card-03 p.lg{font-size:.875rem;}
}


/* Special Card 04 */
.ss-card-04{
  position:relative;
  padding-bottom:8rem; border-radius:0 0 var(--bradius) var(--bradius);
  box-shadow: 0px 3.31px 8.27px 0px #0000001A;

}
.ss-card-04 .ss-img{
  border-radius:var(--bradius) var(--bradius) 0 0;
}
.ss-card-04 .tag {
  position:absolute; bottom:100%; left:0;
  min-width:5rem; white-space:nowrap; background:#ff750e;
  overflow:hidden; padding: .5rem 1.75rem .5rem 1.75rem;
}
.ss-card-04 .text-container{
  background:#ffffff;  border-radius:0 0 var(--bradius) var(--bradius);
  position:absolute; bottom:0; width:100%;
}
.ss-card-04 .text-container .wrapper{
  position:relative; padding:1rem; border-radius:0 0 var(--bradius) var(--bradius);
}
.ss-card-04 .text-container .title{-webkit-line-clamp:2;min-height: 2.65rem;}
.ss-card-04 .text-container .description {display:none;}
.ss-card-04.hover .text-container .description {
  display:block; height:auto!important; opacity:1!important;
}
.ss-card-04 .text-container .desc{-webkit-line-clamp:3;}
.ss-card-04.ss-tag-in-text {padding-bottom: 10rem;}
.ss-card-04.ss-tag-in-text .text-container .wrapper {
  display: flex; flex-wrap: wrap; align-content: space-between;
  padding-top: 3rem; min-height: 10.7rem;
}
.ss-card-04.ss-tag-in-text .tag {top: 0; bottom: unset;}
@media screen and (max-width:767.98px){
  .ss-card-04{padding-bottom:6rem;}
  .ss-card-04 .text-container .title{-webkit-line-clamp:1;}
  .ss-card-04 .text-container .desc{-webkit-line-clamp:2;}
}


/* Special Card 05 */
.ss-card-05 {
  display: flex; flex-wrap: wrap;
  border-radius: 1.25rem;overflow: hidden;
  box-shadow: 0px 3.31px 8.27px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}
.ss-card-05.type-video .text-container{
  padding:2.875rem .975rem .975rem .975rem;
}
.ss-card-05.type-video .ss-stats{margin-top:3rem;}
.ss-card-05.type-magazine .text-container{
  padding:.975rem;
}
.ss-card-05.type-magazine .tag{top: unset; bottom: 100%;}
.ss-card-05.type-gallery{position:relative;}
.ss-card-05.type-gallery .btn-gallery{
  position:absolute; right:.975rem; bottom:.975rem;
}
.ss-card-05 .text-container{
  position:relative; transition:background .25s;
  box-shadow: 0px 4.63px 23.15px 0px #0000001A;
  border-radius:0 0 1.5rem 1.5rem; width: 100%;
}
.ss-card-05 .card-footer{position:absolute; left:0; bottom:0; right:0; z-index:2;}
.ss-card-05 .text-container > .text-wrapper{
  position:relative;  transition:transform .25s, background .25s;
  padding:2.875rem .975rem .975rem .975rem;
  border-radius:0 0 1.5rem 1.5rem; 
}
.ss-card-05 .text-container > .title{
  font-size:1.25rem; font-weight:500; -webkit-line-clamp:2;
  transition:color .25s; min-height:3.25rem;
}
.ss-card-05 .text-container > .text-wrapper .title{
  font-size:1.25rem; font-weight:500; -webkit-line-clamp:2;
  transition:color .25s; min-height:3.25rem; line-height: 1.8rem;
}
.ss-card-05 .text-container .card-footer{
  padding:.4rem .975rem 1.25rem .975rem;
  border-radius:0 0 1.5rem 1.5rem; transition:background .25s;
}
.ss-card-05:hover .text-wrapper{transform:translateY(-32%);} 
.ss-card-05 .text-container .desc{
 -webkit-line-clamp:3; font-size:.9375rem;
  opacity:0;  transition:opacity .25s, height .25s;
  min-height: 3.7rem;
}
.ss-card-05:hover .text-container .desc{ opacity:1;}
.ss-card-05 .tag{
  position:absolute; top:0; left:0; height:2.25rem; 
  padding:.5rem .875rem; display:flex; justify-content:center; align-items:center;
}
.ss-card-05 .stat .title{font-weight:400; font-size:.875rem!important;}
.ss-card-05 .tag {
  position: absolute; bottom: 0%; left: 0;
  min-width: 5rem; white-space: nowrap;
  background: #ff750e; overflow: hidden;
  padding: .6rem 1.75rem .6rem 1.75rem;
  border: 1px solid transparent;
}
.ss-card-05 .desc {-webkit-line-clamp: 2;}
.ss-card-05.card-column-02 .wrapper {
  display: flex; flex-wrap: wrap; align-content: space-between; max-width: 700px;
}
.ss-card-05.card-column-02 .tag {
  top: 0; bottom: unset;
}
.ss-card-05.card-column-02 .readmore {
  bottom: .8rem; right: .8rem;
}

.ss-card-05.minisite .text-container{box-shadow:unset; border-radius:0;}
.ss-card-05.minisite .ss-img{border-radius:0;}

@media screen and (max-width:991.98px){
  .ss-card-05 .stat .title{font-size:.75rem!important;}
  /* .ss-card-05 > div:nth-child(2) {padding: 1rem 1.5rem;} */
  .ss-card-05 .ss-stats {margin-top: 0.35rem !important;}
}
@media screen and (max-width:767.98px){
  .ss-card-05 .ss-stats{margin-top:1rem;}
  .ss-card-05.type-video .btn-play{
    transform:translate(-50%, -50%); left:50%; top:25%; right:unset; bottom:unset;
  }
}
@media screen and (max-width:575.98px){
  .ss-card-05 .text-container > .title{min-height:unset;}
  .ss-card-05.type-video .img-container{position:relative;}
  .ss-card-05.type-video .btn-play{
    transform:translate(-50%, -50%); left:50%; top:50%; right:unset; bottom:unset;
  }
  
  .ss-card-05 > div:nth-child(1) {width: 100%;}
  .ss-card-05 > div:nth-child(2) {width: 100%; margin-top: 0rem; padding: 0;}
  .ss-card-05 .tag {top: 0; bottom: 100%; left: 0;}
  .ss-card-05 .ss-img.vertical-3 {padding: 130% 0 0 0;}
  .ss-card-05 .desc {-webkit-line-clamp: 3;}
  .ss-card-05 .ss-stats {margin-top: 0 !important;}
}
@media screen and (max-width:490.98px){
  .ss-card-05.type-gallery .ss-stats{max-width:calc(100% - 2.5rem);}
}


/* Special Card 06 */
.ss-card-06{
  position:relative; box-shadow: 0px 4.8px 24.01px 0px #0000001A;  border-radius:.625rem .625rem;
  border-width:1px; border-style:solid; border-color:transparent;
}
.ss-card-06 .wrapper{display:flex; flex-wrap:wrap;}
.ss-card-06 .img-container{width:25%;}
.ss-card-06 .text-container{width:75%;}
.ss-card-06 .text-container{
  position:relative; padding:2.875rem 1.5rem 1.5rem 1.5rem; 
  border-radius:0 .625rem .625rem 0;
}
.ss-card-06 .text-container{position:relative;}
.ss-card-06 .text-container > .title{
  font-size:1.25rem; line-height:1.8rem; font-weight:500; -webkit-line-clamp:1;
  transition:color .25s; min-height:2rem; max-width:48rem;
}
.ss-card-06 .text-container > .desc{-webkit-line-clamp:3;}
.ss-card-06 .tag{
  position:absolute; top:0; left:0; height:2.25rem; 
  padding:.5rem .875rem; display:flex; justify-content:center; align-items:center;
  border-width:1px; border-style:solid;
}
.ss-card-06 .ss-stats{margin-top:1rem;}
.ss-card-06 .stat .title{font-weight:400; font-size:.875rem!important;}
.ss-card-06 .text-container > .desc{min-height:2.875rem; font-size:.9375rem; line-height:1.45rem; max-width:48rem;}
.ss-card-06 .img-container .ss-img{border-radius:.625rem 0 0 .625rem; height:100%;}
.ss-card-06 .btn{position:absolute; bottom:1rem; right:1.5rem;}
.ss-card-06.type-video .ss-stats, .ss-card-06.type-gallery .ss-stats{position:absolute; left:1.5rem; bottom:1.5rem;}
.ss-card-06.type-video .btn-play, .ss-card-06.type-gallery .btn-gallery{
  position:absolute; right:1.5rem; bottom:1.5rem; z-index:1;
  transform:translate(0, 0); top:unset; left:unset;
}

.ss-card-06.type-magazine .ss-img{padding:135% 0 0 0;}
.ss-card-06.type-magazine .img-container{width:20%;}
.ss-card-06.type-magazine .text-container{width:80%;}
.ss-card-06.type-magazine .tag{top:unset; bottom:0; padding:.5rem 1.5rem;}
.ss-card-06.type-magazine .text-container > .desc{max-width:calc(100% - 15rem);}

.ss-card-06:hover .btn.btn-icon.style-02 .icon svg{transition: fill .25s;}
.ss-card-06:hover .btn.btn-icon.style-02 .icon svg path{transition: stroke .25s;}
.ss-card-06:hover .btn.btn-icon.style-02 .text{transition: color .25s;}
@media screen and (max-width:991.98px){
  .ss-card-06{border-radius:1.5rem;}
  .ss-card-06 .img-container, .ss-card-06 .text-container{width:100%;}
  .ss-card-06 .text-container > .title{-webkit-line-clamp:2;}
  .ss-card-06 .text-container > .desc, .ss-card-06 .btn.btn-icon{display:none;}
  .ss-card-06 .ss-stats{margin-top:3rem;}
  .ss-card-06 .img-container .ss-img{border-radius:1.5rem 1.5rem 0 0;}
  .ss-card-06.type-video .ss-stats, .ss-card-06.type-gallery .ss-stats{position:relative; left:unset; bottom:unset;}
  .ss-card-06.type-video .text-container > .title, .ss-card-06.type-gallery .text-container > .title{min-height:3.25rem;}

  .ss-card-06.type-magazine .img-container{width:100%;}
  .ss-card-06.type-magazine .text-container{width:100%;}
  .ss-card-06.type-magazine .tag{bottom:100%;}
  .ss-card-06.type-magazine .text-container{padding: .975rem .975rem .975rem .975rem;}
  .ss-card-06.type-magazine .ss-stats{margin-top:1rem;}
}
@media screen and (max-width:767.98px){
  .ss-card-06 .ss-stats{margin-top:1rem;}
  .ss-card-06.type-video .img-container, .ss-card-06.type-gallery .img-container{position:relative;}
  .ss-card-06.type-video .btn-play, .ss-card-06.type-gallery .btn-gallery{
    position:absolute; right:unset; bottom:unset; top:50%; left:50%;
    transform:translate(-50%, -50%);
  }
}
@media screen and (max-width:575.98px){
  .ss-card-06 .text-container > .title, .ss-card-06.type-video .text-container > .title,
  .ss-card-06.type-gallery .text-container > .title{min-height:unset;}
}


/* Special Card 07 */
.ss-card-07{border-radius:1.5rem; box-shadow: 0px 3.31px 8.27px 0px #0000001A;}
.ss-card-07.box-shadow-02{box-shadow: 0px 4.63px 30px 0px #0000001A;}
.ss-card-07 .wrapper{display:flex; flex-wrap:wrap;}
.ss-card-07 .img-container{width:65%;}
.ss-card-07 .img-container .ss-img{border-radius:1.5rem 0 0 1.5rem;}
.ss-card-07 .text-container{
  position:relative; width:35%; padding:7rem 1.5rem 1.5rem 1.5rem; 
  border-radius:0 1.5rem 1.5rem 0; transition:background .25s;
}
.ss-card-07 .btn-gallery{
  position:absolute; right:1.5rem; bottom:1.5rem;
}
.ss-card-07 .tag{
  position:absolute; top:2.9375rem; left:-1rem; height:2.25rem; 
  padding:.5rem .875rem; display:flex; justify-content:center; align-items:center;
  border-style: solid; border-width:1px;
}
.ss-card-07 .title{-webkit-line-clamp:2; line-height:2rem;}
.ss-card-07 .desc{-webkit-line-clamp:4; line-height:1.4rem;}
.ss-card-07 .ss-stats{
  position:absolute; bottom:2rem; left:1.5rem;
}
.ss-card-07.type-magazine .img-container{width:45%;}
.ss-card-07.type-magazine .img-container .ss-img{padding:135% 0 0 0;}
.ss-card-07.type-magazine .text-container{width:55%; padding:9rem 1.5rem 1.5rem 1.5rem;}
.ss-card-07.type-magazine .tag{top:5rem;}
.ss-card-07.type-magazine .ss-stats{bottom:13rem;}
@media screen and (max-width:1299.98px){
  .ss-card-07.minisite .img-container{width:50%;}
  .ss-card-07.minisite .text-container{width:50%; padding:4.25rem 1.5rem 1.5rem 1.5rem;}
  .ss-card-07.minisite .tag{top:1.25rem; left:0;}
  .ss-card-07.minisite .desc {margin-top:1rem!important; -webkit-line-clamp:3;}
  .ss-card-07.minisite .ss-stats{bottom:.3125rem;}
  .ss-card-07.minisite{box-shadow: 0px 3.15px 7.87px 0px #0000001A;}

}
@media screen and (max-width:1199.98px){
  .ss-card-07.minisite .img-container{width:100%;}
  .ss-card-07.minisite .text-container{width:100%; padding:3.5rem 1.5rem 2rem 1.5rem;}
  .ss-card-07.minisite .tag{top:0;}
  .ss-card-07.minisite .desc {margin-top:1rem!important; display:none;}
  .ss-card-07.minisite .img-container .ss-img{border-radius:1.5rem 1.5rem 0 0;}
  .ss-card-07.minisite .ss-stats{bottom:.3125rem;}
}
@media screen and (max-width:991.98px){
  .ss-card-07 .img-container{width:60%;}
  .ss-card-07 .text-container{width:40%; padding:5rem 1.5rem 1.5rem 1.5rem;}
  .ss-card-07 .tag{top:2rem;}
  .ss-card-07 .desc{-webkit-line-clamp:3;}
  .ss-card-07 .btn-gallery{
    position:absolute; right:1.5rem; bottom:unset; top:1.5rem;
  } 
  .ss-card-07.type-magazine .ss-stats{bottom:5rem;}
}
@media screen and (max-width:767.98px){
  .ss-card-07 .img-container{width:100%;}
  .ss-card-07 .text-container{width:100%; padding:2rem 1.5rem 1.5rem 1.5rem; border-radius:0 0 0 0;}
  .ss-card-07 .tag{top:-1rem; left:0;}
  .ss-card-07 .img-container .ss-img{border-radius:0 0 0 0;}
  .ss-card-07 .ss-stats{position:relative; left:unset; bottom:unset; margin-top:1rem;}
  .ss-card-07 .btn-gallery{
    position:absolute; right:1.5rem; bottom:1rem; top:unset;
  } 
  .ss-card-07 .ss-stats{margin-top:1rem;}

  .ss-card-07.type-magazine .text-container{padding:9rem 1.5rem 1.5rem 1.5rem;}
  .ss-card-07.type-magazine .tag{left:-1.125rem;}
  .ss-card-07.type-magazine .ss-stats{bottom:0;}
}
@media screen and (max-width:575.98px){
  .ss-card-07.type-magazine .img-container{width:100%;}
  .ss-card-07.type-magazine .text-container{width:100%;}
  .ss-card-07.type-magazine .tag{left:0; top:-1.3125rem;}
  .ss-card-07.type-magazine .text-container{padding:2.5rem 1.5rem 1.5rem 1.5rem;}
}
@media screen and (min-width: 1200px){
  .ss-card-07.type-magazine.home .img-container{width:55%;}
  .ss-card-07.type-magazine.home .text-container{width:45%; padding:6.25rem 1.5rem 1.5rem 1.5rem;}
  .ss-card-07.type-magazine.home .tag {top: 3rem;}
  .ss-card-07.type-magazine.home .ss-stats {bottom: 4rem;}
}
@media screen and (min-width: 560px) and (max-width: 1199.98px){
  .ss-card-07.type-magazine.home .text-container{padding-top: 4.5rem;}
  .ss-card-07.type-magazine.home .tag{top: 1rem}
  .ss-card-07.type-magazine.home .ss-stats{bottom: 1rem;}
}


/* Special Card 08 */
.ss-card-08{position:relative;}
.ss-card-08 .text-container{position:absolute; right:0; bottom:0; left:0; z-index:2;}
.ss-card-08 .text-container .wrapper{position:relative; padding:1.25rem 1.25rem 1.875rem 1.25rem; z-index:1;}
.ss-card-08 .text-container .wrapper::before{
  content:''; position:absolute; left:0; bottom:calc(100% - .25rem); min-width:8rem; height:1.5rem;
  clip-path:polygon(0 0,calc(100% - 1.5rem) 0,100% 100%,0 100%); display:none;
  -webkit-clip-path:polygon(0 0,calc(100% - 1.5rem) 0,100% 100%,0 100%);
}
.ss-card-08 .text-container .wrapper .pattern-01{
  position:absolute; left:0; bottom:calc(100% - .25rem); height:1rem;
  display:block; max-width:100%; width:auto; max-height:100%;
}
.ss-card-08 .text-container .wrapper .pattern-02{
  position:absolute; left:0; bottom:0; height:3rem;
  display:block; max-width:100%; width:100%; max-height:100%;
}


/* Special Card 09 */
.ss-card-09{position:relative; overflow:hidden;}
.ss-card-09 .text-container{
  position:absolute; top:0; right:0; bottom:0; left:0; transform:translateY(calc(100% - 25%));
  background: rgba(14, 58, 129, 0.57); transition:transform .25s ease; 
}
.ss-card-09 .text-container .wrapper{position:relative; padding:.75rem .75rem; height:100%;}
.ss-card-09:hover .text-container{transform:translateY(0);}
.ss-card-09 .text-container .wrapper .title{
  position:absolute; transform:translate(-50%, -50%); top:12%; left:50%; white-space:nowrap;
}
.ss-card-09.intranet .text-container .wrapper .title{font-size:.75rem;}
.ss-card-09:hover .text-container .wrapper .title{top:50%;}
@media screen and (max-width:1299.98px){
  .ss-card-09 .text-container .wrapper .title{font-size:.875rem;}
  .ss-card-09.intranet .text-container .wrapper .title{font-size:.625rem;}
}
@media screen and (max-width:1199.98px){
  .ss-card-09 .text-container .wrapper .title{font-size:.875rem;}
  .ss-card-09.intranet .text-container .wrapper .title{font-size:1rem;}
}
@media screen and (max-width:991.98px){
  .ss-card-09 .text-container .wrapper .title{font-size:1rem;}
  .ss-card-09.intranet .text-container .wrapper .title{font-size:.75rem;}
}
@media screen and (max-width:767.98px){
  .ss-card-09.intranet .text-container .wrapper .title{font-size:.625rem;}
}
@media screen and (max-width:690.98px){
  .ss-card-09 .text-container .wrapper .title{font-size:.875rem;}
}
@media screen and (max-width:559.98px){
  .ss-card-09.intranet .text-container .wrapper .title{font-size:.75rem;}
}
@media screen and (max-width:570.98px){
  .ss-card-09 .text-container .wrapper .title{font-size:.625rem;}
}
@media screen and (max-width:425.98px){
  .ss-card-09 .text-container .wrapper .title{font-size:.75rem;}
}

/* Special Card 16 */
.ss-card-16 .wrapper{display:flex; flex-wrap:wrap; border: 1px solid transparent;}
.ss-card-16 .img-container{display:flex; width:28%; gap: 0.5rem;}
.ss-card-16 .img-container .date-container{width:35%; height:100%;}
.ss-card-16 .img-container .date-container>.date{
  position: relative; top: 0; left: 0; width: 100%; height:100%; 
  display:flex; justify-content:center; align-items:center;
  text-align:center; flex-direction:column;
  border-radius: 0.3125rem;
}
.ss-card-16 .img-container .date-container>.date.muti-date{height:50%;}
.ss-card-16 .img-container .ss-img{width:70%; padding: 50% 0 0 0; border-radius: 0.3125rem 0 0 0.3125rem;}
.ss-card-16 .text-container{
  position:relative; width:72%; padding:.8em 1.5rem;
  display:flex; flex-direction:column; justify-content:space-between;
  border-radius: 0 0.3125rem 0.3125rem 0;
}
.ss-card-16 .text-container .stat{align-items:center;}
.ss-card-16 .text-container .card-footer{width:100%;}
.ss-card-16 .text-container .card-footer .btns{width:auto;}
.ss-card-16 .text-container .title{-webkit-line-clamp:1;}
.ss-card-16 .date.muti-date{display:flex; align-items:center; flex-direction:row!important;}
.ss-card-16 .tag {
  position: relative; display: inline-block;
  overflow: hidden; padding: .3rem .5rem;
  border: 1px solid transparent;
  border-radius: 0.3125rem;
}

.ss-card-16.style-02{height:5.375rem; }
.ss-card-16.style-02 .wrapper{height:100%;}
.ss-card-16.style-02 .date-container{
  height:100%; display:flex; align-items:center; 
  justify-content:center; width:5rem;
}
.ss-card-16.style-02 .date-container .date{
  display: flex; flex-direction: column;
  justify-content: center; align-items: center; padding:.75rem;
}
.ss-card-16.style-02 .text-container .title{-webkit-line-clamp:2; line-height:1.25;}
.ss-card-16.style-02 .text-container{width:calc(100% - 5rem); display:flex; align-items:center; flex-direction:unset;}
.ss-card-16.style-02:last-child{margin-bottom:0!important;}
@media screen and (max-width:991.98px){
  .ss-card-16 .wrapper{border-radius:.3125rem;}
  .ss-card-16 .img-container{width:100%}
  .ss-card-16 .text-container{width:100%; padding: .625rem; border-radius: 0 0 .3125rem .3125rem;}
  .ss-card-16 .text-container .title:not(.stat .title){-webkit-line-clamp:2; min-height:2.5rem;}
  .ss-card-16 .text-container .btn .title{min-height:0!important;}
  .ss-card-16 .img-container{position:relative;}
  .ss-card-16 .img-container .ss-img{border-radius:.3125rem .3125rem 0 0;}
  .ss-card-16 .img-container .date-container{
    position: absolute; top: .5rem; right: .5rem;
    width: 5rem; height: 5rem; z-index: 1;
    border-radius: 50% !important; overflow: hidden;
  }
  .ss-card-16 .img-container .date-container>.date h3 {font-size: 1.15rem;}
  .ss-card-16 .img-container .date-container>.date h6 {font-size: .85rem;}
  .ss-card-16 .img-container .ss-img{width:100%;}
  .ss-card-16 .multi-day::after {
    top: 1.3rem; left: -.3rem; width: 2rem;}
 
}
@media screen and (max-width:575.98px){
  .ss-card-16 .text-container .title{min-height:unset;}
}
@media screen and (max-width:390.98px){
  .ss-card-16 .text-container .title:not(.stat .title){min-height:2rem;}
}


/* Special Card 17 */
.fc-event.event-column {width: 26rem !important;}
.ss-card-17{position:relative;}
.ss-card-17 .title{-webkit-line-clamp:2;}
.ss-card-17 .desc{-webkit-line-clamp:1;}
.ss-card-17 .btn.btn-icon .icon{width:1.5rem; height:1.5rem;}
.ss-card-17 .wrapper {display: flex;}
.ss-card-17 .text-container {width: 75%;}
.ss-card-17 .img-container {width: 25%;}
.ss-card-17 .desc {font-size: 0.75rem; margin: 0.4rem 0;}



/* Special Card 18 */
.ss-card-18{position:relative; border:1px solid transparent;}
.ss-card-18 .text-container .title{
    -webkit-line-clamp:2; min-height:2.5rem; font-weight:400;
}
.ss-card-18:hover .text-container .title{text-decoration: underline;}
@media screen and (max-width:575.98px){
    .ss-card-18 .text-container .title{min-height:0;}
}


/* Muliti date */
.multi-day {position: relative;}
.multi-day::after {
  content: ""; position: absolute; top: 3rem; left: -0.5rem;
  height: 0px; width: 4rem;
  border: 1px solid transparent;
}

/* Special Card Column */
.ss-card-column{
  display:flex; flex-wrap:wrap; justify-content:space-between;
  border-radius: 1.25rem;overflow: hidden;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.ss-card-column > div:nth-child(1) {width: 45%;}
.ss-card-column > div:nth-child(2) {
  position: relative; display: flex; width: 55%; 
  padding: 4rem 1.5rem 2rem; margin-top: 3.5rem;
}
.ss-card-column .ss-img .icon {
  position: absolute; height: 100%; width: 100%;
  top: 0; left: 0;
  display: flex; justify-content: center; align-items: center;
}
.ss-card.ss-card-column .title {-webkit-line-clamp: 2;}
.ss-card-column .tag {
  position: absolute; top: 0%; left: -1.2rem;
  min-width: 5rem; white-space: nowrap;
  background: #ff750e; overflow: hidden;
  padding: .6rem 1.75rem .6rem 1.75rem;
  border: 1px solid transparent;
}
.ss-card-column .desc {
  -webkit-line-clamp: 4;
}
.ss-card.ss-card-column .readmore {
  bottom: 1.2rem; right: 1.5rem;
}
.ss-card-column.card-column-02 > div:nth-child(1) {width: 60%;}
.ss-card-column.card-column-02 > div:nth-child(2) {width: 40%;}
.ss-card-column.card-column-02 .text-container .wrapper {
  display: flex;flex-wrap: wrap;
}
@media screen and (max-width: 575.98px){
  .ss-card-column > div:nth-child(1) {width: 100%;}
  .ss-card-column > div:nth-child(2) {width: 100%; margin-top: 0rem; padding: 1.5rem 1rem;}
  .ss-card-column .tag {top: unset; bottom: 100%; left: 0;}
  .ss-card-column .ss-img.vertical {padding: 130% 0 0 0;}
  .ss-card-column .desc {-webkit-line-clamp: 3;}
  .ss-card-column .ss-stats {margin-top: 0 !important;}
}


/* Special Water */
.ss-card-water {
  position: relative; overflow: hidden; border-radius: 4rem 4rem 0 4rem;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1); height: 100%;
  border: 10px solid transparent; padding: 1.5rem 1rem;
}
.ss-card-water .icon-wrapper {
  display: inline-flex;padding: 1rem;
  border-radius: 120% 120% 0 120%;border: 1px solid transparent;
}


/* Special Card 10 */
.ss-card-10:not(:first-child){margin-top:1.5rem;}
.ss-card-10 .wrapper{display:flex; flex-wrap:wrap;}
.ss-card-10 .img-container{width:30%;}
.ss-card-10 .text-container{width:70%; padding:0 1rem;}
.ss-card-10 .text-container .title{-webkit-line-clamp:1;}
.ss-card-10 .text-container .desc{-webkit-line-clamp:3; margin-top:.5rem;}
@media screen and (max-width:767.98px){
  .ss-card-10 .img-container{width:30%}
  .ss-card-10 .text-container{width:70%;}
  .ss-card-10 .text-container .desc{-webkit-line-clamp:2;}
}
@media screen and (max-width:575.98px){
  .ss-card-10 .text-container .desc{-webkit-line-clamp:1; margin-top:.3125rem;}
}
@media screen and (max-width:490.98px){
  .ss-card-10 .img-container{width:45%}
  .ss-card-10 .text-container{width:55%;}
  .ss-card-10 .text-container .desc{-webkit-line-clamp:1; margin-top:.0625rem;}
}
@media screen and (max-width:390.98px){
  .ss-card-10 .img-container{width:100%}
  .ss-card-10 .text-container{width:100%; padding:.75rem .5rem;}
}


/* Special Card 11 */
.ss-card-11{position:relative;}
.ss-card-11 .text-container{
  position:absolute; top:0; left:0; right:0; bottom:0;
  display:flex; align-items:center;
}
.ss-card-11 .text-container .wrapper{padding:.875rem;}


/* Special Card Hover Filter */
.ss-card .hover-filter{
  position:absolute; bottom:0; left:0; right:0; pointer-events:none; transition:all .3s;
  background-image:linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,143,211,.95));
}
.ss-card .hover-filter.type-01{height:5rem;}
.ss-card:hover .hover-filter.type-01{height:140%;}
.ss-card .hover-filter.type-02{height:9rem;}
.ss-card:hover .hover-filter.type-02{height:140%;}
.filter-03{position:absolute; top:0; right:0; bottom:0; left:0;}
.filter-04{position:absolute; top:0; right:0; bottom:0; left:0;}
/* Special Card Hover Line */
.ss-card .line-1::before, .ss-card .line-1::after,
.ss-card .line-2::before, .ss-card .line-2::after,
.ss-card .line-3::before, .ss-card .line-3::after,
.ss-card .line-4::before, .ss-card .line-4::after{
  content:''; position:absolute; z-index:1;
}
.ss-card .ss-img .line-1, .ss-card .ss-img .line-2,
.ss-card .line-3::before, .ss-card .line-3::after,
.ss-card .line-4::before, .ss-card .line-4::after{pointer-events:none;}
.ss-card .line-1::before, .ss-card .line-1::after{
  left:50%; height:3px; width:0; transition:left .5s, width .5s;
}
.ss-card .line-1::before{top:0;} .ss-card .line-1::after{bottom:0;}
.ss-card:hover .line-1::before, .ss-card:hover .line-1::after{left:0; width:100%;}
.ss-card .ss-img .line-2::before, .ss-img .line-2::after {
  top:50%; width:4px; height:0; transition: top .5s, height .5s;
}
.ss-card .ss-img .line-2::after{right:0;}
.ss-card:hover .line-2::before, .ss-card:hover .line-2::after{top:0; height:100%;}
.ss-card .ss-img .line-2::before{left:0;}
.ss-card .line-7::before, .ss-card .line-7::after{
  height:3px; width:0; transition:left .5s, right .5s, width .5s;
}
.ss-card .line-3::before{top:0; left:25%;}
.ss-card .line-3::after{bottom:0; right:25%;}
.ss-card:hover .line-3::before{left:0; width:50%;}
.ss-card:hover .line-3::after{right:0; width:50%;}
.ss-card .line-3::before, .ss-card .line-3::after {
  height:3px; width:0; transition: left .5s, right .5s, width .5s;
}
.ss-card .line-4::before, .ss-card .line-4::after{
  width:3px; height:0; transition:top .5s, bottom.5s, height .5s;
}
.ss-card .line-4::before{left:0; top:25%;} 
.ss-card .line-4::after{right:0; bottom:25%;}
.ss-card:hover .line-3::before {left:0; width:50%;}
.ss-card:hover .line-4::before{top:0; height:50%;}
.ss-card:hover .line-4::after{bottom:0; height:50%;}

/* Special Card Hover Line  */
.ss-card .line-1::before, .ss-card .line-1::after,
.ss-card .line-2::before, .ss-card .line-2::after{background:#ff750e;}
.ss-card .line-3::before, .ss-card .line-3::after,
.ss-card .line-4::before, .ss-card .line-4::after{background:#ffffff;}
.ss-card .line-3.bg-p::before, .ss-card .line-3.bg-p::after,
.ss-card .line-4.bg-p::before, .ss-card .line-4.bg-p::after{background:#ff750e;}


/* Special Title */
.ss-title{display:flex;}
.ss-title > *:first-child{
  background-image:linear-gradient(to right,
    rgba(0,63,128,1), rgba(0,63,128,1),
    rgba(0,143,211,.5),
    rgba(0,63,128,1), rgba(0,63,128,1)
  );
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}


/* Special Title 01 */
.ss-title-01{
  height:3rem; width:19rem; align-items:center;
  display:flex; position:relative; padding-left: 2.5rem;
}
.ss-title-01 .title{font-size:1.125rem; font-weight:600;}
.ss-title-01 .pattern-01{position:absolute; top:-0.1rem; left:0;}
.ss-title-01 .pattern-02{position:absolute; bottom:.875rem; left:1.3125rem;}
@media screen and (max-width:1299.98px){
  .ss-title-01 .pattern-01{position:absolute; top:-0.0625rem;}
}


/* Special Image */
.ss-img{display:block; position:relative; width:100%; padding:65% 0 0 0; overflow:hidden;}
.ss-img.square{padding:100% 0 0 0;}
.ss-img.square-2{padding:75% 0 0 0;}
.ss-img.horizontal{padding:50% 0 0 0;}
.ss-img.horizontal-2{padding:68% 0 0 0;}
.ss-img.horizontal-3{padding:40% 0 0 0;}
.ss-img.vertical{padding:145% 0 0 0;}
.magazine-recommend .ss-img.vertical {
  padding: 59% 0 0 0;
}
.ss-img.vertical-2{padding:130% 0 0 0;}
.ss-img.vertical-3{padding:26% 0 0 0;}
.ss-img.vertical-4{padding: 20% 0 0 0;}
.ss-img > .img-bg{
  position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover;
  background-position:center; background-repeat:no-repeat; transition:transform .3s;
}
.ss-img:hover > .img-bg, .ss-card:hover .ss-img > .img-bg{transform:scale(1.1);}
.ss-img.no-hover > .img-bg, .ss-card .ss-img.no-hover > .img-bg{transform:none!important;}

.ss-img .hover-container{
  position:absolute; top:0; bottom:0; left:0; right:0; opacity:0;
  display:flex; justify-content:center; align-items:center;
  transition:opacity .25s, background .25s;
}
.ss-img:hover .hover-container, .ss-card:hover .ss-img .hover-container{opacity:1;}
.ss-img .hover-container .icon{display:block; width:4rem;}
.ss-img .hover-container .icon.md{display:block; width:3rem;}
.ss-img .hover-container .icon > img{display:block; width:100%; height:auto;}
.ss-img .hover-container .icon > em{position:relative; z-index:2; font-size:3.5rem;}


/* Sep */
.ss-sep-01{
  display:block; width:100; max-width:20rem; height:.0625rem; 
  background:#0E3A8154; margin:0 auto;
}
.ss-sep-02{
  display:block; width:100; max-width:5.25rem; height:.0625rem; 
  background:#EEEEEE; margin:0 auto;
}

/* Special Title */
.ss-title-02 {
  position: relative; padding: 0.5rem 3rem; margin-bottom: 1rem;
}
.ss-title-02 .img-bg {
  position: absolute; top: 0; left: 0;
  height: 100%; width: 100%;
  background-repeat: no-repeat;
}
.ss-title-02 .wrapper {position: relative;}

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


/* Special Stat */
.ss-stats{
  width:100%; display:flex; flex-wrap:wrap; margin:.25rem 0 0 0;
}
.ss-stats .stat{
  display:flex; align-items:center; white-space:nowrap; margin:.1875rem .938rem 0 0;
  font-size:.875rem; font-weight:400; transition:color .25s;
}
.ss-stats .stat .title{font-size:.875rem;}
.ss-stats .stat .icon{
  display:flex; align-items:center; font-size:.8125rem;
  justify-content:start; width:1.25rem; height:1.25rem;
}
.ss-stats .stat .icon img{
  display:block; width:.875rem; height:auto;
}
.youtube-player {
  width: 100%; min-height: 35rem;
}
@media screen and (max-width:1199.98px){
  .youtube-player{min-height:20rem;}
}
@media screen and (max-width:991.98px){
  .youtube-player{min-height:17rem;}
}
@media screen and (max-width:490.98px){
  .youtube-player{min-height:14rem;}
  .youtube-player.size-02{min-height:14rem;}
}
/* Special Tag */
.ss-tags, .cate-list {position:relative; display:flex; flex-wrap:wrap; overflow:hidden;}
.ss-tags{position:relative; display:flex; flex-wrap:wrap; overflow:hidden;}
.ss-tags > .tag{
    position:relative; display:block; font-size:.8125rem; font-weight:400; padding:.5rem .875rem .5rem .875rem;
    transition:background .25s, color .25s; margin:.25rem .25rem; border-radius:1000em;
}
.cate-list p {
  position:relative; display:block; font-size:.8125rem; font-weight:300; padding:.5rem .875rem .5rem .875rem;
  transition:background .25s, color .25s; margin:.25rem .25rem; border-radius:1000em;
  border: 1px solid transparent; cursor:pointer;
}


/* Table */
table.table{width:100%; border-spacing:0; border:0; margin:0;}
table.table th, table.table td{
  vertical-align:middle; border-color:transparent;
  border-left:0!important; border-right:0!important;
}
table.table td{
  padding:.5625rem .625rem; font-size:.9375rem; font-weight:300;
  border:0; border-bottom:1px solid transparent;
}
table.table td:first-child{padding:.5625rem .625rem .5625rem .625rem;}
table.table tr:last-child > td{border-bottom:0;}
table.table td:last-child{padding:.5625rem 0 .5625rem .625rem; text-align:right;}
table.table.table-download .file-container .icon{
  width:54px; height:54px; display:flex;
  justify-content:center; align-items:center; transition:background .25s;
  background: white; border-top-left-radius: 90px; border-top-right-radius: 90px; border-bottom-left-radius: 90px;
}



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

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

table.table.table-download.style-02 tr { 
  position:relative;
  display:flex; min-height:6rem; justify-content:space-between;
  overflow:hidden;
}
table.table.table-download.style-02 tr > td.file-container {
  border-radius:0; height:auto; width:8rem; transition:background .25s;
  display:flex; align-items:center; justify-content:center; 
}
table.table.table-download.style-02 tr > td.file-container .pinned{
  position:absolute; top:-2.5rem; left:-2.4375rem; width:4rem; height:4rem; 
  transform:rotate(135deg);
}
table.table.table-download.style-02 tr > td.file-container .pinned .pin-icon{
  display:flex; justify-content:center;
}
table.table.table-download.style-02 tr > td.file-container .pinned .pin-icon svg{
  display:block; width:auto; height:.875rem;
  transform:rotate(225deg) translateY(.0625rem) translateX(-.1625rem);
}
table.table.table-download.style-02 tr > td.file-container .icon{background:transparent!important;}
table.table.table-download.style-02 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  width:calc(100% - 10.75rem);
}
table.table.table-download.style-02 tr > td.text-container .title{-webkit-line-clamp:2; transition:.25s;}
table.table.table-download.style-02 tr > td.text-container .title.size-01{max-width:55rem;}
table.table.table-download.style-02 tr > td.text-container .file-size{padding:0 1rem;}
table.table.table-download.style-02 tr > td.text-container .options,
table.table.table-download.style-02 tr > td.text-container .option,
table.table.table-download.style-02 tr > td.text-container .option .icon{
  display:flex; align-items:center; flex-wrap: wrap; font-size:1rem; margin-bottom:.125rem;
}
table.table.table-download.style-02 .btn-collap{margin-left:unset;}
table.table.table-download.style-02 tr > td.button-container{
  position:relative; display:flex; flex-direction:column; 
  justify-content:center; align-items:center; min-width:6.25rem;
}
table.table.table-download.sub.style-02 tr > td.button-container{background:transparent!important;}
table.table.table-download.style-02 tr > td.button-container:before{
  content:''; position:absolute; top:50%; bottom:0; left:0; width:.0625rem;
  height:calc(100% - 2.5rem); transform:translateY(-50%);
}
table.table.table-download.sub.style-02 .file-container img, 
table.table.table-download.sub.style-02 .file-container svg{width:2rem;}
table.table.table-download.style-02 .file-container img, 
table.table.table-download.style-02 .file-container svg{width:5rem;}
table.table.table-download.style-02 tr > td.button-container svg path{transition:fill .25s;}
table.table.table-download.style-02 tr > td.button-container .title{transition:color .25s;}

table.table.table-download .file-container svg.in-icon {
  position: absolute;
  top: calc(50% - 1.35rem);
  left: calc(50% - .8rem);
  width: 2rem;
}
.content.active table.table.table-download .file-container svg.in-icon {
  left: calc(50% - 1rem);
}
table.table.table-download .file-container svg.in-icon.poll {top: calc(50% - 0.95rem);}

table.table.table-download.style-03 .file-container svg{width:2.25rem;}

table.table.table-download.style-02.minisite td.text-container{padding-left:.5rem;}
table.table.table-download.style-02.minisite tr{border-radius:.75rem;}
table.table.table-download.style-02.minisite .file-container{
  align-items:flex-start; justify-content:flex-start; padding:0;
  border-radius:.75rem 0 .75rem .75rem;
}
table.table.table-download.style-02.minisite .file-container .icon{
  height:100%; width:100%; border-radius:.75rem 0 .75rem .75rem;
}
table.table.table-download.style-02.minisite tr{min-height:0;}
table.table.table-download.style-02.minisite td:last-child{padding:.25rem 1rem;}


@media screen and (max-width:1299.98px){
  table.table.table-download .text-container .file-pattern{right:-1rem; max-width:26rem;}
}

@media screen and (max-width:991.98px){
  table.table.table-download.style-02 tr > td.text-container {width:calc(100% - 4rem);}
  table.table.table-download.style-02 .show-mobile{display:none!important;}
  table.table.table-download .file-container{align-items:start;}

  table.table.table-download.style-02 tr > td.text-container .options{margin-top:.125rem!important;}
  table.table.table-download .file-pattern{opacity:.3;}

  table.table.table-download.style-02.responsive-01 tr > td.text-container {width:calc(100% - 11.0625rem);}
  table.table.table-download.style-02.responsive-01 tr > td.file-container{width:5rem}
  table.table.table-download.style-02.responsive-01 tr > td.button-container{position:relative; display:flex;}
  table.table.table-download.style-02 .file-container img, 
  table.table.table-download.style-02 .file-container svg {width: 3.5rem;}
  table.table.table-download .file-container svg.in-icon {top: calc(50% - 0.95rem); left: calc(50% - 0.8rem); width: 1.4rem;}
  table.table.table-download.card-01 tr > td.text-container{width:calc(100% - 5rem);}
  table.table.table-download .file-container svg.in-icon{left: calc(50% - .5rem);}
  .content.active table.table.table-download .file-container svg.in-icon{left: calc(50% - .7rem);}
}
@media screen and (max-width:542.98px){
  table.table.table-download.style-02 tr > td.text-container {width:calc(100% - 6.75rem);}
  table.table.table-download.style-02 tr > td.button-container{min-width:4rem;}
  table.table.table-download.style-02.size-02 tr > td.button-container{min-width:5.25rem;}
  table.table.table-download.style-02.size-02 tr > td.text-container .title{-webkit-line-clamp:1;}
  table.table.table-download.style-02 tr > td.button-container{position:absolute; display:none;}
  table.table.table-download.style-02 .show-mobile{display:block!important;}
}
@media screen and (max-width:490.98px){
  table.table.table-download.style-02 tr > td.text-container {width:calc(100% - 3rem);}
  table.table.table-download.style-02 tr > td.file-container{width:4rem;}
  table.table.table-download .file-container img, table.table.table-download .file-container svg{width:1.5rem;}

  table.table.table-download.style-02.responsive-01 tr > td.file-container{width:5rem}
  table.table.table-download.style-02.responsive-01 tr > td.text-container {width:calc(100% - 10.25rem);}
  
}
@media screen and (max-width:399.98px){
  table.table.table-download.style-02 tr > td.text-container {width:calc(100% - 2.5rem);}
  table.table.table-download.style-02 tr > td.file-container{width:4rem;}
  table.table.table-download .file-container img, table.table.table-download .file-container svg{width:1.25rem;}
}
@media screen and (max-width:375.98px){
  table.table.table-download.style-02.minisite .option:nth-child(2).ml-5{width:100%;}
}

/* Table */
table.table{width:100%; border-spacing:0; border:0; margin:0;}
table.table th, table.table td{
  vertical-align:middle; border-color:transparent;
  border-left:0!important; border-right:0!important;
}
table.table td{
  padding:1.35rem .625rem; font-size:.9375rem; font-weight:300;
  border:0; border-bottom:1px solid transparent;
}
table.table td:first-child{padding:.5625rem .5625rem .5625rem 1rem;}
table.table tr:last-child > td{border-bottom:0;}
table.table td:last-child{padding:.5625rem 0 .5625rem .625rem; text-align:right;}
table.table.table-download.sub tr {
  background-image: url('../images/bg/dowload-01.png'); background-color: transparent; background-size: cover; background-position: 94%; background-position: right;
  border-radius: 1.25rem; border: 1px solid transparent !important;
}
table.table.table-download.sub tr:hover {
  background-image: url('../images/bg/dowload-02.png') !important; background-size: cover !important; background-position: center !important; background-position: right !important;
}
@media screen and (max-width:567.98px){
  table.table.table-download.sub tr {background-position: center;}
  
}

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

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


/* 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;}
.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;}

.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-auto{margin-right:auto!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-auto{margin-left:auto!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:991.98px){
  .md-mt-0{margin-top:0!important;}
}
@media screen and (max-width:767.98px){
  .sm-mt-4{margin-top:1rem!important;}
}


/* Utility */
.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:calc(var(--lh) * 1.3)!important;}
.lh-lg{line-height:calc(var(--lh) * 1.2)!important;}
.lh-md{line-height:calc(var(--lh) * 1.1)!important;}
.lh-nm{line-height:calc(var(--lh) * 1.0)!important;}
.lh-sm{line-height:calc(var(--lh) * 0.9)!important;}
.lh-xs{line-height:calc(var(--lh) * 0.85)!important;}
.lh-xxs{line-height:calc(var(--lh) * 0.8)!important;}

.text-sm{font-size:75%;}
.text-xs{font-size:50%;}

.tt-unset{text-transform:unset!important;}

.ls-0{letter-spacing:0!important;}
.ls-1{letter-spacing:-.06!important;}
.ls-2{letter-spacing:-.12!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;}

.h-op-07{transition:opacity .25s;}
.h-op-07:hover{opacity:.7;}

.pos-absolute{position:absolute!important;}
.pos-relative{position:relative!important;}
.pos-static{position:static!important;}

.d-block{display:block!important;}
.d-flex{display:flex!important;}
.btns.d-flex{flex-wrap: unset;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}
.d-none{display:none!important;}
@media screen and (max-width:767.98px){
  .flex-col-reverse-sm{flex-direction:column-reverse;}
}

.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-stretch{align-items:stretch!important;}
.ai-unset{align-items:unset!important;}
.fw-wrap{flex-wrap:wrap!important;}
.fw-unset{flex-wrap:unset!important;}
.fw-column{flex-direction:column!important;}

.mw-100{max-width:100%!important;}
.w-auto{width:auto!important; min-width:0!important}
.w-full{width:100%!important; max-width:100%!important;}
.h-auto{height:auto!important; min-height:0!important;}
.h-full{height:100%!important; max-height:100%!important;}

.ws-nowrap{white-space:nowrap!important;}
.ws-normal{white-space:normal!important;}
.ws-prewrap{white-space:pre-wrap!important;}
.ws-preline{white-space:pre-line!important;}

.pe-none{pointer-events:none!important;}
.pe-auto{pointer-events:auto!important;}

.c-pointer{cursor:pointer!important;}
.c-unset{cursor:unset!important;}

.border-0{border:0!important;}
.border-1{border:1px solid transparent!important;}
.border-2{border:2px solid transparent!important;}
.border-3{border:3px solid transparent!important;}
.border-4{border:4px solid transparent!important;}
.border-top-0{border-top:0px solid transparent!important;}
.border-top-1{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:0px solid transparent!important;}
.border-bottom-1{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:0px solid transparent!important;}
.border-left-1{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:0px solid transparent!important;}
.border-right-1{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{border-radius:var(--bradius)!important;}
.bradius-0{border-radius:0!important;}
.bradius-1{border-radius:17px!important;}
.bradius-2{border-radius:20px!important;}
.bradius-3{border-radius:12px!important;}
.bradius-4{border-radius:16px!important;}
.bradius-10{border-radius:25px!important;}
.bradius-round{border-radius:1000em!important;}

.box-shadow{box-shadow:rgb(0 0 0 / 7%) 0px 10px 20px;}
.box-shadow-02{box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);}
.box-shadow-03{box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);}
.box-shadow-unset{box-shadow:unset;}

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

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

.text-center{text-align:center!important;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}

.all-no-br > br{display:none;}
.all-hide{display:none;}
@media screen and (max-width:1199.98px){
	.lg-text-center{text-align:center!important;}
	.lg-text-left{text-align:left!important;}
	.lg-text-right{text-align:right!important;}
	
	.lg-jc-center{justify-content:center!important;}

  .lg-no-br > br{display:none;}
  .lg-hide{display:none;}
}
@media screen and (max-width:991.98px){
	.md-text-center{text-align:center!important;}
	.md-text-left{text-align:left!important;}
	.md-text-right{text-align:right!important;}
	
	.md-jc-center{justify-content:center!important;}

  .md-no-br > br{display:none;}
  .md-hide{display:none;}
}
@media screen and (max-width:767.98px){
	.sm-text-center{text-align:center!important;}
	.sm-text-left{text-align:left!important;}
	.sm-text-right{text-align:right!important;}
	
	.sm-jc-center{justify-content:center!important;}
	.sm-jc-start{justify-content:start!important;}

  .sm-no-br > br{display:none;}
  .sm-hide{display:none;}
	
	.sm-ws-unset{white-space:unset!important;}
}
@media screen and (max-width:575.98px){
	.xs-text-center{text-align:center!important;}
	.xs-text-left{text-align:left!important;}
	.xs-text-right{text-align:right!important;}
	
	.xs-jc-center{justify-content:center!important;}

  .xs-no-br > br{display:none;}
  .xs-hide{display:none;}
  .xs-hide{display:none;}
	
	.xs-ws-unset{white-space:unset!important;}
}

.ss-height-01{height:18.625rem;}
@media screen and (max-width:991.98px){
  .ss-height-01{height:15rem;}
  .ss-height-02{height:15rem;}
}
@media screen and (max-width:767.98px){
  .ss-height-01{height:auto;}
  .ss-height-02{height:auto;}
}


/* 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.active{opacity: 1; pointer-events: all;}
.popup-container .box-body{position:relative; width: 100%; border-radius:.375rem;}
.popup-container .box-body .icon{
  display:block; max-width:100%; width:auto;
  max-height:100%; height:5.5rem; margin:0 auto;
}
.popup-container .box-body .icon.size-02{height:16rem;}
.popup-container .box-body{background:#ffffff;}
.popup-container .box-body{
  width:100%; padding:1.75rem; max-height:calc(100vh - 7rem);
  overflow-x:hidden; overflow-y:auto;
}
.popup-container .popup-box {
  display:block; position:relative; 
  width:26.3125rem; padding: 0; margin: 0 auto;
  max-width:470px; border-radius:.3125rem;
}
.popup-container .popup-box .circle-drop{
  display:flex; align-items:center; justify-content:center;
  width:4.5rem; height:4.5rem; border-top-left-radius:50px; margin:0 auto;
  border-top-right-radius:50px; border-bottom-left-radius:50px;
}
.popup-container .popup-box .circle-drop svg{
  display:block; max-width:100%; max-height:100%;
  width:auto; height:3.25rem;
}
.popup-container.size-02 .popup-box{width:100%; max-width:600px;}
.popup-container .popup-box.size-02{width:42rem;}
.popup-container > .wrapper{
  position: relative; width:100%;
  height:100%; display:flex; align-items:center; padding: 1rem;
}
.popup-container > .wrapper{top:-50rem; transition:all .75s;}
.popup-container.active > .wrapper{top:0;}
.popup-container .box-body .close-popup{position:absolute; top:.875rem; right:.875rem;}
.popup-container .popup-box .rating{
  display:flex; justify-content:center; margin-top:1rem; align-items:center; flex-wrap:wrap;
}
.popup-container .popup-box .rating > .rating-item{display:flex; align-items:center;}
.popup-container .popup-box .rating .rating-desc{display:flex; align-items:center; margin:.25rem 0;}
.popup-container .popup-box .rating .rating-item{
  width:2rem; height:2rem; display:flex; align-items:center; margin:.25rem .125rem; font-weight:400;
  justify-content:center; border-radius:50%; transition:background .25s; cursor:pointer; 
}
.popup-container .popup-box .rating .rating-desc .icon{
  display:block; width:auto; height:2rem; max-width:100%; max-height:100%;
}
.popup-container .popup-box .rating .title{font-size:.625rem; font-weight:400;}
.popup-container .popup-box .code-inputs{
  display:flex; justify-content:center;
  width:25rem; gap:.625rem; margin:1rem auto 0;
}
.popup-container .popup-box .code-input{
  width:2.5rem; height:3.125rem; text-align: center; font-size:1.125rem;
  border: 1px solid transparent; border-radius:.3125rem; outline:none;
}

.popup-container .box-body .social-group-01 .icon{height:auto;}

.popup-container.report-file > .wrapper{position:relative}
.popup-container.report-file.active > .wrapper{top:unset;}
.popup-container.report-file .pattern-01{
  position:absolute; top:3rem; left:0; display:block; pointer-events:none;
  max-width:100%; max-height:100%; width:auto; height:13rem; opacity:.2;
}
.popup-container.report-file .pattern-02{
  position:absolute; bottom:2rem; right:0; display:block; pointer-events:none;
  max-width:100%; max-height:100%; width:auto; height:15rem; 
}

.popup-container.member-popup {backdrop-filter: blur(10px);}
.popup-container.member-popup .popup-box {max-width: 750px;}
.popup-container.member-popup .box-body {position:relative; padding-top:6rem; border-radius:1rem;}
.popup-container.member-popup .box-body .img-bg {
  position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  background-size: cover; background-repeat: no-repeat; background-position: center;
}
.popup-container.member-popup .pattern-01 {
  position: absolute; top: 0; left: 7vw;
  display: block; pointer-events: none;
  max-width: 100%; max-height: 100%; width: auto; height: 100vh;
  opacity: .2; z-index: -1;
}
.popup-container.member-popup.mini .box-body {padding-top: 1rem;}
.popup-container.member-popup.mini .box-body .bg-color {
  position: absolute; width: 94rem; height: 18rem;
  border-radius: 50%;
  top: -12rem; left: -24rem;
}
@media screen and (min-width: 992px) {
  .popup-container.member-popup:not(.mini) .box-body {padding-left: 4rem; padding-right: 4rem;}
}


/* Table Download */
.table.table .title, .table.table .desc{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical;
}
table.table.table-download{border:0;}
table.table.table-download tr{display:block; transition:background .25s;}
table.table.table-download td{border:0; position:relative;}
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%;}
table.table.table-download td:last-child{padding:1rem;}
table.table.table-download .text-container{position:relative;}
table.table.table-download .text-container .pattern-01{position:absolute; top:0; right:-2rem;}
table.table.table-download .text-container .pattern-02{position:absolute; top:2.875rem; right:.175rem;}

table.table.table-download .text-container .file-pattern svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:3rem;
}

table.table.table-download .file-container img,
table.table.table-download .file-container svg{
  display:block; width:1.5rem; height:auto; transition:all .25s;
}
table.table.table-download.style-01 tr {
  display:flex; min-height:6rem; justify-content:space-between;
  border-radius:var(--bradius-2); overflow:hidden; position:relative;
}
table.table.table-download.style-01.card-01 tr{border-radius:1.5rem 1.5rem 1.5rem 0!important; min-height:unset;}
table.table.table-download.card-01 td:last-child{padding:.25rem;}
table.table.table-download.card-01 .file-container .icon{height:100%; width:5rem;}
table.table.table-download.card-01 .file-container svg{width:2rem;}


table.table.card-01 td:first-child{padding:0 0 0 0;}
table.table.table-download.style-01 tr > td.file-container {
  border-radius:0; height:auto; width:5.5rem; transition:background .25s;
  display:flex; align-items:center; justify-content: center;
}
table.table.table-download.card-01 tr > td.file-container{width:5rem; border-radius:1.5rem 0 1.5rem 0;}
table.table.table-download.style-01 tr > td.text-container {
  display:flex; justify-content:space-between; align-items:center;
  width:calc(100% - 10.75rem);
}
table.table.table-download.card-01 tr > td.text-container{width:calc(100% - 11.25rem); padding-left:1rem;}
table.table.table-download.style-01 tr > td.text-container .title{
  -webkit-line-clamp:1; transition:.25s; max-width:calc(100% - 1rem); font-weight:400;
}
table.table.table-download.style-01 tr > td.text-container .title.size-01{max-width:55rem;}
table.table.table-download.style-01 tr > td.text-container .file-size{padding:0 1rem;}
table.table.table-download.style-01 tr > td.text-container .options,
table.table.table-download.style-01 tr > td.text-container .option,
table.table.table-download.style-01 tr > td.text-container .option .icon{
  display:flex; align-items:center; flex-wrap: wrap; font-size:.75rem; margin-bottom:.125rem;
}
table.table.table-download.style-01 tr > td.button-container{
  position:relative; display:flex; flex-direction:column; 
  justify-content:center; align-items:center; min-width:6.25rem;
}
table.table.table-download.style-01 tr > td.button-container:before{
  content:''; position:absolute; top:50%; bottom:0; left:0; width:.0625rem;
  height:calc(100% - 2.5rem); transform:translateY(-50%);
}
table.table.table-download.style-01 tr > td.button-container svg path{transition:fill .25s;}
table.table.table-download.style-01 tr > td.button-container .title{transition:color .25s;}
table.table.table-download.style-01 tr{transition:background .25s;}

table.table.table-download.style-01.rss tr > td.file-container{width:8rem;}
table.table.table-download.rss .file-container .icon {
  width: 5rem;height: 5rem;
}
table.table.table-download.rss .file-container svg{width: 1.875rem;}
table.table.table-download.rss tr > td.text-container .title{
  max-width:55rem; -webkit-line-clamp:2; line-height:1.5rem!important;
}

@media screen and (max-width:1299.98px){
  table.table.table-download .text-container .file-pattern{right:-1rem; max-width:26rem;}
  table.table.table-download.card-01 tr > td.text-container .title{max-width:27rem;}
  table.table.table-download.card-01 .text-container .file-pattern{opacity:.5;}
}
@media screen and (max-width:542.98px){
  table.table.table-download.style-01 tr > td.text-container {width:calc(100% - 6.75rem);}
  table.table.table-download.style-01 tr > td.button-container{min-width:4rem;}
}
@media screen and (max-width:991.98px){
  table.table.table-download.style-01 tr > td.text-container {width:calc(100% - 5rem);}
  table.table.table-download.style-01 tr > td.button-container{position:absolute; display:none;}
  table.table.table-download .file-container{align-items:start;}
  table.table.table-download .show-mobile{display:block!important;}
  table.table.table-download.style-01 tr > td.text-container .options{margin-top:.5rem!important;}
  table.table.table-download .file-pattern{opacity:.3;}

  table.table.table-download.style-01.responsive-01 tr > td.text-container {width:calc(100% - 11.0625rem);}
  table.table.table-download.style-01.responsive-01 tr > td.file-container{width:5rem}
  table.table.table-download.style-01.responsive-01 tr > td.button-container{position:relative; display:flex;}
  table.table.table-download .file-container img, 
  table.table.table-download .file-container .icon.doc svg{width:1.25rem!important;}

  table.table.table-download.card-01 tr > td.text-container{width:calc(100% - 5rem);}
  table.table.table-download.style-01 tr > td.file-container{align-items:start; padding-top:1rem;}
  table.table.table-download.style-01 tr{min-height:9rem;}
}
@media screen and (max-width:767.98px){
  table.table.table-download.style-01 tr{min-height:9rem;}
}
@media screen and (max-width:490.98px){
  table.table.table-download.style-01 tr > td.text-container {width:calc(100% - 3rem);}
  table.table.table-download.style-01 tr > td.file-container{width:5rem;}
  table.table.table-download .file-container img, table.table.table-download .file-container svg{width:1.5rem;}

  table.table.table-download.style-01.responsive-01 tr > td.file-container{width:4rem}
  table.table.table-download.style-01.responsive-01 tr > td.text-container {width:calc(100% - 10.25rem);}

  table.table.table-download.card-01 tr > td.file-container{width:5rem;}
  table.table.table-download.style-01 tr > td.text-container .option .p.sm,  table.table.table-download.style-01 tr > td.text-container .option .p.xs, table.table.table-download.style-01 tr > td.text-container .option .icon {
    font-size: .875rem!important;
  }
  
}
@media screen and (max-width:399.98px){
  table.table.table-download.style-01 tr > td.text-container {width:calc(100% - 2.5rem);}
  table.table.table-download.style-01 tr > td.file-container{width:5rem;}
  table.table.table-download .file-container img, table.table.table-download .file-container svg{width:1.25rem;}

  
  table.table.table-download.card-01 tr > td.file-container{width:5rem;}
  table.table.table-download.card-01 .file-container .icon{width:100%;}
  table.table.table-download.style-01 tr > td.text-container .option .p.sm,  table.table.table-download.style-01 tr > td.text-container .option .p.xs, table.table.table-download.style-01 tr > td.text-container .option .icon {
    font-size: .75rem!important;
  }
}


/* Search Container */
.search-container.style-01 .input-wrapper{display:flex;} 
.search-container.style-01 input{
  border-radius:0; border-bottom:1px solid transparent; background:transparent; 
  border-top:0; border-right:0; border-left:0; 
}
.search-filter-container .form-wrapper{padding:1rem; border-radius:1.0625rem; display:none;}
.search-filter-container .btn-collap {
  width:2rem; height:2rem; display:flex; cursor:pointer; 
  border-radius:50%; align-items:center; justify-content:center;
  border: 2px solid transparent; margin-left: 1rem;
  transition: transform .25s, stroke .25s;
}
.search-filter-container .form-wrapper select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
}
.search-filter-container .btn-collap.active{transform: rotate(180deg);}
.search-filter-container .btn-collap svg path{transition: stroke .25s;}


/* Global Search Container */
.global-search-container{
  display:block; position:fixed; top:0; left:0; width:100vw; height:100vh; z-index:100;
  opacity:0; pointer-events:none; padding:1.5rem;
}
.global-search-container .search-bg{position:absolute; top:0; left:0; right:0; bottom:0;}
.global-search-container .logo-container{display:flex; justify-content:center;}
.global-search-container .logo-container .wrapper{display:flex; align-items:center;}
.global-search-container .logo-container .logo{
  width:4rem; height:4rem; display:flex; justify-content:center; 
  align-items:center;
}
.global-search-container .logo-container .logo img{
  display:block; max-width:100%; width:auto; max-height:100%; height:3.5rem;
}
.global-search-container .logo-container .text{padding:0 .75rem; width:calc(100% - 4rem);}
.global-search-container .pattern{
  position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;
  pointer-events:none;
}
.global-search-container .pattern img{
  display:block; max-width:100%; width:100%; max-height:100%; height:auto;
}
.global-search-container:not(.use-gsap){transition:opacity .45s;}
.global-search-container.active{opacity:1; pointer-events:all;}
.global-search-container > .wrapper{
  position:relative; width:100%; height:100%; padding:1.5rem 1.5rem 6rem 1.5rem;;
  display:flex; align-items:center;
}
.global-search-container .input-wrapper{display:flex; align-items:center;}
.global-search-container .input-inner{position:relative; width:calc(100% - 2rem);}
.global-search-container .btn-close{
  width:2rem; display:flex; justify-content:center; transition:opacity .25s;;
}
.global-search-container .btn-close:hover{opacity:.7;}
.global-search-container .input-inner input{
  background:transparent!important; border:0!important; font-weight:400;
  border-bottom:1px solid transparent!important; border-radius:0;
}
.global-search-container .input-inner button{
  position:absolute; top:0; right:0; bottom:0; width:3rem; background:transparent; transition:.25s;
  display:flex; justify-content:center; align-items:center; border:0; cursor:pointer;
}
.global-search-container .input-inner button:hover{opacity:.7;}
.global-search-container .hamburger{position:relative; transition:all .3s ease-in-out;}
.global-search-container .hamburger{cursor:pointer;}
.global-search-container .hamburger > *{
  position:relative; width:1.625rem; height:.125rem;
  transform:translateX(.375rem); transition:all .45s;
}
.global-search-container .hamburger > *:nth-child(2){margin:.4375rem 0; width:2rem; transform:none;}
.global-search-container .hamburger.active > *:nth-child(1){
  width:1.25rem; -webkit-transform:rotate(-45deg)translate(-.4rem, .4rem);
  transform:rotate(-45deg)translate(-.4rem, .4rem);
}
.global-search-container .hamburger.active > *:nth-child(2){opacity:0; transform:translateX(2rem);}
.global-search-container .hamburger.active > *:nth-child(3){
  width:1.25rem; -webkit-transform:rotate(45deg)translate(-.4rem,-.4rem);
  transform:rotate(45deg)translate(-.4rem, -.4rem);
}
.global-search-container .contents{
  position:relative; z-index:3; width:100%; max-width:700px; margin:0 auto;
}
.global-search-container .content-lists{max-height:30.0625rem; overflow-y:auto; min-height:23.0625rem;}
.global-search-container form{width:100%;  position:relative;}
.global-search-container .input-container{position:relative;}
.global-search-container input[type=text]{
  width:100%; font-size:1.25rem; border:1.5px solid transparent; border-radius:0;
  padding:.75rem 3.75rem .75rem 1rem; margin:0; box-shadow:none; transition:border-color .3s;
}
.global-search-container .pattern-01{
  position:absolute; top:3rem; left:-4rem; display:block; pointer-events:none;
  max-width:100%; max-height:100%; width:auto; height:13rem; opacity:.2;
}
.global-search-container .pattern-02{
  position:absolute; bottom:1rem; right:-5rem; display:block; pointer-events:none;
  max-width:100%; max-height:100%; width:auto; height:15rem; 
}
.global-search-container .search-pattern{
  display:block; position:absolute; top:0; bottom:0;
  right:calc(100% + 2rem); width:4rem; height:auto;
}
@media screen and (max-width:1299.98px){
  .global-search-container .content-lists{max-height:18rem; min-height:18rem;}
  .global-search-container .search-pattern{right:calc(100% - 11rem);}
}
@media screen and (max-width:575.98px){
  .global-search-container > .wrapper{padding:1.5rem 0 6rem 0}
  .global-search-container .pattern-01{left:-6rem;}
  .global-search-container .pattern-02{right:-8rem;}
}
@media screen and (max-width:490.98px){
  .global-search-container > .wrapper{padding:1.5rem 0rem 6rem 0rem}
}