@charset "utf-8";
/* CSS Document */

@font-face {
    font-family:'PSL162';
    src: url('../fonts/PSL162.eot');
    src: url('../fonts/PSL162.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PSL162.woff') format('woff'),
         url('../fonts/PSL162.ttf') format('truetype'),
         url('../fonts/PSL162.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family:'thaisans_neueregular';
    src: url('../fonts/thaisansneue-regular-webfont.eot');
    src: url('../fonts/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/thaisansneue-regular-webfont.woff') format('woff'),
         url('../fonts/thaisansneue-regular-webfont.ttf') format('truetype'),
         url('../fonts/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'PSL114';
    src: url('../fonts/PSL114.eot');
    src: url('../fonts/PSL114.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PSL114.woff') format('woff'),
         url('../fonts/PSL114.ttf') format('truetype'),
         url('../fonts/PSL114.svg#thaisans_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	margin:0px;
	padding:0px;	
	font-family:Tahoma, Geneva, sans-serif;
	background:url("../images/new_2023/bg2.jpg") no-repeat center top #ffda00 !important; 
}


h.a1{font-size:16px; color:#fff; }
h.a2{ font-size:2.6em; color:#fff; font-weight:700; font-family: 'thaisans_neueregular'; }
h.a3{font-size:26px; color:#000; font-weight:bold; }
h.a4{color:#fff; }
h.a5{font-size:60px; color:#ff076b; line-height:50px; letter-spacing:1px; font-weight:bold; font-family: 'PSL162';}
h.a6{font-size:60px; color:#323232; letter-spacing:1px; font-family: 'PSL162';}
h.a7{font-size:42px; color:#323232; letter-spacing:1px; font-family: 'PSL162';}
h.a8{font-size:80px; color:#323232; letter-spacing:0px; }


ul { list-style: none !important; }
a:link {text-decoration:none; color:#fff; }
a:hover {text-decoration:none; color:#f6ff00; }

img{ max-width:100% ; background-size:100% auto; }


/* Login */
.box-login{ width:120px; height:60px; overflow:hidden; float:right; background:#55006c; }
.text-login{ overflow:hidden; text-align:center; font-size:10px; color:#fff; padding-top:4px; }
.bt-member{ width:65px; height:auto; padding:2px; overflow:hidden; float:right; border-radius:5px; background:#f9e515; font-size:16px; color:#000; text-align:center; bottom:0px; }
.bt-member:hover{ opacity: .5; }

.box-login2{ width:120px; height:auto; overflow:hidden; background:#55006c; margin:auto; display:block; margin-top:5px; }

/* Menu Button */
.section-btn{ width:100%; height:60px; overflow:hidden; position:fixed; display: flex; justify-content: space-between; z-index:10; background: #ad47c9;}
/* .logo-btn{ width:130px; height:60px; overflow:hidden; float:left; }
 */
.menu-btn {
  width: 100%;
  color: #fff;
  font-size:30px;
  cursor: pointer;
}


/* Menu*/
.section1{ 
	width:100%; height:60px; overflow:hidden; display:block; 
	background:rgba(173, 71, 201, 1); text-align:left; 
	position:fixed; z-index:100; 
}
.sub-section1{ width:1360px; height:auto; overflow:hidden; display:block; margin:auto;  }
.logo{ width:175px; height:60px; overflow:hidden; display:block; float:left; }
.menu{ width:55%; height:60px; overflow:hidden; display:block; float:left; padding:0px;  }
.bt{ 
	width:auto; height:100%; float:left; text-align:left; 
	font-size:30px; margin-left:30px; list-style-type:none; 
	font-family: 'PSL162';	color: #fff;
}

.bt{
	position: relative;
	transition:600ms;
}
.bt:after{
	content: attr(data-hover);
	position: absolute;
	left: 0;
	bottom: 0;
	transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
	-o-transform:rotateX(90deg);
	-ms-transform:rotateX(90deg);
	transition:300ms;
	opacity: 0;
	color: #fff600;
	height: 0;
}
.bt:hover:after{
	transform:rotateX(0deg);
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
	top: 0;
	opacity: 1;
	height: 100%;
}
.bt:hover{
	color: transparent !important;
}
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding:0;
    text-decoration: none;
    list-style-type: none;
    outline: none;
}

.bt-topup{ 
	width:110px; height:35px; float:right; 
	margin-top: 5px; margin-left: 5px;
	text-align:center; 	font-size:20px; display:block; 
	background:#ffd90c; color: #ad47c9; font-weight:bold;
	text-decoration: none; padding-top:12px; 
	font-weight:bold; border-radius:10px; 
}
.bt-login{ 
	width:110px; height:35px; float:right; margin-top: 5px;
	text-align:center; 	font-size:20px; display:block; 
	background:#3b3b3b; color: #fff; 
	text-decoration: none; padding-top:12px; 
	font-weight:bold; border-radius:10px; 
}
.bt-login2{ 
	width:100px; height:auto; margin:auto;  
	text-align:center; 	font-size:18px; display:block; 
	background:#3b3b3b; color: #fff; 
	text-decoration: none; padding:10px;
	font-weight:bold; border:1px solid #545454; border-radius:10px; 
}
.bt-topup2{ 
	width:100px; height:auto; margin:auto;  
	text-align:center; 	font-size:18px; display:block; 
	background:#ffd90c; color: #ad47c9;
	text-decoration: none; padding:10px;
	font-weight:bold; border:1px solid #545454; border-radius:10px; 
	
}
.bt-login:hover, .bt-topup:hover, .bt-login2:hover, .bt-topup2:hover{ opacity:0.8;}

/* Three Line Menu */
.box-shadow-menu {
  position: relative;
  padding-right: 1.25em;
}
.box-shadow-menu:before {
  content: "";
  position: absolute;
  right: 10px;
  top: 0.50em;
  width: 1em;
  height: 0.15em;
  background:#fff;
  box-shadow: 
    0 0.25em 0 0 #fff,
    0 0.5em 0 0 #fff;
}

.box-language {
    width: auto;
    height: auto;
    overflow: hidden;
    display: block;
    margin: 14px 10px 0 0;
    text-align: center;
    float: right;
    background: #ad47c9;
	border: 2px solid #fff;
    border-radius: 20px;
    font-size: 14px; font-weight: bold;
    color: #fff;
    padding: 7px 7px 7px 14px;
}

.sel-language {
    width: 40px;
    height: 20px;
    background: transparent;
    font-size: 14px; font-weight: bold;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/arrow.png") 100% no-repeat #ad47c9;
    border: none;
}

.section2{ 
	width:100%; height:auto; margin:0px auto; 
	overflow:hidden; display:block;  
}
.section2-2{ 
	width:100%; height:100%; margin:0px auto; 
	background: #ad47c9; 
	overflow:hidden; display:block;
	clip-path:polygon(0 0, 50% 0, 100% 0, 100% 95%, 50% 80%, 0% 95%);
	position:static;  z-index: 1;
}

.video-background {
  background: #fff;
  position:fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}

.video-foreground,
.video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}


.sub-section2{ 
	width: 1400px; height: auto; padding-top: 60px;
	margin: auto; overflow: hidden; 
	display: block;
}
.box-t01{ 
	width: auto; height: auto; overflow: hidden;  
	display: block; margin: auto; 	
}

.box-mobile{ 
	width: 1000px; height:565px;
	overflow: auto; display: block; 
	margin: auto; margin-bottom: 70px;
}

.mobile{ width: auto; height: auto; overflow: auto; display: block; margin: auto; position: absolute; z-index: 20;}


.video230 { width: 230px; height: 500px; margin: 20px 0 0 730px; position: absolute; z-index: 10 ;}


.video230 iframe {
   width: 230px;
   height: 500px;     
   top:0; border-radius:34px;

}

.box-down{ width:100%; height:auto; margin:auto; margin-top: 610px; overflow:hidden; display:block; position:absolute; z-index: 10;  }
.box-down2{ width:245px; height:auto; margin:auto; overflow:hidden; display:none; margin-bottom: 100px; }
.sub-box-down { width:1250px; height:auto; margin:auto; margin-top:0px; overflow:hidden; display:block; padding:10px; }
.bt-download{ width:235px; height:auto; overflow:hidden; float:left; margin-left:10px; }
.bt-download:hover{opacity: 0.8;}

.wrapper{ width:100%; height:auto; margin:0 auto; overflow:hidden;}

/* Banner */
.box-banner{ width:100%; height:auto; overflow:hidden; background:rgba(0, 0, 0, 0.6);  }
.banner{ width:100%; height:auto; margin-left:0px; display:block; margin:auto;  }
.gallery { background: url("../images/new_2023/bg-slide.jpg") center bottom no-repeat #ffda00 ;  }
.gallery-cell { width:100%; height:auto; margin-left: 0px;  counter-increment: gallery-cell; color: rgba(0, 0, 0, 0.0); }

/* cell number */
.gallery-cell:before {
  display: block;
  content: counter(gallery-cell);
  line-height: 0px;
}

.section3{ 
	width:100%; height:auto; margin:0 auto; 
	overflow:hidden; display:block; 		
}sub-group-news

.sub-section3 { width:100%; height:auto;}
.sub-section3-2 { width:100%; height:auto; overflow:hidden; margin:60px auto; margin-bottom:20px; padding:25px 0px; }
.sub-section3 > .tabs { margin: 0px !important; }
.btn-fx-2 { display: flex; margin-top: 3rem !important;}
.gt-history { text-align: start; width: 100%; }

.section4{ 
	width:100%; height:auto; margin:0 auto; 
	overflow:hidden; display:block; 
	
}
.sub-section4 { width:100%; height:auto; overflow:hidden; margin:auto; }
/* News */


.topic{ width:100%; height:auto; overflow:hidden; margin:0 auto; padding: 2rem 5rem!important;}
.topic-text{ width:auto; height:auto; overflow:hidden; float:left; margin:4px 0 0 30px; font-size:50px; color:#ad47c9; font-weight:bold; font-family: 'PSL162';  }
.bt-more{ 
	width:400px; height:40px;  
	float:right; text-align:center; 
	line-height: 2; font-size:18px; color:#000; 
	font-weight:bold; margin-top:50px;
	text-decoration:underline; 
}
.bt-more:hover{opacity: 0.8;}



.group-news{ width:100%; height:auto; }
.sub-group-news{ width:100%; height:auto; margin: 0 !important;}
.gt-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; margin: 0 auto !important; }
.gt-history { margin: 0 8rem; }
.sub-news{ width:auto; height:auto; overflow:hidden; margin:10px auto; /*margin-left:7px;*/}
.pic-news{

	width:auto;height:205px !important; margin:auto; 
	overflow:hidden; display:block; border: 8px solid #ffdbbd; 
	background: -webkit-linear-gradient(-45deg, #3cff32 0%,#c11aff 100%); 
	background: linear-gradient(-45deg, #3cff32 0%,#c11aff 100%);
}
.pic-news img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;height:190px !important; /*height: 100% !important*/ }
.pic-news:hover img{ opacity: 0.7;	-webkit-transform: scale3d(1.2,1.2,1);	transform: scale3d(1.2,1.2,1);}

.tnews-big{ 
	width:auto; height:80px; margin:auto; 
	font-family: 'thaisans_neueregular'; font-weight:900;  
	font-size:28px; color:#000; line-height:30px; 
	text-align:left; padding: 5px; 
}
.tnews-small{ width:auto; height:70px; margin:auto; font-size:16px; color:#000; text-align:left; }
.tnews-date{float:left; margin-bottom:2px; font-size:14px; color:#ad47c9; }


/* Sub Page */
.section-sub{ width:1130px; height:auto; overflow:hidden; margin:60px auto; display:block; }
.subpage-box{ width:100%; height:auto; overflow:hidden; margin:0px auto; display:block;   }
.subbox{ width:90%; height:auto; overflow:hidden; margin:5px auto; }
.sub-titel{ width:100%; height:auto; overflow:hidden; float:left; text-align:left; bottom:5px; border-bottom:1px dotted #b3b3b3; line-height:44px; }
.sub-date{ width:100%; height:auto; overflow:hidden; float:left; text-align:left; margin:10px 0 10px 0;  font-size:1em; color:#b3b3b3; font-weight:200; line-height:20px; }
.box-share{ width:100%; height:auto; overflow:hidden; float:left; margin:20px auto; }
.bt-share{ max-width:150px; height:auto; overflow:hidden; float:left; margin-right:5px; }
.bt-share:hover img{ opacity: .5; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.sub-content{ 
	width:100%; height:auto; text-align:left; margin:0 auto; 
	overflow:hidden; margin-bottom:30px; padding-bottom:20px; 
	display:block; float:left; border-bottom:1px dotted #b3b3b3; }
.sub-pic{ width:100%; height:auto; margin:0 auto; overflow:hidden; text-align:center;}
.box350{ width:350px; height:auto; overflow:hidden; float:left; margin-left:5px; }
.bt350{ width:350px; height:auto; overflow:hidden; display:block; margin:auto; margin-bottom:6px; }
.bt350:hover { opacity: 0.8;  }

/*********************/







/****** Sub Profile ********/

.box-member{ 
	width:300px; height:auto; overflow:hidden; display:block; 
	margin:20px auto; background:#55006c; border-radius:10px;
	padding:10px; text-align:center; color:#FFF;
}

.box-sub-member{ width:300px; height:auto; overflow:hidden; display:block; margin:auto; background:#fff; padding:10px; }

.pic-member{ width:120px; height:120px; overflow:hidden; display:block; margin:auto; margin-top:20px; background:#666; border-radius:80px; border:5px solid #fff; } 
.sub-member {
    width: 280px; height: auto; overflow: hidden;
    display: block; margin:10px auto; background: #ebebeb;
    text-align: center; color:#45c9cb; font-size:12px; 
	font-weight:bold; border-radius: 10px; padding: 5px; 
}
.sub-period {
    width: 130px; height: auto; overflow: hidden; display: inline-block; 
    margin:5px; background: #ebebeb; text-align: center; color:#d92a75;
    border-radius: 10px; padding: 5px; float:left;
}

.sub-history {
    width: 280px; height: auto; overflow: hidden; display: block;
    margin: 10px auto; background: #ebebeb; text-align: center;
    padding: 5px; border-radius: 10px; color:#d92a75;
}

/**************/
	
	

/****** foot *****/
.foot{ 
	width:100%; height:auto; overflow:hidden; display: block; 
	background:#ffd90c; margin:auto; 
}

.boxfoot{ width:80%; height:auto; margin:0 auto; overflow: hidden; display: block; margin-top:20px; margin-bottom:40px;  }
.logofoot{ width:auto; height:auto; margin: auto; }
.textfoot{ width:auto; height:auto; overflow:hidden; margin:5px auto; text-align:center; color:#000; padding: 20px;  }

/* scroll down */
.scroll-box{ 
	width:55px; height:205px; 
	overflow:hidden; display:block; 
	text-align:center; 
	z-index:1000; 
	position:fixed; left:1%; top:70%; 
}
.scroll-bt{ width:50px; height:50px; overflow:hidden; display:block; margin:auto; margin-top:5px;  }

/* Buzz Effect */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/**** Button to top *****/
a.back-to-top {
	display:none;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 10px;	
	bottom: 10px;
	background: url("../images/back-to-top-01.png") no-repeat center 43%;
	
}
a:hover img.back-to-top {
	opacity: .5;  -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;
	
}

@media screen and (min-width: 1700px) and (max-width: 1920px){
.group-news{ margin: 0 !important; padding:0px;}
.gt-cols { width: 100%; height: auto; display: flex; flex-wrap: wrap; }
.sub-news{ height:auto; overflow:hidden; margin:10px auto;}
.banner{ width:100%; height:auto; margin-left:0px; display:block; margin:auto;  }

}

/* 1290 */
@media screen and (min-width: 1290px) and (max-width: 4600px){
.menu-btn, .logo-btn, .box-t01{ display:none;}
/* .sub-group-news { margin-right: 0 !important; }
.group-news{ width:100%; padding:0px;} */
/* .gt-cols { width: 100%; height: auto; display: grid; grid-template-columns: repeat(4, 1fr); } */
}


/* 1290 */
@media screen and (min-width: 1640px) and (max-width: 4600px){
.menu-btn, .logo-btn, .box-t01{ display:none;}
.sub-group-news { margin-right: 0 !important; }
.group-news{ margin: 0 !important; padding:0px;}
.gt-cols { width: 100%; height: auto; display: flex; flex-wrap: wrap; }
}

@media screen and (max-width: 1440px){
.section2-2{ background: #ad47c9; }
.video-background { display:none; }
.sub-news{ /*margin:0 auto;*/ padding:3px !important; }
/* .sub-group-news { margin-right: 0 !important; } */
.group-news{ width:100%; padding:0px;}
.gt-cols { height: auto; display: grid; grid-template-columns: repeat(3, 1fr); margin: 0 auto; }
}

@media screen and (max-width: 1289px){
.section1{ display:none;}
.box-language { width: 70%; margin: auto; float: none; }
.sub-box-down{ width: auto; }
.menu-btn, .logo-btn, .box-t01, .box-down2 { display:block;}
.sub-news{ /*width: 100%;*/ margin:0 auto; padding:3px !important; }
.sub-group-news { width: 100%; margin-right: 0 !important; }
.group-news{ margin: 0 !important; padding:0px !important;}
/* .gt-cols { display: grid; grid-template-columns: repeat(3, 1fr); } */
.section-sub{ width:100%;}
.sub-section2{ width:100%;}
.box-mobile{ display:none; }
.box-down{ display: none;}
}


@media screen and (max-width: 1024px){
.wrapper, .boxfoot{ width:100%; }
.video-background { display:none; }
.sub-section2{ width: auto; height: auto; }
.section2-2{ clip-path:polygon(0 0, 50% 0, 100% 0, 100% 95%, 50% 90%, 0% 95%); }
.sub-section3 { width:100%; padding:0px; margin-top: 10px;}
.sub-section3-2{ width:100%; padding:0px; margin-top: 60px;}
.box-banner{ width:100%; margin:auto; }
.banner{ width:100%; }
.group-news{ margin: 0 !important; padding:0px;}
/* .pic-news { height: 100% !important; } */
.topic{ width:100%; height:auto; padding: 2rem 0px !important;}
.gt-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; }
.sub-news{ margin:0 auto; padding:3px !important; }
.tnews-big{ height:100%; font-size: 0.8em; }
.tnews-small{ height:auto; }
.section-sub{ width:100%;}
.subpage-box{ width:100%; }
.box-down2{ display:block;}
.bt-download{ width:235px; height:auto; overflow:hidden; float:none; margin:auto; margin-top:15px; }
.gallery { background: #ad47c9 ;  }
}


/* 768 */
@media screen and (max-width: 880px){
.video-background { display:none; }
.section2{ height:auto; }
.sub-section3 { width: 100%; margin-top:10px; margin-bottom:10px; padding:0px; }
.sub-section3-2{ width: 100%; margin-top:60px; margin-bottom:10px; padding:0px; }
.topic { padding: 0px !important; display: flex; margin-left: 4rem; padding: 4rem 0 !important;}
.gt-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; }
.gt-history { /*margin: 0;*/ }
.sub-news{ width:100%; margin:10px auto; /* margin-left: 2.5rem;*/ }
.gallery { background: #ad47c9 ;  }
}

@media screen and (max-width: 879px){
	.sub-news{ width:auto; margin:10px auto; /*margin-left: 3.5rem;*/ }
}

@media screen and (max-width: 700px){
.banner{ width:100%; }
}

@media screen and (min-width: 490px) and (max-width: 740px){
.box-down{ display: none;}
.bt-download{ width:235px; height:auto; overflow:hidden; float:none; margin:auto; margin-top:15px; }
.gt-cols { display: grid; grid-template-columns: 1fr; }
.sub-news { margin: 0 auto; width: auto; }
.scroll-box{ 
	width:45px; height:150px; 
	overflow:hidden; display:block; 
	text-align:center; 
	z-index:120; 
	position:fixed; left:1%; top:50%; 
}
.scroll-bt{ width:45px; height:45px; }
a.back-to-top { width:60px; height:60px; background: url("../images/back-to-top-35x35.png") no-repeat center 43%; }
}

@media screen and (min-width: 380px) and (max-width: 480px){
.sub-box-down, .box-down{ width:auto; height:auto; }
.bt-download{ width:235px; height:auto; overflow:hidden; float:none; margin:auto; margin-top:15px; }
.sub-section3 { margin-top:10px; margin-bottom:10px; padding:0px; }
.sub-section3-2 { margin-top:60px; margin-bottom:10px; padding:0px; }
.topic { margin-left: 0 !important; }
.group-news{ padding:0px; margin: 0 !important;  }
.sub-group-news{ width:100%; margin-left: 0 !important; }
.gt-cols { display: grid; grid-template-columns: 1fr; }
.gt-history { margin: 0; }
.topic-text{ font-size:30px; margin:16px 0 0 5px; }
.bt-more{ width:80px; height:30px; font-size:13px; }
.sub-news{ width:95%; margin:auto; margin-bottom:10px; float:none; margin-left:10px;  }
.tnews-big{ height:auto; }
.tnews-small{ height:auto; }
.sub-social { width: 300px; margin:auto; float:none; }
.text-social{ font-size:60px; float:none; text-align:center; }
.group-bt{ margin:auto;  padding:0px; padding:10px; }
.bt-social{ margin-left:15px; }
.boxfoot{ width:100%; height:auto; text-align:center; padding-left:0px; }
.logofoot{ width:80%; height:auto; margin:auto; }
.textfoot{ margin:5px auto; text-align:center; padding: 15px; }
.box-down{ display: none;}
.scroll-box{ 
	width:35px; height:150px; 
	overflow:hidden; display:block; 
	text-align:center; 
	z-index:120; 
	position:fixed; left:1%; top:50%; 
}
.scroll-bt{ width:35px; height:35px; }
a.back-to-top { width:35px; height:35px; background: url("../images/back-to-top-35x35.png") no-repeat center 43% ; }

}

@media screen and (min-width: 320px) and (max-width: 375px){
.sub-box-down, .box-down{ width:auto; height:auto; }
.bt-download{ width:235px; height:auto; overflow:hidden; float:none; margin:auto; margin-top:15px; }
.topic-text{ font-size:30px; margin:16px 0 0 5px; }
.bt-more{ width:80px; height:30px; border-radius:20px;  font-size:13px; }
.sub-section2{ width: 100%; height: auto; padding-top: 60px; }
.sub-section3 { margin-top:10px; margin-bottom:10px; padding:0px; }
.sub-section3-2 { margin-top:60px; margin-bottom:10px; padding:0px; }
.topic { margin-left: 0 !important; }
.group-news{ padding:0px; margin: 0 !important;  }
.sub-group-news{ width:100%; margin-left: 0 !important; }
.gt-cols { display: grid; grid-template-columns: 1fr; }
.gt-history { margin: 0; }
.sub-news{ width:95%; margin:auto; margin-bottom:10px; float:none; margin-left:10px; }
.tnews-big{ height:auto; }
.tnews-small{ height:auto; }
.sub-social { width: 300px; margin:auto; float:none; }
.text-social{ font-size:60px; float:none; text-align:center; }
.group-bt{ margin:auto;  padding:0px; padding:10px; }
.bt-social{ margin-left:15px; }
.boxfoot{ width:100%; height:auto; text-align:center; padding-left:0px; }
.logofoot{ width:80%; height:auto; margin:auto; }
.textfoot{ margin:5px auto; text-align:center; padding: 15px; }
.box-down{ display: none;}
.scroll-box{ 
	width:35px; height:120px; 
	overflow:hidden; display:block; 
	text-align:center; 
	z-index:120; 
	position:fixed; left:1%; bottom: 10%; 
}
.scroll-bt{ width:35px; height:35px; }
a.back-to-top { width:35px; height:35px; background: url("../images/back-to-top-35x35.png") no-repeat center 43%; }
}


@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}
@media all and (max-width: 600px) {
.vid-info { width: 50%; padding: .5rem; }
.vid-info h1 { margin-bottom: .2rem; }
}
@media all and (max-width: 500px) {
.vid-info .acronym { display: none; }
}