/* CSS Document */

/*@import url("fonts.css");*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');


/* -- CUSTOM CSS -- */
html, body {width:100%; height:100%; padding:0px; margin:0px; position: relative;}

body{ 
	background-color:#fff;
}
body{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size:100%; font-weight:normal; color:#000; text-decoration:none; }
img {
	border:0px;
}
.img-responsive{ display: block; height: auto; max-width: 100%; }

a,
a:hover{
  text-decoration:none;
  /* color: inherit; */
  outline:0;
}
a:focus {
  text-decoration:none;
  outline:0;
}

.btn.focus, .btn:focus{
	outline:0;
	box-shadow: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
}
input,
select,
textarea{
    background-clip: padding-box;
}


body.lock-position {
  overflow: hidden !important;
}

/* .flex-column-reverse{ -webkit-flex-direction: column-reverse !important; } */

#main {
  display: flex;
  flex-direction:initial;
}

@media (max-width: 991px){
  #main {
    display: flex;
    flex-direction:column-reverse;
    -webkit-flex-direction: column-reverse !important; 
  }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}





.ads{ width: 100%; text-align: center; background-color: #F5F5F5; padding: 20px 0; }
.ads-sticky{ overflow: auto; position: -webkit-sticky; position: sticky; top: 65px; left: 0; right: 0; }
.section-article-adsFullwidth{ overflow: hidden; }

.ads-leaderboard{}
.ads-boombox{ margin-bottom: 30px; }
.ads-billboard{ margin: 40px 0; }
.ads-fullwidth{ position: relative; }
.ads-rectangle{}
.ads-double-rectangle{ background-color: #fff; }
.ads-article{ }
.ads-article:before, .ads-article:after{ content: ''; background-color: #F5F5F5; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; }
.ads-article:before{ left: -50%; }
.ads-article:after{ right: -50%; }

.ads-fullwidth.ads-article{ margin-bottom: 50px; }

.ads img{ margin: 0 auto; }
.ads-top{ padding-top: 0; }

.ads-digital-content{ background-color: #132F65; max-width: 1200px; width: 100%; margin: 0 auto; padding: 50px 0; color: #fff; font-size: 18px; text-align: center; margin-bottom: 80px; }

.ads-campaign{ background-color: transparent; }


.ads-380{ width: 100%; margin: 30px auto 0; text-align: center; }
.ads-none--sticky{ position: relative; top: 0; }


@media (max-width: 991px){
  article{ padding-top: 20px; padding-bottom: 20px; }
  .ads-boombox{ max-width: 100%; padding: 20px 0; background-color: #F5F5F5;}
  .ads-billboard, .ads-fullwidth{ margin: 30px 0; }
  .ads-digital-content{ margin-bottom: 50px; }
  .boombox-adver{ position: relative; top: auto; }
}
@media (max-width: 767px){
  .ads-double-rectangle{ background-color: #F5F5F5; }
  .ads-double-rectangle{ margin: 30px 0; }
  .ads-top{ padding-top: 20px; }
}
@media (max-width: 575px){
  article{ padding-right: 20px; padding-left: 20px; }
  .ads-double-rectangle{ margin: 20px 0; }
  /* .ads-fullwidth.ads-article{ background-color: #222; } */
}

.crop {
    position: relative;
    overflow: hidden;
    height: 150px;
    margin: 8px auto;
}
.crop img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%; /*336px*/
}



.ads-300,
.ads-728,
.ads-970,
.ads-1200,
.ads-1600 {
  display: none !important;
}

@media (max-width: 767px) {
  .ads-300 {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ads-728 {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ads-970 {
    display: block !important;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .ads-1200 {
    display: block !important;
  }
}
@media (min-width: 1600px) {
  .ads-1600 {
    display: block !important;
  }
}




/**************************************************************************************/
header{ background-color: #132F65; width: 100%; padding: 25px 0 0 0; z-index: 99; }
header .header-panel{ position: relative; width: 100%; }
/* header .bp-logo{ float: left; width: calc(100% - 814px); transition: all 0.8s ease; } */
header .bp-logo{ position: absolute; transition: all 0.8s ease; width: 335px; z-index: 90; }
header .bp-logo h1{ margin: 0; padding: 0; font-size: 100%; }
header .bp-logo img{ margin: 0; padding: 0; width: 335px; }
header .header-menu{ float: right; width: 814px; transition: all 0.8s ease; }
.menu-panel{ border-top: 1px solid rgba(255,255,255,0.15); padding-top: 10px; position: relative; }
.menu-list{ display: inline-block; z-index: 5; }
.menu-list ul li{ display: inline-block; padding: 0 9px; position: relative; }
.menu-list ul li:first-child{ padding-left: 0; }
.menu-list ul li:last-child{ padding-right: 0; padding-bottom: 25px; cursor: pointer; }
.menu-list ul li a{ font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 12px; line-height: 26px; color: #fff; letter-spacing: 0.5px; position: relative; display: inline-block; }


header.header-static{ padding: 17px 0; }
header.header-static .header-panel{ overflow: hidden; }
header.header-static .bp-logo2{ width: 150px; z-index: 90; float: left; }
header.header-static .bp-logo2 h1{ margin: 0; padding: 0; font-size: 100%; }
header.header-static .bp-logo2 img{ margin: 0; padding: 0; }
header.header-static .bp-titile{ font-family: vonnesthin,Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 26px; line-height: 1; color: #fff; float: left; padding-left: 20px; margin-left: 20px; border-left: 1px solid rgba(255,255,255, 0.2); }
header.header-static .bp-titile a{ color: #fff; }


.menu-list ul li a:after{
	content: '';
	position: absolute;
	left: 0;
	display: inline-block;
	height: 1em;
	width: 100%;
	border-bottom: 1px solid;
	margin-top: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.menu-list ul li a:hover:after{
  	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.menu-more{  top: 50px; position: absolute; /* opacity: 0; visibility: hidden; */ transition: all .5s ease; right: -70px; width: 626px; max-height: 200px; z-index: 1; height: 0;
  position: absolute; overflow: hidden; transition: all 0.5s ease; 
  font-size: 13px; line-height: 26px; font-weight: bold; color: #fff; letter-spacing: 0.5px;
}
.menu-list ul li.menu-list-more:hover .menu-more{
	/* display: block; z-index: 1;  opacity: 1; top: 50px; visibility: visible; */ cursor: auto; height: 200px;

}
.menu-more--row{

  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.menu-more--left {
  background-color: #224383;
  -ms-flex: 0 0 466px;
  flex: 0 0 466px;
  max-width: 466px;
  padding: 15px 0px 15px 50px;
}
.menu-more--right {
   background-color: #132F65;
  -ms-flex: 0 0 160px;
  flex: 0 0 160px;
  max-width: 160px;
  padding: 15px 15px 15px 40px;
}

.menu-more--left ul li{ display: block; padding: 3px 0; }
.menu-more--col{ float: left; width: 40%; margin-right: 10%; overflow: hidden; }
.menu-more--hd{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 11px; color: #fff; opacity: 0.4; position: relative; margin-bottom: 5px; }
.menu-more--hd span{ background-color: #224383; padding-right: 5px; }
.menu-more--hd::after{ content: ''; position: absolute; width: 100%; bottom: 7px; border-bottom: 1px solid #fff; z-index: -1;  }
.menu-more--col ul li{ padding: 0; }
.menu-more--col ul li a{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 13px; }

.menu-more--right ul li{ display: block; padding: 3px 0; }
.menu-more--right ul li a{ font-size: 13px; line-height: 26px; font-weight: bold; color: #fff; }


.menu-search{ position: absolute; right: 50px; display: inline-block; padding-top: 2px; }
.menu-search a{ font-size: 17px; color: #fff; }

.signin-panel{ text-align: right; padding-bottom: 10px; transition: all 0.8s ease; }
.signin-panel ul{ display: inline-block; }
.signin-panel ul li{ padding-left: 10px; display: inline-block; font-size: 12px; color: #fff; }
.signin-panel ul li:first-child{ padding-left: 0; border-right: 1px solid #fff; padding-right: 15px; padding-top: 3px; }
.signin-panel ul li a{ font-size: 12px; color: #fff; position: relative; }
/* .box-signout{ display: none; } */
.signin-panel ul li i{ font-size: 16px; vertical-align: middle; padding-right: 7px; }
.box-signout > a:nth-child(2){ color: #6B9DFD; font-size: 14px;  }
.box-signout > a:nth-child(3){ margin-left: 20px; }
/* .box-signout > a:nth-child(3):before{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: -10px; background-color: #fff;  } */

.box-signout span{ color: #6B9DFD; font-size: 14px; }
.box-signout i{ color: #fff; }


.signin-panel ul li a:after{
	content: '';
	position: absolute;
	left: 0;
	display: inline-block;
	height: 1em;
	width: 100%;
	border-bottom: 1px solid;
	margin-top: 5px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.signin-panel ul li a:hover:after{
  	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.signin-panel ul li .box-signin a:after,
.signin-panel ul li .box-signout a:after{
  height: 1.5em;
}


header:before,
header:after {
  display: table;
  content: " ";
}
header:after {
  clear: both;
}

#ham-menu {
  width: 28px;
  height: 20px;
  position: absolute;
  margin: 0;
  top: 50px;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
/*
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
*/
  cursor: pointer;
  z-index: 90;
}
.close-menu {
  width: 28px;
  height: 20px;
  position: absolute;
  margin: 0;
  top: 20px;
  right: 15%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 99;
}
#ham-menu span,
.close-menu span{
  display: block;
  position: absolute;
  height: 2px;
  width: 28px;
  background: #fff;
  border-radius: 50px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#ham-menu span:nth-child(1),
.close-menu span:nth-child(1) {
  top: 0px;
}
#ham-menu span:nth-child(2),
.close-menu span:nth-child(2){
  top: 9px;
}
#ham-menu span:nth-child(3),
.close-menu span:nth-child(3){
  top: 18px;
}

.close-menu.open{ position: fixed; }
.close-menu.open span:nth-child(1) {
  top: 9px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  background: #132F65;
}
.close-menu.open span:nth-child(2){
  opacity: 0;
  left: -25px;
}
.close-menu.open span:nth-child(3){
  top: 9px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: #132F65;
}

#ham-menu:hover span,
.close-menu.open:hover span{ background: #2B63D1; }


/* header.sticky { position: fixed; padding: 17px 0 0 0; z-index: 99; animation: smoothScroll 1.2s forwards; } */
header.sticky { padding: 17px 0 0 0; z-index: 99; position: fixed; top: 0; }
header.sticky .signin-panel{ display: none; transition: all 0.8s ease; }
header.sticky .menu-panel{ border-top: 0; padding-top: 5px; }
header.sticky .bp-logo{ width: 200px; transition: all 0.8s ease; padding-right: 50px; }
/* header.sticky .bp-logo img{ width: 160px; } */
header.sticky .header-menu{ width: calc(100% - 200px); transition: all 0.8s ease; }
header.sticky #ham-menu{ top: 6px; }
header.sticky .menu-list ul li{ padding: 0 20px; }
header.sticky .menu-list ul li:last-child{ padding-bottom: 17px; }
header.sticky .menu-list ul li.menu-list-more .menu-more{ top: 40px; right: -50px; }
header.sticky .menu-list ul li.menu-list-more:hover .menu-more{ right: -50px; }
header.sticky .menu-more--col ul li{ padding: 0; }
header.sticky .menu-more--right ul li{ padding: 3px 0; }

.article-headline-fixed{ height: 0; top: 0px; padding: 20px 0 40px; margin-left: 200px; width:880px; background-color: #132F65; color: #fff; position: fixed; z-index: 100; font-family: charis_silbold, Georgia,Times,Times New Roman,serif; display: none; overflow: hidden; }
.article-headline-fixed.sticky{ transition: all 0.5s ease; top: 0; z-index: 100; }
.article-headline-fixed span{ display: inline-block; width: calc(100% - 200px); height: 28px; overflow: hidden; }

.content-pd.sticky{ padding-top: 123px; }
/* .content-pd.sticky{ padding-top: 135px; } */

.scrolDisabled { overflow: hidden; position: fixed; }

.divNav {
  height: 0;
  width: 100%;
  position: fixed;
  /* z-index: -9; */
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,1);
  overflow-x: hidden;
  /* transition: 0.5s; */
  padding: 50px 0;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.divNav.navOpen{ height: 100vh; z-index: 999; top: 0; }

.divNav-search{ overflow: hidden; width: 100%; }
.divNav-search .bp--logo{ float: left; width: 160px; margin-right: 30px; }
.divNav-search .divNav--search{ float: left; width: calc(100% - 190px); position: relative; }
.divNav--search .btn-search{ position: absolute; top: 0; right: 0; border: 0; background-color: transparent; cursor: pointer; }

.form-input-text{
  display: block;
  width: 100%;
  padding: 0;
  font-size: 20px;
  line-height: 30px;
  color: #333;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-bottom: 1px solid #132F65;
  border-radius: 0;
}
.form-input-text::placeholder {
  color: #e6e6e6;
  opacity: 1;
}


.divSearch {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,1);
  overflow-x: hidden;
  /* transition: 0.5s; */
}
.divSearch.navOpen{ height: 100vh; padding: 50px 0; }
.divSearch .bp-logo-search{ width: 235px; margin: 0 auto; padding-top: 80px; }
.divSearch .divSearch-form{ position: absolute; max-width: 870px; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.divSearch .divSearch-form .btn-search{ position: absolute; top: -5px; right: 0; border: 0; background-color: transparent; cursor: pointer; font-size: 26px; }
.divSearch .divSearch-form .form-input-text{ text-align: center; font-size: 26px; line-height: 36px; }


.div-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.div-col {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.divNav-menu{ padding-top: 30px; overflow: hidden; margin: 0 auto; }
.divNav--menu{ overflow: hidden; float: left; padding: 0 46px; border-right: 1px solid #eee; margin-top: 30px; }
.divNav-menu .divNav--menu:first-child{ padding-left: 0; }
.divNav-menu .divNav--menu:last-child{ padding-right: 0; border-right: 0; }
.divNav-row{ float: left; }
.divNav--row{ float: left; padding-right: 85px; padding-top: 20px; }
.divNav--menu .divNav-row:last-child .divNav--row{ padding-left: 40px; }
.divNav--menu .divNav-row:last-child .divNav--row:last-child{ padding-right: 0; }
.divNav--row ul li{ padding-bottom: 36px; }
.divNav--row ul li:last-child{ padding-bottom: 0; }
.divNav--row ul li a{ font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 15px; line-height: 24px; color: #132F65; text-transform: uppercase; position: relative; }
.divNav--row ul li > ul li{ padding-bottom: 10px; }
.divNav--row ul li > ul li:first-child{ padding-top: 5px; }
.divNav--row ul li > ul li a{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 14px; color: #666; text-transform: none; }
.divNav--row-service{ padding-right: 0; }
ul.menu--service li{ padding-bottom: 10px; }
ul.menu--product li{ padding-bottom: 0px; }
ul.menu--product li a{ font-size: 20px; line-height: 36px; color: #132F65; position: relative; }

.divNav--row ul li a:after,
ul.menu--product li a:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.divNav--row ul li a:hover:after,
ul.menu--product li a:hover:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


.divNav---col{ overflow: hidden; padding-bottom: 40px; }


.divNav-menu .header { font-size: 12px; color: #999; position: relative; }
.divNav-menu .header span { background-color: #fff; padding: 0 5px 0 0; position: relative; z-index: 2; }
.divNav-menu .header::after { content: ""; position: absolute; display: block; overflow: hidden; width: 100%; height: 1px; bottom: 4px; background-color: #eee; }
.divNav-menu .header2 { font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 14px; color: #333; }

.divNav--img{ max-width: 170px; width: 100%; margin: 0 auto; height: 100px; overflow: hidden; }
.box-btnsubscribe{ padding-top: 10px; padding-bottom: 40px; }
.btn-signin{ display: block; background-color: #fff; border: 2px solid #132F65; font-size: 13px; color: #132F65; padding: 8px 20px; width: 195px; text-align: center; }
.btn-signin:hover{ background-color: #2B63D1; color: #fff; border-color: #2B63D1; }
.btn-subscribe{ display: block; background-color: #132F65; border: 2px solid #132F65; font-size: 13px; color: #fff; padding: 8px 20px; width: 195px; text-align: center; }
.btn-subscribe:hover{ background-color: #2B63D1; color: #fff; border-color: #2B63D1; }
ul.divNav--social{ padding-top: 20px; text-align: center; }
ul.divNav--social li{ display: inline-block; padding: 0 10px; }
ul.divNav--social li a{ font-size: 24px; color: #132F65; }
ul.divNav--social li a:hover{ color: #2B63D1; }

.box-todayPaper{ padding: 12px; background-color: #f5f5f5; margin-top: 10px; }
.divNav--title{ max-width: 170px; width: 100%; margin: 0 auto; background-color: #132F65; font-size: 10px; font-weight: bold; color: #fff; text-align: center; padding: 2px 0; margin-bottom: 20px; }

.box-btnsingout{ display: block; background-color: #fff; border: 2px solid #132F65; text-align: center; padding: 8px; font-size: 20px; font-weight: bold; color: #213C70; }
.box-signout-link { font-size: 14px; color: #213C70; font-weight: normal; padding-top: 3px; }
.box-signout-link a{ font-size: 14px; color: #213C70; font-weight: normal; margin: 0 5px; position: relative; }
.box-signout-link a:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 6px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.box-signout-link a:hover:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


.show-navlist-pc{ display: block; }
.show-navlist-mobi{ display: none; }


@media (max-width: 1568px) {
  .close-menu{ right: 5%; }
}
@media (max-width: 1440px) {
  .divSearch .bp-logo-search{ padding-top: 50px; }
  .close-menu{ right: 20px; }
}
@media (max-width: 1226px) {
  .divNav--menu{ padding: 0 45px; }
}
@media (max-width: 1222px) {
  .divNav--menu{ padding: 0 40px; }
}
@media (max-width: 1202px) {
  .divNav--menu{ padding: 0 37px; }
}
@media (max-width: 1199px) {
	header .bp-logo{ width: calc(100% - 700px); }
	header .bp-logo img{ width: 200px; }
	header .header-menu{ width: 700px; }
	.menu-panel{ padding-top: 5px; }
	.menu-list ul li, header.sticky .menu-list ul li{ padding: 0 7px; }
	.menu-list ul li a{  font-size: 11px; line-height: 24px; }
	.signin-panel{ padding-bottom: 5px; }
	.signin-panel ul li{ font-size: 11px; }
	.signin-panel ul li a{ font-size: 11px; }
	.icn-signin i{ font-size: 15px; }	
	#ham-menu{ top: 40px; }
	
	.divNav--menu{ padding: 0 23px; }
	.divNav--row{ padding-right: 22px; }
	.divNav--row ul li a{ font-size: 14px; }
	.divNav--row ul li > ul li a{ font-size: 12px; }
	.divNav--row ul li{ padding-bottom: 30px; }
	ul.menu--product li a{ font-size: 18px; }

  .menu-more--right ul li, .menu-more--left ul li{ padding: 3px 0; }
  header.sticky .menu-more--col ul li{ padding: 0; }
  .menu-more--right{ padding: 15px 15px 15px 50px; }

  .article-headline-fixed{ width: 650px; }

  .menu-list ul li.menu-list-more:hover .menu-more{ height: 182px; }

}
@media (max-width: 991px) {
  .content-pd, .content-pd.sticky, .content-pd2{ padding-top: 50px; }
	header, header.sticky{ padding: 10px 0; position: fixed; height: 50px; }
  header.sticky{ animation: none; }
	header .bp-logo{ width: 100%; position: relative; }
	header .bp-logo img{ width: 160px; }
	.header-menu{ display: none; }
	#ham-menu{ top: 5px; }

/* edit nay */
.body-maintenance header, .body-maintenance header.sticky{ padding: 10px 0; position: fixed; height: 50px; }
.body-maintenance header{ padding: 10px 0; position: relative; height: 50px; }
.body-maintenance header.header-mainten{ padding: 10px 0; position: fixed; height: 50px; top: 0; }
.body-maintenance .content-pd{ padding-top: 0px; }
.body-maintenance .content-pd.sticky{ padding-top: 50px; }
.body-maintenance .content-mainten{ padding-top: 50px; }
/* edit nay */


  header.header-static{ padding: 10px 0; }
  header.header-static .bp-titile{ font-size: 22px; margin-top: 4px; }
	
	.close-menu{ top: 25px; right: 24px; }
	.divNav{ padding: 20px 0; }
  /* .divNav.navOpen{ top: 0; } */
  .divSearch{ display: none; }
	.divNav-search .bp--logo{ float: none; width: 160px; margin-right: 0; }
	.divNav-search .divNav--search{ float: none; width: 100%; padding-top: 0px; margin-top: 20px; }
	
	.divNav-menu{ padding-top: 0; }
	.divNav--menu{ padding: 0 6px; }
	.divNav--row{ padding-right: 15px; }
	
	.show-navlist-pc{ display: none; }
	.show-navlist-mobi{ display: block; }
	
  .divNav--menu .divNav-row:nth-child(2){ padding-right: 30px; }
	.divNav--menu .divNav-row:last-child .divNav--row{ float: none; padding-left: 10px; }
  .btn-signin, .btn-subscribe{ width: 100%; }

  .article-headline-fixed{ display: none !important; }
  .article-headline-fixed.sticky{ display: none; }

	
}
@media (max-width: 767px) {
	.divNav--menu{ border-right: 0; padding: 0; }
	
	.divNav--menu .divNav-row{ width: 50%; }
  .divNav--menu .divNav-row:nth-child(2){ padding-right: 0px; }
	.divNav--menu .divNav-row:last-child{ padding-left: 20px; }
	.divNav--menu .divNav-row:last-child .divNav--row{ padding-right: 0px; padding-left: 0; }
	
	.divNav-menu .divNav--menu:last-child{ border-top: 1px solid #ddd; padding-top: 30px; text-align: center; }
	.divNav--img{ margin: 10px auto; }
	/* .divNav--row ul li{ padding-bottom: 25px; } */

	
}
@media (max-width: 575px) {
  header .container{ padding-right: 20px; padding-left: 20px; }
	.divNav{ padding: 20px; padding-bottom: 130px; }
  /* .divNav.navOpen{ top: 0; } */

  .close-menu{ top: 20px; right: 16px; }

  header.header-static .bp-titile{ font-size: 12px; margin-top: 10px; padding-left: 10px; margin-left: 10px; }
	
}
@media (max-width: 351px) {
  header.header-static .bp-titile{ display: none; }
}


/**************************************************************************************/
footer{ background-color: #132F65; width: 100%; }
footer section{ padding: 40px 0; }
.turehits{ padding-top: 20px; text-align: center; }

.footer-top{ padding-bottom: 20px; overflow: hidden; }
.footer-logo-postgroup{ width: 200px; float: left; display: inline-block; }
.footer-social{ float: right; text-align: right; }
.footer-social ul li{ display: inline-block; padding: 0 10px; }
.footer-social ul li a{ font-size: 24px; color: #fff; position: relative; }
.footer-social ul li a:hover{ color: #2B63D1; }

.footer-middle{ padding: 20px 0 0 0; }
.footer-row .footer-col:first-child{ border-right: 1px solid rgba(0, 0, 0, 0.3); }
.footer-row .footer-col:last-child{ padding-left: 50px; }
.footer--col{ float: left; }
.footer-list{ float: left; padding-right: 75px; }
.footer-row .footer-col:last-child .footer--col .footer-list{ padding-right: 40px; float: none; }
.footer-row .footer-col:first-child .footer--col:last-child .footer-list{ padding-right: 50px; }
.footer-list ul li{ padding-bottom: 20px; font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 13px; line-height: 24px; color: #fff; text-transform: uppercase; }
.footer-list ul li > ul li:last-child{ padding-bottom: 0; }
.footer-list ul li a{ font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 13px; line-height: 24px; color: #fff; text-transform: uppercase; position: relative; }
.footer-list ul li > ul li{ padding-bottom: 5px; }
.footer-list ul li > ul li a{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 12px; color: #fff; text-transform: none; position: relative; }
/* .footer-list ul li a:hover{ text-decoration: underline; } */
/*.footer-row .footer-col:last-child .footer--col{ float: none; overflow: hidden; }*/
.footer-subscribe{ background-color: #346AD3; font-size: 12px; color: #fff; padding: 20px 25px; max-width: 360px; width: 100%; margin: 0 auto; }
.footer-subscribe--title{ font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 13px; line-height: 24px; color: #fff; text-align: center; text-transform: uppercase; padding-bottom: 10px; }
.footer-subscribe--title span{ display: block; font-size: 11px; }
.footer-subscribe--subtitle{ text-align: center; }
.footer-subscribe--ps{ padding-top: 10px; }
.footer-subscribe--ps a{ color: #fff; text-decoration: underline; }
.footer-form{ overflow: hidden; padding-top: 5px; }
/*.footer-form--input{ padding-bottom: 10px; }*/
.form-control-subscribe{
  display: block;
  width: 100%;
  padding: 7px 10px;
  font-size: 12px;
  line-height: 20px;
  color: #333;
  background-color: #fff;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 0;
}
.form-control-subscribe::placeholder {
  color: #e6e6e6;
  opacity: 1;
}
.btn-signup-subscribe{
  display: block;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  border-radius: 0;
	padding: 6px 10px;
	width: 90px;
	text-align: center;
	margin: 10px auto;
	cursor: pointer;
  transition: all 0.8s ease;
} 
.btn-signup-subscribe:hover{ background-color: #2B63D1; color: #fff; border: 1px solid #2B63D1; transition: all 0.8s ease; }

.footer-bottom{ background-color: rgba(0,0,0,0.3); font-size: 14px; color: #fff; font-weight: bold; }
.footer-bottom ul li{ display: inline-block; padding: 10px 15px 0 0; }
.footer-bottom ul li:last-child{ padding-right: 0; }
.footer-bottom ul li a{ display: inline-block; font-size: 12px; color: #fff; font-weight: normal; position: relative; }


.footer-list ul li a:after,
.footer-list ul li > ul li a:after,
.footer-bottom ul li a:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 17px;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 6px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.footer-list ul li a:hover:after,
.footer-list ul li > ul li a:hover:after,
.footer-bottom ul li a:hover:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.footer-bottom ul li a:after{
  height: 1.1em;
}


.footer-mid--social{ padding-top: 50px; overflow: hidden; }
.footer-network{ padding-top: 20px; }



@media screen and (min--moz-device-pixel-ratio:0) {
  .footer-list ul li a:after,
  .footer-list ul li > ul li a:after{
    height: 1em;
  }
}



/* .go2top{ position: fixed; width: 50px; bottom: 20px; right: 25px; display: none; }
.go2top img{ margin-bottom: 1px; }
.go2top.show{ display: block; z-index: 103; } */


.footer-line{ display: none; }
.footer-showpc{ display: block; }
.footer-showmobi{ display: none; }



.footer-static .footer-bottom{ padding: 20px 0; }
.footer-static .turehits{ display: inline-block; padding-top: 0; padding-left: 10px; }

.footer-epaper{ background-color: #132F65; width: 100%; }
.footer-epaper .footer-panel{ overflow: hidden; }
.footer-epaper .footer-bottom{ font-size: 14px; color: #fff; font-weight: bold; padding: 20px 0; background-color: transparent; }
.footer-epaper .turehits{ display: inline-block; padding-top: 0; padding-left: 10px; }
.footer-epaper .footer-contact{ float: right; }
.footer-epaper .footer-contact ul{ margin-bottom: 0; }
.footer-epaper .footer-contact ul li{ display: inline-block; margin-right: 30px; font-weight: normal; padding: 0; }
.footer-epaper .footer-contact ul li:last-of-type{ margin-right: 0; }
.footer-epaper .footer-contact a{ color: #fff; font-weight: 300; margin-left: 15px; }


@media (max-width: 1228px) {
  .footer-list{ padding-right: 77px; }
  .footer-row .footer-col:last-child .footer--col .footer-list{ padding-right: 24px; }
  .footer-row .footer-col:first-child .footer--col:last-child .footer-list{ padding-right: 35px; }
}
@media (max-width: 1199px) {
  .footer-list{ padding-right: 30px; }
  .footer-row .footer-col:last-child{ padding-left: 20px; }
  /* .footer-list ul li > ul li a{ font-size: 11px; } */
  .footer-row .footer-col:last-child .footer--col .footer-list{ padding-right: 20px; }
  .footer-row .footer-col:first-child .footer--col:last-child .footer-list{ padding-right: 20px; }
  .footer-subscribe{ max-width: 274px; }
  
  .footer-epaper .footer-bottom{ text-align: center; }
  .footer-epaper .footer-contact{ float: none; }
  .footer-epaper .footer-contact ul li{  padding-top: 15px; }

}
@media (max-width: 991px) {
  .footer-row .footer-col:first-child{ border-right: 0; padding-bottom: 30px; }
  .footer-row .footer-col:last-child{ padding-left: 15px; padding-top: 30px; width: 100%; }
  .footer-list{ padding-right: 115px; }
  .footer-row .footer-col:first-child .footer--col:last-child .footer-list:last-child{ padding-right: 0; }
  .footer-row .footer-col:last-child .footer--col .footer-list{ padding-right: 40px; }
  .footer-line{ display: block; border-top: 1px solid rgba(0, 0, 0, 0.3); width: 100%; margin: 0 15px;  }
  .footer-subscribe{ max-width: 360px; }
}
@media (max-width: 767px) {
  .footer-showpc{ display: none; }
  .footer-showmobi{ display: block; }

  .footer-logo-postgroup{ float: none; }
  .footer-social{ float: none; text-align: left; padding-top: 30px; }
  .footer-social ul li:first-child{ padding-left: 0; }

  .footer-list{ padding-right: 45px; }
  .footer-bottom{ font-size: 13px; }

  /*.footer-row .footer-col:last-child .footer--col .footer-list:last-child{ padding-right: 0px; overflow: hidden; }
  .footer-row .footer-col:last-child .footer--col .footer-list:last-child ul{ float: left; padding-right: 30px; }
  .footer-row .footer-col:last-child .footer--col .footer-list:last-child ul li > ul{ float: none; padding: 0; }*/
  .footer-network{ padding: 0; }
  .footer-list{ float: none; }
  .footer-row .footer-col:first-child .footer--col{ width: 50%; }
  .footer-row .footer-col:last-child .footer--col{ float: none; overflow: hidden; }
  .footer-row .footer-col:last-child .footer--col .footer-list{ float: left; width: 50%; }
  .footer-row .footer-col .footer--col:last-child .footer-list{ padding-left: 40px; padding-right: 0; }
  .footer-row .footer-col:last-child .footer--col .footer-list:first-child{ padding-left: 0; }
  .footer-row .footer-col:last-child .footer--col .footer-list:last-child{ padding-left: 40px; }

  .footer-mid--social{ padding-top: 20px; }
  .footer-subscribe{ margin-top: 30px; }


}
@media (max-width: 575px) {
  footer section{ padding: 30px 0; }
  footer section .container{ padding-right: 20px; padding-left: 20px; }
  .footer-line{ margin: 0 auto; }
  .footer-row .footer-col:last-child{ padding-left: 0px; }

  .footer-static .footer-bottom{ text-align: center; }

  .footer-epaper .footer-contact{ text-align: left; padding: 0 10px; width: 300px; margin:0 auto; }
  .footer-epaper .footer-contact ul li{ display: block; margin:0; }
  .footer-epaper .footer-contact ul li span{ display: block; padding-left: 45px; }

}
@media (max-width: 374px) {
  .footer-row .footer-col .footer--col:last-child .footer-list{ padding-left: 25px; }
  .footer-row .footer-col:last-child .footer--col .footer-list:last-child{ padding-left: 25px; }
}


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

.home-update{ padding: 30px 0; }
.article-highlights-side{ padding: 38px 0 0 0; }
.home-date-time{ font-size: 12px; color: #666; text-align: right; position: absolute; right: 15px; top: 10px; }

.article-highlights-list{ border-top: 1px solid #ddd; padding: 20px 0 0 0; margin-top: 5px; }
.box-highlights-list{ border-right: 1px solid #ddd; }
.highlights-list .box-highlights-list:last-child{ border-right: 0; }

.home-update-editor{ padding-bottom: 30px; }
.home-recommend, .home-aroundthailand, .home-video, .home-aroundweb{ 
  padding-bottom: 50px; 
}
.home-topics-editor{ padding-bottom: 20px; }

.home-latest{ padding: 30px 0 0 0; }

.sec-header a i { transition: all 0.3s ease; }
.sec-header a:hover i { color: #2B63D1; transition: all 0.3s ease; }

.box-highlights-list .list-v figure{ display: none; }

@media (max-width: 991px) {

  .home-update{ padding: 20px 0; }
  .home-update-editor{ padding-bottom: 0; }
  .home-recommend{ padding-bottom: 0; }
  .home-aroundthailand{ padding-bottom: 20px; }
  .home-aroundthailand .box-for-hs .sec-header{ margin: 0; }
  .home-topics-editor{ padding-bottom: 0; }
  .home-latest{ padding: 0; }
  .home-video{ padding-bottom: 0; }
  .home-aroundweb{ padding-bottom: 20px; }

}
@media (max-width: 767px) {

  .article-highlights-side{ padding: 0 20px; }
  .article-highlights-side .list-h .list-detail{ width: calc(60% - 15px); }
  .article-highlights-list{ padding: 0 15px; margin: 0 20px; }
  .box-highlights-list{ border-bottom: 1px solid #ddd; border-right: 0; padding: 20px 0; }
  .highlights-list .box-highlights-list:last-child{ border: 0; }
  
  .box-highlights-list .list-v .list-detail{ float: left; width: calc(60% - 30px); }
  .box-highlights-list .list-v figure{ display: block; float: right; width: 40%; padding-left: 15px; }

  .box-highlights-list.highlights-list-noimage .list-v .list-detail{ float: none; width: 100%; }
  .box-highlights-list.highlights-list-noimage .list-v figure{ display: none; }

	.home-recommend row{ margin-left: -15px; margin-right: -15px; }
	.col-xs-50 {
	  position: relative;
	  width: 100%;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
	  -ms-flex: 0 0 50%;
	  flex: 0 0 50%;
	  max-width: 50%;
	}
	
}
@media (max-width: 575px) {

  .home-aroundthailand .box-for-hs{ margin: 0 20px; }
  .section-home-2 hr.dot-double, .today-info hr.dot-double{ margin-right: 20px; margin-left: 20px; }
  .home-latest article{ padding: 0 20px; }
  .home-date-time{ top: 0; }

  .article-highlights-list{ padding: 0; }
}


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

.section-topics-editor, .section-recommend { padding-bottom: 60px; }
.section-latest{ padding-bottom: 50px; }
.section-mostrecent{ padding: 40px 0 50px; }
.section-article{ padding: 50px 0; }
.article-news{ padding-bottom: 50px; }
.section-topics-highlight{ padding-bottom: 30px; }
.section-topics-latest, .section-photo-latest{ padding-bottom: 50px; }
.section-top-columnist{ padding-bottom: 40px; }
.section-video-highlight{ padding-bottom: 50px; }
.section-video-others{ padding-bottom: 50px; }
.section-video-article{ padding-top: 40px; }


.listnews-row{ overflow: hidden; width: 100%; border-top: 1px solid #eee; padding: 20px 0; }
.listnews-col-left{ float: left; width: 134px; margin-right: 30px; }
.listnews-col-right{ float: left; width: calc(100% - 164px); }
.listnews-img{ float: left; margin-left: 30px; width: 216px; }
.listnews-text{ float: left; width: calc(100% - 246px); }
.listnews-text h3{ font-size: 18px; line-height: 24px; padding: 5px 0; }
.listnews-datetime{ font-size: 12px; line-height: 20px; color: #999; }
.listnews-row.noimage .listnews-text{ float: none; width: 100%; }

.hilight_sec .list-h.noimage .list-detail{ float: none; width: 100%; padding-right: 0; }


.box-loadmore{ padding: 10px 0; }
.btn-loadmore{ font-size: 14px; color: #132F65; display: block; text-align: center; border: 1px solid #132F65; padding: 15px 0; }
.btn-loadmore:hover{ background-color: #2B63D1; color: #fff; border-color: #2B63D1; }

.fa-date-showmobi{ display: none; }


.section-topics-latest .list-hover{ margin-bottom: 30px; }
.section-topics-latest .row{ margin-right: -15px; margin-left: -15px; }
.section-topics-latest .col-50{ padding-right: 15px; padding-left: 15px; }

a.link-unterline, a.link-unterline-h3{ position: relative; color: inherit; }
a.link-unterline:after,
a.link-unterline-h3:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
a.link-unterline:hover:after,
a.link-unterline-h3:hover:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
@media screen and (min--moz-device-pixel-ratio:0) {
  a.link-unterline-h3:after,
  a.link-unterline-3.actived:after{
    height: 1.4em;
  }
}


.topics-page-detail{ padding-bottom: 50px; }
.topics-page-content{}
.topics-page-content h2{ font-size: 36px; line-height: 42px; }
.topics-date-stories{ padding: 20px 0; }
.topics-date-stories p{ font-size: 11px; color: #666; display: inline-block; }
.topics-page-img{ max-height: 330px; overflow: hidden; }

.topics-page-img {
    position: relative;
    overflow: hidden;
    height: 330px;
    margin: 8px auto;
}
.topics-page-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%; 
}


.chanel-left{ float: left; }
.chanel-sortby{ float: right; padding-top: 7px; }
.chanel-sortby ul li{ display: inline-block; font-size: 12px; color: #000; font-weight: bold; margin-left: 15px; }
.chanel-sortby ul li:first-child{ margin-left: 0; }
.chanel-sortby ul li a{ color: #666; position: relative; }
.chanel-sortby ul li a:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 2em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.chanel-sortby ul li a:hover:after,
.chanel-sortby ul li a.actived:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


.section-top-columnist .owl-top-columnist{ padding-top: 40px; padding-bottom: 40px; background-color: #EDF5FF; margin-top: 5px; }
.listnews-opinion{ overflow: hidden; }
.listnews-opinion .columnnist-img{ width: 32px; height: 32px; vertical-align: middle; border-radius: 50%; overflow: hidden; display: inline-block; }
.listnews-opinion .columnnist-img img{ width: 100%; }
.listnews-opinion .columnnist-name{ font-size: 11px; color: #2B63D1; text-transform: uppercase; display: inline-block; padding-left: 5px; }
.columnist-history{ padding: 20px 25px 40px; position: relative; }
.columnist-history-article{ position: relative; }
.columnist-history-article p{ margin-bottom: 0; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
.columnist-history-article.box-view .info{ padding-bottom: 0; }
.box-view .info .position{ color: #666; }
.box-view .info .descrition, .box-view .info .contact{ font-size: 14px; line-height: 20px; color: #666; }

.section-postbag{ margin-top: 30px; margin-left: 30px; }

.listnews-opinion .columnnist-name span{ color: #878787; display: block; }
.article-info .listnews-opinion .columnnist-img{ width: 50px; height: 50px; vertical-align: middle; }
.article-info .listnews-opinion .columnnist-name{ vertical-align: middle; }

.exclusive-content{ background-color: #fff; border: 1px solid #e5e5e5; padding: 5px; }
.exclusive-content-text{ background-color: #f5f5f5; padding: 15px 40px; text-align: center; }
.exclusive-content-text p{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 14px; line-height: 20px; color: #666; margin-bottom: 20px; }
.exclusive-content-btn{ text-align: center; }
a.btn-default{ display: inline-block; background-color: #132F65; border: 2px solid #132F65; font-size: 13px; color: #fff; padding: 8px 20px; width: 150px; text-align: center; margin: 5px; }
a.btn-default:hover{ background-color: #2B63D1; color: #fff; border-color: #2B63D1; }
a.btn-default:after{
  display: none;
}

.article-video{ overflow: hidden; padding-bottom: 65px; }
.article-vdo-detail{ float: left; width: calc(100% - 220px); }
.article-vdo-share{ float: right; }
.article-vdo-share .box-share-photo{ margin: 0;}

.article-video h2{ color: #fff; }
.article-video p{ padding-bottom: 5px; color: #ccc; }
.article-video a{ color: #fff; }
.article-video a:hover{ color: #2B63D1; }

.article-moreOthers{ padding-bottom: 50px; }


.section-video .section-video-highlight .list-vdo .list-detail-mt,
.section-video .section-video-highlight .box-photo-overview .box-caption{ border-top: solid 2px #132F65; }


.article-btn-comment a{ display: block; background-color: #132F65; width: 100%; font-size: 12px; font-weight: bold; color: #fff; padding: 7px 0 3px; text-align: center; }
.article-btn-comment a i{ font-size: 18px; vertical-align: middle; vertical-align: -webkit-baseline-middle; }
.article-btn-comment a span{ font-weight: normal; }
.article-btn-comment a:hover{ background-color: #2B63D1; color: #fff; }



@media (max-width: 1199px) {

  .listnews-col-left{ width: 100px; }
  .listnews-col-right{ width: calc(100% - 130px); }

  .article-video{ padding-bottom: 25px; }
  .article-vdo-detail{ float: none; width: 100%; }
  .article-vdo-share{ float: none; }

}
@media (max-width: 991px) {

  .section-topics-editor, .section-recommend { padding-bottom: 30px; }
  .section-update{ padding-top: 20px; }
  .section-mostrecent{ padding: 20px 0 30px; }
  .section-article{ padding: 20px 0; }
  .article-news{ padding-bottom: 0; }
  .section-topics-highlight{ padding-bottom: 0; }
  .section-top-columnist{ padding-bottom: 10px; }
  .section-video-article{ padding-top: 20px; }

  .topics-page-detail{ padding-bottom: 20px; }
  .columnist-history{ padding: 0px 25px 20px; }
  .section-video-highlight{ padding-bottom: 20px; }
  .section-video-others{ padding-bottom: 0; }

  .article-moreOthers{ padding-bottom: 20px; }
  .article-vdo-share .box-share-photo{ padding-bottom: 0;}

}
@media (max-width: 767px) {

  .section-topics-editor, .section-recommend, .section-top-columnist{ padding-bottom: 0px; }
  .section-photo-highlight, .section-photo-header, .section-video-highlight{ margin-top: 20px; }

  .fa-date-showmobi{ display: inline-block; }
  .listnews-col-left{ display: none; }
  .listnews-col-right{ width: 100%; }
  .listnews-img{ width: 126px; }
  .listnews-text{ width: calc(100% - 156px); }
  .section-article{ padding: 10px 0; }

  .section-topics-latest .row{ margin-right: -10px; margin-left: -10px; }
  .section-topics-latest .col-50{ padding-right: 10px; padding-left: 10px; }
  .section-topics-latest .list-hover{ margin-bottom: 20px; }

  .topics-page-content{ padding-bottom: 20px; }
  .columnist-history{ padding: 20px 0px 10px; }
  .columnist-history-article{ padding-top: 20px; }

  .section-postbag{ margin-top: 10px; margin-left: 0px; }
  .bg-theme-dark .row .vdo-list:last-child .list-vdo{ margin-bottom: 10px; }
  .section-video-highlight .row [class*='col']:last-child .list-vdo{ margin-bottom: 10px; }

  .topics-page-img {
      height: 280px;
  }

}
@media (max-width: 575px) {

  .btn-loadmore{ padding: 10px 0; }
  .section-latest, .section-photo-latest{ padding-bottom: 30px; }

  .topics-page-detail{ padding: 20px; }
  .chanel-sortby ul li{ margin-left: 10px; }
  .chanel-left, .chanel-sortby{ float: none; }
  .chanel-sortby{ padding: 0 0 7px; }

  .section-video-highlight article{ padding: 0 20px; }
  .article-vdo-share{ padding-top: 20px; }

  .section-photo-detail{ background-color: #111; }

}




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

.box-latest-list .list-group{ padding-bottom: 50px; }
.box-latest-list .list-group li:first-child{ padding-top: 0; }
.box-latest-list .chanel, .box-bordertop-list .chanel{ border-top: 1px solid #132F65; padding: 10px 0; }
.list-group li{ font-size: 15px; line-height: 20px; }
.list-group-article .list-group li{ font-size: 18px; line-height: 24px; }
.list-group-article .list-group li:first-of-type{ padding-top: 0; }
/* .box-latest-list .list-group li:first-of-type{ font-size: 15px; line-height: 20px; } */

.icn-play{ opacity: 0; position: absolute; width: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; transition: all 0.8s ease;  }
.list-vdo{ height: 100%; }
.list-vdo figure{ position: relative; }
.list-vdo a{ display: block; }
.list-vdo a:hover .icn-play{ opacity: 1; transition: all 0.8s ease; }
.list-vdo h3, .list-vdo .play-time{ color: #fff; }
.list-vdo a:hover h3{ color: #2B63D1; }

.box-photo figure{ position: relative; overflow: hidden; }
.box-photo figcaption {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
    color: #fff;
    z-index: 55; 
}
.box-photo h3{ width: calc(100% - 60px); }
.box-photo .num{ z-index: 55; right: 13px; bottom: 13px; }
.box-photo figure .img-top{ opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.8s ease; }
.box-photo a:hover h3{ color: #2B63D1; }
.box-photo a:hover .img-top{ opacity: 1; z-index: 2; transition: all 0.8s ease; }


.h-line a{ color: #2B63D1; }

.caption-details h4{ padding: 0 15px; }

.box-enews ul li a, .h-line a{ position: relative; }
.box-enews figure .img-epaper{ height: 100px; overflow: hidden; }
.box-enews figure .img-epaper a:hover{ opacity: 0.7; }


.articl-content a,
.box-comment .box-info .f-comment .f-right a{ position: relative; }

.box-comment .box-info .f-comment span:nth-child(2){ padding-left: 15px; }
.box-comment .box-info .f-comment span:nth-child(3){ padding-left: 5px; }

.box-comment .box-info .f-comment .f-left a.a-report:hover .icon-report{ background-image: url('../images/icon/report-hover.svg'); }
.comment-report{ padding: 20px 0; }
.btn-for-report{ margin: 15px auto 0; }
.box-comment .box-add.btn-for-report a{ display: inline-block; }

.page-thankreport{ max-width: 738px; width: 85%; margin: 10% auto; text-align: center; border:1px solid #ccc; padding: 60px 20px; }
.page-thankreport h4{ font-family: arial,Helvetica Neue,Helvetica,sans-serif; color: #666; font-weight: bold; padding-bottom: 20px; }
.page-thankreport p{ color: #666; padding-bottom: 30px; }
.page-thankreport a {
    display: inline-block;
    color: #132F65;
    background-color: #132F65;
    border: 2px solid #132F65;
    font-size: 12px;
    color: #fff;
    padding: 8px 50px;
}


.box-comment .box-info .f-comment .f-right{ padding-top: 7px; }


@media (max-width: 576px) {

  .box-comment .box-info .f-comment .f-left{ width: 80%; }
  .box-comment .box-info .f-comment .f-right{ width: 20%; }
  .box-comment .box-add.btn-for-report a{ margin-bottom: 5px; }

  .box-comment ul li > ul li .box-info .f-comment .f-left{ width: 100%; }

}
@media (max-width: 360px) {

  .box-comment ul li > ul li .box-info .f-comment span:nth-child(3){ display: block; padding-left: 0; margin-left: -2px; }

}
@media (max-width: 340px) {

  .box-comment .box-info .f-comment span:nth-child(3){ display: block; padding-left: 0; margin-left: -2px; }

}



a.link-terms{ color: #2B63D1; position: relative; }
.box-character ul li a{ position: relative; display: inline-block; }

.box-enews ul li a:after,
.h-line a:after,
/* .articl-content a:after, */
.box-comment .box-info .f-comment .f-right a:after,
a.link-terms:after,
.box-character ul li a:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.box-enews ul li a:hover:after,
.h-line a:hover:after,
/* .articl-content a:hover:after, */
.box-comment .box-info .f-comment .f-right a:hover:after,
a.link-terms:hover:after,
.box-character ul li a:hover:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


/* .articl-content a:after{
  height: 1.5rem;
} */
.articl-content a:hover{ text-decoration: underline; }


.section-nav ul li:after{ top: -2px; }
.section-nav ul li:first-child:after{ right: -20px; top: 7px; }
.section-nav ul li:last-child:after{ display: none; }


.box-img .centerThumbnail a:after,
.box-img figure a:after{
  display: none;
}

.h-notlogin{ font-size: 14px; line-height: 20px; color: #666; text-align: center; }
.h-notlogin span{ font-size: 18px; line-height: 24px; display: block; padding-bottom: 5px; }

.section-nav{ height: 43px; }
.section-nav ul li a:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 30px;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.section-nav ul li a:hover{ color: inherit; }
.section-nav ul li a.actived:after,
.section-nav ul li a:hover:after{ 
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


@media screen and (min--moz-device-pixel-ratio:0) {
  .section-nav ul li a:after,
  .section-nav ul li a.actived:after{
    height: 1em;
  }
}

.section-subsection .section-nav{ height: 25px; margin-bottom: 30px;  }
.section-subsection .section-nav ul li{ line-height: 25px;}
.section-subsection .section-nav ul li a{ line-height: 25px; display: inline-block; }
.section-subsection .section-nav ul li a.actived:after{ 
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1.25rem;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 4px;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.section-subsection .section-nav ul li a:after{
  height: 1.25rem;
}


.section-subsection .section-nav ul li:first-child{ font-size: 16px; line-height: 25px; }
.section-subsection .section-nav ul li:first-child a{ margin-left: 0; }
.section-subsection .section-nav ul li:first-child:after{ top: 0px; }
.subsection-nav{ border-top: 1px solid #132F65; padding: 15px 0; font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 24px; line-height: 26px; text-transform: uppercase; display: none; }


.section-nav--more{ display: none; }

.section-nav.more_expanded{ height: auto; padding-bottom: 9px; }
.section-nav.more_expanded .section-nav--more{ float: left; }
.section-nav.more_expanded ul{ max-width: 100%; }

.section-subsection .section-nav.more_expanded{ height: auto; padding-bottom: 0px; }



.col-highlights-side .hilight_sec .list-h{ border-top: 1px solid #ddd; padding: 20px 0; }
.col-highlights-side .list-detail h3{ font-size: 20px; }

.hilight_sec .list-h figure{ width: 149px; }
.hilight_sec .list-h .list-detail{ width: calc(100% - 149px); padding-right: 15px; }

.article-col-highlights-side .hilight_sec .list-h{ border-top: 1px solid #ddd; padding: 20px 0; }

.tab-title {
  text-transform: uppercase;
  padding: 20px 0 10px;
  display: block;
  text-decoration: none;
  float: none;
  width: 100%;
  text-align: left;
  font-family: arial_black,Helvetica Neue,Helvetica,sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #132F65;
}

.box-share{ padding-bottom: 70px; }
.box-share a{ transition: all 0.8s ease; font-size: 21px; line-height: 44px; }
.box-share a:hover{ background-color: #2B63D1; color: #fff; border-color: #2B63D1; transition: all 0.8s ease; }
.box-share li.comment-icon a{ padding-top: 5px; }
.box-share li.comment-icon a:hover{ background-color: #fff; color: #2B63D1; }

.box-share-h{ position: relative; padding-top: 30px; overflow: hidden; }
.box-share-h ul li:first-child{ margin-left: 0; }
.box-share-h a:hover{ border-color: #2B63D1; }

.box-share--h{ position: relative; top: auto; padding-bottom: 30px; text-align: left; padding-top: 20px; }
.box-share--h li{ display: inline-block; margin-bottom: 0; margin-right: 10px; }
.box-share--h li.comment-icon{ margin-top: 0; padding-left: 10px; }
.box-share--h li.comment-icon:before{ width: 1px; height: 40px; right: auto; top: 4px; }
.box-share--h li.comment-icon label{ left: 10px; bottom: auto; top: -10px; }
.box-share--h a{ line-height: 40px; }
.box-share--h li label{ position: absolute; font-size: 12px; color: #999; top: -20px; left: 0; right: 0; text-align: center; }
.article-headline-fixed .box-share--h a:hover{ color: #fff; }


.articl-content h2,
.articl-content h3,
.articl-content h4{
  margin-bottom: 20px;
}

.articl-content ul,
.articl-content ol,
.articl-content p,
.articl-content .box-img{
  margin-bottom: 40px;
}
.articl-content ul,
.articl-content ol{
  margin-left: 20px;
  margin-right: 20px;
}

.box-comment{ transition: all 0.8s ease; right: -768px; }
.box-comment.boxOpen{ transition: all 0.8s ease; right: 0; }
.box-comment.boxOpen .box-btn{ position: fixed; right: 20px; }

.comment-notlogin{ padding: 20px 0; }
.btn-for-signin{ width: 155px; margin: 15px auto 0; }


.box-tag ul{ margin: 30px 0 20px; }
.box-tag ul li{ margin-bottom: 10px; margin-right: 5px; line-height: 20px; }
.box-tag ul li a{ padding: 2px 13px; }

.article-list-related .list-detail{ margin-bottom: 30px; }


.list-hover figcaption h3{ font-size: 1.5625rem; }
.list-hover:hover figcaption h3{ padding-bottom: 15px; }
.list-hover figcaption ul li a{ font-family: charis_silbold, Georgia,Times,Times New Roman,serif; font-size: 16px; }
.list-hover:hover .view-all{ text-decoration: underline; }

.box-postbag{ padding: 40px 20px; }

.hilight_sec--list{ background-color: #F5F5F5; height: 100%; }

.box-view .info .contact a{ color: #2B63D1; }
.box-columnist .columnist-info span{ display: block; font-weight: normal; padding-top: 5px; }
.nav-alphabet{ padding: 5px 20px; }
.nav-alphabet span{ display: inline-block; margin-bottom: 10px; margin-top: 10px; margin-right: 20px; }


.box-photo-overview:hover h3{ color: #2B63D1; }

.media-page .box-photo{ margin-bottom: 0; height: 100%; background-color: #000; }
.media-page .box-photo figure{ height: 100%; }
.media-page .box-photo figcaption{ padding: 20px; }
.media-page .box-photo .num{ bottom: auto; top: 13px; }
.photo-list{ margin-bottom: 30px; }
.head-photo .detail h3 span.num-photo{ display: none; }

.box-photo-overview h3{ margin-top: 10px; }
.box-photo-overview h3 a{ display: block; }
.box-photo-date-num{  }
.bg-theme-dark .list-vdo{ background-color: #111; height: 100%; }
.media-page .list-detail-mt{ padding: 15px 15px 0; }
.bg-theme-dark .list-vdo .play-time{ bottom: 0; right: 0; }
.bg-theme-dark{ margin-top: 0; }
.photo-list .list-vdo a{ height: 100%; }
.photo-list .list-detail-mt{ padding: 15px 15px 0; }
.sub-vdo-list{ margin-bottom: 30px; }
.vdo-list-slide{ margin-bottom: 30px; }
.media-page .vdo-list-slide .list-detail-mt{ padding: 15px 13px 0; }
.list-vdo .list-detail-mt{ border-top: 0; }

.photo-list .box-photo figure figcaption h3 a{ color: #fff; }
.photo-list .box-photo figure figcaption h3 a:hover{ color: #2B63D1;  }


.head-postbag h2{ padding: 5px 20px 0 0; float: left; }
.postbags-info .date{}
.postbags-info .box-share-h{ padding-top: 0; }

.article-headline-fixed .box-share.box-share--h{ padding-top: 0; float: right; }
.article-headline-fixed .box-share.box-share--h a{ width: 30px; height: 30px; line-height: 30px; font-size: 17px; color: #fff; border: 1px solid rgba(255,255,255,0.2); }
.article-headline-fixed .box-share.box-share--h a:hover{ border: 1px solid rgba(43,99,209,1); }


.article-headline-fixed .box-share.box-share--h li{ margin-right: 5px; }
.article-headline-fixed .box-share.box-share--h li.comment-icon-fixed{ padding-right: 30px; margin-right: 0; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 3px; }
.article-headline-fixed .box-share.box-share--h li.comment-icon-fixed label{ position: absolute; right: 0; top: 9px; left: 30px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 12px; line-height: 12px; color: #999; }
.article-headline-fixed .box-share.box-share--h li.comment-icon-fixed  a{ border: 0; }
.article-headline-fixed .box-share.box-share--h li.comment-icon-fixed  a:hover{ background-color: transparent; color: #2B63D1; }


.box-share-photo{ float: right; margin-top: 25px;margin-right: 30px; }
.box-share-photo.box-share a { color: #fff; }
.box-share-photo.box-share li.comment-icon:before{ background-color: #333; }

.box-share-photo.box-share li.comment-icon a:hover{ color: #2B63D1; background-color: transparent; }


.header.header-topics h2{ font-size: 16px; line-height: 20px; }

.box-share--mobile{ margin-top: 30px; text-align: left; }
.box-tag{ margin-top: 0; }



@media (max-width: 1199px) {

  .box-tab .tabs{ padding: 0 20px; }
  .tabs-nav li{ font-size: 11px; }
  .list-num li{ font-size: 16px; line-height: 20px; padding: 15px 0; }
  .list-num .num{ font-size: 36px; }

  .box-enews .menu h4{ font-size: 22px; margin-bottom: 10px; padding-bottom: 10px; }
  .box-enews ul li{ width: 100%; }
  .section-video-highlight .box-photo-overview .box-caption{ padding: 20px; }
  .section-video-highlight .box-overview-share{ bottom: 20px; right: 20px; }

}
@media (max-width: 991px) {

  .box-latest-list .list-group{ padding-bottom: 40px; }
  .box-latest-list .list-group figure{ padding-bottom: 10px; }
  .box-enews figure{ margin-top: 20px; }

  .col-highlights-side .hilight_sec .list-h{ border-top: 0; }
  .col-highlights-side article, .col-highlights-side .hilight_sec .list-h{ padding: 0; }
  .col-highlights-side:first-child{ border-right: 1px solid #ddd; }
  .col-highlights-side{ margin-top: 30px; margin-bottom: 20px; }

  .section-nav { margin: 30px 0 0 0; }
  .section-nav ul{ max-width: calc(100% - 4.375rem); }
  .section-nav ul li:first-child{ font-size: 26px; line-height: 26px; margin-right: 15px; }
  .section-nav ul li a{ font-size: 15px; line-height: 34px; }
  .section-nav ul li a:after,
  .section-nav ul li a.actived:after{
    height: 24px;
  }
  .section-nav ul li:last-child:after{ display: block; }
  .section-nav--more{ font-size: 15px; line-height: 34px; color: #999; display: inline-block;  cursor: pointer; padding-left: 20px; }
  .section-subsection .section-nav--more{ line-height: 25px; }
  .section-subsection .subsection-nav{ margin-top: 20px; display: block; }
  .section-subsection .section-nav{ margin-bottom: 0px;  }

  .box-share{ position: relative; top: auto; padding-bottom: 30px; text-align: left; }
  .box-share li{ display: inline-block; margin-bottom: 0; margin-right: 10px; }
  .box-share li.comment-icon{ margin-top: 0; padding-left: 10px; }
  .box-share li.comment-icon:before{ width: 1px; height: 40px; right: auto; top: 4px; }
  .box-share li.comment-icon label{ left: 10px; bottom: auto; top: -10px; }
  .box-share a{ line-height: 40px; }
  /* .box-share--h{ text-align: center; } */

  /* .section-subsection .section-nav ul li:first-child{ line-height: 34px; } */
  .subsection-nav{ padding-bottom: 0; }

  .header h2{ margin: 30px 0 10px 0; }
  .nav-alphabet span a{ font-size: 20px; }

  .box-photo-share{ width: auto; float: right; margin-left: 0; }
  .media-page .block-photo{ margin: 20px 0 40px; }
  .media-page .block-photo:last-child{ margin-bottom: 0; }
  .section-video-highlight .box-overview-share{ bottom: auto; right: auto; }
  .box-photo-overview .box-caption{ padding: 20px; }
  .box-photo-date-num{ overflow: hidden; }
  .vdo-list{ margin-bottom: 30px; }
  .subsection-vdo{ margin-top: 20px; }


  .box-photo--share{ margin-top: 30px; padding-bottom: 0px; }


}
@media (max-width: 767px) {

  .list-vdo{ height: auto; padding-bottom: 20px; margin-bottom: 20px; position: relative; }
  .list-vdo .play-time{ right: 0; }

  .box-enews .menu{ width: calc(50% - 30px); margin-right: 30px; }
  .box-enews figure{ width: 50%; margin-top: 0; }

  .highlights-side .list-h:first-child{ border-top: 0; }

  .list-h .list-detail { /*width: calc(60% - 15px);*/ padding-right: 0; }
  .list-h figure{ float: right; }

  .hilight_sec .list-v{ margin-bottom: 30px; }
  .col-highlights-side{ margin-top: 0; }
  .col-highlights-side:first-child{ border-right: 0; }
  .col-highlights-side .hilight_sec .list-h{ border-bottom: 1px solid #ddd; padding-bottom: 20px; }
  .col-highlights-side:last-child .hilight_sec .list-h{ border-bottom: 0; }

  .box-comment .box-list-comment{ padding: 40px 30px; }
  .box-comment.boxOpen .box-btn{ right: 8px; }
  .box-comment .img-profile{ width: 50px; height: 50px; line-height: 50px; }
  .box-comment ul li ul{ margin-left: 70px; }
  .box-comment .box-info{ width: calc(100% - 70px); }
  
  .postbags-info .box-share-h{ padding-top: 20px; padding-bottom: 10px; }
  .hilight_sec--list{ background-color: unset; height: auto; }
  .bg-theme-dark .list-vdo{ height: auto; }
  .vdo-list{ margin-bottom: 0px; }
  .sub-vdo-list{ margin-bottom: 0px; }

}
@media (max-width: 575px) {

  .chanel{ padding:0 0 5px 0; }
  .chanel.top-stories{ padding: 0 20px 10px; }
  .home-update hr.dott{ margin: 10px 20px; }

  .box-border-top .chanel{ padding: 10px 0; }
  .box-latest-list .chanel{ padding: 10px 0; }

  .section-nav{ margin: 20px 20px 0; height: 34px; }
  .col-highlights-side article{ padding: 0 20px; }

  .article-info .text-right{ text-align: left !important; }
  .subsection-nav{ margin-left: 20px; margin-right: 20px; margin-top: 20px; }
  .section-subsection .section-nav{ height: 25px; }

  .header h2{ margin: 20px 20px 0; font-size: 28px; line-height: 38px; }
  .list-hover figcaption h3{ font-size: 1.125rem; padding-bottom: 10px; }
  .list-hover figcaption{ left: 20px; right: 20px; }
  .list-hover figcaption ul{ padding-top: 10px; margin-bottom: 10px; }
  .list-hover figcaption ul li{ margin-bottom: 5px; }
  .list-hover figcaption ul li a{ font-size: 14px; }

  .box-view .info .name{ font-size: 22px; }
  .photo-list{ margin-bottom: 20px; }

  .head-photo .num{ display: none; }
  .head-photo .detail{ width: 100%; border-left: 0; }
  .head-photo .detail h3 span.num-photo{ display: inline-block; font-size: 20px; }
  
  .bg-theme-dark{ padding: 0; }
  .main-player{ margin-top: 0; }

  .head-photo .box-photo-share{ margin-bottom: 0; }

  .box-share-photo{ padding-bottom: 0; }

  .box-photo--share{ padding-bottom: 20px; }
  .box-photo--share.box-share a{ color: #fff; border-color: #fff; }
  .box-photo--share.box-share li.comment-icon:before{ background-color: #333; }

  .section-nav ul li:first-child{ font-size: 25px; }

}
@media (max-width: 366px) {
  .section-nav{ margin: 20px 15px 0; }
}
@media (max-width: 330px) {

  .box-enews{ padding: 20px; }
  .box-enews .menu h4{ font-size: 20px; }

  .list-hover figcaption ul li{ line-height: 1.3; }
  .list-hover figcaption{ left: 10px; right: 10px; }


}
@media (max-width: 390px){ 



  .section-nav ul li:last-child{ margin-right: 0; }
  .section-nav ul li:last-child a{ margin-right: 0; }


}
@media (max-width: 356px){ 

  .section-nav, .section-subsection .section-nav{ height: auto; }
  .section-nav ul{ max-width: 100%; }
  .section-nav ul li:first-child{ width: 100%; padding-bottom: 10px; }
  .section-nav ul li:first-child:after{ display: none; }
  .section-nav ul li:nth-child(2){ margin-left: 0; }
  .section-nav ul li:nth-child(2) a{ margin-left: 0; }
  .section-nav ul li:last-child{ margin-right: 0; }
  .section-nav ul li:last-child a{ margin-right: 0; }
  .section-nav ul li a{ font-size: 14px; line-height: 30px; }

  .section-nav--more{ display: none; }

}



.section-nav.section-nav-nosub .section-nav--more{ display: none; }
.section-nav.section-nav-nosub ul li:after{ display: none; }

.section-nav.section-nav-opinion .section-nav--more{ display: none; }
.section-nav ul li:last-child:after{ display: none; }

.section-nav.section-nav-opinion{ height: auto; }
.section-nav.section-nav-opinion .section-nav--more{ display: none; }
.section-nav.section-nav-opinion ul{ max-width: 100%; }




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

.section-postbag .articl-content h3 { font-size: 1.5rem; margin-bottom: 20px; padding-top: 20px; }
.section-postbag .articl-content h4 { font-size: 1.1875rem; margin-bottom: 20px; padding-top: 20px; }
.section-postbag .articl-content ul { text-align: center; margin: 30px 0 0; }
.section-postbag .articl-content ul li { display: block; border-bottom: solid 1px #DEDEDE; margin: 30px 0 0; }
.section-postbag .articl-content p { font-size: 19px; line-height: 32px; font-family: Georgia,Times,Times New Roman,serif; text-align: left; margin-bottom: 20px; color: #121212; }
.section-postbag .articl-content p.PostbagName{
  display: block;
  text-align: left;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
}





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

.outbrain{ position: absolute; right: 0; top: 10px; font-size: 11px; color: #999; }
.outbrain img{ vertical-align: baseline; }

.owl-theme .owl-dots .owl-dot.active span, 
.owl-theme .owl-dots .owl-dot:hover span{
  background: #122e66;
}

.owl-theme .owl-dots .owl-dot span{
  width: 9px; height: 3px; margin: 5px 3px; border-radius: 0; background: #ddd;
}

.owl-stage-outer .box-tab{
  min-height: 490px; background-color: #F5F5F5; 
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
  margin-bottom: 10px;
  font-size: 9px;
  font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
  text-transform: uppercase;
}
.breadcrumb-item{}
.breadcrumb-item + .breadcrumb-item::before {
  padding-right: 0;
  color: #666;
  content: "〉";
}
.breadcrumb-item.active {
  color: #121212;
}
.breadcrumb-item a{
  position: relative;
}
.breadcrumb-item a:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.breadcrumb-item a:hover:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


@media (max-width: 767px){

  .owl-topics.owl-carousel .owl-stage, 
  .owl-topics2.owl-carousel .owl-stage { left: -50px; } 

  .owl-recommended.owl-carousel .owl-stage,
  .owl-diary.owl-carousel .owl-stage,
  .owl-boxtab.owl-carousel .owl-stage{ left: -30px; }

  .owl-magatrends.owl-carousel .owl-stage{ left: -20px; }

}
@media (max-width: 364px){

  .owl-topics2.owl-carousel .owl-stage { left: -30px; }

}

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

.embed-responsive-content { margin-bottom: 30px; width: 100%; text-align: center; }
.embed-responsive-content > * { margin: 0 auto!important; }
.embed-responsive-content > iframe.instagram-media.instagram-media-rendered{ min-width: auto!important; }
.embed-responsive{ margin: 0 auto; }
.embed-container {
  position: relative;
  /* padding-bottom: 56.25%; */
  overflow: hidden;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
video {
  width: 100%;
  height: auto;
}




.articl-content h2, .articl-content h3, .articl-content h4,
.articl-content p, .articl-content ul, .articl-content ol{ max-width: 626px; width: 100%; margin-left: auto; margin-right: auto; }


.articlePhotoLeft, .articlePhotoRight, .articlePhotoCenter{
  margin-bottom: 40px;
  text-align: center;
}
.articlePhotoLeft p, .articlePhotoRight p, .articlePhotoCenter p{ 
  font-family: Georgia,Times,Times New Roman,serif; 
  font-size: 14px; 
  line-height: 24px;
  position: relative; 
  margin: 10px auto; 
  color: #666; 
  text-align: left;
  padding-left: 15px;
}
.articlePhotoLeft p:before,
.articlePhotoRight p:before,
.articlePhotoCenter p:before { 
  content: ""; position: absolute; 
  width: 1px; top: 5px; bottom: 5px; 
  left: 5px; background-color: #2B63D1; 
}
.articlePhotoLeft img, .articlePhotoRight img, .articlePhotoCenter img, .centerThumbnail img{
  width: 100%;
}

.articlePhotoLeft a:after, .articlePhotoRight a:after, .articlePhotoCenter a:after{
  display: none;
}







@media (max-width: 767px){

  .embed-responsive-content > iframe {
    width: 100%;
  }

}
@media (max-width: 575px){

  .articlePhotoLeft p, .articlePhotoRight p, .articlePhotoCenter p{
    margin-left: 15px;
  }

}



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

.section-life h2, .section-life h3, .section-life h4,
.section-life .list-num a,
.section-life .list-group li a{ font-family: vonnesthin,Arial,Helvetica Neue,Helvetica,sans-serif;  }

/* .section-life .articl-content h2, .section-life .articl-content h3, .section-life .articl-content h4,
.section-life .articl-content p, .section-life .articl-content ul, .section-life .articl-content ol{ 
  max-width: 626px; width: 100%; margin-left: auto; margin-right: auto; 
} */

.box-tag ul{ max-width: 100%; }

.section-life a:hover,
.section-life .h-line, 
.section-life .h-line a,
.section-life .list-num .num,
.section-life .article-news a,
.section-life .article-info span,
.section-life .list-group li a:hover{ color: #3595A7; }

.section-life .articl-content ul li:before{ background-color: #3595A7; }

.section-life p{ color: #888; }
.section-life .hilight_sec .list-h .list-detail{ width: 50%; }
.section-life .hilight_sec .list-h figure{ width: 50%; }
.section-life .btn-loadmore{ color: #1A6472; border: 1px solid #1A6472; }
.section-life .btn-loadmore:hover{ background-color: #1A6472; color: #fff; border-color: #1A6472; }
.section-life .sec-header span{ background-color: #fff; border: 1px solid #ccc; width: 140px; }
.section-life .sec-header:before{ height: 1px; background-color: #ccc; }
.section-life .sec-header a{ color: #1A6472; }
/* .section-life .h-ic{ margin-top: -10px; } */


.section-life .caption .caption-overlay { background: rgba(226,240,243, 0.3); }
.section-life .caption-details { 
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,240,243, 0)), to(#89C1CC)); 
  background-image: -webkit-linear-gradient(top, rgba(226,240,243, 0), #89C1CC); 
  background-image: -o-linear-gradient(top, rgba(226,240,243, 0), #89C1CC); 
  background-image: linear-gradient(to bottom, rgba(226,240,243, 0), #89C1CC); 
}

.section-life .box-border-top, 
.section-life .tab-title{ border-color: #ccc; }


.article-life{ max-width: 700px; width: 100%; margin: 0 auto; }
.section-life .article-news p, .section-life .article-news li{ font-family: 'Open Sans', sans-serif; font-size: 17px; line-height: 32px; color: #333; }
.section-life .box-img figcaption{ font-family: 'Open Sans', sans-serif; }


.section-life .box-share a,
.section-life .box-share li.comment-icon a:hover{ color: #1A6472; }
.section-life .box-share a:hover{ color: #fff; border-color: #1A6472; background-color: #1A6472; }
.section-life .breadcrumb{ display: block; text-align: center; }
.section-life .breadcrumb-item{ display: inline-block; }
.section-life .article-info p, .section-life .article-info .p-info{ display: inline-block; padding: 0 5px; font-size: 11px; line-height: 18px; font-family: 'Open Sans', sans-serif; color: #666; }
.section-life .box-share--h{ text-align: center; }

.section-life .article-headline,
.section-life .article-info{ text-align: center; }
.section-life .article-headline p{ font-style: normal; line-height: 28px; }
.section-life .box-tag ul li{ line-height: 20px; }
.section-life .box-tag ul li a:hover{ border-color: #3595A7; color: #3595A7; }


.section-life a.btn-default{ background-color: #3595A6; border: 1px solid #3595A6; color: #fff; }
.section-life a.btn-default:hover{ color: #fff; background-color: #fff; color: #3595A6; }

.h-line-life{ position: absolute; background-color: #fff; padding: 6px 30px; top: -20px; left: 50%; transform: translateX(-50%); font-size: 9px; color: #3595A7; text-transform: uppercase; }
.h-line-life a{ color: #3595A7; }
.list-detail-life{ position: relative; text-align: center; padding: 25px; }


.section-life .article-headline-fixed .box-share-h a:hover{ color: #fff; background-color: #3595A7; border: 1px solid rgba(53,149,167,0.2); }




.section-life .articlePhotoLeft p:before, .section-life .articlePhotoRight p:before, .section-life .articlePhotoCenter p:before{
  left: 5px;
}
.section-life .articlePhotoLeft p, .section-life .articlePhotoRight p, .section-life .articlePhotoCenter p{ 
  font-size: 14px; 
  line-height: 22px;
  position: relative; 
  margin: 10px auto;
  padding-left: 15px; 
  color: #666; 
  text-align: left;
  max-width: 100%;
}


.section-life .hilight_sec .list-h.noimage .list-detail{ float: none; width: 100%; padding-right: 0; }

.section-life .article-btn-comment{ width: 50%; margin: 0 auto; }
.section-life .article-btn-comment a{ background-color: #3595A7; color: #fff; border:1px solid #3595A7; }
.section-life .article-btn-comment a:hover{ background-color: #fff; color: #3595A7; }


@media (max-width: 991px){

  .section-life .col-highlights-side .hilight_sec .list-h{ border-top: 1px solid #ddd; padding-top: 20px; }
  .section-life .col-highlights-side{ margin-top: 0; }
  .section-life .col-highlights-side:first-child{ border-right: 0; }

  .section-life .article-btn-comment{ width: 100%; }

}
@media (max-width: 767px){

  .section-life .hilight_sec .list-v{ margin-bottom: 10px; }
  .section-life .col-highlights-side .hilight_sec .list-h{ border-top: 0; padding-top: 0px; }
  .section-life .col-highlights-side:first-child .hilight_sec .list-h{ border-top: 1px solid #ddd; padding-top: 20px; }

}
@media (max-width: 575px){
  .section-life .article-info .p-info{ display: block; }
}

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


.login-page {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  height: 100%;
}
.login-pageBody {
  width: 100%;
  max-width: 27em;
  flex: 1 1 auto;
  margin: 0 auto;
  padding: 0px 20px;
}

.form-login{ width: 100%; height: 40px; padding: 6px 10px; border: 1px solid #E8E8E8; margin-bottom: 10px; font-size: 14px; }
.btn-form-login{ display: inline-block; border: solid 1px #2B63D1; color: #2B63D1; padding: 6px 20px 5px 20px; background-color: #fff; border-radius: 0; font-size: 14px; }
.btn-form-login:hover{ background-color: #2B63D1; color: #fff; border-color: #2B63D1; }
.forget-password{ display: inline-block; margin-left: 20px; }
.forget-password a{ font-size: 14px; color: #2B63D1; }
.email-user label.form-check-label{ font-size: 14px; }

.forget-password a:after{
  margin-top: 8px;
}

.captcha-login{ padding-bottom: 10px; }
.captcha-login label.headline{ font-size: 14px; }
.captcha-login #validate_img {

    clear: both;
    margin: 0 10px 0 0;
}
.captcha-login #changimg {

    margin: 32px 0 0 0;
    cursor: pointer;
}


.body-page404{ background-color: #F9F9F9; }

.page-error404{ max-width: 738px; width: 85%; margin: 10% auto; text-align: center; }
.page-error404 h2{ font-family: arial_black,Helvetica Neue,Helvetica,sans-serif; font-size: 100px; color: #373737; }
.page-error404 h3{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 40px; line-height: 55px; color: #373737; padding: 50px 0; }
.page-error404 p{ font-size: 15px; line-height: 20px; }
.form-page404{ text-align: center; padding: 30px 0 20px; overflow: hidden; max-width: 500px; width: 100%; margin: 0 auto; }
.form-page404 .input-page404{ float: left; padding: 6px 10px; border: 1px solid #E8E8E8; font-size: 14px; height: 40px; width: calc(100% - 110px); background-color: #fff; margin-right: 10px; border-radius: 0; }
.form-page404 .btn-page404{ float: left; border: 1px solid #2B63D1; background-color: transparent; border-radius: 0; font-size: 13px; font-weight: bold; color: #2B63D1; padding: 6px 20px; height: 40px; width: 100px; text-align: center; }
.form-page404 .btn-page404:hover{ background-color: #2B63D1; color: #fff; }
.page-error404 a{ color: #2B63D1; }


@media (max-width: 991px){
  .login-pageBody{ margin: 2.5em auto 0px; }
  .page-error404 h2{ font-size: 80px; }
  .page-error404 h3{ font-size: 30px; line-height: 45px; }
}
@media (max-width: 575px){
  .box-login .login-content{ padding: 10px 15px 25px; }
}
@media (max-width: 360px){
  .box-login .box-login-head{ padding: 10px 15px; }
  .btn-gg span, .btn-fb span{ margin: 0 15px 0 0; }
}
@media (max-width: 320px){
  .forget-password{ display: block; margin-left: 0; margin-top: 15px; }
}





.contentStatic-pageBody {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  height: 100%;
}
.contentStatic-pageContent {
  width: 100%;
  flex: 1 1 auto;
  margin: 0 auto;
  padding: 0px 20px;
}
.contentStatic-detail{ padding: 50px 0; }
.contentStatic-detail h2{ font-family: 'arial_black',Helvetica Neue,Helvetica,sans-serif; font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #ededed; margin-bottom: 20px; }
.contentStatic-detail h3{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 14px; color: #000; font-weight: bold; padding-bottom: 10px; }
.contentStatic-detail p{ padding-bottom: 10px; }
.contentStatic-detail ol{ padding: 0; margin: 0; }
.contentStatic-detail ol.detail li{ padding: 0 0 0px 15px; font-size: 14px; color: #666; }
.contentStatic-detail span.number{ padding-right: 5px; float: left; }
.contentStatic-detail span.content{ float: left; width: calc(100% - 45px); }
.contentStatic-detail dl{ margin: 0; }
.contentStatic-detail dd{ overflow: hidden; }

.contentStatic-detail ol.decimal-list{ padding-left: 15px; }
.contentStatic-detail ol.decimal-list li{ list-style: decimal; font-size: 14px; color: #666; padding-bottom: 10px; }

.contentStatic-detail a{ position: relative; color: #2B63D1; }
.contentStatic-detail a:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 1em;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 4px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
.contentStatic-detail a:hover:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


a.link-nounderline:after{
  display: none;
}
a.link-nounderline:hover:after{
  display: none;
}

@media (max-width: 767px){

  .contentStatic-detail{ padding: 30px 0; }

}



.item-photo{ position: relative; height: 0; padding-bottom: 66.66%; overflow: hidden; }
.item-photo img{ max-width: 100%; min-width: 100%; height: auto; display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; }



.item1{ left: 0!important; right: 0!important;}

.list-f-icon{ display: inline-block; margin: 0; }



@media (max-width: 767px){

  .owl-topics.owl-carousel .owl-stage.pos-right, 
  .owl-topics2.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -50px!important; }

  .owl-recommended.owl-carousel .owl-stage.pos-right,
  .owl-diary.owl-carousel .owl-stage.pos-right,
  .owl-boxtab.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }

  .owl-magatrends.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -20px!important; }

}
@media (max-width: 364px){

  .owl-topics2.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }

}


.box-comment .img-profile img{
  border-radius: 50%;
  vertical-align: baseline;
}
.box-comment .box-info .top-info .nation img{ vertical-align: baseline; }

.articl-content blockquote,
.article-news blockquote{ margin: 0; }

.articl-content blockquote p,
.article-news blockquote p{ font-style: italic; max-width: 460px; width: 100%; }

.box-like_unlike{ text-align: center; font-size: 14px; font-weight: bold; color: #121212; padding: 15px 0 30px; }
.box-like_unlike .f-comment{ display: initial; padding-left: 10px; font-size: 11px; }
.box-like_unlike .f-comment a{ color: #999; font-weight: normal; }

.box-like_unlike .f-comment span { margin-right: 10px; position: relative; }

.box-like_unlike .f-comment span:last-child { padding-left: 20px; }
.box-like_unlike .f-comment span a:hover { color: #2B63D1; }
.box-like_unlike .f-comment i { font-size: 20px; margin-right: 5px; }
.box-like_unlike .f-comment .icon-unlike:before { content: "\78"; position: absolute; top: -5px; width: 20px; height: 20px; display: block; z-index: 2; left: 0; }

.section-life .box-like_unlike .f-comment span a:hover { color: #3595A7; }


.tellusForm{ padding-top: 20px; }
.tellusForm .form-row{ padding-top: 15px; }
.tellusForm .form-row label{ font-size: 14px; color: #000; }
.tellusForm .form-control{ width: 100%; height: 40px; padding: 6px 10px; border: 1px solid #E8E8E8; border-radius: 0; font-size: 14px; transition: border-color 0s ease-in-out, box-shadow 0s ease-in-out; }
.tellusForm .form-ps{ font-size: 14px; color: #666; }
.tellusForm .captcha-login{ padding-top: 10px; }
.tellusForm .btn-send{ display: inline-block; background-color: #132F65; border: 2px solid #132F65; font-size: 13px; color: #fff; padding: 8px 20px; width: 100px; text-align: center; border-radius: 0; }
.tellusForm .btn-send:hover{ background-color: #2B63D1; color: #fff; border-color: #2B63D1; }

.tellusForm textarea.form-control{ height: auto; }
.tellusForm select.form-control{ border-radius: 0; }
.form-control:focus {
  border-color: #E8E8E8;
  box-shadow: 0 0 0 0rem rgba(0, 123, 255, 0.25);
}


.divThankyou-content{ padding: 50px 0 }
.divThankyou-content h2{ font-size: 60px; color: #247dc1; padding-bottom: 30px; }
.divThankyou-content h2 span{ display: block; font-size: 30px; color: #213c70; }
.divThankyou-content p{ padding-bottom: 15px; }

.box-notsave{ display: inline-block; border: 1px solid #f00; border-radius: 10px; padding: 10px 20px; margin: 0 0 20px; color: #f00; }
.box-notsave a{ color: #f00; font-weight: bold; }


@media (max-width: 575px){

  .box-like_unlike .f-comment{ display: block; }
  .btn-center{ text-align: center; }
  .tellusForm .captcha-login{ text-align: center; }

  .divThankyou-content h2{ font-size: 48px; }
  .divThankyou-content h2 span{ font-size: 22px; }

}











/**************************************************************************************/
/**************************************************************************************/
/************************************ banner royal ************************************/
/**************************************************************************************/
/**************************************************************************************/

.royal-bg{ width: 100%; background-image: url('../images/royal/king9_2019/bg-kingrama9.jpg'); background-repeat: no-repeat; height: 70px; background-position: center; background-size: cover; text-align: center; }
.royal-box{ text-align: center; overflow: hidden; display: inline-block; position: relative; }
.royal-title{ float: left; padding-top: 0px; }
.royal-title h2{ font-family: 'LeBeauneNew'; font-size: 19px; line-height: 19px; position: relative; margin-right: 10px; color: #8e5901; letter-spacing: 0.5px; padding: 0px 10px 2px; }
/* .royal-title h2 span{ display: block; font-size: 16px; } */
/* .royal-title h2:after{ content: ""; position: absolute; background-image: url('../images/royal/queen_sirikit_2019/bullet.svg'); width: 18px; height: 9px; bottom: -5px; left: 50%; transform: translateX(-50%); } */
.royal-title h2 img{ position: absolute; left: 0; bottom: -5px; }
/* .royal-title span{ display: block; font-family: 'vonnesthin'; font-size: 12px; color: #fff; padding-top: 5px; text-shadow: 0px 2px 4px rgba(85, 113, 147, 0.25); } */
.btn-go2microsite{ /* padding: 18px 0 0 25px; */ padding: 18px 0 0 5px; float: left; }
.btn-go2microsite a{ background: #bd7600; display: inline-block;font-family: 'vonnesthin'; font-size: 12px; line-height: 22px; color:#f8e8b6; text-decoration: none; position: relative; border-radius: 5px; text-align: center; padding: 5px 20px; letter-spacing: 1px; }
.btn-go2microsite a:hover{background: #4b3000;  }
.royal-box2{ display: inline-block; }
.royal-img{ float: left; }


.royal--barges.royal-bg{ background-image: url('../images/royal/royal_barge/bg-royal.jpg'); }
.royal--barges .royal-title{ padding-top: 20px; }
.royal--barges .royal-title h2{ font-family: 'Freight'; font-size: 24px; line-height: 34px; text-transform: uppercase;
  font-weight: 900; padding: 0;
  /* -webkit-text-stroke: 1px #b99f43; */
  color: #fff;
  text-shadow:
   -1px -1px 0 rgba(185, 159, 67, 1),  
    1px -1px 0 rgba(185, 159, 67, 1),
   -1px  1px 0 rgba(185, 159, 67, 1),
    1px  1px 0 rgba(185, 159, 67, 1),
    1px 1px 10px rgba(137, 109, 50, 1);

  /* text-shadow: 1px 1px 10px rgba(137, 109, 50, 0.35); */
}
.royal--barges .btn-go2microsite a{ background: #c09e41; display: inline-block;font-family: 'Freight'; font-size: 16px; line-height: 22px; font-weight: 500; }
.royal-img-barges{ float: left; padding-left: 20px; }


.ads-royal--ebook{ max-width: 300px; width: 100%; margin: 30px auto 0; }

.span-1{ display: inline-block; }
.span-2{ display: none; }




@media (max-width: 1199px){
  .btn-go2microsite{ padding: 18px 0 0 5px; }
  .royal-title h2{ font-size: 16px; }
  .royal-title h2 span{ font-size: 14px; }
}
@media (max-width: 991px){
  .royal-bg{ background-position: left center; }
  .ads-royal--ebook{ margin: 30px auto; }
  .royal-title{ padding-top: 0; }


}
@media (max-width: 767px){
  .royal-box{ width: 100%; }
  .royal-title h2{ font-size: 14px; line-height: 14px; padding-top: 5px; letter-spacing: 0; }
  .btn-go2microsite{ padding: 18px 0 0 5px; }
  .btn-go2microsite a{ padding: 5px 20px; }
  .royal-img{ display: none; }

  .royal--barges .royal-box{ width: auto; }
  .royal--barges .royal-title{ padding-top: 15px; }
  .royal--barges .royal-title h2{ font-size: 20px; line-height: 30px; }

}
@media (max-width: 575px){

  .royal-box{ width: 310px; }
  .royal-bg{ height: 50px; }
  .royal-title h2{ padding-top: 0px; }
  /* .royal-title h2:after{ width: 16px; height: 7px; bottom: -4px; } */
  .royal-title h2 img{ bottom: -3px; }
  /* .royal-title span{ display: none; } */
  .btn-go2microsite{ padding-top: 10px; }
  .btn-go2microsite a{ font-size: 10px; line-height: 20px; padding: 3px 20px; }


  .royal--barges .royal-title{ padding-top: 12px; }
  .royal--barges .royal-title h2{ font-size: 14px; line-height: 26px; margin: 0; }
  .royal--barges .btn-go2microsite a{ font-size: 12px; line-height: 20px; padding: 3px 10px; }
  .royal-img-barges{ padding-left: 10px; }
  .royal-img-barges img{ height: 50px; }

}
@media (max-width: 490px){


  .btn-go2microsite a{ padding: 2px 15px; }

}
@media (max-width: 360px){
.span-1{ display: none; }
.span-2{ display: inline-block; }
  .royal--barges .royal-title{ padding-top: 5px; }
  .royal--barges .royal-title h2{ font-size: 14px; line-height: 20px; }

}

  



#body-royal{ display: none; }
.body-maintenance #body-royal{ display: block; }







/**************************************************************************************/
/**************************************************************************************/
/*********************************** Theme Campaign ***********************************/
/**************************************************************************************/
/**************************************************************************************/

.theme-campaign.bg-campaign{ 
  width: 100%;
  background-color: #fff;
  background-image: url('../images/campaign/magatrends/bg-cover.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}
.theme-campaign .home-update{ padding-bottom: 0; }
.theme-campaign .home-update .container{
  background-color: #fff;
  padding-bottom: 30px;
}
.theme-campaign .home-update-editor .container{
  background-color: #fff;
}
.logo-campaign{ width: 300px; margin: 0 auto; padding-top: 15px; }
.theme-campaign.bg-campaign .home-update{ padding-top: 20px; }


.campaign-highlight{ padding-bottom: 60px; }
.theme-campaign .campaign-highlight .container{
  background-color: #fff;
}
.bg-highlight-campaign{
  width: 100%;
  background-image: url('../images/campaign/holiday_time2019/bg_holiday_home.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  overflow: hidden;
}
.campaign-title { position: relative; padding-bottom: 20px; }
.campaign-title .chanel{ padding: 0; }
.campaign-title .chanel i{ color: #fff; font-size: 12px; }
.campaign-title a{ font-family: 'arial_black',Helvetica Neue,Helvetica,sans-serif; font-size: 16px; line-height: 24px; color: #fff; text-transform: uppercase; }
.bg-highlight-campaign .list-detail-mt h3 a{ color: #fff; }

.campaign-sponsored{ float: right; overflow: hidden; }
.campaign-sponsored .sp-title{ float: left; text-align: right; color: #fff; font-size: 13px; padding-top: 10px; padding-right: 10px; }
.campaign-sponsored .sp-logo{ float: left; width: 165px; }


.campaign--boi{ padding-bottom: 30px; }
.campaign--boi .bg-highlight-campaign{ background-image: url('../images/campaign/boi/bg_boi_home.jpg'); }
.campaign-sponsored .sp-logo--boi{ float: left; width: 100px; }




.bg-topic-magatrends{
  width: 100%;
  background-image: url('../images/campaign/magatrends/bg_mega_topic.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  overflow: hidden;
  color: #fff;
  margin-bottom: 30px;
}
.bg-topic-magatrends .topics-date-stories p,
.bg-topic-magatrends p,
.bg-topic-magatrends .box-share-h a{ color: #fff; }

.bg-topic-campaign{
  width: 100%;
  background-position: 76%; /* edit */
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  overflow: hidden;
  color: #fff;
  margin-bottom: 30px;
}
.bg-topic-campaign .topics-date-stories p,
.bg-topic-campaign p,
.bg-topic-campaign .box-share-h a{ color: #fff; }
.bg-topic-edu{
  background-image: url('../images/campaign/bp_inter_edu/bg_edu_topic.jpg');
}
.bg-topic-asean_summit{
  background-image: url('../images/campaign/asean_summit/bg_asean_topic.jpg');
}
.bg-topic-holiday{
  background-image: url('../images/campaign/holiday_time2019/bg_holiday_topic.jpg');
}
.bg-topic-boi{
  background-image: url('../images/campaign/boi/bg_boi_topic.jpg');
}



/*wsj*/
h4.wsj-theme{font-family: 'Chronicle Display'; font-weight: 600;}
.logo-wsj{ display: block; width: 55%; margin-bottom: 5px;  }
.bg-topic-wsj{background-image: url('../images/campaign/wsj/bg_wsj_topic.jpg');} 
.bg-topic-wsj h2{font-family: 'Chronicle Display'; font-weight: 600; }
.head-wsj{width: 100%; text-align: center; padding: 30px 0;}
.head-wsj img{width: 100%; max-width: 363px; margin: 0 auto; }
.logo-article-wsj{width: 128px; display: inline-block; height: 20px;   background: url('../images/campaign/wsj/logo-wsj.svg') no-repeat right bottom; background-size: 127px;}
@media (max-width: 576px){
  .head-wsj img{max-width: 250px;}
}
@media (max-width: 767px){
  .logo-wsj{
     width: 35%;
  }
}



@media (max-width: 1440px){
  .logo-campaign{ width: 250px; }
}
@media (max-width: 991px){
  .logo-campaign{ width: 200px; }
  .theme-campaign .home-update .container{
    padding-bottom: 20px;
  }
}
@media (max-width: 767px){
  .theme-campaign.bg-campaign{ 
    background-image: unset;
  }
  .logo-campaign{ display: none; }
  .bg-topic-campaign .topics-page-content{ text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } /* edit */
  .topics-page-img--boi{ margin: 20px auto; }
}
@media (max-width: 576px){
  .bg-highlight-campaign{ background-position: 5%; } /* edit */
  .campaign-sponsored .sp-logo--boi{ width: 70px; }
}


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


.bar-promote-live{ position: fixed; bottom: 0; left: 0; width: 100%; background-image: url('../images/forum/2020/economic_forum2/bg.jpg'); background-repeat: repeat-y; background-position: top center; z-index: 555; background-size: cover; }
.bar-promote-bg{ 
  width: 100%;
/*   background-image: url('../images/forum/2019/asia2020/bg.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain; */
  position: relative; padding: 15px 0;
}
.bar-promote--box{ display: inline-block; position: relative; }
.bar-promote--box.promo0{ width: 50px; margin-right: 10px; }
.bar-promote--box.promo1{ width: 180px; margin-right: 10px; }
.bar-promote--box.promo2{ margin: 0 50px 0 30px; }
.bar-promote--box.promo3{ margin-right: 10px; }
.bar-promote--box.promo3 span.animate-live {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
    border-radius: 50%;
  width: 10px;
  height: 10px;
  padding-left: 0;
  background-color: #ee222b;
   -webkit-animation: liveAnimation 1s infinite;
   -moz-animation: liveAnimation 1s infinite;
   -o-animation: liveAnimation 1s infinite;
    animation: liveAnimation 1s infinite;
}
.bar-promote--box.promo31{ overflow: hidden; color: #fff; font-size: 14px; top: 10px; box-shadow: 5px 5px 20px rgba(103, 2, 0, 0.45); }
.bar-promote--box.promo31 .box1{ float: left; background-color: rgba(238, 27, 27, 1); padding: 6px 15px; border: 1px solid #EE1B1B; }
.bar-promote--box.promo31 .box1 span{ letter-spacing: 0.5px; font-weight: bold; }
.bar-promote--box.promo31 .box2{ float: left; padding: 6px 15px; border: 1px solid rgba(255, 255, 255, 0.2); background-color: rgba(0, 0, 0, 0.2); }
.bar-promote--box.promo4{ font-size: 16px; color: #fff; letter-spacing: 0.5px; padding: 0 10px; text-align: center; }
.bar-promote--box.promo4 span{ display: block; font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  font-size: 14px; line-height: 20px; }
.bar-promote--box.promo5 a{ display: block; }
.bar-promote--box.promo6{ margin-right: 40px; float: right; }

.bar-close{ position: absolute; top: 10px; right: 0; }


.bg-topic-forum{
  width: 100%;
  background-image: url('../images/forum/2019/bg_live_topic.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px;
  overflow: hidden;
  color: #fff;
  margin-bottom: 30px;
}
.bg-topic-forum .topics-date-stories p,
.bg-topic-forum p,
.bg-topic-forum .box-share-h a{ color: #fff; }


.boxHD-forum-live{ padding-bottom: 15px; }
.boxHD-forum-live ul li{ position: relative; display: inline-block; padding: 0 10px; font-size: 12px; color: #2B63D1; }
.boxHD-forum-live ul li:first-child{ border-right: 1px solid #eee; padding-left: 0; }
.boxHD-forum-live ul li a{ color: #666; }
.boxHD-forum-live ul li span{ font-family: 'arial_black',Helvetica Neue,Helvetica,sans-serif; color: #CF0105; }
.boxHD-forum-live ul li span.animate-live {
  position: absolute;
  left: 21px;
  top: 9px;
  display: inline-block;
    border-radius: 50%;
  width: 8px;
  height: 8px;
  padding-left: 0;
  background-color: #CF0105;
   -webkit-animation: liveAnimation 1s infinite;
   -moz-animation: liveAnimation 1s infinite;
   -o-animation: liveAnimation 1s infinite;
    animation: liveAnimation 1s infinite;
}


.listnews-row.forumlive { padding-bottom: 0; }
.listnews-row.forumlive .listnews-text{ float: none; width: 100%; }
.listnews-row.forumlive .listnews-text p{ padding-bottom: 20px; }
.listnews-row.forumlive .listnews-text img{ padding-bottom: 20px; margin: 0 auto; }


@keyframes liveAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes liveAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes liveAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes liveAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}


@media (max-width: 1224px){
  /* .bar-promote--box.promo6{ padding-left: 60px; } */
}
@media (max-width: 1199px){
  .bar-promote--box.promo0{ display: none; }
  .bar-promote--box.promo1{ width: 120px; margin-right: 10px; top: -5px; }
  .bar-promote--box.promo2{ width: 140px; margin: 0 10px; }
  .bar-promote--box.promo3{ margin-right: 10px; top: -5px; }
  .bar-promote--box.promo31{ font-size: 12px; top: 7px; }
  .bar-promote--box.promo4{ font-size: 14px; padding: 0 5px; top: -4px; }
  .bar-promote--box.promo5{ width: 35px; top: -6px; }
  .bar-promote--box.promo6{ width: 120px; margin-right: 25px; }
}
@media (max-width: 991px){
  .bar-promote-bg{ padding: 4px 0; }
  .bar-promote--box.promo1{ width: 100px; margin-right: 5px; }
  .bar-promote--box.promo2{ width: 120px; margin: 0 10px 0 0; }
  .bar-promote--box.promo3{ margin-right: 5px; top: -8px; }
  .bar-promote--box.promo31{ top: 5px; }
  .bar-promote--box.promo31 .box1, .bar-promote--box.promo31 .box2{ padding: 4px 10px; }
  .bar-promote--box.promo4{ padding: 0 5px; font-size: 12px; }
  .bar-promote--box.promo4 span{ font-size: 12px; }
  .bar-promote--box.promo5{ width: 30px; }
  .bar-promote--box.promo6{ display: none; }
  .bar-close{ top: 5px; right: -18px; }
}
@media (max-width: 767px) {
  .bar-promote-bg{ background-size: cover; }
  .bar-promote-bg{ text-align: center; }
  .listnews-row.forumlive .listnews-col-left{ display: block; margin-right: 0; padding-bottom: 10px; }
  .bar-close{ top: 10px; right: 0px; }
}
@media (max-width: 480px){
  .bar-promote-bg{ padding: 10px; }
  .bar-promote--box.promo2{ width: 90px; margin-left: 0; }
  .bar-promote--box.promo4{ font-size: 11px; }
  .bar-promote--box.promo4 span{ font-size: 10px; }
  .bar-promote--box.promo4{ padding-top: 10px; padding-left: 0; }
  .bar-promote--box.promo5{ padding-top: 10px; padding-left: 0; width: 30px; }
  .bar-promote--box.promo31 .box1,
  .bar-promote--box.promo31 .box2{ padding: 3px 6px; }
  .bar-close{ top: 5px; right: 10px; }
  .bar-close img{ width: 15px; }
}
@media (max-width: 360px){
  .bar-promote-bg{ padding: 15px 7px; }
  .bar-promote--box.promo2{ width: 80px; }
  .bar-close{ top: 10px; right: 10px; }
}
@media (max-width: 336px){
  .bar-promote--box.promo4{ font-family: 'arial',Helvetica Neue,Helvetica,sans-serif; font-size: 9px; }
  .bar-promote--box.promo4 span{ font-size: 9px; }
  .bar-promote--box.promo31 .box1{ font-size: 10px; }
}



.ads-promote{ max-width: 380px; width: 100%; margin: 30px auto 0; }


@media (max-width: 991px){
  .ads-promote{ margin: 30px auto; }
}






/*
 *  Owl Carousel - nav arrow
 */

.owl-carousel .owl-nav{ 
  position:absolute; width:100%;  top: 50%; margin-top:-30px; height:60px; right: 0;
}
.owl-carousel .owl-nav button.owl-prev{
  background: url(../plugins/owlcarousel/assets/arrow.svg) no-repeat 0 0;
  text-indent:-9999px;
  width:30px;
  height:60px;
  left:0px;
  position:absolute;z-index:101;
  border-radius: 0;
  padding: 0;
  margin:0;
}
.owl-carousel .owl-nav button.owl-next{
  background: url(../plugins/owlcarousel/assets/arrow.svg) no-repeat -30px 0;
  text-indent:-9999px;
  width:30px;
  height:60px;
  right: 0px;
  position:absolute;z-index:101;
  border-radius: 0;
  padding: 0;
  margin:0;
}
.owl-carousel .owl-nav button.owl-prev:hover{
  background: url(../plugins/owlcarousel/assets/arrow.svg) no-repeat 0 -60px;
}

.owl-carousel .owl-nav button.owl-next:hover{
  background: url(../plugins/owlcarousel/assets/arrow.svg) no-repeat -30px -60px;
}


/*
 *  bxslider
 */

.bx-wrapper {
  margin-bottom: 0;
  -moz-box-shadow: 0 0 0px #ccc;
  -webkit-box-shadow: 0 0 0px #ccc;
  box-shadow: 0 0 0px #ccc;
  border: 0px solid #fff;
  background: transparent;
}
.bx-wrapper .bx-controls.bx-has-controls-direction .bx-controls-direction{
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -50%;
  top: 50%;
}
.bx-wrapper .bx-controls-direction a {
  transition: none;
}

@media (max-width: 767px) {

  .bx-wrapper .bx-prev {
    left: 0px;
  }
  .bx-wrapper .bx-next {
    right: 0px;
  }

  .bx-wrapper .bx-controls.bx-has-controls-direction .bx-controls-direction{
   display: none;
  }

  .bx-wrapper .bx-pager.bx-default-pager a{
    width: 7px;
    height: 7px;
    margin: 0 4px;
  }

}



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

.ads-cxense{ border-top: 1px solid #eee; max-width: 626px; width: 100%; margin: 0 auto; padding: 20px 0 0 0; text-align: left; }
.ads-cxense ul li:last-of-type{  border-bottom: 1px solid #eee; padding-bottom: 20px; }
.ads-cxense ul li a{ color: #000; font-family: charis_silbold, Georgia,Times,Times New Roman,serif; }
.section-life .ads-cxense ul li a{ color: #000; font-family: vonnesthin,Arial,Helvetica Neue,Helvetica,sans-serif; }



p.caption-embed{
  font-family: Georgia,Times,Times New Roman,serif; 
  font-size: 14px; 
  line-height: 24px;
  color: #666;
  text-align: center;
  margin-top: -20px;
}



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

.ads-subscription{ text-align: center; padding-top: 50px; }
.container-subscription{ width: 100%; background-color: #fff; padding: 0 20px; }
.subscription-content{ max-width: 950px; width: 100%; margin: 0 auto; padding: 50px 0; }
.subscription-footer{ width: 100%; background-color: #284C8E; padding: 40px 0; text-align: center; font-size: 14px; line-height: 24px; color: #fff; margin-bottom: 50px; }

.subscription-title{ border-bottom: 3px solid #EDEDED; }
.subscription-title h2{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; font-weight: bold; font-size: 25px; padding-bottom: 10px; }
.subscription--subtitle{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-weight: bold; font-size: 16px; color: #132F65; padding: 15px 0; }
.subscription--header{ font-size: 12px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; }

.subscription-form{ max-width: 640px; width: 100%; margin: 0 auto; padding-top: 30px; }


.custom-select{ background: #fff url('../images/icon/arrow_select2.svg') no-repeat right 1.5rem center; border: 1px solid #EBEBEB; border-radius: 3px; font-size: 12px; color: #333; height: calc(2.875rem + 2px); padding: 0.75rem 1.75rem 0.75rem 1.25rem; }

.subscription-form .form-control{ font-size: 12px; color: #333; border: 1px solid #EBEBEB; border-radius: 3px; padding: 0.75rem 1.25rem; height: 3rem; }
.subscription-form textarea.form-control{ height: auto; }
.subscription-form .form-control::-webkit-input-placeholder {
  color: #333;
}
.subscription-form .form-control::-moz-placeholder {
  color: #333;
}
.subscription-form .form-control:-ms-input-placeholder {
  color: #333;
}
.subscription-form .form-control::-ms-input-placeholder {
  color: #333;
}
.subscription-form .form-control::placeholder {
  color: #333;
}
.subscription-form .form-check-label{ font-size: 12px; color: #333; }

.btn-center{ padding-top: 20px; text-align: center; }
.btn-submit, a.btn-submit{ background-color: #284C8E; border-radius: 5px; font-size: 12px; color: #fff; padding: 10px; width: 100px; }
.btn-submit:hover{ color: #fff; background-color: #132F65; }


.subscription--preview{ border: 1px solid #EBEBEB; margin-bottom: 20px; }
.subscription--preview ul li{ padding: 12px 30px; font-size: 12px; line-height: 22px; color: #333; background-color: #fff; }
.subscription--preview ul li:nth-child(odd){ background-color: #F0F0F0; }


.subscription--thank{ border: 1px solid #EBEBEB; padding: 30px; text-align: center; }
.subscription--thank h2{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; font-weight: bold; font-size: 25px; }
.subscription--text{ font-size: 12px; color: #333; padding: 30px 0; }


.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{ color: #333; }
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid{ border-color: #EBEBEB; }



.captcha-form{ padding: 20px 0; }
.captcha-form #changimg{ cursor: pointer; }
.form-control.captcha-input{ display: inline-block; width: 195px; height: 40px; border: 1px solid #EBEBEB; border-radius: 5px; padding: 3px 10px; }
.form-control.captcha-input:focus{ border: 1px solid #BABABA; }

a.link-2B63D1{ color: #2B63D1; }
a.link-2B63D1:hover{ text-decoration: underline; }
.form-btn{ display: inline-block; padding: 0 3px; }






.box-enewsletter{ background-color: #edf5ff; width: 100%; padding: 20px; }
.enewspaper--header{ font-family: charis_silbold, Georgia,Times,Times New Roman,serif; font-size: 18px; line-height: 26px; color: #121212; text-align: center; padding-bottom: 10px; text-transform: uppercase; }
.enewspaper--title{ font-family: 'arial_black',Helvetica Neue,Helvetica,sans-serif; font-size: 12px; line-height: 24px; color: #121212; text-align: center; padding-bottom: 10px; text-transform: uppercase; }
.enewspaper--form{ max-width: 860px; width: 100%; margin: 0 auto; text-align: center; }
.enewspaper--form .form-control{ font-size: 12px; color: #333; border-radius: 0px; padding: 0.63rem 1rem; margin-bottom: 10px; width: 340px; }

.enewspaper--form .form-control::-webkit-input-placeholder {
  color: #B7B7B7;
}
.enewspaper--form .form-control::-moz-placeholder {
  color: #B7B7B7;
}
.enewspaper--form .form-control:-ms-input-placeholder {
  color: #B7B7B7;
}
.enewspaper--form .form-control::-ms-input-placeholder {
  color: #B7B7B7;
}
.enewspaper--form.form-control::placeholder {
  color: #B7B7B7;
}
.btn-submit-subscribe2{ background-color: #346ad3; border-radius: 0; padding: 10px; font-family: 'arial_black',Helvetica Neue,Helvetica,sans-serif; font-size: 12px; color: #fff; border:1px solid transparent; width: 156px; text-transform: uppercase; }
.btn-submit-subscribe2:hover{ background-color: #fff; color: #346ad3; border:1px solid #346ad3; }

.enewsletter--ps1, .enewsletter--ps2{ font-size: 12px; line-height: 20px; }
.enewsletter--ps1{ color: #2B62CF; padding-bottom: 10px; }
.enewsletter--ps2{ color: #333; text-align: center; }
.enewsletter--ps2 a{ text-decoration: underline; }

.box-input--form{ display: inline-block; text-align: center; }
.box-input--detail{ float: left; padding-left: 5px; padding-right: 5px; }





.subscribe-bartop{ background-color: #346AD3; width: 100%; padding-top: 80px; overflow: hidden; }
.subscribe-bartop--img{ max-width: 156px; float: left; }
.subscribe-bartop--title{ float: left; padding-left: 40px; margin-top: -12px; }
.subscribe-bartop--title h2{ font-size: 48px; text-transform: uppercase; color: #fff; }
.subscribe-bartop--title p{ font-size: 20px; color: #fff; padding-top: 20px; }

.subscribe-content{ padding-top: 40px; padding-bottom: 40px; color: #333; }
.subscribe-content--intro{ font-size: 13px; line-height: 20px; color: #132F65; font-weight: bold; }

.form--subscribe{ padding-top: 20px; }
.form--subscribe .form-control{ font-size: 16px; color: #333; border-radius: 0px; padding: 0.5rem 1rem; margin-bottom: 10px; }
.form--subscribe .form-check{ margin-bottom: 10px; }

.form--subscribe .form-control::-webkit-input-placeholder {
  color: #B7B7B7;
}
.form--subscribe .form-control::-moz-placeholder {
  color: #B7B7B7;
}
.form--subscribe .form-control:-ms-input-placeholder {
  color: #B7B7B7;
}
.form--subscribe .form-control::-ms-input-placeholder {
  color: #B7B7B7;
}
.form--subscribe .form-control::placeholder {
  color: #B7B7B7;
}

.form--subscribe .form-control.was-validated{ border-color: #dc3545; }


.form--subscribe--check{ padding-top: 20px; }
.form--subscribe--btn{ padding-top: 30px; }
.btn-submit-subscribe{ background-color: #346AD3; border-radius: 0; padding: 8px; font-size: 16px; color: #fff; border:1px solid transparent; width: 156px; text-transform: uppercase; }
.btn-submit-subscribe:hover{ background-color: #fff; color: #346AD3; border:1px solid #346AD3; }
.subscribe-content a{ text-decoration: underline; }
.subscribe-bartop--ps{ padding-top: 40px; }



.subscribe-unsub-title{ font-size: 28px; font-weight: bold; color: #132F65; padding-bottom: 40px; }
.subscribe-unsub-text{ font-size: 16px; padding-bottom: 60px; }
.subscribe-unsub-btn .btn-submit-subscribe{ text-decoration: none; margin-right: 20px; }
.subscribe-unsub{ padding-top: 80px; }




@media (max-width: 1199px) {

  .subscribe-bartop--title{ margin-top: -10px; }
  .subscribe-bartop--title h2{ font-size: 40px; }
  .subscribe-bartop--title p{ font-size: 18px; }

}
@media (max-width: 991px) {

  .subscribe-bartop--title{ margin-top: -8px; }
  .subscribe-bartop--title h2{ font-size: 32px; }
  .subscribe-bartop--img{ max-width: 120px; }

  .btn-submit-subscribe2{ width: 130px; }

}
@media (max-width: 767px) {

  .subscribe-bartop{ padding-top: 50px; }
  .subscribe-bartop--title{ margin-top: -5px; }
  .subscribe-bartop--title h2{ font-size: 22px; }
  .subscribe-bartop--title p{ font-size: 14px; padding-top: 10px; }
  .subscribe-bartop--img{ max-width: 100px; }

  .enewspaper--form .form-control{ width: 300px; }

}
@media (max-width: 576px) {

  .ads-subscription{ padding-top: 30px; }
  .custom-select{ background: #fff url('../images/icon/arrow_select22.svg') no-repeat right 1rem center; height: calc(2.875rem + 2px); padding: 0.75rem 1.75rem 0.75rem 1.25rem; }
  .subscription-content{ padding: 30px 0; }
  .subscription-footer{ padding: 25px 0; }

  .subscription--thank{ padding: 20px; }
  .subscription--preview ul li{ padding: 12px 20px; }


  .subscribe-bartop, .subscribe-content{ padding-left: 15px; padding-right: 15px; }
  .subscribe-bartop{ padding-top: 30px; }
  .subscribe-bartop--img{ max-width: 70px; }
  .subscribe-bartop--title{ padding-left: 15px; margin-top: -2px; width: calc(100% - 70px); }
  .subscribe-bartop--title h2{ font-size: 16px; }
  .subscribe-bartop--title p{ font-size: 13px; padding-top: 5px; }

  .subscribe-content{ padding-top: 30px; padding-bottom: 30px; }

  .subscribe-unsub-btn .btn-submit-subscribe{  margin-right: 10px; font-size: 14px; }

  /*.enewspaper--form form{ padding-bottom: 10px; }*/
  .box-input--detail{ width: 100%; padding-bottom: 10px; }
  .enewspaper--form .form-control{ width: 100%; }

}
@media (max-width: 374px) {

  .subscribe-bartop--title h2{ font-size: 14px; }
  .subscribe-bartop--title p{ font-size: 10px; line-height: 14px; padding-top: 3px; }
  .subscribe-bartop--img{ max-width: 50px; }

  .subscribe-unsub-btn .btn-submit-subscribe{ width: 120px; }

}



.txt-success{ display: none; }
.txt-error{ color: #dc3545; display: none; }

.enewsletter--footer .txt-success,
.enewsletter--footer .txt-error{ color: #000; font-weight: bold; }

.footer-form--input .invalid-feedback{ color: #000; font-weight: bold; font-size: 100%; }




.item-photo--169{ position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; }
.item-photo--169 img{ max-width: 100%; min-width: 100%; height: auto; display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; }