.salabun{
	font-family:"THSarabun",Arial,"Arial Unicode MS",Helvetica,sans-serif;
}
.hot_article{
	font-size:13px;
	color:#ffffff;
	padding:5px 15px;
}
.hot_article a, .hot_article a:link, .hot_article a:visited{
	font-size:13px;
	color:#ffffff;
}
a .menu_green , a:visited .menu_green{
	font-size:13px;
	color:#ffffff;
	padding:7px 15px;
	background:#7cc144;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px;
}
a:hover .menu_green , a:active .menu_green{
	text-decoration: none!important;
	background:#009226;
}
a:hover .menu_orange , a:active .menu_orange{
	text-decoration: none!important;
	background:#F16725;
}
a .menu_orange , a:visited .menu_orange{
	font-size:13px;
	color:#ffffff;
	padding:7px 15px;
	background:#E04305;

}

.div_hot_article{
	box-shadow: 0.5px 0.5px 5px #999; color: #242B2D;  border-collapse: separate; border-radius: 0px;padding:20px 10px;
}
.obj_display_block{
	display:inline-block;
}
.div_sub_menu1{
	/*border:1px solid #679843;*/
}
.div_oil_price{
	box-shadow: 0.5px 0.5px 5px #999; padding-top: 10px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px; border-radius: 0px;
}
.div_ads_fundation{
	/*box-shadow: 0.5px 0.5px 5px #999;*/ padding-top: 0px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px; border-radius: 0px;
}
.div_cnt_tbl{
	box-shadow: 0.5px 0.5px 5px #999; /*padding-top: 10px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;*/ border-radius: 0px; min-height: 360px;max-height: 360px; overflow: hidden;position:relative;bottom: 0;
}
.div_sub_menu2{
	margin-top:5px;
}
.oil_price_colum{
	width:8%; float:left; height:30px; border-left:dotted 1px #CCCCCC; text-align:center;
}
.oil_price_colum_name{
	width:16%; float:left; height:30px; text-align:center;
}
.oil_price_colum_name_odd{
	width:100%; height:30px; background-color:#ECF5FF; font-size: 1.2em;line-height: 2.5;
}
.oil_price_colum_text_desc{
	width:60%; height:30px; background-color:#ECF5FF; font-size: 0.7em;line-height: 2.5;color:#666;
}
.ads_tbl_colum_m{
	width:20%; float:left; min-height: 30px;overflow: hidden; text-align:center;padding: 8px; font-size: 12px;border-left:dotted 1px #CCCCCC;
}
.ads_tbl_colum{
	width:15%; float:left; min-height: 30px;overflow: hidden; text-align:center;padding: 8px; font-size: 12px;border-left:dotted 1px #CCCCCC;
}
.ads_tbl_colum_l{
	width:10%; float:left; min-height: 30px;overflow: hidden; text-align:center;padding: 8px; font-size: 12px;border-left:dotted 1px #CCCCCC;
}
.ads_tbl_colum_name{
	width:35%; float:left; height:auto; text-align:left;padding: 8px; 
}
.ads_tbl_colum_name_odd{
	width:100%; min-height: 30px;overflow: hidden; /*background-color:#ECF5FF;*/ font-size: 12px;/*border-bottom:dotted 1px #CCCCCC;*/  line-height: 2;
}
.ads_tbl_text{
font-weight: bold;font-style: normal;font-size: 1.2em;padding:6px;color:#000;	
}
.ads_tbl_intro{
font-style: normal;font-size: 1.0em;padding:6px;	
}
.news_info_title{
	background:#008743;font-weight: bold;font-style: normal;font-size: 1.3em;padding:10px;color:#ffffff;line-height:1.5;
	/*background:#198752;font-weight: bold;font-style: normal;font-size: 1.3em;padding:10px;color:#ffffff;line-height:1.5;*/
}
.newsenergy_info_title{
	background:#008743;font-weight: bold;font-style: normal;font-size: 1.3em;padding:10px;color:#ffffff;line-height:1.5;height:50px;
}
.chart_info_title{
	background:#008743;font-weight: bold;font-style: normal;font-size: 1.3em;padding:10px;color:#ffffff;line-height:1.5;
	/*background:##198752;font-weight: bold;font-style: normal;font-size: 1.3em;padding:10px;color:#ffffff;line-height:1.5;*/
}
.chart_info_line{
	height:2px;width:100%;background:#679843;margin-top:5px;
}
.small_banner{
	padding:10px 0 0 0;
}
.txt_detail_colum_odd{
	font-size: 1.3em;  text-align:left; font-weight: bold;font-style: normal; color:#C01F25; width:100%;padding: 10px;
}
.txt_title_colum_odd{
	font-size: 1.3em;  text-align:left; font-weight: bold;font-style: normal;color:#0059B3; width:100%; line-height:2.0;padding: 8px;
}
.txt_title_attachs{
	font-size: 1.6em;  text-align:right; font-weight: bold;font-style: normal; color:#000; line-height:1.5;
}
.txt_detail_attachs{
	font-size: 1.3em;  text-align:left; font-weight: bold;font-style: normal; color:#0059B3; width:100%; line-height:2.0;
}
.txt_detail_attachs:before{
    content: '';
    background:url('../images/bulletattach.png');
    background-size:cover;
        position:absolute;
    width:15px;
    height:15px;
    margin-left:-19px;
    margin-top: 3px;
}
.txt_detail_attachs2{
	font-size: 12px;  text-align:left; font-weight: bold;font-style: normal; color:#0059B3; width:100%; line-height:2.0;margin-left: 40px;
}
.txt_detail_attachs2:before{
    content: '';
    background:url('../images/bullet_black.png');
    background-size:cover;
        position:absolute;
    width:15px;
    height:15px;
    margin-left:-19px;
    margin-top: 3px;
}
.infowrapper {
    max-width: 500px;
    padding: 0 20px 0px 20px;
    margin: auto;
}
.bslidewrapper {
    max-width: 1300px;
    margin: auto;
}



	.div_sub_menu1{
		/*border:1px solid #679843;*/
	}
	.div_sub_menu1_2{
		border-right:none;
		border-left:none;
	}
	.div_sub_menu1_4{
		border-left:none;
	}

.art-nav .art-menu-btn{
	width:35px;
}
    #slideshow {
      width: 500px;
      height: 300px;
      overflow: hidden;
      position: relative; /* not required, slideshow will set this for you */ 
    }
     
    #slideshow > * {
      position: absolute; /* required for most transitions */ 
      top: 0;             /* ditto */ 
      left: 0;            /* ditto */ 
      width: 100%;        /* usually required */ 
      height: 100%;       /* same */
    }

#bookshelf {
	width:420px;
	height: 332px;
	background:url(../../../images/template-content/bg_bookshelf.png) no-repeat top left;
}

.bookshelf_item_row1 {
	height:137px;
	padding-top:33px;
}
.bookshelf_item_row2 {
	height:137px;
	padding-top:30px;
}
.bookshelf_item_thumbnail {
	width: 85px;
	height:112px;
	margin-left:75px;

	box-shadow: 2px 2px 8px #000;
	float:left;
}
.bookshelf_item_thumbnail_vdo {
	width: 120px;
	height:100px;
	margin-left:75px;
	margin-top:10px;
	box-shadow: 2px 2px 8px #000;
	float:left;
}
.chart-legend li span{
   display:inline-block;
   padding-right:10px;
   padding-left:10px;
   font-size:12px;
   color:#ffffff;
}
.chart-legend li{
   float:left;
}

/* added cssoverride */
.ui-menu .ui-menu {
    position: absolute;
	width: 100%;
}
ul.active ul.ui-front, ul.active ul.ui-front a {
	color:black;
}
ul.ui-front ul>li>a.actives {
	background: #fffbe0;
	color:black;
}
.ui-front {
		    border-top: 1px solid #A4B1B6;
}
.ja-k2filter.vertical-layout, .ja-k2filter.horizontal-layout {
	display: inline-block;
    width: 100%;
}
.ja-k2filter.vertical-layout li, .ja-k2filter.horizontal-layout li {
    display: inline-block;
    vertical-align: bottom;
    list-style: none;
    float: none;
    width: auto !important;
}
.add-inline-block {
	display:inline-block;
	text-align:right;
	float:right;
	padding-right: 30px;
	padding-top: 15px;
  	width: 100%;
}
.mvc_mainadd-inline-block, .customadd-inline-block {
	display:inline-block;
	text-align:right;
	vertical-align: bottom;
}
.menufoositemap{
	display:block;
	list-style-type:none;
	padding:15px;
	    font-family: "THSarabun",Arial,"Arial Unicode MS",Helvetica,sans-serif;
}

.menufoositemap>li {
    width: 16.66666667%;
	padding: 15px;
  	display: inline-block;
  	vertical-align:top;
	
	
}
.menufoositemap>li>a {
        font-family: "THSarabun",Arial,"Arial Unicode MS",Helvetica,sans-serif;
		font-size:1.2em;
    color: #216835;
}
.menufoositemap>li>ul {
	border-top: 2px solid #679843;
	margin-top:5px;
}
.menufoositemap>li>ul>li>a,.menufoositemap li ul li a {
	font-size: 1.1em;
    line-height: 2.0em;
	color:black;
}
.menufoositemap li ul li a:hover {
	    text-decoration: underline;
}
.menufoositemap .item-103,.menufoositemap .item-716 {
	display:none;
}


.menuabositemap{
	display:block;
	list-style-type:none;
	    font-family: "THSarabun",Arial,"Arial Unicode MS",Helvetica,sans-serif;
}

.menuabositemap>div {

    width: 50%;
	padding: 15px;
	
	
}
.menuabositemap .even {
	float:left;
	border-bottom:none;
  	background: #FFFFFF;
}
.menuabositemap .odd {
	float:right;
	border-bottom:none;
}
.menuabositemap>div>a {
        font-family: "THSarabun",Arial,"Arial Unicode MS",Helvetica,sans-serif;
		font-size: 10pt;
    color: #008000;
	font-weight:bold;
}
.menuabositemap>div>div {
	margin-top:5px;
}
.menuabositemap>div>div>div>a,.menuabositemap div div div a {
	font-size: 10pt;
    line-height: 2.0em;
	color:black;
}
.menuabositemap div div div a:hover {
	    text-decoration: underline;
}
.menuabositemap .item-103,.menuabositemap .item-716 {
	display:none;
}
.menuabositemap div div div div {
	margin-left:15px;
}
.art-footer {
  position: inherit;
}
.menu-navigation {
    text-align: right;
  	margin-bottom:25px;
}
.menu-navigation a {
    color:black;
}
.menu-navigation a:hover {
  	color:black;
    text-decoration: underline;
}

#searchForm .btn {
  float:none;
  height:auto;
  width:15px;
}
#searchForm input {
  margin:0px;
  position: inherit;
  padding-right:20px;
}
#searchForm legend {
  width:auto;
}
#searchForm .form-limit {
  margin-top:10px;
}
ul.art-vmenu>li {
  box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  padding-top:20px;
  border-radius: 7px;
}
ul.art-vmenu>li>a.actives {
  margin-left:-15px;
  margin-right:-15px;
  box-shadow: 0px 3px 4px rgba(0,0,0,0.55);
  z-index: 10;
  margin-bottom: 20px;
      font-weight: bolder;
  font-size: 1.5em;
}
.art-vmenublock {
  margin-left:15px;
}
ul.art-vmenu>li>a.actives:before,ul.art-vmenu>li>a.actives:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #22582A transparent transparent transparent;
    bottom: -1em;
}
ul.art-vmenu>li>a.actives:before {
  	left: 0;
   border-width: 1em 0 0 15px;
}
ul.art-vmenu>li>a.actives:after {
	right: 0;
    border-width: 1em 15px 0 0;
}
ul.art-vmenu>li>ul>li:last-child,ul.art-vmenu ul.active {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
ul.art-vmenu li li a.actives {
  position: relative;
  border:0;
  box-shadow: 0 0 5px #DDD;
  -moz-box-shadow: 0 0 5px #DDD;
  -webkit-box-shadow: 0 0 5px #DDD;
  border-left: 4px solid #97CE69;
  border-right: 4px solid #97CE69;
  margin: 0 -4px;
}
ul.art-vmenu li li a.actives:before {
  content: "";
  position: absolute;
  top: 42%;
  left: 0;
  border-left: 5px solid #97CE69;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
ul.art-vmenu li li a.actives:after {
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  border-right: 5px solid #97CE69;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
ul.art-vmenu>li>ul li ul,
ul.art-vmenu>li>ul li ul li ul {
  position: absolute;
  height: auto;
  min-width: 200px;
  padding: 0;
  margin: 0;
  background: #FFF;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  z-index: 1000;
  
  left:280px;
  top: 0px;
  border-left: 4px solid #97CE69;
}
ul.art-vmenu>li>ul li ul:before {
  content: "";
  position: absolute;
  top: 25px;
  left: -9px;
  border-right: 5px solid #97CE69;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
ul.art-vmenu>li>ul li:hover > ul,
ul.art-vmenu>li>ul li ul li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
  left:100%;
}
ul.art-vmenu>li>ul li ul li a {
  padding: 10px;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #EEE;
}
ul.art-vmenu>li>ul li ul li a i {
  font-size: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
}
ul.art-vmenu>li>ul li ul li ul {
  left: 230px;
  top: 0;
  border: 0;
  border-left: 4px solid #97CE69;
}  
ul.art-vmenu>li>ul li ul li ul:before {
  content: "";
  position: absolute;
  top: 15px;
  left: -9px;
  border-right: 5px solid #97CE69;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
}
ul.art-vmenu>li>ul li ul li:hover > ul {
  top: 0px;
  /*left: 250px;*/
}
ul.art-vmenu li li a {
  height:100%;
}
ul.art-vmenu ul a:visited, ul.art-vmenu ul a.actives:hover, ul.art-vmenu ul a:hover, ul.art-vmenu ul a.actives,ul.art-vmenu ul>li>a.actives,ul.art-vmenu ul a {
  color:#5A5A5A;
}
ul.art-vmenu>li>ul li:hover a {
    opacity: 1;
    -webkit-animation: moveFromLeft 300ms ease-in-out;
    -moz-animation: moveFromLeft 300ms ease-in-out;
    -ms-animation: moveFromLeft 300ms ease-in-out;
    -o-animation: moveFromLeft 300ms ease-in-out;
    animation: moveFromLeft 300ms ease-in-out;
}
@-webkit-keyframes moveFromLeft {
    from {
        opacity: 0;
        -webkit-transform: translateX(200%);
        -moz-transform: translateX(200%);
        -ms-transform: translateX(200%);
        -o-transform: translateX(200%);
        transform: translateX(200%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.art-postcontent .Q_block_right a, .art-postcontent .Q_block_right a:link,
.resp-tab-content .div_oil_price .ads_tbl_intro a,.resp-tab-content .div_oil_price .ads_tbl_intro a:link
{
  color: #0AA500 !important;
}

.art-postcontent .itemFullText a, .art-postcontent .itemFullText a:link,
.art-postcontent .itemFullText a span
{
  color: #0AA500 !important;
}
.art-postcontent a:hover,.div_oil_price a:hover {
  text-decoration:underline !important;
}

.resp-vtabs li.resp-tab-active:after{
  content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #008743;
	/*border-left: 10px solid #198752;*/
}
ul.resp-tabs-list>li.resp-tab-item {
  margin-bottom:0 !important;
}
ul.resp-tabs-list>li.resp-tab-item:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
ul.resp-tabs-list>li.resp-tab-item:not(.resp-tab-active):hover {
  	background-color: #f95a06  !important;
	/*background-color: #065F34  !important;*/
  	color:white;
}
ul.resp-tabs-list {
      box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}
div.ads_tbl_text,
div.box-shadow-c3{
  padding:0;
  margin:6px;
    position: relative;
    width: auto;
    background: #ddd !important;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: rgba(0,0,0, .8);
    text-shadow: 0 1px 0 #fff;
}

div.ads_tbl_text div.contentMain,
div.box-shadow-c3 div.ads_tbl_colum_name_odd{
  	z-index:10;
    position: relative;
    width: auto;
    background: #ddd !important;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: rgba(0,0,0, .8);
    text-shadow: 0 1px 0 #fff;
  	padding:6px;
  
}
div.ads_tbl_text:before, div.ads_tbl_text:after, 
div.box-shadow-c3:before, div.box-shadow-c3:after{
z-index: 1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
   /* top: 80%;*/
  	height:20%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg)
}

div.ads_tbl_text:after,
div.box-shadow-c3:after{
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}
div.title-ads-fundation,div.title-ads-fundation div {
  display:inline-block;
  white-space: nowrap;
  background:#ddd !important;
}
div.title-ads-fundation div {
  float:none !important;
}
.txt_detail_attachs a,.txt_detail_attachs a:link {
  /*color: #198752;*/
  color: #000000;
}
.txt_detail_attachs a:hover,.txt_detail_attachs a:hover {
  color: #747574;
  /* color: #198752;*/
  text-decoration:underline;
}
div.bookshelf_item_thumbnail {
  /*position:relative;*/
  z-index:600;
}
div.bookshelf_item_thumbnail span{
position:absolute;
left: -9999px;
}
div.bookshelf_item_thumbnail a img{

  transition: all .2s ease-in-out;
}

div.bookshelf_item_thumbnail a img:hover{
  webkit-transform: scale(2.0);
    -moz-transform: scale(2.0);
    -o-transform: scale(2.0);
    transform: scale(2.0);
}
div.col-xs-12 {
  position:static;
}
.ads_tbl_intro hr {
  margin:0;
  padding:0px;
}
.bx-viewport img {
  width:100% !important;
}
.bx-viewport a {
  display:block;
}
.ev_td_li div{
  display:inline-block;
}
.jev_daysnames {
  display:none;
}
.ev_td_li{
  border:none !important;
}
div.jev_listrow{
  border:none !important;
}
div.list-event{
  width:100%;
  border-bottom: 1px solid rgba(27, 27, 27, 0.78);
  padding-top:10px;
  padding-bottom:10px;
  line-height:30px;
}
div.event-view{
  float: right;
}
div.event-view a{
      font-size: 14px;
    line-height: 20px !important;
    border-radius: 8px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    box-shadow: 0 4px 0 #2FA072 !important;
    padding: 4px 15px !important;
    background-color: #37ba85!important;
    color: #fff!important;
    border: 0px !important;
    text-shadow: none;
    font-weight: bold !important;
  background-color: #2FA072!important;
    color: #fff!important;
    padding: 4px 15px !important;
    font-weight: bold !important;
}
div.event-summary{
  font-weight: bold;
  font-size:12px;
}
.event-title, .ev_link_row,div.list-event a:link, div.list-event a:visited, div.list-event a:active {
  font-size: 14px;
  font-weight: bold;
  color: #0AA500;
}
div.event-creator a:link, div.event-creator a:visited, div.event-creator a:active {
  font-size: 12px;
  font-weight: bold;
  color: #337AB7;
}
a.jev_back{
  display: inline-block;
    height: 20px;
    color: white !important;
    background: #3E6F3E !important;
}
.jev_eventdetails_body{
  font-size:1.2em;
}
a.flatcal_busylink,a.flatcal_busylink:link,a.flatcal_busylink:visited{
  display: block !important;
    border-radius: 100% !important;
    background: green !important;
    color: white !important;
}
section.moduletablesec-inline-block {
  display:inline-block;
}
div.itemList {
	font-size:1.1em;
}
.table_mati {
	font-size:1.2em;
}
.table-grid-menu tr {
  margin-top:10px;
}
.table-grid-menu td{
  padding : 5 px;
      box-shadow: 0 0 7px #CCC;
    box-sizing: border-box;
    border: 1px solid rgba(100, 118, 125, 0.2);
    margin-left: 1%;
    display: inline-block;
    width: 48%;
  	height:100%;
}
.table-grid-menu p{
margin-left:10px;
  margin-right:10px;
}
.icon-setright{
      position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
}
ul.art-hmenu a, ul.art-hmenu a:link, ul.art-hmenu a:visited, ul.art-hmenu a:hover {
	padding-right: 20px;
}
.art-object707561160_mo {
	left:67%;
}
.art-logo-1244699861_mo {
	left:75%;
}
/*
 End*/
 
 /*.div_oil_price {
	 height: 450px;
 }*/
 .oilpricelink {
	 font-size:0.8em;
 }
 .scd-title-col {
    margin: 0;
}
.scd-digits-row {
    float: none;
    text-align: center;
}
#smartcountdown-348-title-before{
	margin-bottom:5px;
}
/*.scd-digits-row{
	background: #e2e2e2;
	font-weight:bold;
    color: blue;
    padding: 7px;
    border-radius: 5px;
}*/
div.ui-dialog{
	font-size:1.5em;
}
div.ui-dialog-titlebar {
	color:white;
	background:#247f51;
}