/* Extracted from css.php */
body {font-family:Prompt}
ul {
padding:10px 25px;
list-style-type:square;
}
ul li {
padding:2px;
}
ul.training-list {
padding:10px 5px;
list-style:square inside url("images/home/training-list.jpg");
}
ul.training-list li {
padding:5px;
}

.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:18px;line-height:22px;}
.tx-7 {font-size:14px;line-height:20px;}
.tx-time {font-size:13px;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-areamenupage {max-width:1560px;width:100%;padding:0 0px;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:28px !important;line-height:34px !important;}
.tx-2 {font-size:28px;line-height:34px;}
.tx-3 {font-size:22px;line-height:28px;}
.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:768px) {
.tx-1 {font-size:28px !important;line-height:34px !important;}
.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:16px;line-height:22px;}
}
@media screen and (max-width:480px) {
.tx-1 {font-size:28px !important;line-height:34px !important;}
}
@media screen and (max-width:430px) {
.tx-1 {font-size:28px !important;line-height:34px !important;}
.tx-2 {font-size:22px;line-height:28px;}
.tx-3 {font-size:18px;line-height:24px;}
.tx-4 {font-size:16px;line-height:22px;}
.tx-5 {font-size:14px;line-height:20px;}
.tx-7 {font-size:12px;line-height:20px;}
.page-area {padding:10px;}
}

/* หน้า บทความ (cid=2&cat=emt-article): ซ่อนหัวข้อ "บทความ" บน mobile */
@media screen and (max-width: 768px) {
  .page-area-articles .articles-page-title { display: none !important; }
}

/* Knowledge RMTS: เพิ่ม margin-top ให้คำอธิบายเฉพาะบน mobile */
@media screen and (max-width: 768px) {
  .knowledge-section-description {
    margin-top: 5% !important;
  }
}

.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;
}
.menu-pagebg {background:#f9f9f9;border-bottom:1px solid #c1c1c1;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}
.menu-pagelink {color:#FFF;text-align:right;transition:.5s ease;}
.menu-pagelink:hover {color:#00ff9c;}
.menu-pagecolumn1l {width:20%;padding:15px 5px 15px 15px;}
.menu-pagecolumn1r {width:80%;padding:15px 25px 15px 15px;}
.menu-pagecolumn2 {width:20%;padding:0 5px;}
.menu-pagecolumn3l {width:5%;padding:0 10px;border-right:1px solid #c1c1c1;text-align:center;}
.menu-pagecolumn3r {width:95%;color:#1a605b;padding:15px;}
.menu-pageiconhome {color:#949494;font-size:40px;padding:5px;}
.menu-pagelinkmenur {background:#1a605b;max-width:100%;color:#FFF;font-size:16px;font-weight:500;text-align:center;padding:10px 20px;border:1.7px solid #27a39a;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0);transition:.5s ease;}
.menu-pagelinkmenu {background:#FFF;max-width:100%;color:#0b5e58;font-size:16px;font-weight:500;text-align:center;padding:10px 20px;border:1.7px solid #c8c8c8;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0);transition:.5s ease;}
.menu-pagelinkmenu:hover {background:#1a605b;color:#FFF;border:1.7px solid #27a39a;}

.likebutton {background:#f4f4f4;width:80px;color:#333;font-size:12px;padding:5px 10px;border:1px solid #ddd;border-radius:5px;transition:.5s ease;}
.likebutton:hover {background:#e6e5e5;color:#999;}
.link-back {background:#0e246c;width:120px;color:#FFF;text-align:center;padding:10px;border:1px solid #ddd;border-radius:5px;transition:.5s ease;}
.link-back:hover {background:#6c0e0e;}
.sitemap-pagebg {background:#2b398c;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1280px) {
.menu-pagecolumn3l {width:6%;}
.menu-pagecolumn3r {width:94%;}
}
@media screen and (max-width:1024px) {
.menu-pagecolumn3l {width:7%;}
.menu-pagecolumn3r {width:93%;}
}
@media screen and (max-width:932px) {
.menu-pagecolumn1l {width:100%;padding:0 0 15px;}
.menu-pagecolumn1r {width:100%;padding:  10px;}
.menu-pagecolumn2 {width:20%;padding:0 5px;}
.menu-pagecolumn3l {width:9%;}
.menu-pagecolumn3r {width:91%;}
.menu-pagelinkmenur {font-size:14px;padding:10px 20px;}
.menu-pagelinkmenu {font-size:14px;padding:10px 20px;}

}
@media screen and (max-width:430px) {
.menu-pagecolumn3l {width:12%;padding:0 10px 0 0;}
.menu-pagecolumn3r {width:88%;padding:15px 0 15px 15px;}
.menu-pageiconhome {color:#949494;font-size:30px;padding:10px 5px 5px;}
.menu-pagelinkmenur {font-size:12px;padding:10px 5px;}
.menu-pagelinkmenu {font-size:12px;padding:10px 3px;}
}


/*--sector1--*/
.sector1-bg {
height:auto;padding:250px 0 50px;
background-image: var(--sector1-bg-image, url("images/home/bg-top.jpg"));
background-repeat:no-repeat;
background-position:center top;
background-size:cover;
}

/* Sector1 background animation (Ken Burns / subtle pan) */
.sector1-bg {
  position: relative;
  overflow: hidden;
}
.sector1-bg.has-hero-video {
  background-image: none;
}
.sector1-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-repeat: inherit;
  background-position: center top;
  background-size: cover;
  transform: scale(1);
  animation: sector1KenBurns 18s ease-in-out infinite alternate;
  will-change: transform, background-position;
  z-index: 0;
  pointer-events: none;
}
.sector1-bg.has-hero-video::before {
  display: none;
}
.sector1-bg .sector1-video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.sector1-bg .sector1-video-overlay {
  position: absolute;
  inset: 0;
  background: rgba(4, 17, 58, 0.35);
  z-index: 0;
  pointer-events: none;
}

/* Hero text overlay (uses Hero Slide fields) */
.sector1-hero-text {
  max-width: 720px;
  padding: 30px 20px;
  color: #fff;
}
.sector1-hero-title {
  font-size: 56px;
  line-height: 62px;
  font-weight: 600;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}
.sector1-hero-subtitle {
  margin-top: 12px;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}
.sector1-hero-btn {
  display: inline-block;
  margin-top: 18px;
  padding: 10px 18px;
  border-radius: 22px;
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  transition: .25s ease;
  background: rgba(9, 28, 69, 0.65);
}
.sector1-hero-btn:hover {
  color: #fff;
  background: rgba(20, 107, 117, 0.85);
  text-decoration: none;
}
@media screen and (max-width:1024px) {
  .sector1-hero-title { font-size: 40px; line-height: 46px; }
  .sector1-hero-subtitle { font-size: 18px; line-height: 26px; }
}
@media screen and (max-width:430px) {
  .sector1-hero-title { font-size: 30px; line-height: 36px; }
  .sector1-hero-text { padding: 20px 15px; }
}
.sector1-bg > * {
  position: relative;
  z-index: 1;
}
@keyframes sector1KenBurns {
  0%   { transform: scale(1);    background-position: 50% 0%; }
  50%  { transform: scale(1.06); background-position: 55% 10%; }
  100% { transform: scale(1.10); background-position: 45% 0%; }
}
@media (prefers-reduced-motion: reduce) {
  .sector1-bg::before { animation: none; transform: none; }
}

.sector1-column1l {width:50%;}
.sector1-column1r {width:50%;padding:40px 10px;text-align:right;}
.sector1-column2l {width:50%;background:rgba(27, 63, 135, 0.9);padding:40px 10px;text-align:left;border-radius:0 10px 10px 0;}
.sector1-column2r {width:50%;}
.sector1-areal {max-width:740px;width:100%;padding:0 20px 0 0;float:right;}
.sector1-arear {max-width:320px;width:100%;padding:0 20px 0 0;float:right;}
.sector1-text1 {color:#FFF;font-size:40px;line-height:46px;font-weight:400;text-align:left;text-transform:uppercase;padding:0 0 5px;}
.sector1-text2 {color:#FFF;font-size:16px;line-height:22px;font-weight:400;text-align:left;text-transform:uppercase;padding:5px 0 0;}
.sector1-text3 {color:#FFF;font-size:12px;line-height:20px;text-align:left;padding:10px; border-radius:4px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); background:rgba(2, 0, 0,0.8);}
.sector1-blank {padding:40px 0 0;}
.sector1-learning {background:linear-gradient(to right,rgba(30, 58, 137, 1),rgba(20, 41, 101, 1));width:180px;color:#FFF;font-size:12px;text-align:right;text-transform:uppercase;padding:8px 25px 8px 10px;border-radius:20px;border:1px solid #FFF;transition:.5s ease;}
.sector1-learning:hover {background:linear-gradient(to right,rgba(20, 107, 117, 1),rgba(6, 73, 81, 1));width:186px;color:#FFF;}
.sector1-iconlearning {width:26px;height:26px;border-radius:50%;border:1px solid #FFF;transition:.5s ease;}
.sector1-box {width:100%;padding:10px;}
.sector1-container {position:relative;}
.sector1-margin {text-align:center;padding:120px 0 0;}
.sector1-width {width:75px;height:75px;margin:auto;} 
.sector1-icon {width:64px;height:64px;border-radius:50%;transition:.5s ease;}
.sector1-on {
position:absolute;cursor:pointer;
top:0;width:100%;height:100%;
opacity:0;transition:.5s ease;
}
.sector1-container:hover .sector1-on {opacity:1;}
.sector1-container:hover .sector1-width {width:75px;height:75px;}
.sector1-container:hover .sector1-icon {width:48px;height:48px;}
.sector1-texton {position:absolute;width:100%;bottom:0%;left:0%;padding:0;}
.sector1-off {
position:absolute;cursor:pointer;
top:0;height:100%;width:100%;
opacity:1;transition:.5s ease;
}
.sector1-container:hover .sector1-off {opacity:0;}
.sector1-textoff {position:absolute;width:100%;bottom:0%;left:0%;padding:0;}	

@media screen and (max-width:1366px) and (min-width:1025px) {
.sector1-arear {max-width:300px;padding:0 0 0 0;float:right;}
}
@media screen and (max-width:1280px) {
.sector1-areal {padding:0 20px;}
} 



@media screen and (min-width:768px) and (max-width:1366px) and (orientation: landscape) {
  /* สไตล์ iPad landscape รวม iPad Air 13" แนวนอน */
  .sector1-box a {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
}
}



/* iPad Pro เท่านั้น: 4 icon ติดมุมขวาแบบ mobile */
@media screen and (max-width: 1024px) and (min-width: 933px) {
.sector1-arear {
  max-width:300px;padding:0 0 0 0;float:right; 
}
.sector1-box a {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
}
}
@media screen and (max-width:1024px) {
.sector1-text1 {font-size:30px;line-height:36px;}
.sector1-text2 {font-size:16px;line-height:22px;}
}
@media screen and (max-width:932px) {
.sector1-column1l {width:30%;}
.sector1-column1r {width:70%;}
.sector1-column2l {width:70%;padding:30px 10px;}
.sector1-column2r {width:30%;}
}
@media screen and (max-width:430px) {
.sector1-column1l {width:1%;}
.sector1-column1r {width:99%;}
.sector1-column2l {width:90%;padding:30px 10px;}
.sector1-column2r {width:10%;}
.sector1-arear {max-width:260px;}
.sector1-text1 {font-size:22px;line-height:28px;}
.sector1-text2 {font-size:14px;line-height:22px;}
}


/*--sector1--*/

/*--sector2--*/
.sector2-bg {background:#ebf5f6;}
.sector2-columnl {width:40%;padding:10px;text-align:center;}
.sector2-columnr {width:60%;padding:10px;}
.sector2-text1 {color:#2b3290;font-weight:500;text-transform:uppercase;padding:0;line-height: 39px;}
.sector2-text2 {color:#333;padding:0;}
.sector2-margin {float:right;padding:20px 0 10px;margin:inherit;}
.sector2-borderblank {padding:10px 2px 20px;}
.sector2-border {max-width:80px;text-align:left;border-bottom:7px dotted #2b3290;}
.sector2-image {max-width:400px;width:100%;border-radius:0;}

@media screen and (max-width:1024px) {
.sector2-columnl {width:30%;}
.sector2-columnr {width:70%;}
}
@media screen and (max-width:932px) {
.sector2-columnl {width:35%;}
.sector2-columnr {width:65%;}
}
@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-knowledge.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.sector3-text1 {color:#FFF;font-weight:500;text-align:center;}
.sector3-text2 {width:50%;color:#FFF;font-weight:300;text-align:center;margin:auto;}
.sector3-text3 {color:#FFF;font-size:12px;line-height:20px;text-align:left;padding:10px 10px 20px;}
.sector3-borderblank {padding:10px 2px 20px;}
.sector3-border {max-width:80px;text-align:left;border-bottom:7px dotted #FFF;margin:auto;}
.sector3-box {width:25%;padding:10px;}
.sector3-view {background:inherit;width:100px;color:#FFF;font-size:12px;text-align:left;padding:2px 8px 2px 10px;border-radius:20px;border:1px solid #FFF;transition:.5s ease;}
.sector3-container {position:relative;}
.sector3-image {width:100%;height:440px;background-size:cover;border-radius:10px;}
.sector3-margin {text-align:center;padding:120px 0 0;}
.sector3-icon {width:130px;height:130px;}
.sector3-on {
position:absolute;cursor:pointer;
top:0;width:100%;height:100%;border-radius:10px;
opacity:0;transition:.5s ease;
}
.sector3-container:hover .sector3-on {opacity:1;background:linear-gradient(rgba(1, 22, 44, 0.2),rgba(1, 22, 44, 0.8),rgba(1, 22, 44, 1));}
.sector3-texton {
position:absolute;
background:linear-gradient(to right,rgba(2, 12, 34, 0),rgba(2, 12, 34, 0));color:#FFF;font-size:22px;line-height:28px;font-weight:400;text-align:left;
width:100%;bottom:0%;left:0%;padding:15px 20px;
border-radius:0 0 10px 10px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}
.sector3-off {
position:absolute;cursor:pointer;background:rgba(27, 63, 135, 0.9);
top:0;height:100%;width:100%;border-radius:10px;
opacity:1;transition:.5s ease;
}
.sector3-container:hover .sector3-off {opacity:0;}
.sector3-textoff {
position:absolute;
background:linear-gradient(to right,rgba(2, 12, 34, 1),rgba(2, 12, 34, 0.2));color:#FFF;font-size:22px;line-height:28px;font-weight:400;text-align:left;
width:100%;bottom:0%;left:0%;padding:15px 20px;
border-radius:0 0 10px 10px;text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width:1280px) {
.sector3-image {height:380px;}
.sector3-margin {padding:100px 0 0;}
}
@media screen and (max-width:1024px) {
.sector3-text2 {width:80%;}
.sector3-image {height:320px;}
.sector3-margin {padding:80px 0 0;}
.sector3-icon {width:100px;height:100px;}
}
@media screen and (max-width:932px) {
.sector3-box {width:50%;}
.sector3-image {height:360px;}
.sector3-margin {padding:90px 0 0;}
.sector3-icon {width:120px;height:120px;}
}
@media screen and (max-width:430px) {
.sector3-text2 {width:96%;}
.sector3-text3 {padding:0 10px 10px;}
.sector3-image {height:280px;}
.sector3-margin {padding:60px 0 0;}
.sector3-icon {width:90px;height:90px;}
.sector3-texton {font-size:16px;line-height:22px;}
.sector3-textoff {font-size:16px;line-height:22px;}
}
/*--sector3--*/

/*--sector4--*/
.sector4-bg {background:#020d24;}
.sector4-columntl {width:80%;color:#FFF;padding:0 10px;text-align:left;}
.sector4-columntr {width:20%;color:#FFF;padding:0 10px;text-align:right;}
.sector4-text {color:#FFF;font-weight:400;text-transform:uppercase;padding:0;}
.sector4-margin {float:right;padding:10px 0;margin:inherit;}
.sector4-boxarticle {width:33.333%;padding:10px;text-align:center;}
.sector4-articletx {width:100%;padding:10px;border-radius:5px;box-shadow:1px 1px 8px 1px rgba(100, 100, 100, 0);transition:.5s ease;}
.sector4-boxcolumn {background:rgba(7, 75, 83, 0);width:100%;height:260px;padding:0px;border-radius:10px;}
.sector4-image {background:#111;width:100%;height:260px;background-size:cover;border-radius:10px;transition:.5s ease;}
.sector4-icon {max-width:16px;width:100%;}
.sector4-height {height:50px;padding:0;}
.sector4-boxtx {color:#FFF;text-align:left;font-weight:400;padding:15px 0 10px;}
.sector4-columnl {width:60%;padding:10px 5px 0 0;text-align:left;}
.sector4-columnc {width:40%;padding:10px 0 0 5px;text-align:right;}
.sector4-columnr {width:100%;padding:15px 0 10px;text-align:right;}
.sector4-time {color:#FFF;padding:4px 5px 0;font-size:14px;line-height:20px;}
.sector4-time.tx-time {font-size:14px !important;line-height:20px;}
.sector4-view {background:#146b75;max-width:130px;color:#FFF;font-size:16px;text-align:center;padding:9px 5px;border-radius:5px;transition:.5s ease;}
.sector4-view:hover {background:#e5882e;}
.sector4-viewall {background:#146b75;max-width:180px;color:#FFF;font-size:14px;text-align:center;padding:10px 20px;border:0px solid #146b75;border-radius:10px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector4-viewall:hover {background:#e5882e;}
.sector4-icon1 {background:#146b75;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:3px 15px;border-radius:10px;}
.sector4-icon2 {background:#3c6ff6;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:3px 15px;border-radius:10px;}
.sector4-icon3 {background:#20a48d;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:3px 15px;border-radius:10px;}
.sector4-icon4 {background:#e6872d;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:3px 15px;border-radius:10px;}
.sector4-imageon {
position:relative;left:0px;
bottom:250px;width:100%;height:100%;padding:5px 25px;
opacity:1;transition:.5s ease;border-radius:0;
}
.sector4-boxcolumn:hover {background:rgba(7, 75, 83, 1);}

.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:-10px;margin-right:3px;margin-left:3px;text-indent:-999px;
background-color: #555;
background-clip: padding-box;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.carousel-indicators .active {
opacity: 1;
background-color: #0143ca;
}
.checked {color:orange;}
.sector4-arrow-l {background:rgba(65, 94, 202, 1);color:#FFF;max-width:60px;font-size:24px;border-radius:10%;padding:10px 14px;margin-left:-0px;}
.sector4-arrow-r {background:rgba(65, 94, 202, 1);color:#FFF;max-width:60px;font-size:24px;border-radius:10%;padding:10px 14px;margin-right:-0px;}

@media screen and (max-width:1280px) {
.sector4-boxcolumn {height:230px;}
.sector4-image {height:230px;}
.sector4-imageon {bottom:220px;}
}
@media screen and (max-width:1024px) {
.sector4-boxcolumn {height:180px;}
.sector4-image {height:180px;}
.sector4-imageon {bottom:170px;}
}
@media screen and (max-width:932px) {
.sector4-boxarticle {width:50%;}
}
@media screen and (max-width:430px) {
.sector4-columntl {width:100%;}
.sector4-columntr {width:100%;}
.sector4-margin {float:left;padding:15px 0 0;}
.sector4-boxarticle {width:100%;}
}
/*--sector4--*/

/*--sector5--*/
.sector5-bg {background:#FFF;}
.sector5-columnl {background:#e2edee;width:50%;padding:50px 10px;text-align:left;}
.sector5-columnr {background:#bfd7da;width:50%;padding:50px 10px;text-align:right;}
.sector5-areal {max-width:740px;width:100%;padding:0 20px 0 0;float:right;}
.sector5-arear {max-width:740px;width:100%;padding:0;float:left;}
.sector5-text1 {color:#062464;text-align:left;font-weight:500;padding:0;}
.sector5-text2 {color:#333;text-align:left;padding:10px 0 30px;}
.sector5-text3 {color:#FFF;font-size:12px;line-height:14px;text-align:left;padding:0;}
.sector5-vdotx {width:100%;padding:10px;border-radius:5px;box-shadow:1px 1px 8px 1px rgba(100, 100, 100, 0);transition:.5s ease;}
.sector5-vdotx1 {color:#146b75;font-size:24px;line-height:30px;text-align:left;padding:10px 0 0;}
.sector5-vdotx2 {color:#146b75;font-size:24px;line-height:30px;text-align:left;padding:0;}
.sector5-vdotx3 {color:#333;font-size:20px;line-height:26px;text-align:left;padding:10px 0 0;}
.sector5-boxvdo {width:50%;padding:5.5px;text-align:center;}
.sector5-vdoheight {width:30%;height:160px;padding:0;}
.sector5-boxcolumn {background:rgba(7, 75, 83, 0);width:100%;height:180px;padding:0px;border-radius:10px;transition:.5s ease;}
.sector5-linkn1 {background:#e5882e;width:110px;color:#FFF;font-size:13px;text-align:center;padding:7px 10px 5px;border-radius:5px;transition:.5s ease;}
.sector5-linkn1:hover {background:#111;}
.sector5-linkn2 {background:#146b75;width:90px;color:#FFF;font-size:13px;text-align:center;padding:7px 10px 5px;border-radius:5px;transition:.5s ease;}
.sector5-linkn2:hover {background:#111;}
.sector5-locked {opacity:0;background:#111;width:100px;color:#FFF;font-size:13px;text-align:center;text-transform:uppercase;padding:3px 5px 3px 0;border-radius:5px;transition:.5s ease;}
.sector5-link1 {background:#146b75;width:32px;color:#FFF;font-size:13px;text-align:center;padding:3px 5px 3px 0;border-radius:50%;transition:.5s ease;}
.sector5-link1:hover {background:#111;}
.sector5-link2 {background:#e5882e;width:32px;color:#FFF;font-size:13px;text-align:center;padding:3px 5px 3px 0;border-radius:50%;transition:.5s ease;}
.sector5-link2:hover {background:#111;}
.sector5-icon {font-size:22px;text-align:center;padding:3px 0 0;}
.sector5-image {background:#111;width:100%;height:180px;background-size:cover;border-radius:10px;transition:.5s ease;}
.sector5-imagenews {max-width:1000px;width:100%;border-radius:10px;transition:.5s ease;}
.sector5-columnnl {background:#ccdbe6;width:25%;color:#FFF;padding:17px 10px 0;text-align:left;}
.sector5-columnnc {background:#ccdbe6;width:25%;color:#FFF;padding:17px 10px 0;text-align:left;}
.sector5-columnnr {background:#ccdbe6;width:50%;color:#FFF;padding:10px;text-align:right;}
.sector5-fr {float:right;}
.sector5-boxcolumnl {width:50%;padding:0 2px;text-align:left;}
.sector5-boxcolumnr {width:50%;padding:0 2px;}
.sector5-columntl {width:55%;color:#FFF;padding:0 5px 0 0;text-align:left;display: flex;align-items: center;vertical-align: middle;}
.sector5-columntc {width:15%;color:#FFF;padding:0 5px;text-align:left;display: flex;align-items: center;vertical-align: middle;}
.sector5-columntr {width:30%;color:#FFF;padding:0 0 0 20px;text-align:right;display: flex;align-items: center;justify-content: flex-end;vertical-align: middle;}
.sector5-tr {float:right;}
.sector5-imageon {
position:relative;cursor:pointer;
top:-40px;width:100%;height:100%;padding:5px 25px;
opacity:1;transition:.5s ease;border-radius:0;
}
.sector5-boxcolumn:hover {background:rgba(7, 75, 83, 1);}
.sector5-boxcolumn:hover .sector5-image {opacity:0.7;filter:blur(3px);}
.sector5-boxcolumn:hover .sector5-locked {opacity:1;background:#111;}
.sector5-height {height:100px;padding:0;}
.sector5-boxtx {color:#333;font-size:18px;line-height:20px;text-align:left;font-weight:400;padding:10px 0;}
.sector5-time {color:#0a3ca3;padding:0;font-size:14px;line-height:1.5;display: flex;align-items: center;}
.sector5-time.tx-time {font-size:14px !important;line-height:1.5;}
.sector5-view {background:#0a3ca3;max-width:90px;color:#FFF;font-size:14px;text-align:center;padding:6px;border-radius:5px;transition:.5s ease;}
.sector5-view:hover {background:#e5882e;}
.sector5-viewall {background:#146b75;max-width:180px;color:#FFF;font-size:14px;text-align:center;padding:10px 20px;border:0px solid #146b75;border-radius:10px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector5-viewall:hover {background:#e5882e;}

@media screen and (max-width:1280px) {
.sector5-columnl {width:45%;padding:50px 10px;}
.sector5-columnr {width:55%;padding:50px 10px;}
.sector5-areal {padding:0 20px;}
.sector5-vdoheight {width:35%;height:180px;}
.sector5-columntl {width:50%;display: flex;align-items: center;}
.sector5-columntc {width:20%;display: flex;align-items: center;}
.sector5-columntr {width:30%;padding-left:20px;display: flex;align-items: center;justify-content: flex-end;}
}
/* iPad Pro: sector5 */
@media screen and (max-width: 1024px) {
.sector5-columnl {width:100%;padding:30px 15px;}
.sector5-columnr {width:100%;padding:30px 15px;}
.sector5-areal {max-width:100%;padding:0 20px;float:left;}
.sector5-arear {max-width:100%;padding:0;float:left;}
.sector5-text2 {padding:10px 0;}
.sector5-boxvdo {width:50%;padding:5.5px;box-sizing:border-box;}
.sector5-vdoheight {width:35%;height:180px;}
.sector5-image {height:250px;}
.sector5-boxcolumn {height:250px;}
}
@media screen and (max-width:932px) {
.sector5-columnl {width:100%;padding:30px 10px;}
.sector5-columnr {width:100%;padding:30px 10px;}
.sector5-areal {max-width:100%;padding:0 20px;float:left;}
.sector5-arear {max-width:100%;padding:0;float:left;}
.sector5-text2 {padding:10px 0;}
.sector5-boxvdo {width:50%;}
.sector5-vdoheight {width:30%;height:inherit;}
}
@media screen and (max-width:430px) {
.sector5-columnr {padding:20px 10px;}
.sector5-areal {padding:0 10px;}
.sector5-vdotx3 {font-size:16px;line-height:22px;}
.sector5-vdoheight {width:42%;}
.sector5-columnnl {width:50%;padding:5px 10px 0;}
.sector5-columnnc {width:50%;padding:5px 10px 0;text-align:right;}
.sector5-columnnr {width:100%;}
.sector5-fr {float:left;}
.sector5-boxvdo {width:100%;}
}
/*--sector5--*/

/*--sector6--*/
.sector6-bg {background:#0d2059;}
.sector6-columnl {width:60%;padding:40px 40px 25px;}
.sector6-columnr {width:40%;padding:0 25px;}
.sector6-text1 {color:#FFF;font-size:30px;line-height:36px;font-weight:400;text-transform:uppercase;padding:0;}
.sector6-text2 {color:#FFF;font-size:20px;line-height:26px;text-transform:uppercase;padding:0;}
.sector6-text3 {color:#FFF;text-transform:uppercase;text-align:center;padding:8px 0;}
.sector6-textlink {max-width:80px;color:#FFF;font-size:24px;text-align:center;padding:10px;border:1px solid #FFF;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector6-link {color:#FFF;text-transform:uppercase;text-align:center;padding:8px 0;}
.sector6-boxicon_z {width:50%;max-width:100%;background:#0143ca;padding:15px;margin:auto;transition:.5s ease;}
.sector6-boxicon_z:hover {background:#000;transform:scale(0.98);opacity:0.7;}
.sector6-boxicon_f {width:25%;max-width:100%;background:#0f1b51;padding:15px; transition:.5s ease;}
.sector6-boxicon_f:hover {background:#000;transform:scale(0.98);opacity:0.7;}
.sector6-boxicon_l {width:25%;max-width:100%;background:#57b94a;padding:15px; transition:.5s ease;}
.sector6-boxicon_l:hover {background:#000;transform:scale(0.98);opacity:0.7;}
.sector6-height {height:120px;padding:0;}
.sector6-iconz {width:150px;padding:0;}
.sector6-iconf {width:54px;padding:0;}
.sector6-iconl {width:54px;padding:0;}

@media screen and (max-width:1280px) {
.sector6-columnl {width:50%;padding:40px 40px 25px;}
.sector6-columnr {width:50%;padding:0 25px;}
}
@media screen and (max-width:1024px) {
.sector6-columnl {width:50%;padding:40px 30px 25px;}
.sector6-columnr {width:50%;padding:0 15px;}
.sector6-text1 {color:#FFF;font-size:24px;line-height:30px;font-weight:400;text-transform:uppercase;padding:0;}
.sector6-text2 {color:#FFF;font-size:18px;line-height:24px;text-transform:uppercase;padding:0;}
.sector6-textlink {max-width:80px;color:#FFF;font-size:20px;text-align:center;padding:10px;border:1px solid #FFF;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector6-height {height:110px;padding:0;}
.sector6-iconz {width:130px;padding:0;}
}
@media screen and (max-width:932px) {
.sector6-columnl {width:50%;padding:35px 10px 25px 30px;}
.sector6-columnr {width:50%;padding:0 15px;}
.sector6-text1 {color:#FFF;font-size:20px;line-height:26px;font-weight:400;text-transform:uppercase;padding:0;}
.sector6-text2 {color:#FFF;font-size:16px;line-height:22px;text-transform:uppercase;padding:0;}
.sector6-textlink {max-width:80px;color:#FFF;font-size:16px;text-align:center;padding:5px;border:1px solid #FFF;border-radius:5px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.sector6-height {height:90px;padding:0;}
.sector6-iconz {width:110px;padding:0;}
.sector6-iconf {width:15px;padding:0;}
.sector6-iconl {width:44px;padding:0;}
}
@media screen and (max-width:430px) {
.sector6-columnl {width:100%;padding:20px;}
.sector6-columnr {width:100%;padding:0;}
}
/*--sector6--*/

/*--page newsboi--*/
.arcticle-bg {
height:auto;padding:20px 0 50px;
background:#FFF;
background-image:url("images/home/bg-arcticle.jpg");
background-repeat:no-repeat;
background-position:right bottom;
background-size:1600px;
}
.arcticle-texttopic {color:#1b6175;font-weight:500;text-transform:uppercase;text-align:left;padding:0 0 10px;}
.arcticle-columnbg1 {background:#FFF;padding:0;border:1.4px solid #21a097;border-radius:8px;transition:.5s ease;}
.arcticle-columnbg2 {background:#FFF;padding:0 0 15px;border:1.4px solid #21a097;border-radius:8px;transition:.5s ease;}
.arcticle-column {width:33.3333%;padding:20px;}
.arcticle-columnl {width:45%;padding:0 15px;text-align:left;}
.arcticle-columnr {width:55%;padding:0 15px 0 0;text-align:left;}
.arcticle-image1 {max-width:1000%;width:100%;border-radius:7px 0 0 7px;transition:.5s ease;}
.arcticle-image2 {max-width:1000%;width:100%;border-radius:7px 7px 0 0;transition:.5s ease;}
.arcticle-height1 {height:260px;padding:0;}
.arcticle-height2 {height:110px;padding:0;}
.arcticle-text {color:#1a605b;font-weight:400;text-align:left;padding:10px 10px 10px 0;transition:.5s ease;}
.arcticle-boxcolor1 {float:right;padding:10px 20px 0 0;}
.arcticle-boxcolor2 {float:left;padding:10px 20px 0 0;}
.arcticle-color1 {background:#118a66;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:5px 15px;border-radius:3px;}
.arcticle-color2 {background:#186078;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:5px 15px;border-radius:3px;}
.arcticle-color3 {background:#253384;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:5px 15px;border-radius:3px;}
.arcticle-color4 {background:#e97209;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:5px 15px;border-radius:3px;}
.arcticle-color5 {background:#b32a2a;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:5px 15px;border-radius:3px;}
.arcticle-time {color:#333;padding:0;font-size:16px;line-height:24px;}
.arcticle-time.tx-time {font-size:16px !important;line-height:24px;}
.arcticle-eye {color:#333;padding:12px 0 0;}
.arcticle-columntpl {width:60%;padding:10px 10px 0 0;text-align:left;}
.arcticle-columntpr {width:40%;padding:10px 10px 0;text-align:right;}
.arcticle-columnbl {width:60%;padding:10px 0 0 0;text-align:left;}
.arcticle-columnbr {width:40%;padding:10px 0 0;text-align:right;}
.arcticle-boxreadmore {float:right;padding:0 5px;}
.arcticle-boxreadmoreb {float:right;padding:0;}
.arcticle-readmore {background:#FFF;width:100px;color:#146b75;font-size:14px;text-align:center;padding:10px 15px;border:1px solid #146b75;border-radius:8px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0);transition:.5s ease;}

.arcticle-link {transition:.5s ease;}
.arcticle-link:hover .arcticle-text {color:#e97209;}
.arcticle-link:hover .arcticle-readmore {background:#1a605b;color:#FFF;}

@media screen and (max-width:1560px) {
.arcticle-height1 {height:220px;}
}
@media screen and (max-width:1440px) {
.arcticle-height1 {height:180px;}
}
@media screen and (max-width:1280px) {
.arcticle-bg {background-size:1000px;}
.arcticle-height1 {height:160px;}
}
@media screen and (max-width:1140px) {
.arcticle-height1 {height:140px;}
}
@media screen and (max-width:1024px) {
.arcticle-height1 {height:120px;}
}
@media screen and (max-width:932px) {
.arcticle-column {width:50%;padding:10px 15px;}
.arcticle-columnl {width:100%;}
.arcticle-columnr {width:100%;padding:0 15px 15px 30px;}
.arcticle-image1 {border-radius:7px 7px 0 0;}
}
@media screen and (max-width:430px) {
.arcticle-bg {background-size:700px;}
.arcticle-texttopic {padding:0 0 5px;}
.arcticle-column {width:100%;padding:10px 15px;}
.arcticle-height1 {height:inherit;}
.arcticle-height2 {height:inherit;}
}
/*--page newsboi--*/

/*--foot--*/
.foot-bg {background:#04113a;}
.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:60%;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--*/	

/*--page klrmts--*/
.klrmts-bgtx {margin-top:-120px;}
.klrmts-area {max-width:1360px;width:100%;height:120px;padding:30px 20px 10px;border-radius:10px 10px 0 0;margin:auto;}
.klrmts-bg {
height:auto;padding:20px 0 30px;
background:#FFF;
background-image:url("images/home/bg-rmts.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:1600px;
}
.klrmts-bg2 {background:#FFF;padding:30px 0;}
.klrmts-bg3 {background:#f8f8f8;padding:30px 0;}
.klrmts-box {width:20%;padding:10px;}
.klrmts-container {position:relative;}
.klrmts-image {width:100%;height:150px;background-size:cover;border-radius:10px;}
.klrmts-icon {width:70px;height:70px;}
.klrmts-on {
position:absolute;cursor:pointer;
top:0;width:100%;height:100%;border-radius:10px;border:1px solid #ccc;
opacity:0;transition:.5s ease;
}
.klrmts-container:hover .klrmts-on {opacity:1;background:linear-gradient(rgba(29, 168, 125, 1),rgba(11, 94, 88, 1));}
.klrmts-texton {
position:absolute;
background:linear-gradient(to right,rgba(2, 12, 34, 0),rgba(2, 12, 34, 0));color:#333;font-size:18px;line-height:24px;font-weight:400;text-align:left;
width:100%;bottom:0%;left:0%;padding:20px 30px;
border-radius:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0);
}
.klrmts-off {
position:absolute;cursor:pointer;background:rgba(237, 237, 237, 1);border:1px solid #ccc;
top:0;height:100%;width:100%;border-radius:10px;
opacity:1;transition:.5s ease;
}
.klrmts-container:hover .klrmts-off {opacity:0;}
.klrmts-textoff {
position:absolute;
background:linear-gradient(to right,rgba(2, 12, 34, 0),rgba(2, 12, 34, 0));color:#333;font-size:18px;line-height:24px;font-weight:400;text-align:left;
width:100%;bottom:0%;left:0%;padding:20px 30px;
border-radius:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0);
}
.klrmts-onr {
position:absolute;cursor:pointer;background:linear-gradient(rgba(29, 168, 125, 1),rgba(11, 94, 88, 1));
top:0;width:100%;height:100%;border-radius:10px;
opacity:1;transition:.5s ease;
}

.klemt-box {width:25%;padding:10px;}
.klemt-container {position:relative;}
.klemt-image {width:100%;height:160px;background-size:cover;border-radius:10px;filter:grayscale(100%);opacity:0.5;}
.klemt-icon {width:70px;height:70px;}
.klemt-on {
position:absolute;cursor:pointer;
top:0;width:100%;height:100%;border-radius:10px;border:1px solid #ccc;
opacity:0;transition:.5s ease;
}
.klemt-container:hover .klemt-on {opacity:1;background:linear-gradient(rgba(29, 168, 125, 0.7),rgba(11, 94, 88, 0.7));}
.klemt-container:hover .klemt-image {filter:grayscale(0%);}
.klemt-texton {
position:absolute;
background:linear-gradient(to right,rgba(2, 12, 34, 0),rgba(2, 12, 34, 0));color:#333;font-size:16px;line-height:22px;font-weight:400;text-align:left;
width:100%;top:2%;left:0%;padding:10px 20px;
border-radius:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0);
}
.klemt-off {
position:absolute;cursor:pointer;background:rgba(235, 235, 235, 0.7);border:1px solid #ccc;
top:0;height:100%;width:100%;border-radius:10px;
opacity:1;transition:.5s ease;
}
.klemt-container:hover .klemt-off {opacity:0;}
.klemt-textoff {
position:absolute;
background:linear-gradient(to right,rgba(2, 12, 34, 0),rgba(2, 12, 34, 0));color:#333;font-size:16px;line-height:22px;font-weight:400;text-align:left;
width:100%;top:2%;left:0%;padding:10px 20px;
border-radius:0;text-shadow:1px 1px 1px rgba(0, 0, 0, 0);
}
.klemt-onr {
position:absolute;cursor:pointer;background:linear-gradient(rgba(29, 168, 125, 0.7),rgba(11, 94, 88, 0.7));
top:0;width:100%;height:100%;border-radius:10px;
opacity:1;transition:.5s ease;
}

.klrmts-text1 {color:#0b5f58;font-weight:500;text-transform:uppercase;padding:0;}
.klrmts-text2 {color:#333;padding:0;}
.klrmts-borderblank {padding:5px 2px 20px;}
.klrmts-border {max-width:160px;text-align:left;border-bottom:3px solid #0b5f58;}
.klrmts-borderline {max-width:100%;text-align:left;border-bottom:1px solid #0b5f58;}
.klrmts-boxrmts {width:25%;padding:10px;text-align:center;}
.klrmts-rmtstx {width:100%;padding:0 0 5px;border-radius:10px;box-shadow:1px 1px 8px 1px rgba(100, 100, 100, 0.5);transition:.5s ease;}
.klrmts-boxcolumn {background:rgba(7, 75, 83, 0);width:100%;height:200px;padding:0px;border-radius:10px;}
.klrmts-image2 {max-width:1000px;width:100%;height:200px;border-radius:10px 10px 0 0;transition:.5s ease;}
.klrmts-iconbg {max-width:16px;width:100%;}
.klrmts-bgicon1 {background:#146b75;color:#FFF;font-size:12px;text-transform:uppercase;text-align:center;padding:3px 8px;border-radius:5px;}
.klrmts-bgicon2 {background:#e5882e;color:#FFF;font-size:12px;text-transform:uppercase;text-align:center;padding:3px 8px;border-radius:5px;}
.klrmts-bgicon3 {background:#a52526;color:#FFF;font-size:12px;text-transform:uppercase;text-align:center;padding:3px 8px;border-radius:5px;}
.klrmts-bgicon4 {background:#2a3690;color:#FFF;font-size:12px;text-transform:uppercase;text-align:center;padding:3px 8px;border-radius:5px;}
.klrmts-icondv {font-size:16px;text-align:center;padding:3px 0 0;}
.klrmts-boxtx {color:#333;text-align:left;font-weight:400;padding:15px 10px 10px;}
.klrmts-height {height:100px;padding:0;}
.klrmts-columnl {width:50%;padding:10px 5px 0 0;text-align:left;}
.klrmts-columnr {width:50%;padding:15px 0 10px;text-align:right;}
.klrmts-fr {float:right;}
.klrmts-time {color:#333;padding:12px 5px 0;}
.klrmts-linkn1 {background:#e5882e;width:40px;color:#FFF;font-size:14px;text-align:center;padding:6px 5px 3px;border-radius:5px;transition:.5s ease;}
.klrmts-linkn1:hover {background:#111;}
.klrmts-linkn2 {background:#146b75;width:40px;color:#FFF;font-size:14px;text-align:center;padding:6px 5px 3px;border-radius:5px;transition:.5s ease;}
.klrmts-linkn2:hover {background:#111;}
.klrmts-imageon {
position:relative;left:0px;
bottom:46px;width:100%;height:100%;padding:5px 25px;
opacity:1;transition:.5s ease;border-radius:0;
}

.klrmts-viewall {background:#FFF;max-width:180px;color:#146b75;font-size:14px;text-align:center;padding:10px 20px;border:1.5px solid #146b75;border-radius:10px;box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.2);transition:.5s ease;}
.klrmts-viewall:hover {background:#146b75;color:#FFF;}

@media screen and (max-width:1440px) {
.klrmts-bgtx {margin-top:-90px;padding:0 10px;}
.klrmts-area {max-width:1200px;height:90px;padding:20px 20px 10px;}

.klrmts-boxcolumn {height:180px;}
.klrmts-image2 {height:180px;}
}
@media screen and (max-width:1280px) {
.klrmts-bgtx {margin-top:-70px;}
.klrmts-area {max-width:1000px;height:90px;}
.klemt-image {height:170px;}
}
@media screen and (max-width:1024px) {
.klrmts-area {max-width:900px;height:inherit;}
.klrmts-image {height:120px;}
.klrmts-icon {width:50px;height:50px;}
.klrmts-texton {font-size:14px;line-height:20px;}
.klrmts-textoff {font-size:14px;line-height:20px;}

.klemt-image {height:150px;}
.klemt-icon {width:50px;height:50px;}
.klemt-texton {font-size:14px;line-height:20px;}
.klemt-textoff {font-size:14px;line-height:20px;}

.klrmts-boxcolumn {height:150px;}
.klrmts-image2 {height:150px;}
}
@media screen and (max-width:932px) {
.klrmts-area {max-width:680px;}
.klrmts-image {height:120px;}
.klrmts-icon {width:40px;height:40px;}

.klrmts-boxrmts {width:50%;}
.klrmts-boxcolumn {height:200px;}
.klrmts-image2 {height:200px;}
}
@media screen and (max-width:430px) {
.klrmts-bgtx {margin-top:-20px;}
.klrmts-area {max-width:680px;}
.klrmts-box {width:50%;padding:5px;}
.klrmts-image {height:100px;}

.klemt-box {width:50%;padding:5px;}
.klemt-image {height:150px;}

.klrmts-boxrmts {width:100%;}
.klrmts-boxcolumn {height:220px;}
.klrmts-image2 {height:220px;}
}
/*--page klrmts--*/
/*--copyright--*/
.copyright-bg {background:#020b28;}
.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;}

.nextpage {
display: table;
margin: auto;
height: 36px;
font-size: 16px;
}
.nextpagewebboard {
display: table;
height: 36px;
font-size: 16px;
}
.nextpage_item {
display: table-cell;
width: 40px;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
cursor: pointer;
text-decoration: none;
background-color: #f3f3f3;
border-radius:5px;color:#0d6a62;
}
.nextpage_item:hover:not(.pagactive) {
background-color:#d4d2d2;color:#000;border-radius:5px;
}

.nextpage_item.pagactive {
background-color: #0d6a62 !important;
color: white !important;border-radius:5px;
}
@media screen and (max-width:932px) {
.nextpage {height:26px;font-size:12px;}
.nextpagewebboard {height:26px;font-size:12px;}
.nextpage_item {width:30px;padding-top:4px;padding-bottom:4px;}
}

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