@font-face {
  font-family: 'kitti';
  src: url('/assets/fonts/KittithadaMedium65.eot');
  src: url('/assets/fonts/KittithadaMedium65.eot?') format('embedded-opentype'),
       url('/assets/fonts/KittithadaMedium65.woff2') format('woff2'),
       url('/assets/fonts/KittithadaMedium65.woff') format('woff'),
       url('/assets/fonts/KittithadaMedium65.ttf') format('truetype');
	   font-weight: 600;
	   font-style: normal;
}
@font-face {
  font-family: 'kitti';
  src: url('/assets/fonts/KittithadaRoman55.eot');
  src: url('/assets/fonts/KittithadaRoman55.eot?') format('embedded-opentype'),
       url('/assets/fonts/KittithadaRoman55.woff2') format('woff2'),
       url('/assets/fonts/KittithadaRoman55.woff') format('woff'),
       url('/assets/fonts/KittithadaRoman55.ttf') format('truetype');
	   font-weight: 400;
	   font-style: normal;
}
@font-face {
  font-family: 'kitti';
  src: url('/assets/fonts/KittithadaLight45.eot');
  src: url('/assets/fonts/KittithadaLight45.eot?') format('embedded-opentype'),
       url('/assets/fonts/KittithadaLight45.woff2') format('woff2'),
       url('/assets/fonts/KittithadaLight45.woff') format('woff'),
       url('/assets/fonts/KittithadaLight45.ttf') format('truetype');
	   font-weight: 200;
	   font-style: normal;
}
@font-face {
  font-family: 'agenda';
  src: url('/assets/fonts/agenda-bold-webfont.eot');
  src: url('/assets/fonts/agenda-bold-webfont.eot?') format('embedded-opentype'),
       url('/assets/fonts/agenda-bold-webfont.woff2') format('woff2'),
       url('/assets/fonts/agenda-bold-webfont.woff') format('woff'),
       url('/assets/fonts/agenda-bold-webfont.ttf') format('truetype');
	   font-weight: 600;
	   font-style: normal;
}
@font-face {
  font-family: 'agenda';
  src: url('/assets/fonts/agenda-medium-webfont.eot');
  src: url('/assets/fonts/agenda-medium-webfont.eot?') format('embedded-opentype'),
       url('/assets/fonts/agenda-medium-webfont.woff2') format('woff2'),
       url('/assets/fonts/agenda-medium-webfont.woff') format('woff'),
       url('/assets/fonts/agenda-medium-webfont.ttf') format('truetype');
	   font-weight: 400;
	   font-style: normal;
}
@font-face {
  font-family: 'agenda';
  src: url('/assets/fonts/agenda-light-webfont.eot');
  src: url('/assets/fonts/agenda-light-webfont.eot?') format('embedded-opentype'),
       url('/assets/fonts/agenda-light-webfont.woff2') format('woff2'),
       url('/assets/fonts/agenda-light-webfont.woff') format('woff'),
       url('/assets/fonts/agenda-light-webfont.ttf') format('truetype');
	   font-weight: 200;
	   font-style: normal;
}

/*overwrite header*/
#header {line-height:0; padding:0;}
.list-subnav li span, .list-item li a span {line-height: 1.2em; text-transform: capitalize;}
#top-bar .nav > li > a:focus {color:#002265;}
.user-tool span {color: #000;}
html[xmlns] .clearfix {display: inline-block;}

/*overwrite home content*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, strong, table, caption, tbody, tfoot, thead, tr, th, td {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

img {image-rendering: pixelated;}
.out-dock img {image-rendering: auto;}

table {margin: 0 auto;}
.normal {font-family: inherit; font-size: 1em;}
.shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}

/*#page {width:100%; max-width: 1180px;}*/
/*cancal respondsive layout*/

.head {z-index: 1001;}
#page {width: 1180px;}
#content {line-height: 1em;}
#inner-page {width: 100%; line-height:0px;}
#main {width:100%; min-height: 550px;}
#main a:hover {text-decoration: inherit;}
.bx-pager a:hover strong, .bx-pager a:hover span, .bx-pager a.active span, .bx-pager a.active strong  {color:#fff; text-decoration:inherit;}
.btn, #footer nav li a {font-size:100%;}

/*fix menu bar*/
#top-bar .nav {width: 100%; text-align: center; background: #002265; position: relative; font-size: 18px;}
#top-bar .nav > li > a {font-size: 1.25em;line-height: 0.8em;color: #fff;text-decoration: none;float: left;width: 100%;text-align: center;padding: 15px;position: relative;display: block;}
#top-bar .nav > li:hover, #top-bar .nav > li.active {background: #fff;}
#top-bar .nav > li {margin: 0 0px;width: 135px;}
#top-bar .nav > li {display: inline-block;padding: 0;margin: 0px;width: initial;position: static;font-size: 1em;}
#top-bar .nav > li:hover, #top-bar .nav > li.active {background-color:#fff;}
#top-bar .nav > li:hover a, #top-bar .nav > li.active a {color: #002265;}
.sub-menu {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
#top-bar .nav > li > a {padding: 15px 25px;}
.sub-menu {min-height: 440px !important; height: 100%;}
.information {height: 100%;}
.list-subnav li:hover, .list-subnav li.active {background: #002265 url(../images/arrow.jpg) 95% 10px no-repeat;color: #fff;}
.list-subnav li:hover span, .list-subnav li.active span {color: #fff;}
.nav>li>a:hover, .nav>li>a:focus {background-color: #fff;}
.information {width: 305px; line-height: 0.8em; font-size: 1em; box-sizing: border-box;}
.information p a {font-size: 18px; color: #333333 !important;}
.information h6 {font-size: 22px;}
.head .btn span {font-size: 1.2em;}
.head .dropdown-menu li a {font-size: 1em;}
#footer {line-height: 1em; border-top-width: 0px !important; text-align: left !important; width:100% !important; font-family: inherit !important;
font-size: 18px !important;}
#footer nav {margin-bottom: 0.5em;}
.list-item li a:hover span, .list-item li a:active span  {color: #00286e;}
.list-subnav li, .list-subnav li a {font-size: 18px;}
.logo-small {padding: 20px 13px 13px 13px;}
.list-subnav li.nochild:hover, .list-subnav li.nochild.active {background-image: none;}
.langSwitch {width: 92px; float: left; margin-top: 23px;}
#langSwitchTH, #langSwitchEN {width:100%;}



/*fix right menu bar*/
.sidebar-content a h4, .sidebar-content a:hover h4 {display: inline-block; min-width: 100px; font-size: 1.5em; color: #00205b; text-decoration: none;}



/*landing*/
.bxslider .caption h5 {font-size: 2em; margin: 0.5em 0;}
.btn-1 {background: #00205b; font-size: 1.4em; padding: 0.5em 2em;}
.btn-1:hover {background: #ee1729;}
.bxslider .caption h5 {padding-bottom:0px;}
.bxslider .caption h2 {line-height: 0.8em;}
.bxslider .caption.left {width: 50%; text-align: left; left: 100px;}
.bxslider .caption.blue h2, .bxslider .caption.blue h5 {color:#00205b; text-shadow:0px 0px 0px rgba(0, 0, 0, 0);}
#main .bx-pager a.active {background-color:#002265; color: #fff;}
.bx-viewport {height: 825px !important;}


/*fix one column layout*/
.layout-1-column, .layout-1-column #main-content {width: 1180px !important;}
.bx-pager {line-height:1em;}
#content {width:100%; position:relative; min-height: 720px;}
table.tableforall td {border: solid 1px #999;}
hr.dash {margin-top: 0.5em; margin-bottom: 0.5em; border: 0; border-top: 1px solid #ccc; border-style: dashed;}
.TabbedPanelsTab {font-family: inherit; font-size: 1.2em; line-height: 1.2em;}
.termandcons {line-height:1em;}
.contact strong {font-family: inherit !important; font-size: 1em !important; line-height: 2em;}
sup {vertical-align: super;top: 1px;}
a {text-decoration: none;}
.bullet_tc {font-family: inherit !important; color:#333 !important;list-style: outside url(/th/assets/images/common/list-items/bullet_1.jpg) square !important;}

/*fix two column layout*/
.layout-2-column {width: 100%; padding: 0 3% !important;}
.layout-2-column #main-content {width: 100%;}
.layout-2-column .published-content {width: 100%;}
#subheader {width: 100%; float: left; margin: 1em 0 0 0;}
#space758 {line-height: 1em; width: 100%;}
#spacexx table p {padding: 0px;}
.spacexx std-table ul {list-style: inherit;}
.spacexx ul li {margin-left: 1.5em; list-style-type: disc; margin-bottom:0.5em;}
.spacexx ul li ul li {margin-left: 1.5em; list-style-type: circle;}
.std-table {margin:2em 0; border-collapse:collapse; width:100%; border:solid 1px #ccc;}
.std-table td {border:solid 1px #ccc; padding:1em !important;}
.std-table th {border:solid 1px #fff; padding:0.5em; text-align: center; background-color: #BBC6E0; font-weight: bold; color: #666;}
.std-table.center td {text-align: center;}
.std-table.center td:first-child {text-align: left;}

/*pib*/
#feature-menu, #content-icon-set {width: 100% !important;}
#content-icon-set {width: 100%; text-align: center; background-color: #eee;}
#icon-set {width: 776px; margin: 0 auto; padding: 0;}
#icon-set tr td {padding: 0px !important;}
H2.clear-box {font-size: 1.2em !important;}
.note {font-size:0.9em !important;}
h1 {font-size: 2em;}
.single-content H2 {font-size:1.2em;}

/*fix three column layout*/
#sidebar {display:none;}
.layout-3-column {width:100%  !important; padding:0 5% !important;}
.layout-3-column #main {width: 70%;}
#right-bar {width: 25%; position: absolute; right: 5%;}
#main-content, .layout-3-column .published-content {width:100%;}
#box-promoiton {font-family: inherit; font-size: inherit; width: 100%;}
#spacexx {width: 100%; border:none; padding-left: 0px; line-height: 1em;}
#spacexx iframe {height: 325px !important;}
#subheader h1 {width: 100%; margin: 0.5em 5px 5px 5px; font-family: inherit; font-size: 28px;}
#spacexx p, #spacexx ul {display:block; padding:0.5em; font-size: 1em !important;}
.normalBold {font-size: 1.2em !important; font-weight: normal;}
.bullet-big {list-style-position: outside !important; margin-left: 50px !important;}
.bullet {list-style: outside url("/th/images/arrower.jpg") circle !important; white-space: normal !important; text-align: left !important; margin-left: 25px !important;}
.imgfit {margin:1em !important; width:100%; height:auto;}
tr.td_top td:first-child, td.td_top:first-child {width:30%;}
tr.td_top td:first-child>img, td.td_top>img {width: 100%; height: auto; padding: 1em;}
img[src="../images/break.gif"], img[src="/th/images/break.gif"], img[src="../images/break_long.gif"], img[src="/th/images/break_long.gif"] {width: 100%;}
.product-smaller_th, .product-normal_th {font-family: inherit; font-size:0.95em;}
#spacexx>table td:first-child {width:30%;}
#spacexx>table td:first-child img {width:100%; Height:auto; padding:1em;}
#spacexx>table table td:first-child, #spacexx>table table td:first-child img {width:auto; padding:0;}
table.tableforall tr:first-child img {width:auto !important;}
#spacexx>table td:first-child img[src="../images/arrow.gif"] {width:auto; height:auto; padding: 0;}
#space758 p, #spacexx ul {font-size: 1em;}
.space4promotion {width: 100% !important; height: auto;}
.space4promotion img {min-width: 100%; height: auto; max-width: 760px;}

/*fix promotions index*/
.sec-header {font-weight: normal !important; font-size: 1.2em !important;}
.expthumb-desc {font-size:1em !important;}
.button-set-container-static {width: 100% !important; margin-bottom: 1em;}
#exppib {background-color: #eee;}
#box-promoiton {width:100% !important;}
.content {overflow: visible !important; height: auto; float: left !important;}
.published-content .content-data p {padding: 0px; margin-bottom: 1em;}
table td {padding: 0.5em !important;}
td.td_top table td, table.tableforall td table td {border: solid 0 #fff; vertical-align: top;}
/**/#promoAd {display: none !important;}
/*fix right menu*/
#right-bar .right-panel.freeform, #right-bar .right-panel.ssi {padding: 0px;}
.sidebar {float: right;margin-left: 40px;}
.sidebar-content {width: 280px;height: 165px;margin-bottom: 10px;padding: 30px 0;background-color: #eee;text-align: center;}
.sidebar-content > p {padding-bottom: 10px;}
.sidebar-content a,.sidebar-content a:hover {display: inline-block;min-width: 100px;font-size: 20px;color: #00205b; text-decoration: none;}
.sidebar-content a:hover,.sidebar-content a:hover span {text-decoration: underline;}

/*.sidebar-content > p > a > img { height: 50px;}*/

.sidebar-content span {display: inline-block; color: #333; font-size: 16px; font-family: 'agendaregular';}

/*fix footer*/
#footer p, #footer p a {font-size: 17px;}

@media screen and (max-width: 740px) {
body {margin:0; padding:0;}
div, span, input {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#space758 {padding:0px; width:100%;}
.imgfit {margin:0 auto !important; width:160px; height:auto;}
td {height: auto; vertical-align: top; display: block; padding: 0em 1em;}
#spacexx table:first-child td:first-child {text-align:center; height:80px}
}