

<link href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css" rel="stylesheet">

<style>
body {font-family:Prompt; text-decoration:none;}
ul {
padding:10px 25px;
list-style-type:square;
}
ul li {
padding:2px;
}

.header-link:hover {
    color: #4db5a0;
    text-decoration:none;
}

.white {color:#FFF;}
.black {color:#000;}
.tx-1 {font-size:48px;line-height:54px;}
.tx-2 {font-size:38px;line-height:44px;}
.tx-3 {font-size:30px;line-height:36px;}
.tx-4 {font-size:24px;line-height:30px;}
.tx-5 {font-size:20px;line-height:26px;}
.tx-6 {font-size:16px;line-height:22px;}
.tx-7 {font-size:14px;line-height:20px;}
.tx-time {font-size:12px;line-height:20px;}

.page-bg {background:rgba(255, 255, 255, 1);}
.page-areatop {max-width:1560px;width:100%;padding:0;margin:auto;}
.page-area {max-width:1560px;width:100%;padding:15px;margin:auto;}
.page-padding {padding:30px 0;}
.page-height {height:500px;}
.page-texttopic {color:#2b2b2b;font-weight:500;text-align:center;text-transform:uppercase;padding:0;}
.page-txcolor {color:#2b2b2b;}

@media screen and (max-width:1024px) {
.tx-1 {font-size:38px;line-height:44px;}
.tx-2 {font-size:30px;line-height:36px;}
.tx-3 {font-size:24px;line-height:30px;}
.tx-4 {font-size:20px;line-height:26px;}
.tx-5 {font-size:18px;line-height:24px;}
.tx-6 {font-size:14px;line-height:20px;}

.page-padding {padding:20px 0;}
}
@media screen and (max-width:430px) {
.tx-1 {font-size:30px;line-height:36px;}
.tx-2 {font-size:24px;line-height:30px;}
.tx-3 {font-size:20px;line-height:26px;}
.tx-4 {font-size:18px;line-height:24px;}
.tx-5 {font-size:14px;line-height:20px;}
.tx-7 {font-size:12px;line-height:20px;}
.page-area {padding:10px;}
}

.image-flash {width:100%;background-size:cover;}
.flashhome-bgposition {position:relative;margin-top:-51px;z-index:100;}
.flashhome-bgtop {
height:52px;padding:0;
background-image:url("images/home/bg-topb.png");
background-repeat:repeat-x;
background-position:center bottom;
background-size:contain;
}

/*--sector1--*/
.sector1-bg {
height:auto;padding:250px 0 0;
background-image:url("images/home/bg-coursestop2.png"),url("images/home/bg-coursestop1.jpg");
background-repeat:repeat-x,no-repeat;
background-position:left bottom,left top;
	background-size:contain,cover;
}
/* หน้าแรก km: ฮีโรวิดีโอ — หัวข้อ+ค้นหาทับวิดีโอ, การ์ดอยู่ชั้นล่าง */
.sector1-vidhero {
	position: relative;
	overflow: hidden;
	background-color: #1a4050;
	margin-top: -96px;
	padding-top: 96px;
	min-height: 58vh;
}
@media screen and (max-width: 932px) {
	.sector1-vidhero {
		margin-top: -98px;
		padding-top: 98px;
	}
}
.sector1-vidhero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.sector1-vidhero__video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	opacity: 0.55;
	filter: brightness(1.08) saturate(0.85);
}
.sector1-vidhero__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.38) 0%,
		rgba(255, 255, 255, 0.22) 28%,
		rgba(255, 255, 255, 0.12) 55%,
		rgba(255, 255, 255, 0.18) 78%,
		rgba(240, 245, 248, 0.35) 100%
	);
}
/* ทับวิดีโอ: เว้นใต้เมนู fixed (~96px) + ช่องว่าง — ไม่ให้หัวข้อทับเมนู */
.sector1-vidhero__overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 4;
	padding: 318px 0 20px;
	pointer-events: none;
}
@media screen and (max-width: 932px) {
	.sector1-vidhero__overlay {
		padding-top: 322px;
	}
}
.sector1-vidhero__overlay .page-area {
	pointer-events: none;
}
.sector1-vidhero__intro {
	pointer-events: auto;
	background: transparent;
}
.sector1-vidhero__inner {
	position: relative;
	z-index: 3;
	padding: clamp(500px, 34vh, 600px) 0 24px;
}
.sector1-vidhero__cards {
	background: transparent;
}
/* หน้า seminar (flashpage): พื้นหลังวิดีโอแทนรูป — จางเหมือนหน้าแรก */
.flashpage-carousel-inner--video {
	position: relative;
	overflow: hidden;
}
.flashpage-carousel-inner--video .flashpage-hero-vid {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}
.flashpage-carousel-inner--video .flashpage-hero-vid__video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	opacity: 0.55;
	filter: brightness(1.08) saturate(0.85);
}
.flashpage-carousel-inner--video .flashpage-hero-vid__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.38) 0%,
		rgba(255, 255, 255, 0.22) 28%,
		rgba(255, 255, 255, 0.12) 55%,
		rgba(255, 255, 255, 0.18) 78%,
		rgba(240, 245, 248, 0.35) 100%
	);
}
.flashpage-carousel-inner--video .flashpage-box {
	position: relative;
	z-index: 2;
}
.flashpage-carousel-inner--video .flashpage-txbox {
	z-index: 3;
}
.carousel--flashpage-video .carousel-control-prev,
.carousel--flashpage-video .carousel-control-next {
	display: none !important;
}
.sector1-vidhero .sector1-text1 {
	color: #111;
	text-shadow: none;
}
.sector1-vidhero .sector1-text2 {
	color: #fff;
	text-shadow: none;
}
.sector1-bgblank {margin-top:0px;}
.sector1-text1 {color:#113b51;font-weight:400;text-align:center;text-transform:uppercase;padding:0;}
.sector1-text2 {color:#136792;font-size:60px;line-height:66px;font-weight:400;text-align:center;text-transform:uppercase;padding:10px 0 15px;}
.sector1-search {background:#FFF;max-width:100%;padding:5px 10px 5px 20px;border:1px solid #20a48d;border-radius:20px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);margin:auto;}
.sector1-boxsearch {
	background:#279192;
	max-width:100%;
	width:100%;
	box-sizing:border-box;
	color:#FFF;
	padding:7px 2.5rem 7px 12px;
	border:1px solid #20a48d;
	border-radius:15px;
	box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);
	text-align:left;
}
.sector1-columnl {width:74%;color:#FFF;padding:0 10px;text-align:left;}
.sector1-columnr {width:26%;color:#FFF;padding:0 0 0 2px;text-align:left;}
.sector1-box {width:33.333333%;padding:10px;}
.sector1-container {position:relative;}
.sector1-image {width:100%;height:200px;background-size:cover;border-radius:20px;}
.sector1-on {
position:absolute;cursor:pointer;
top:0;width:100%;height:100%;
opacity:0;transition:.5s ease;border-radius:20px;
}
.sector1-container:hover .sector1-on {opacity:1;background:linear-gradient(rgba(32, 122, 129, 0.9),rgba(17, 59, 81, 0.9),rgba(17, 59, 81, 0.9));outline:2px solid rgba(79, 254, 179, 0);outline-offset:0px;}
.sector1-texton {
position:absolute;
color:#FFF;font-size:22px;line-height:28px;text-transform:uppercase;text-align:center;
width:100%;top:34%;left:0%;padding:20px;
border-radius:20px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
.sector1-off {
position:absolute;cursor:pointer;
top:0;height:100%;width:100%;border-radius:20px;
opacity:1;transition:.5s ease;background:linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2),rgba(17, 59, 81, 0.2),rgba(17, 59, 81, 0.8));
}
.sector1-container:hover .sector1-off {opacity:0;}
.sector1-textoff {
position:absolute;
background:rgba(0, 0, 0, 0);color:#FFF;font-size:18px;line-height:24px;font-weight:400;text-transform:uppercase;text-align:left;
width:100%;bottom:0%;left:0%;padding:10px 20px;
border-radius:20px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

form.examplesearch input[type=text] {
float:left;width:95%;
padding:5px;font-size:14px;color:#666;text-transform:uppercase;
background:rgba(255, 255, 255, 0);border-right:none;
border:0px solid rgba(200, 200, 200, 1);
}
form.examplesearch button {
float:left;width:5%;cursor:pointer;
padding:5px;font-size:17px;color:#666;text-transform:uppercase;
background:#FFF;border-left:none;
border:0px solid rgba(200, 200, 200, 1);
}

form.examplesearch button:hover {
background:#FFF;
}
form.examplesearch button:focus {
outline:0;
box-shadow:0 0 0 .2rem rgba(255, 255, 255, 0);
}
form.examplesearch input[type=text]:focus {
outline:0;
box-shadow:0 0 0 .2rem rgba(255, 255, 255, 0);
}
form.examplesearch::after {
content: "";
clear: both;
display: table;
}	

@media screen and (max-width:1280px) {
.sector1-bg {padding:250px 0 0;}
.sector1-vidhero__inner {padding: clamp(500px, 33vh, 580px) 0 20px;}
}
@media screen and (max-width:1024px) {
.sector1-bg {padding:220px 0 0;}
.sector1-vidhero__inner {padding: clamp(480px, 35vh, 560px) 0 20px;}
.sector1-search {max-width:80%;}
.sector1-text2 {font-size:50px;line-height:56px;}
.sector1-columnl {width:71%;}
.sector1-columnr {width:29%;}
}
@media screen and (max-width:932px) {
.sector1-bgblank {margin-top:96px;}
.sector1-bg {padding:150px 0 0;}
.sector1-vidhero__inner {padding: clamp(480px, 40vh, 560px) 0 16px;}
.sector1-search {max-width:100%;}
.sector1-text2 {font-size:40px;line-height:46px;}
.sector1-columnl {width:67%;}
.sector1-columnr {width:33%;}
.sector1-image {height:150px;}
.sector1-texton {font-size:16px;line-height:22px;top:28%;}
.sector1-textoff {font-size:14px;line-height:20px;}
}
@media screen and (max-width:430px) {
.sector1-bg {padding:100px 0 0;}
.sector1-vidhero__inner {padding: clamp(460px, 44vh, 520px) 0 12px;}
.sector1-text2 {font-size:30px;line-height:36px;}
.sector1-boxsearch {padding:6px 2.25rem 6px 10px;}
.sector1-columnl {width:62%;}
.sector1-columnr {width:38%;}
.sector1-box {width:100%;}
.sector1-texton {font-size:24px;line-height:30px;top:28%;}
.sector1-textoff {font-size:16px;line-height:22px;}
form.examplesearch input[type=text] {width:90%;}
form.examplesearch button {width:10%;}
}


/*--sector1--*/

/*--sector2--*/
.sector2-bg {background:#FFF;}
.sector2-columnl {width:80%;color:#FFF;padding:0 10px;text-align:left;}
.sector2-columnr {width:20%;color:#FFF;padding:0 10px;text-align:right;}
.sector2-text1 {color:#575757;font-weight:500;text-transform:uppercase;padding:0;}
.sector2-margin {float:right;padding:20px 0 10px;margin:inherit;}

.sector2-viewall {background:#20a48d;max-width:180px;color:#FFF;font-size:14px;text-align:center;padding:10px;border:1px solid #20a48d;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector2-viewall:hover {background:#113b51;}
.sector2-register {background:#279192;max-width:100px;color:#FFF;font-size:12px;text-align:center;padding:10px;border:1px solid #279192;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector2-register:hover {background:#113b51;}

.sector2-bgbar {
border-collapse: collapse;
border-spacing: 0;
width:100%;background:#113b51;
color:#333;font-size:14px;
padding:0;border-radius:5px 5px 0 0;}
.sector2-blank {padding:8px;}

@media screen and (max-width:1280px) {
.sector2-columnl {width:70%;}
.sector2-columnr {width:30%;}
}
@media screen and (max-width:1024px) {

}
@media screen and (max-width:932px) {
.sector2-columnl {width:60%;}
.sector2-columnr {width:40%;}
.sector2-bgbar {width:1024px;}
}
@media screen and (max-width:668px) {
.sector2-columnl {width:100%;}
.sector2-columnr {width:100%;}
.sector2-margin {float:inherit;}
}
/*--sector2--*/

/*--sector3--*/
.sector3-bg {
height:auto;padding:50px 0 10px;
background-image:url("images/home/bg-courses.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
/* หน้าแรก km — บล็อกหลักสูตรสำคัญ: วิดีโอพื้นหลัง + parallax (เลื่อนช้ากว่าเนื้อหา) */
.sector3-bg--parallax {
	position: relative;
	overflow: hidden;
	background-image: none;
	background-color: #0b1628;
	isolation: isolate;
}
.sector3-bg__media {
	position: absolute;
	left: 0;
	right: 0;
	top: -14%;
	bottom: -14%;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	will-change: transform;
}
.sector3-bg__video {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center center;
	opacity: 0.5;
	filter: brightness(0.96) saturate(0.88);
}
.sector3-bg__shade {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(6, 15, 38, 0.78) 0%,
		rgba(6, 15, 38, 0.52) 42%,
		rgba(10, 24, 48, 0.72) 100%
	);
}
.sector3-bg__content {
	position: relative;
	z-index: 2;
}
.sector3-columnl {width:50%;color:#FFF;padding:0 10px;text-align:left;}
.sector3-columnr {width:50%;color:#FFF;padding:0 10px;text-align:right;}
.sector3-columntl {width:50%;color:#FFF;padding:0 10px;text-align:left;}
.sector3-columntr {width:50%;color:#FFF;padding:0 10px;text-align:right;}
.sector3-text1 {color:#FFF;font-weight:500;}
.sector3-text2 {color:#FFF;font-weight:300;}	
.sector3-boxcolumnl {width:33.3%;padding:5px;text-align:left;}
.sector3-boxsearch {width:100%;padding:10px;text-align:center;border-radius:20px;}
.sector3-borderblank {padding:10px 0;}
.sector3-border {width:100%;text-align:left;border-bottom:1px solid #666;}

.sector3-boxcourses {width:50%;padding:10px;text-align:center;}
.sector3-coursestx {width:100%;padding:10px;border-radius:5px;box-shadow:1px 1px 8px 1px rgba(100, 100, 100, 0);transition:.5s ease;}
.sector3-image {max-width:700px;width:100%;border-radius:5px;}
.sector3-imageteacher {max-width:150px;width:100%;border-radius:50%;}
.sector3-height {height:160px;padding:0;}
.sector3-tx1 {color:#002058;font-size:16px;line-height:22px;text-align:left;font-weight:500;padding:8px 0 0;}
.sector3-tx2 {color:#555;font-size:12px;text-align:left;padding:0;}
.sector3-tx3 {color:#002058;text-align:left;padding:20px 0;transition:.5s ease;}
.sector3-time {color:#333;padding:0 5px;}
.sector3-txstar {color:#555;font-size:12px;text-align:left;padding:0 0;}
.sector3-margin {float:right;padding:20px 0 10px;margin:inherit;}
.sector3-viewall {background:#415eca;max-width:180px;color:#FFF;font-size:14px;text-align:center;padding:10px 20px;border:1px solid #415eca;border-radius:20px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector3-viewall:hover {background:#113b51;}
.sector3-link {transition:.5s ease;}
.sector3-link:hover .sector3-tx3 {color:#53aeb9;}
.sector3-link:hover .sector3-coursestx {transform:scale(1.01);}

.carousel-indicators li {
box-sizing:content-box;cursor:pointer;opacity:.5;
-ms-flex:0 1 auto;flex:0 1 auto;transition:opacity .6s ease;
width:8px;height:8px;border-radius:50%;
margin-bottom:-20px;margin-right:3px;margin-left:3px;text-indent:-999px;
background-color: #060f26;
background-clip: padding-box;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.carousel-indicators .active {
opacity: 1;
background-color: #FFF;
}	
.sector3-arrow-l {background:rgba(65, 94, 202, 1);color:#FFF;max-width:60px;font-size:24px;border-radius:50%;padding:10px 14px;margin-left:-0px;}
.sector3-arrow-r {background:rgba(65, 94, 202, 1);color:#FFF;max-width:60px;font-size:24px;border-radius:50%;padding:10px 14px;margin-right:-0px;}	
.checked {color:orange;}

@media screen and (max-width:1280px) {
.sector3-bg {padding:30px 0 10px;}
.sector3-columnl {width:40%;}
.sector3-columnr {width:60%;}
.sector3-boxcolumnl {width:50%;}
}
@media screen and (max-width:1024px) {
.sector3-columnl {width:100%;}
.sector3-columnr {width:100%;}
.sector3-boxcolumnl {width:25%;}
}
@media screen and (max-width:932px) {
.sector3-bg {padding:20px 0 10px;}
.sector3-boxcolumnl {width:33.3%;}
}
@media screen and (max-width:430px) {
.sector3-boxcolumnl {width:50%;}
.sector3-boxcourses {width:100%;padding:10px;text-align:center;}
}
/*--sector3--*/

/*--sector4--*/
.sector4-bg {background:#FFF;}
.sector4-columnl {width:30%;padding:0 10px;text-align:left;}
.sector4-columnr {width:70%;padding:0 10px;text-align:left;}
.sector4-text1 {color:#415eca;font-weight:500;text-transform:uppercase;padding:0;}
.sector4-text2 {color:#4e4e4e;font-weight:300;text-transform:uppercase;padding:15px 0;}
.sector4-viewall {background:#415eca;max-width:150px;color:#FFF;font-size:14px;text-align:center;padding:10px 20px;border:1px solid #415eca;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;text-decoration:none !important;}
.sector4-viewall:hover {background:#113b51;color:#FFF;text-decoration:none;}
.sector4-boxfaq-q {background:rgba(65, 94, 202, 1);color:#FFF;font-size:20px;text-align:center;font-weight:500;padding:8px 15px;border-radius:10px;}
.sector4-boxfaq-a {background:rgba(32, 164, 141, 1);color:#FFF;font-size:20px;text-align:center;font-weight:500;padding:11px 15px;border-radius:10px;}

@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:932px) {
.sector4-columnl {width:100%;}
.sector4-columnr {width:100%;}
}
@media screen and (max-width:430px) {
}
/*--sector4--*/

/*--sector5--*/
.sector5-bg {background:#FFF;}
.sector5-box {width:33.333333%;padding:0px;background:#FFF;}
.sector5-container {position:relative;}
.sector5-image {width:100%;height:400px;background-size:cover;}
.sector5-columnl {width:50%;color:#FFF;padding:0 10px;text-align:left;}
.sector5-columnr {width:50%;color:#FFF;padding:0 10px;}
.sector5-link {color:#FFF;font-size:16px;line-height:22px;text-align:right;padding:10px 0 0;border:0px solid rgba(79, 254, 179, 1);border-radius:0;}
.sector5-linko {color:#FFF;font-size:16px;line-height:22px;text-align:center;padding:10px 0 0;border:0px solid rgba(79, 254, 179, 1);border-radius:0;}
.sector5-on {
position:absolute;cursor:pointer;
top:0;width:100%;height:100%;
opacity:0;transition:.5s ease;border-radius:0;
}
.sector5-container:hover .sector5-on {opacity:1;background:linear-gradient(rgba(65, 94, 199, 0.9),rgba(28, 45, 107, 0.6));outline:2px solid rgba(79, 254, 179, 0.5);outline-offset:-10px;}
.sector5-texton {
position:absolute;
color:#FFF;font-size:26px;line-height:32px;text-transform:uppercase;text-align:center;
width:100%;top:40%;left:0%;padding:20px;
border-radius:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
.sector5-off {
position:absolute;cursor:pointer;
top:0;height:100%;width:100%;border-radius:0;
opacity:1;transition:.5s ease;background:linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2),rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.8));
}
.sector5-container:hover .sector5-off {opacity:0;}
.sector5-textoff {
position:absolute;
background:rgba(0, 0, 0, 0);color:#FFF;font-size:24px;line-height:30px;font-weight:500;text-transform:uppercase;text-align:left;
width:100%;bottom:0%;left:0%;padding:20px;
border-radius:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width:1280px) {
.sector5-image {height:260px;}
.sector5-columnl {width:100%;}
.sector5-columnr {width:100%;}
.sector5-link {font-size:12px;line-height:20px;text-align:left;padding:0;}
.sector5-linko {font-size:12px;line-height:20px;padding:0;}
.sector5-texton {font-size:22px;line-height:28px;top:40%;}
.sector5-textoff {font-size:20px;line-height:26px;}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:932px) {
.sector5-image {height:180px;}
.sector5-texton {font-size:18px;line-height:24px;top:35%;padding:10px;}
.sector5-textoff {font-size:16px;line-height:22px;padding:10px 20px;}
}
@media screen and (max-width:668px) {
.sector5-box {width:100%;}
.sector5-image {height:240px;}
}
/*--sector5--*/

/*--sector6--*/
.sector6-bg {background-image:linear-gradient(rgba(236, 245, 254, 1),rgba(255, 255, 255, 1),rgba(236, 245, 254, 1));}
.sector6-column {width:25%;padding:20px;}
.sector6-partners {max-width:200px;width:100%;margin:auto;transition:.5s ease;}
.sector6-partners:hover {transform:scale(1.04);opacity:0.7;}

@media screen and (max-width:430px) {
.sector6-column {width:50%;}
}
/*--sector6--*/

/*--foot--*/
.foot-bg {background:#113b51;}
.foot-columnl {width:50%;padding:10px;}
.foot-columnr {width:50%;padding:10px;}
.foot-columnlb {width:50%;padding:10px;}
.foot-columnrl {width:60%;padding:10px;}
.foot-columnrr {width:40%;padding:10px;}
.foot-logo {max-width:290px;width:100%;}
.foot-icon {max-width:90px;width:100%;}
.foot-iconbsi {max-width:136px;width:100%;}
.foot-iconbsiarea {padding:15px 15px 0;text-align:left;}
.foot-txtopicl {text-align:left;text-transform:uppercase;padding:20px 0;}
.foot-txtopicr {text-align:left;text-transform:uppercase;padding:10px 10px 0;}
.foot-tx {text-align:left;text-transform:uppercase;padding:3px;}
.foot-link {color:#FFF;font-size:14px;text-align:left;text-transform:uppercase;padding:10px 0 0;transition:.5s ease;}
.foot-link:hover {color:#85b1ff;margin-left:3px;}
.foot-columnsl {width:50%;padding:0 10px;}
.foot-columnsr {width:50%;padding:0 10px;}
.foot-columnicon {width:5%;padding:0 5px;}
.foot-txsocial {text-align:left;padding:0 5px;;}
.foot-txvisitor {text-align:right;padding:10px 15px 0;}
.foot-iconcolumnl {width:17%;padding:10px;}
.foot-iconcolumnr {width:83%;padding:10px;}
.foot-linkicon {width:25px;border-radius:5px;transition:.5s ease;}
.foot-linkicon:hover {opacity: 0.4;}

@media screen and (max-width:1280px) {
.foot-columnicon {width:7%;}
.foot-iconcolumnl {width:22%;}
.foot-iconcolumnr {width:78%;}
}
@media screen and (max-width:1024px) {
.foot-columnl {width:50%;padding:10px 0;}
.foot-columnr {width:50%;padding:10px 0;}
.foot-columnlb {width:100%;padding:0 10px;}
.foot-columnrl {width:65%;padding:10px 0;}
.foot-columnrr {width:35%;padding:10px 0;}
.foot-txtopicr {padding:10px;}
.foot-tx {padding:5px;}
.foot-columnsl {padding:0;}
.foot-columnsr {padding:0;}
.foot-columnicon {width:9%;}
.foot-iconcolumnl {width:25%;}
.foot-iconcolumnr {width:75%;}
}
@media screen and (max-width:932px) {
.foot-columnl {width:100%;padding:10px 0;}
.foot-columnr {width:100%;padding:10px 0;}
.foot-columnlb {width:50%;}
.foot-txtopicl {text-align:left;text-transform:uppercase;padding:20px 0;}
.foot-txtopicr {text-align:left;text-transform:uppercase;padding:10px 0 0;}
.foot-columnicon {width:13%;}
.foot-iconcolumnl {width:35%;}
.foot-iconcolumnr {width:65%;}
}
@media screen and (max-width:430px) {
.foot-columnlb {width:100%;}
.foot-columnsl {width:60%;}
.foot-columnsr {width:40%;}
.foot-columnicon {width:22%;}
.foot-iconcolumnl {width:52%;}
.foot-iconcolumnr {width:48%;}
}
/*--foot--*/	

/*--copyright--*/
.copyright-bg {background:#0a2538;}
.copyright-columnl {width:50%;color:#FFF;padding:0 10px;text-align:left;}
.copyright-columnr {width:50%;color:#FFF;padding:0 10px;text-align:right;}

.copyright-link {color:#FFF;text-align:left;padding:0 5px;transition:.5s ease;}
.copyright-link:hover {color:#036b77;}

@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
.copyright-columnl {width:50%;}
.copyright-columnr {width:50%;}
}
@media screen and (max-width:932px) {
.copyright-columnl {width:100%;text-align:center;}
.copyright-columnr {width:100%;padding:10px 0 0;text-align:center;}
}
@media screen and (max-width:430px) {
}
/*--copyright--*/

iframe {width:80%;aspect-ratio:16 / 9;}
@media screen and (max-width:896px) {
iframe {width:100%;}
}
.video-flame {width:100%;aspect-ratio:16 / 9;}

.rotate {
animation: ro infinite;
animation-duration: 3s;
}
.rotate1 {
animation: ro infinite;
animation-duration: 20s;
}
.updown {
animation: ud infinite;
animation-duration: 3s;
}
@keyframes ud {
0%   {bottom:0px;}
25%  {bottom:8px;}
50%  {bottom:0px;}
75%  {bottom:8px;}
100% {bottom:0px;}
}
@keyframes ro {
0%   {transform:rotateY(0deg);}
25%  {transform:rotateY(180deg);}
50%  {transform:rotateY(0deg);}
75%  {transform:rotateY(180deg);}
100% {transform:rotateY(0deg);}
}
.flashing {
-webkit-animation: flashing .8s infinite;
-moz-animation: flashing .8s infinite;
-ms-animation: flashing .8s infinite;
-o-animation: flashing .8s infinite;
animation: flashing .8s infinite;
}
@-webkit-keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
@-moz-keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
@-ms-keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
@-o-keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
@keyframes flashing {
from {opacity:.2;}
to {opacity:1;}
}
</style>