/*
Theme Name: Thai Embassy
Description: custom theme
Author: custom
Version: 2.0
*/

/* General reset and some basic styles */
html {min-height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display: block;}
html, body, div, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ol, ul {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,  q:before, q:after {content:''; content:none;}
del {text-decoration: line-through;}al
svg:not(:root) {overflow: hidden;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table {width: 100%; border-collapse: collapse; border-spacing: 0;}
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
button, input, select, textarea {margin: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
textarea {resize: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; *height: 13px; *width: 13px;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
img {display: block;}
td img {vertical-align: top;}
address {display: inline;}
code, kbd, pre, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 14px;}
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
a:hover, a:active {outline: none;}
body a, a:hover {text-decoration: none;}
body a:active {color: #999;}
body a:visited {text-decoration: none;}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}

table {max-width: 100%; width: 100%; empty-cells: show;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


body {
    font: 13px/1.4  Helvetica, Arial, Verdana, sans-serif;
    background: #fff url(../images/main_bg.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #4d4d4d;
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}
.container {max-width: 1330px; margin-left: auto; margin-right: auto;}

header {
    background: url(../images/header-bg.png) no-repeat center top scroll;
    /*margin-bottom: 55px;*/
}
header .h-top {position: relative; padding: 15px 0 10px;}
header .h-nav {background-color: #fff; padding: 15px 0 15px 0;}
header .h-nav .menu {display: table; margin: 0 auto;}
header .h-nav .menu > li {float: left;  border-left: 1px solid #ccc; line-height: 16px;
                          -webkit-transition: all 0.2s;
                          -moz-transition: all 0.2s;
                          -ms-transition: all 0.2s;
                          -o-transition: all 0.2s;
                          transition: all 0.2s;}
header .h-nav .menu >  li:first-of-type {border-left: 0;}
header .h-nav  li a {
    display: block;
    position: relative;
    color: #4d4d4d;
    font-weight: 700;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-size: 16px;
    padding:  10px 15px ;
    margin:0 10px;
    border-bottom:2px solid #fff;
    webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
/*header .h-nav li a:after {
    display: none;
    content: "";
    background-color: #00247d;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -10px;
}*/
header .h-nav  .sub-menu {
    padding: 0;
    position: absolute;
    z-index:999;

    left: 0;
    width: 150px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
}
header .h-nav  .sub-menu .sub-menu{
    display: none;
    opacity: 0;
    visibility: hidden;
    left:150px;
    top:0;
}
header .h-nav  .sub-menu  li {
    background: #fff;
    display: block;
    font-size:14px;
    float:none!important;
    position:relative;

}
header .h-nav  .sub-menu > li > a{
    display:block;
    padding:10px;
}
header .h-nav  .menu > li {
    position:relative;
}
header .h-nav  .menu li:hover > .sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* header .h-nav li a:hover, header .h-nav li.current_page_item > a { border-color: #00247d;} */
header .h-nav li a:hover, header .h-nav li.current_page_item > a { border-color: #232323;}
header .h-notification {background-color: #1a1a1a; padding: 15px 0;}
header .h-notification p {
    font-size: 15px;

    text-align: center;
    margin-bottom:0;
}
header .h-notification a {
    display: inline-block;
    font-weight: 900;
    color: #0071bc;
    margin-left: 15px;
}
header .logo {
    display: block;
    width: 130px;
    height: 167px;
    font: 0/0 a;
    color: transparent;
    background: url(../images/logo.png) no-repeat scroll;
    margin: 0 auto;
}
header .app-download-en, header .app-download-th {
    display: none;
    width: 236px;
    height: 53px;
    /*font: 0/0 a;*/
    color: transparent;
    background: url(../images/thai_app.jpg) no-repeat scroll;
    position: absolute;
    left: 135px;
    top: 60px;
}
.thai-app-header span{
    line-height: 1;
    color: #000;
    padding-left: 56px;
    display: block;
    padding-top: 13px;
    font-size: .9em;
    font-weight: 700;
}
.thai-app-header span a {color: #999;}
/*header .app-download-th{
    background: url(../images/thai_app.jpg) no-repeat scroll;
}*/

header .langs {
    position: absolute;
    /*right: 165px;*/
    left:75%;
    top: 35px;
}
header .langs a {
    /*    display: block;
        width: 76px;
        height: 32px;
        font: 0/0 a;*/
    /*color: transparent;*/
    padding:1em;
    vertical-align: middle;
    line-height: 1;
    /*font-size: .9em;*/
    float: left;
    background:#fff;
    font-weight:700;
    color: #999;

}
header .langs a img{
    float:left;
    vertical-align: middle;
    margin-right:1em;

}
.bw-th-icon {
  display: none;
  opacity: 0;
  visibility: hidden;
}
/*header .langs a{opacity:0.7}*/

/*header .langs a.en {background: url(../images/eng-lang-icon.jpg) no-repeat scroll;}*/
/*header .langs a.th {background: url(../images/thai-lang-icon.jpg) no-repeat scroll; margin-left: 10px;}*/
header .langs a.active,   header .langs a:hover{
    opacity:1;
}
header .socials {
    position: absolute;
    /*right: 165px;*/
    left:75%;
    top: 100px;
}
header .socials a {
    display: block;
    width: 35px;
    height: 34px;
    font: 0/0 a;
    color: transparent;
    float: left;
    /*opacity: 0.5;*/
}
header .socials a:hover {opacity: 1;}
header .socials a.fb {background: url(../images/orig-color-icons/header-fb-icon.jpg) no-repeat scroll;}
header .socials a.tw {background: url(../images/orig-color-icons/header-tw-icon.jpg) no-repeat scroll;}
header .socials a.li {background: url(../images/orig-color-icons/header-li-icon.jpg) no-repeat scroll;}
header .socials a.rss {background: url(../images/orig-color-icons/header-rss-icon.jpg) no-repeat scroll;}
header .socials a.yt {background: url(../images/orig-color-icons/header-yt-icon.jpg) no-repeat scroll;}
header .socials a.mail {background: url(../images/orig-color-icons/header-mail-icon.jpg) no-repeat scroll;}
header .socials a.fl {background: url(../images/orig-color-icons/fl-icon.jpg) no-repeat center scroll;}

body.no-scroll {overflow: hidden;}

.fp-modal {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: none;
  pointer-events: none;
  visibility: hidden;
  background-color: #fff;
  text-align: center;
  overflow-y: auto;
}
  .fp-modal.is-visible {
    z-index: 999999;
    display: block;
    pointer-events: auto;
    visibility: visible;
  }
  .fp-modal .splash {
    width: 100%;
    margin: 0 auto 3vh auto;
  }
  .fp-modal .fpm-main {
    width: 100%;
    height: 100vh;
    background: url(../modal/splash-bg.jpg) no-repeat scroll;
    background-size: cover;
    margin: 0 0 32px 0;
  }
  /* .fp-modal p:first-of-type {margin: 0 0 3vh 0; color: #000; font-weight: 700; font-size: 24px;} */
  /* .fp-modal p:last-of-type {margin: 0 0 4vh 0;} */
  .fp-modal .fp-modal-actions strong {display: block; font-size: 20px;}
  .fp-modal .fp-modal-actions a {
    display: inline-block;
    margin: 0 40px;
    font-size: 18px;
    color: #000;
  }
    .fp-modal .fp-modal-actions a:hover {text-decoration: underline;}
  .fp-modal .close-fpm {
    display: inline-block;
    margin: 0 40px;
    font-size: 18px;
    color: #000;
    padding: 0 0 0 48px;
  }
    .fp-modal .close-fpm.en {
      background: url(../modal/us-flag.jpg) no-repeat left center scroll;
      background-size: 32px;
    }
    .fp-modal .close-fpm.th {
      background: url(../modal/th-flag.jpg) no-repeat left center scroll;
      background-size: 32px;
    }

#tmenu {
    display: none;
    width: 260px;
    position: absolute;
    z-index: 900;
    left: 135px;
    top: 40px;
}
#tmenu .trigger-menu {
    display: block;
    background-color: #fff;
    width: 48px;
    height: 45px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    font: 0/0 a;
    color: transparent;
}
#tmenu .trigger-menu:after {
    display: block;
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #00247d;
    top: 10px;
    left: 16%;
    box-shadow: 0 10px 0 #00247d, 0 20px 0 #00247d;
}
#tmenu .trigger-menu.submenu-visible:after {background: #00247d; box-shadow: 0 10px 0 #00247d, 0 20px 0 #00247d;}
#tmenu .tm-wrapper {
    background-color: #fff;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -moz-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -o-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
#tmenu .tm-wrapper.active {
    opacity: 1;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: auto;
    z-index: 999999;
}
#tmenu .tm-wrapper ul {
    position: absolute;
    background-color: #fff;
    top: 100%;
    right: 0;
    opacity: 0;
    width: 100%;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateX(300px) translateY(0px);
    -webkit-transform: translateX(300px) translateY(0px);
    -o-transform: translateX(300px) translateY(0px);
    -ms-transform: translateX(300px) translateY(0px);
    transform: translateX(300px) translateY(0px);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
#tmenu .tm-wrapper ul.subMenuActive {
    opacity: 1;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    pointer-events: auto;
    z-index: 900;
}
#tmenu .tm-wrapper ul ul {
    position: static;
    background-color: #fff;
    top: auto;
    right: auto;
    opacity: 1;
    width: 100%;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
#tmenu .tm-wrapper ul ul li a {
    padding: 10px 10px 10px 20px;
}
#tmenu .tm-wrapper li {position: relative;}
#tmenu .tm-wrapper a {display: block; padding: 10px; color: #000;}
#tmenu .tm-wrapper a:hover {background-color: rgba(255,255,255,0.1);}
#tmenu .tm-wrapper a.child-submenu-active {background-color: rgba(255,255,255,0.1);}
#tmenu .tm-wrapper li.tm-subParent:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #00247d;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
}
#tmenu .tm-wrapper li.tm-subParent.li-parent-active:after {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
#tmenu .tm-wrapper li li.tm-subParent:after {display: none;}

.general-page {padding: 0 ;
               background:#fff;}
.general-page aside {
    float: left;
    width: 300px;
    min-height: 100px;
    background-color: #E8E8E8;
    padding: 20px 10px;
}
.general-page .main-page-content {
    float: right;
    width: 990px;
    min-height: 100px;
    margin-left: 40px;
    padding-top:20px;
}
aside .box {padding: 20px 0; border-top: 1px solid #dcdcdc;}
aside .box:first-of-type {border-top: 0; padding: 0 0 20px 0;}
aside .box .box-icon {
    float: left;
    width: 80px;
    margin-right: 10px;
    min-height: 10px;
}
aside .box .box-content {
    float: left;
    /*    width: -webkit-calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: calc(100% - 90px);*/
    width:100%;
}
#smenu div  ul li.aside-menu1{
    background: url('../images/orig-color-icons/aside-icon-1.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu2{
    background: url('../images/orig-color-icons/aside-icon-2.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu3{
    background: url('../images/orig-color-icons/aside-icon-3.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu4{
    background: url('../images/orig-color-icons/aside-icon-4.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu5{
    background: url('../images/orig-color-icons/aside-icon-5.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu6{
    background: url('../images/orig-color-icons/aside-icon-6.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu7{
    background: url('../images/orig-color-icons/aside-icon-7.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu8{
    background: url('../images/orig-color-icons/aside-icon-8.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu9{
    background: url('../images/orig-color-icons/aside-icon-9.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu10{
    background: url('../images/orig-color-icons/aside-icon-10.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu11, #text-4 h4{
    background: url('../images/orig-color-icons/aside-icon-11.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu12{
    background: url('../images/orig-color-icons/aside-icon-12.png') left 16px no-repeat;

}
#smenu div  ul li.aside-menu13{
    background: url('../images/orig-color-icons/aside-icon-13.png') left 16px no-repeat;

}
#text-4 h4{
    padding-left:80px;
}
#gpc{
    background:#eee;
    vertical-align:middle;
}
#gpc td{
    vertical-align:middle;
    padding:5px;
}
#smenu div   > ul > li{
    padding-left:90px;
    list-style-type:none;
    border-bottom:1px solid #dedede;
    display:block;
    padding-top:1em;
    padding-bottom: 1em;
    min-height:100px;
}
#smenu div  > ul > li,
#smenu div  > ul > li > a{
    font-size: 15px;
    color: #4d4d4d;
    font-weight: 700;
}
#smenu div   ul.sub-menu li,
#smenu div   ul.sub-menu li a{
    font-weight:400!important;

}
#smenu div   ul.sub-menu li{
    padding-left:15px;
    padding-bottom:3px;
}

aside .box .box-content p, aside .box .box-content h2 {font-size: 15px; color: #4d4d4d; font-weight: 700;}
aside .box .box-content p a, aside .box .box-content h2 a {color: #4d4d4d;}
aside .box .box-content p a:hover, aside .box .box-content h2 a:hover {color: #00247d;}
aside .box .box-content ul {padding-top: 10px;}
aside .box .box-content li {position: relative;
                            /*padding-left: 15px;*/
}
aside .box .box-content ul.sub-menu li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    text-align: right;
    color: #00247d;
    font-weight: 700;
    content: '\2022';
}
aside .box .box-content li ul li  a {display: block; color: #000; font-size: 13px;}
aside .box .box-content li a:hover {color: #00247d;}


.widget.aiovg-widget-videos .caption.pull-right, .small-right-sidebar .caption.pull-right {display: none;}
.widget.aiovg-widget-videos .row .pull-left, .small-right-sidebar .row .pull-left {width: 100% !important; float: none !important;}
.widget.aiovg-widget-videos .aiovg-responsive-container {background-color: transparent !important;}
.small-right-sidebar .aiovg-responsive-container {background-color: transparent !important;}
.widget.aiovg-widget-videos .thumbnail {padding: 0 !important;}
.small-right-sidebar .thumbnail {padding: 0 !important;}

.t-3of5.d-5of7 .aiovg.aiovg-videos a {color: #00247d;}
.t-3of5.d-5of7 .aiovg.aiovg-videos .aiovg-responsive-container {background-color: transparent !important;}

.white-box-content {background-color: #fff; padding: 0px;}
.white-box-content .col-left {
    float: left;
    width: 66.66666667%;
    border-right: 1px solid #dfdfdf;
    padding-right: 30px;
    min-height: 400px;
}
.white-box-content .col-right {float: left; width: 33.33333333%;}
.col-right > div {
    border-top: 1px solid #d2d2d2;
    margin-bottom: 20px;
    padding: 0px 0 0px 10px;
}
.col-right.extra > div {border-top: 0;}


.col-right div:first-of-type {padding-top:0;

}
ul.light li.tweets_avatar{
    width:95%;
}
.tweet_wrap{
    padding-right: 15px;
    font-size: 16px;
    line-height: 1.2;
}
.col-right h4 {font-size: 15px; color: #4d4d4d; font-weight: 700;}
.col-right h4:first-child {padding:1em;margin-top:0;margin-bottom:0;}
.col-right h4 a {color: #4d4d4d;}
.col-right > div ul {padding-top: 10px;}
.col-right > div li {position: relative; padding-left: 15px;}
.col-right li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    text-align: right;
    color: #999;
    font-weight: 700;
    content: '\2022';
}
.fetched_tweets li:before{
    content: "\f099";
    color: #999 !important;
}
.col-right a{
    color:#333;
}
.spaced_li li{
    margin-bottom:1em;
}
.col-right > div li a {display: block; color: #000; font-size: 12px;}
.col-right > div  li a:hover, .white-box-content .col-right h2 a:hover {color: #00247d;}
.article-w-image {margin-bottom: 45px;}
.article-w-image .awi-thumb {width: 195px; float: left; min-height: 50px;}
.article-w-image .awi-thumb img {max-width: 100%; height: auto !important;}
.article-w-image .awi-content {
    /*float: left;*/
    padding-left: 30px;
    width: -webkit-calc(100% - 195px);
    width: -moz-calc(100% - 195px);
    width: calc(100% - 195px);
    margin-left:195px;
}
.article-w-image .awi-content p { color: #4d4d4d; }
.article-w-image .awi-content p.title { font-weight: 700;font-size:16px;margin-bottom: 25px;}
/* .article-w-image .awi-content p.title a {color: #00247d;} */
.article-w-image .awi-content p.title a {color: #232323;}
.article-w-image .awi-content a.more {
    font-size: 12px;
    display: inline-block;
    font-weight: 700;
    color: #4d4d4d;
}
.awi-content .overflow{
    height:125px;
    overflow:hidden;
    margin-bottom:10px;
}
span#view-full {
    display: none;
}
.subtitle{
    display:block;
    margin-bottom:5px;
}
.article-w-image .awi-content a.more:hover, .article-w-image .awi-content p.title a:hover {color: #00247d;}
.white-three-columns.home{
    background-color: #fff;
    padding: 2em 0;
    /*margin-bottom: 80px;*/
}
.white-three-columns.page{
    background-color: #fff;
    padding: 20px ;
    margin-bottom: 80px;
}
.white-three-columns .column {
    width: 32.33333%;
    float: left;
    margin: 0 0.5%;
    min-height: 360px;
    position: relative;
}
.big_excerpt {
    background-color: #e8e8e8;
    padding: 20px;
    /*width: 84%;*/
    position: relative;
    /*    left: 8%;
        top: 285px;*/
    z-index: 100;
    /*margin:-70px auto 0;*/
    height:130px;

}
.column p {font-size: 12px; margin-bottom: 10px;}

p.title { font-weight: 700;}
a.more {font-size: 12px; color: #4d4d4d; font-weight: 700; display: inline-block;}
.white-three-columns .column a.more:hover, .white-three-columns .column p.title a:hover {color: #00247d;}


footer {
    background-color: #333;
    padding: 20px 0;
}
footer .container {max-width: 1328px;}
footer .fcol {float: left; width: 300px; margin: 16px;}
footer p {
    font-size: 15px;
    color: #fff;
    font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-weight: 700;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #fff;
}
footer li {font-size: 12px;}
footer li a {color: #fff;}
footer li a:hover {color: #0071bc;}

.news_entry h3{
    height:45px;
    overflow:hidden;
}
blockquote {
    margin: 0 0 1.5em 0.75em;
    padding: 0 0 0 0.75em;
    border-left: 3px solid #2980b9;
    font-style: italic;
    color: #9fa6b4; }
p{
    margin-bottom:1em;
}
.img_responsive{
    width:100%;
    max-width:100%;
    height:auto;
}
.white-bg{
    background:#fff;
}
.twitter_feed{
    padding-left:.5em;
    float:left;

}
.tweets_avatar{
    margin-bottom:0;
}
.twitter_feed a{
    color:#333;
}
.featuredImg{
    width:100%;
    height:300px;
    position:relative;
    float:left;
    overflow:hidden;
}
.featuredList{
    /*    float:left;
        width:220px;*/

}
.big_img img{
    width:100%;
    height:190px;
}
.widget.widget_wpstatistics_widget li{
    list-style-type:none;
    background:#eee;
    padding:.5em;
    margin-bottom:1em;
}
#text-7, #text-8{
    padding: 0;
    border-top: none;
    margin-top: -20px;
    padding-left: 10px;
    font-size: .9em;
    font-style: italic;
}
.widget.widget_wpstatistics_widget li:before{
    display:none;
}
.big_img {height: 190px; overflow: hidden;}
#bx-pager > div {
    float:left;
}
.bx-controls{
    float: right;
    /*margin-top: -23px;*/
    z-index: 9999;
    position: absolute;
    top:360px;
    right:0;
}
.bx-controls a{
    color: #fff;
    background: rgba(0,0,0,0.5);
    padding: 5px 8px;
}
.featuredList a{
    color:#000;
    display:block;
    padding: 1em 2em;
    border-bottom:1px solid #ccc;

    z-index: 1;
    position: relative;
    /*height: 130px;*/
    /*overflow: hidden;*/

}
.featuredList a.active:before {
    content: "";
    position: absolute;
    top: 0%;
    margin-top: -30px;
    /*left:-30px;*/
    border: solid 15px transparent;
    border-bottom-color: #f0f0f0;
    z-index: 1;
}
.featuredList a.active, .featuredList a:hover{
    background:#e8e8e8;
    color:#333;

}
.recent_announcements p {
    margin:0;
}
.recent_announcements{
    padding-left: 10px;
    margin-right:-0.75em
}
.recent_announcements .rc p.content{
    margin-top:0;
    height:16px;
    overflow:hidden;
}
.recent_announcements .rc p.content:after{
    content:"...";

}
.announcement{
    margin-bottom:1em;
    line-height:1.4;
}
.announcement a{
    color:#333;
}
.announcement .title{
    font-weight:700;
}
.announcement .content{
    font-size:.9em;
}
.highlight{
    background:#00247d;
    /* background: #727272; */
    color:#fff;
    padding:1em;
    font-weight:700;
    margin-bottom:1em;
    border-radius:4px;
    /*font-size:.9em*/
    font-size:15px;
}
.featuredList p.more{
    display:inline;
    font-weight:700;
}
.featuredList p.more a {color: #fff; display: inline;}
.featuredList p.more i{
    font-size:.7em;
    vertical-align:middle;
}
.featuredList p.more:hover{
    color:#000;

}
.featuredList p.title{
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0;
}
.featuredList .rc{
    display: block;
    height: 61px;
    position:relative;
    overflow: hidden;
}
.rc p.content{
    /*font-size:.9em;*/
    margin-top:5px;
}
.featuredImg img{
    width:100%;
    max-width:100%;
    height:auto;
}
.mt-2{
    margin-top:2em;
}
.big-section-entry{
    /*padding:0 2em;*/
    margin-top:1.5em;
}
.big-section-entry p.title{
    height:20px;
    overflow: hidden;
    font-size:14px;
}
#map-canvas{
    width:100%;
    height:300px;
}
.raleway{
    font-family:"Raleway", sans-serif;
}
.bl{
    border-left:1px solid #ddd;

}
.small-right-sidebar > div{
    /*padding-left:10px;*/
}
.small-right-sidebar .col-right{
    padding-left:0;
    padding-top:1em;
}
.small-right-sidebar ul{
    padding-left:1em;
}
h2.slim{
    margin-top:0;
    font-size:3em;
    font-weight:300;
    margin-bottom:0.5em;
}
.address_details{
    padding-left:0.75em;
}
.address_details h4{
    margin-top:0
}
.address_details i{
    float:left;
    line-height:1.9;
    color:#00247d;
    font-size:.8em
}
.address_details span{
    float:left;
    margin-left:10px;
    margin-bottom:10px;
}
.addresses{
    margin:2em 0 0;
    padding-bottom:2em;
    border-bottom:1px solid #ddd;
    display:block;
    clear:both;
    width:100%;
    float:left;
}
.address_details p{
    margin:0;

}

.addresses img{
    width:100%;
    max-width:100%;
}
.view{
    border:none!important;
    width:45%!important;
    height:auto!important;
    float:left;
    box-sizing: border-box;
    margin-right: .3em!important;
    margin-left: .3em!important;
}
.view img{
    width:100%;
    max-width:100%;
    height:auto!important;
}
.last{
    padding-right:0;
}
.thecol{
    width:100%!important
}
.fetched_tweets li{
    margin-bottom:0;
}
.fetched_tweets{
    font-size:.9em;
}

/* wp */

.alignleft{
    float:left;
    margin-right:1em;
}
.alignright{
    float:right;
    margin-left:1em;
}
.aligncenter{
    text-align: center;
    display: block;
    margin: 0 auto;
}
.wp-caption{
    padding:5px;
    background:#eee;
    margin-bottom:1em;
}
.wp-caption p{
    text-align:center;
    display:block;
    margin:.5em;
}
th{
    padding:.5em;
    border-bottom:2px solid #ccc;
    text-align:left;
}
td{
    padding:.5em;
    border-bottom:1px solid #ddd;
}
.dataTables_wrapper{
    margin-bottom:2em;
}
.text-right{
    text-align: right;
}
.news_entry{
    padding:10px;

}
.news_entry >div{
    background:#f2f2f2;
    padding:10px;
}
.news_entry img{
    max-width:100%;
    width:100%;
    height:auto;
}
.epgwrp{
    margin-bottom: 10px!important;
}
.news_entry a{
    color:#333;
}
.news_excerpt{
    height:60px;
    overflow:hidden;
    display:block;
    font-size:.9em;
}
.news_image{
    overflow:hidden;
    height:170px;
}
.page-numbers{
    text-align:center;
    display:block;
    margin-top:1em;
}
.page-numbers li {
    display:inline-block;
    font-weight:700;
}

.page-numbers li span{
    padding:5px 9px;
    background:#f2f2f2;
}
.page-numbers li a{
    padding:5px 9px;
    background:#00247d;
    color:#fff;

}
.lws a{
    color:#333;
}

.post ul, .post ol{
    list-style-type: disc;
    padding-left:40px
}
.thai_time{
    background:url('../images/thai_map.jpg') 15px 0  no-repeat;
    display:block;
    height:30px;
    padding-left:50px;
    margin-bottom:20px;
}
.usa_time{
    background:url('../images/usa_map.jpg') 0 7px  no-repeat;
    display:block;
    height:30px;
    padding-left:40px;
    margin-left:10px;
}
.thai_time > span, .usa_time > span{
    background:#e6e6e6;
    padding:7px 10px;
    font-weight:700;
    float:right;
    width:100%;
    text-align:center;
}
#tht, #ust{
    margin-right:1em;
}
.bigsection_excerpt{

    margin-bottom:10px;
    display:block;
    height:36px;
    overflow:hidden;
    /*min-height:150px;*/
}
.big_excerpt{
    /*min-height:200px;*/
}
.big_excerpt a{
    color:#333;
}
.bigsection_excerpt ul{
    list-style-type: disc;
    padding-left:2em;
}
.bigsection_excerpt .big_section_list{
    list-style-type: none;
    line-height:18px;
    padding-left:14px;
}
.big_section_list li {
    position:relative;

}
#gform_submit_button_2{
    font-size:1.2em;
}
.big_section_list li a{
    overflow:hidden;
    height:18px;
    display:inline-block;
}
.big_section_list li:before{
    content:' ';
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:3px;
    background:#333;
    border-radius:100%;
    margin-top:7px;
    margin-left:-10px;
}
#view-options{
    display:none;
}

@media all and (max-width: 800px) {
    header {background-image: none;}
    header .app-download {position: static; margin: 0 auto 20px auto;}
    header .logo {margin: 0 auto 30px auto;}
    header .langs {position: static; margin: 0 auto 15px auto; display: table;}
    header .socials {position: static; display: table; margin: 0 auto;}
    header .socials a {opacity: 1;}

    #switch-site{display: block;background:#333;color:#fff;padding:.5em}
    #view-responsive{
        display:none;
    }

}

@media all and (min-width: 320px) and (max-width: 700px) {
    #tmenu {
        display: block;
        position: relative;
        margin: 0 auto 20px auto;
        left: auto;
        top: auto;
        width: 320px;
    }
    header .app-download-th,  header .app-download-en {
        position: static;
        margin: 0 auto 20px auto;
    }
    #tmenu .trigger-menu {margin: 0 auto;}
    header .h-nav {display: none;}
}
@media all and (max-width: 480px) {
    .main-page-content, .general-page .main-page-content{
        float:none;
        margin:0;
        width:100%
    }
    .thecol{
        width:100%!important;
    }
    .white-three-columns .column{
        width:100%;
        margin:0;
    }
    .white-three-columns .column img{
        width:100%;
        max-width:100%;
        height:auto;
    }
    .general-page  aside{
        float:none;
        width:100%;
    }
}

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

@media all and (min-width: 1024px) and (max-width: 1330px) {
    .general-page .main-page-content {
        margin-left: 0;
        padding: 0 0 0 30px;
        width: -webkit-calc(100% - 22%);
        width: -moz-calc(100% - 22%);
        width: calc(100% - 22%);
    }
    .general-page aside {width: 22%;}

    .featuredList {
        /*        width: -webkit-calc(100% - 474px);
                width: -moz-calc(100% - 474px);
                width: calc(100% - 474px);*/
    }
    .featuredList a {border-bottom: 0;}
}
@media all and (max-width: 1024px) {
  .container {max-width: 96%;}
    #switch-site{background:#333;color:#fff}
    #view-responsive{
        display:none;
    }
    .general-page .main-page-content {
        margin: 0 0 20px 0;
        width: 100%;
        float: none;
        padding: 0;
    }
    .general-page aside {width: 100%; float: none; padding: 20px 40px;}
    /*    .featuredList {width: 220px;}*/
    .featuredImg {
        /*        width: -webkit-calc(100% - 220px);
                width: -moz-calc(100% - 220px);
                width: calc(100% - 220px);*/
    }
    .general-page {padding: 1em;}
    .white-three-columns.home, .white-three-columns.page {margin-bottom: 20px;}
    #tmenu {display: block;}
    header {margin: 0;}
    header .h-nav {display: none;}
    .white-three-columns.home {padding: 30px 20px;}
    /*.white-three-columns .column .big_excerpt {width: 92%;}*/

    .white-three-columns .column .big_img img {max-width: 100%;}
    footer {
        padding: 20px 0;
    }
    footer .fcol {
        width: auto;
        float: none;
        margin: 0 40px;
    }
    footer .container {max-width: none;}
}


@media (max-width: 767px) {
    .m-all {
        float: left;
        padding-right: 0.75em;
        width: 100%;
        padding-right: 0; }

    .m-1of2 {
        float: left;
        padding-right: 0.75em;
        width: 50%; }

    .m-1of3 {
        float: left;
        padding-right: 0.75em;
        width: 33.33%; }

    .m-2of3 {
        float: left;
        padding-right: 0.75em;
        width: 66.66%; }

    .m-1of4 {
        float: left;
        padding-right: 0.75em;
        width: 25%; }

    .m-3of4 {
        float: left;
        padding-right: 0.75em;
        width: 75%; }
    .recent_announcements {
        padding-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 768px) {
    header .app-download-en, header .app-download-th {
        position: static;
        margin: 0 auto 20px auto;
    }
    #bx-pager {height: auto; overflow: hidden;}
    .featuredList p.more{
      display: inline-block;
      position: relative;
      z-index: 9999;
      margin: 0 0 5px 0;
    }
    .featuredList p.title {display: inline;}
}
/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
    .t-all {
        float: left;
        padding-right: 0.75em;
        width: 100%;
        padding-right: 0; }

    .t-1of2 {
        float: left;
        padding-right: 0.75em;
        width: 50%; }

    .t-1of3 {
        float: left;
        padding-right: 0.75em;
        width: 33.33%; }

    .t-2of3 {
        float: left;
        padding-right: 0.75em;
        width: 66.66%; }

    .t-1of4 {
        float: left;
        padding-right: 0.75em;
        width: 25%; }

    .t-3of4 {
        float: left;
        padding-right: 0.75em;
        width: 75%; }

    .t-1of5 {
        float: left;
        padding-right: 0.75em;
        width: 20%; }

    .t-2of5 {
        float: left;
        padding-right: 0.75em;
        width: 40%; }

    .t-3of5 {
        float: left;
        padding-right: 0.75em;
        width: 60%; }

    .t-4of5 {
        float: left;
        padding-right: 0.75em;
        width: 80%; } }
/* Landscape to small desktop */
@media (min-width: 1030px) {
    .d-all {
        float: left;
        padding-right: 0.75em;
        width: 100%;
        padding-right: 0; }

    .d-1of2 {
        float: left;
        padding-right: 0.75em;
        width: 50%; }

    .d-1of3 {
        float: left;
        padding-right: 0.75em;
        width: 33.33%; }

    .d-2of3 {
        float: left;
        padding-right: 0.75em;
        width: 66.66%; }

    .d-1of4 {
        float: left;
        padding-right: 0.75em;
        width: 25%; }

    .d-3of4 {
        float: left;
        padding-right: 0.75em;
        width: 75%; }

    .d-1of5 {
        float: left;
        padding-right: 0.75em;
        width: 20%; }

    .d-2of5 {
        float: left;
        padding-right: 0.75em;
        width: 40%; }

    .d-3of5 {
        float: left;
        padding-right: 0.75em;
        width: 60%; }

    .d-4of5 {
        float: left;
        padding-right: 0.75em;
        width: 80%; }

    .d-1of6 {
        float: left;
        padding-right: 0.75em;
        width: 16.6666666667%; }

    .d-1of7 {
        float: left;
        padding-right: 0.75em;
        width: 14.2857142857%; }

    .d-2of7 {
        float: left;
        padding-right: 0.75em;
        width: 28.5714286%; }

    .d-3of7 {
        float: left;
        padding-right: 0.75em;
        width: 42.8571429%; }

    .d-4of7 {
        float: left;
        padding-right: 0.75em;
        width: 57.1428572%; }

    .d-5of7 {
        float: left;
        padding-right: 0.75em;
        width: 71.4285715%; }

    .d-6of7 {
        float: left;
        padding-right: 0.75em;
        width: 85.7142857%; }

    .d-1of8 {
        float: left;
        padding-right: 0.75em;
        width: 12.5%; }

    .d-1of9 {
        float: left;
        padding-right: 0.75em;
        width: 11.1111111111%; }

    .d-1of10 {
        float: left;
        padding-right: 0.75em;
        width: 10%; }

    .d-1of11 {
        float: left;
        padding-right: 0.75em;
        width: 9.09090909091%; }

    .d-1of12 {
        float: left;
        padding-right: 0.75em;
        width: 8.33%; } }

@media all and (max-width: 600px) {
    .featuredList, .featuredImg {
        float: none;
        width: 100%;
    }
    .featuredList a {margin-right: 0;}
    .white-box-content .col-left {width: 100%; float: none; border-right: 0; padding: 0;}
    .white-box-content .col-right {float: none; width: 100%;}
    .article-w-image .awi-thumb {width: 100%; float: none;}
    .article-w-image .awi-content {padding: 0; width: 100%; float: none;margin:0;}
    .col-right > div {padding: 10px 0;}
    .bg-cover {width: 100% !important;}
    .white-three-columns .column .big_img {height: auto;}
    .m-all.t-2of5.d-2of7.bl.small-right-sidebar {
        float: none;
        border-left: 0;
    }
    .ml,.mr{
        margin:0!important;
    }
    #mm{
        margin-top:0!important;
    }
}

.bg-cover {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}
#mm{
     text-align: center;
  margin-top: -1.5em;
  color: #fff;
  font-size: 2em;
  z-index: 899;
  position: relative;
  text-shadow:0 1px 4px #000;
  padding-bottom: .2em;
}
.ml{

    font-size:.8em
}
.mr{
    margin-left:7em;
    margin-right:-3em;
}
#DOPBSPCalendar-sidebar-column-wrapper-1-1,
.dopbsp-column-separator.dopbsp-column5{
    display: none;
}
#DOPBSPCalendar-sidebar-column-wrapper-2-1 {
    width: 100%;
}
.DOPBSPCalendar-wrapper{
    display: none;
}