.black_ribbon{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}
@media (max-width: 768px) {
	.black_ribbon{
		width: 100px;
	}
}
@media (max-width: 425px) {
	.black_ribbon{
		width: 70px;
	}
}
/* Data list RSS BY TOY*/
.rows1 {
	background:#fff;
}
.rows2 {
	background:#f9f9f9;
}
.rows4, .rows4:hover {
	background:#ffffcc;
}
.rows1:hover, .rows2:hover, .select, .select:hover, .rows3:hover {
	background:#ffffcc;
}
.rss-rows{
	width:100%;
	border-bottom:solid 1px #F1F1F1;
	}
.rss-rows .img-thumbnail-rss{
	float:left;
	padding-left:5px;
	padding-top:5px;
	width:6%
	}
.rss-rows .subject-rss{
	font-size:16px !important;
	}
.rss-rows .description-rss{
	width:100%;
	font-size:13px !important;
	padding-top:5px;
	padding-bottom:15px;
	}	
	
	
.rss-rows .box-subject-rss{
	width:85%
	float:left;
	padding-left:5px;
	padding-top:5px;
	}	
	

.txtlink{
	color:#617C92;	
	cursor:pointer;
}
.txtlink:hover,
.txtlink.hover {
	color: #337ab7;
}
.txtcolor{
	color:#3784c4;	
}

body,
button,
input,
select,
textarea {
	color: #546573;
}
a {
	color: #337ab7;
}
a:hover,
a:active {
	outline: 0;
	text-decoration: none;
	color: #26b6f2;
}

body {
	background:url(img/bg.jpg) top center repeat-x;
}
header {
	position: absolute;
	z-index: 3;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
header .topnav{
	position:absolute;
	top:0px;	
	width:100%;
	background:#34B0E1;
	border-bottom:1px solid #126d93;
	z-index:2;
}
header .topnav .box,header .content,#footer .content,.term,.bodyhtml,.other_box{
	width:1000px;
	margin:0 auto;
}
.other_box{
	min-height:400px;	
}
.other_box .box_head{
	border-bottom:3px solid #26B6F2;
	padding:10px 0px;
	position:relative;
	overflow:hidden;
	display:block;
}
.other_box .border{
	border:1px solid #ccc;
	border-top:none;;
	border-radius:0px 0px 5px 5px;	
}
.other_box .box_head .title{
	float:left;
	font-size:14px;
}
.other_box .box_head .seemore{
	float:right;
	position:absolute;
	top:12px;
	right:0px;
}
.box_vote{
	padding:10px 15px;	
}
.box_vote .subject{
	padding-bottom:20px;
	background:url(../img/home/vote-bg.png) bottom center no-repeat;
	font-weight:bold;
}
.box_vote ul.optionlist{
	list-style:none;	
}
.box_vote ul.optionlist li{
	display:block;
	padding-bottom:5px;
}
.box_enew{
	background:url(../img/home/right-bg.png) 0px -396px  no-repeat;
	height:115px;
	display:inline-block;
	width:100%;
}
.box_enew.en{
	background:url(../img/home_en/right-bg.png) 0px -396px  no-repeat;
}
.box_enew .input{
	margin-left:105px;
	margin-top:50px;
}
.box_enew .input .btn{
	background:url(../img/home/right-bg.png) 0px -522px  no-repeat;
	height:39px;
	width:45px;
	overflow:hidden;
	text-indent:-999px;
	float:left;
	border-radius: 0px 5px 5px 0;
}
.box_enew input[type='text']{
	height:25px;
	border-radius: 5px 0 0 5px;
	float:left;
	border-right:none;
}
.other_box .left{
	width:675px;
	float:left;
}
.other_box .left ul.list_left{
	list-style:none;
}
.other_box .left ul.list_left >li{
	display:block;
	margin-bottom:10px;
	clear:both;
}
.a1_banner{
	background:url(../img/home/left-bg.png) center bottom no-repeat;	
	padding-bottom:30px;
}
.a1_banner a{
	opacity:0.8;
 	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.a1_banner a:hover{
	opacity:1;
 	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.a1_banner .a1{
	float:left;
}
.a1_banner .a2{
	float:right;
}
.hilight_content{	
	position:relative;
	height:400px;
	list-style:none;
	padding:15px;
}
.hilight_content > li{
	border:1px solid #ccc;
	border-left:none;
	float:	left;
}
.hilight_content > li.first{
	border-left:1px solid #ccc;
	border-radius:5px 0px 0px 5px;
}
.hilight_content > li.last{
	border-radius:0px 5px 5px 0px;
}
.hilight_content > li.open{
	background:#26B6F2;
}
.hilight_content > li.open,
.hilight_content > li:hover{
	border-color:#26B6F2;	
}
.hilight_content > li > a:after{
  content:"";
  height:100%;
  position:absolute;
  background:#26B6F2;
  width:0;
  top:0;
  left:50%;
  z-index:-1;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;  
}
.hilight_content > li > a:hover:after{
  left:0;
  width:100%;
}
.hilight_content > li .head{
	color:#999;
	padding:15px 20px;
	display:block;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	position:relative;
}
.hilight_content > li.open .head:after {
	display: block;
	position: absolute;
	background: transparent;
	border: 5px solid transparent;
	border-top-color: #26B6F2;  /*right,left,top,bottom*/
	border-bottom: 100%;
	right: 0;
	left:0;
	content: '';
	width: 0;
	height: 0;
	top: 100%;
	margin: auto;
}
.hilight_content > li:hover a.head,
.hilight_content > li.open a.head{
	color:#fff;
}
.box_content_new{
	float:left;	
}
.hilight_content .box_content{
	display:none;
	position:absolute;
	margin-top:20px;
	padding-top:20px;
	border-top:3px solid #26B6F2;
	width:640px;
	left:15px;
}
.hilight_content > li.open .box_content{
	display:block;	
	height:325px;
}
.hilight_content .seemore {
    background: none repeat scroll 0 0 #F5F5F5;
    display: block;
    padding: 10px;
    text-align: center;
	position:absolute;
	clear:both;
	left:0;
	right:0;
	bottom:10px;
}
.box_content_new{
	width:320px;	
	border-bottom:1px solid #f5f5f5;
	position:relative;
	margin-left:15px;
	margin-bottom:15px;
}
.box_content_new .option {
    display: block;
    width: 200px;
	position:absolute;
	right:0px;
	bottom:0px;
	height:25px;
	padding-top:5px;
}
.box_content_new.first .option {
    left:0px;
    margin: auto;
    right: 0px;
    width: 100%;
	border-top:1px solid #eee;
	background:#fafafa;
}
.box_content_new .option .all{
	float:right;
	background:url(../img/home/photo.png) left center no-repeat;
	padding-left:25px;
	height:16px;	
}
.box_content_new{
	float:left;	
}
.box_content_new img{
	transition:All 0.3s ease;
	-webkit-transition:All 0.3 ease;
	-moz-transition:All 0.3 ease;
	-o-transition:All 0.3 ease;
}
.box_content_new:hover img{
	background:#f5f5f5;
	 transform: rotate(10deg) scale(1.1);
	 -webkit-transform:rotate(10deg) scale(1.1);
	-moz-transform:rotate(10deg) scale(1.1);
	-o-transform:rotate(10deg) scale(1.1);
	-ms-transform:rotate(10deg) scale(1.1);
}
.box_content_new .subject{
	font-weight:bold;	
	line-height:20px;
	display:block;
	padding:0px 7px;
}
.box_content_new .date{
	padding:5px 7px;	
	font-size:11px;
	font-style:italic;
}
.box_content_new .img{
	float:left;
	margin-right:10px;
}
.box_content_new.first .img{
	position:relative;
}
.box_content_new .picnews{
    height: 70px;
	width:120px;
    overflow: hidden;
    position: relative;
	border: 1px solid #EEEEEE;
}
.box_content_new .picnews img{
	width:100%;		
}
.box_content_new.first{
    border: 1px solid #EEEEEE;
    margin-left: 0;
    min-height: 260px;
    width: 300px;
}
.box_content_new.first .picnews{
	width:300px;
	height:160px;
}
.box_photo{
	position:relative;
	padding:15px;	
}
.box_photo_new{
	float:left;	
}
.box_photo_new img{
	transition:All 0.3s ease;
	-webkit-transition:All 0.3 ease;
	-moz-transition:All 0.3 ease;
	-o-transition:All 0.3 ease;
}
.box_photo_new:hover img{
	background:#f5f5f5;
	 transform: rotate(10deg) scale(1.1);
	 -webkit-transform:rotate(10deg) scale(1.1);
	-moz-transform:rotate(10deg) scale(1.1);
	-o-transform:rotate(10deg) scale(1.1);
	-ms-transform:rotate(10deg) scale(1.1);
}
.box_photo_new{
    border-bottom: 1px solid #F5F5F5;
    margin-bottom: 15px;
    margin-left: 15px;
    position: relative;
    width: 325px;
}
.box_photo_new .option {
    bottom: 0;
    display: block;
    height: 25px;
    padding-top: 5px;
    position: absolute;
    right: 0;
    width: 200px;
}
.box_photo_new.first .option {
    background: none repeat scroll 0 0 #FAFAFA;
    border-top: 1px solid #EEEEEE;
    left: 0;
    margin: auto;
    right: 0;
    width: 100%;
}
.box_photo_new.first .option .iconview{
	
}
.box_photo_new .option .view{
	float:left;
	height:16px;
}
.box_photo_new .option .all{
	float:right;
	background:url(../img/home/photo.png) left center no-repeat;
	padding-left:25px;
	height:16px;
	margin-right:5px;
}
.box_photo_new:hover{
	background:#f5f5f5;
}
.box_photo_new .subject{
    display: block;
    font-weight: bold;
    line-height: 20px;
    padding: 0 7px;
}

.box_photo_new .date {
    font-size: 11px;
    font-style: italic;
    padding: 5px 7px;
}
.box_photo_new .img{
	float:left;
	margin-right:10px;
}
.box_photo_new.first .img{
	position:relative;
}
.box_photo_new .picnews{
    height: 80px;
	width:120px;
    overflow: hidden;
    position: relative;
}
.box_photo_new .picnews img{
	width:100%;		
}
.box_photo_new.first{
    border: 1px solid #EEEEEE;
    margin-left: 0;
    min-height: 260px;
    width: 300px;
}

.box_photo_new.first .picnews{
    height: 160px;
    width: 300px;
}
.box_photo_new.first .picnews img{

}








.other_box .right{
	width:309px;
	float:right;
}
.other_box .right ul.list_right{
	list-style:none;	
}
.other_box .right ul.list_right >li{
	display:block;
	margin-bottom:10px;
	clear:both;
}
.other_box .right ul.list_right a.bn{
	background-image:url(../img/home/right-bg.png);
	background-repeat:no-repeat;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	position:relative;
}
.other_box .right ul.list_right a span.light{
	background:	url(../img/home/light.png) center center no-repeat;
	background-size:cover;
	height:106px;
	width:85px;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
.other_box .right ul.list_right a.btn_member {
    background-position: left -4px;
    float: left;
    height: 44px;
    width: 156px;
}
.other_box .right ul.list_right a.btn_member:hover{
	background-position: -391px -4px;
}
.other_box .right ul.list_right a.btn_profile {
    background-position: left -805px;
    float: left;
    height: 44px;
    width: 156px;
	position:relative;
}
.other_box .right ul.list_right a.btn_profile .box_img{
    position: absolute;
    right: 10px;
    top: 8px;
    width: 28px;
	height:27px;
	border:none;
}
.other_box .right ul.list_right a.btn_profile:hover{
	background-position: -391px -805px;
}
.other_box .right ul.list_right a.btn_quickmenu {
    background-position: -165px -3px;
    float: right;
    height: 44px;
    width: 144px;
}
.other_box .right ul.list_right a.btn_quickmenu:hover,
.other_box .right ul.list_right a.btn_quickmenu.open{
	background-position: -556px -3px;
}
.other_box .right ul.list_right a.btn_complain{
    background-position: left -60px;
    float: right;
    height: 98px;
    width: 100%;
}
.other_box .right ul.list_right a.btn_complain:hover{
	background-position: right -60px;
}
.other_box .right ul.list_right a.btn_form{
    background-position:left -171px;
    float: right;
    height: 98px;
    width: 100%;
}
.other_box .right ul.list_right a.btn_form:hover{
	background-position:right -171px;
}
.other_box .right ul.list_right a.btn_faq {
    background-position: left -282px;
    float: right;
    height: 98px;
    width: 100%;
}
.other_box .right ul.list_right a.btn_faq:hover{
	background-position: right -282px;
}
.other_box .right ul.list_right a.btn_weblink {
    background-position: left -577px;
    float: right;
    height: 98px;
    width: 100%;
}
.other_box .right ul.list_right a.btn_weblink:hover{
	background-position: right -577px;
}
.other_box .right ul.list_right a.btn_vdo {
    background-position: left -688px;
    float: right;
    height: 98px;
    width: 100%;
}
.other_box .right ul.list_right a.btn_vdo:hover{
	background-position: right -688px;
}

header .topnav .box{
	display:block;
	position:relative;
}	
/*{*/
header .topnav .box ul.top{
	list-style:none;
}
header .topnav .box ul.top > li{
    display: inline;
    float: left;
    position: relative;
}
header .topnav .box ul.top > li > a{
	display:inline-block;
	padding:13px 15px;
	font-size:12px;
	text-decoration:none;
	color:#fff;
}
header .topnav .box ul.top li:hover > a{
	background:#254265;	
}
header .topnav .box ul.top li.open ul,header .topnav .box ul.top li.sub:hover ul{
	display:block;
}
header .topnav .box ul.top.left li > a:before{
	content:"|";
    display: inline-block;
    text-indent: -18px;
}
header .topnav .box ul.top.right li > a:before{
	content:"|";
    display: inline-block;
    text-indent: -10px;
}
header .topnav .box ul.top.right li:first-child a:before{
	content:"";
}
header .topnav .box ul.top li ul{
	position:absolute;
	top:100%;
	left:0;	
	display:none;
}
header .topnav .box ul.top li ul li{
	width:200px;	
}
header .topnav .box ul.top li ul li > a{
	background:#26b6f2;		
	display:block;
	border-bottom:1px solid #fff;
}
header .topnav .box ul.top li ul li:last-child > a{
	border-bottom:none;	
}
header .topnav .box ul.top li ul li > a:hover{
	background:#34B0E1;
}
header .topnav .box ul.top li ul li > a:before{
	content:"" !important;
}
header .content .main_logo {
    position: absolute;
    top: 70px;
}
header .topnav .box ul.top > li > a.icon_twitter,
header .topnav .box ul.top > li > a.icon_facebook,
header .topnav .box ul.top > li > a.icon_other,
header .topnav .box ul.top > li > a.icon_th,
header .topnav .box ul.top > li > a.icon_en,
header .topnav .box ul.top > li > a.icon_a {
    background: url("img/icon-top.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    margin-left: 5px;
    margin-top: 10px;
    overflow: hidden;
    padding: 0;
    text-indent: -900px;
    width: 23px;
}
header .topnav .box ul.top > li > a.icon_twitter{
	background-position:0px 0px;
}
header .topnav .box ul.top > li > a.icon_twitter:hover{
	background-position:0px bottom;
}
header .topnav .box ul.top > li > a.icon_facebook{
	background-position:-30px 0px;
}
header .topnav .box ul.top > li > a.icon_facebook:hover{
	background-position:-30px bottom;
}
header .topnav .box ul.top > li > a.icon_other{
	background-position:-59px 0px;
}
header .topnav .box ul.top > li > a.icon_other:hover{
	background-position:-59px bottom;
}
header .topnav .box ul.top > li > a.icon_th{
	background-position:-95px bottom;
}
header .topnav .box ul.top > li > a.icon_th.active{
	background-position:-95px 0px;
}
header .topnav .box ul.top > li > a.icon_en{
	background-position:-125px bottom;
}
header .topnav .box ul.top > li > a.icon_en.active{
	background-position:-125px 0px;
}
header .topnav .box ul.top > li > a.icon_twitter:after{
    display: inline-block;
    text-indent: -18px;
}
header .topnav .box ul.top > li > a.icon_a{
	background-position:-155px 0px;
}
header .topnav .box ul.top > li > a.icon_a:hover{
	background-position:-155px bottom;
}
header .topnav .box ul.top > li > a.icon_a.a1{
	background-position:-185px 0px;
}
header .topnav .box ul.top > li > a.icon_a.a1:hover{
	background-position:-185px bottom;
}
header .topnav .box ul.top > li > a.icon_a.a2{
	background-position:-215px 0px;
}
header .topnav .box ul.top > li > a.icon_a.a2:hover{
	background-position:-215px bottom;
}
/*}*/
/* Nav {
nav {
	height: 65px;
	width:100%;
	margin-top:200px;
	border-bottom:3px solid #26B6F2;
	border-top:3px solid #26B6F2;
	background:#fff;
}
nav .content {
	width: auto;
	margin: 0
}
nav li.title {
	display: none;
	height: 0;
	font-size: 0;
	visibility: hidden
}
nav li {
	float: left;
	display: inline;
	position: relative
}
nav .first a {
	padding-left: 4px
}
nav li.sub a span { 
}

nav li ul {
	position: absolute;
	left: -9999px;
	width: 235px;
	background: #26b6f2;
	padding: 10px 0 15px 0;
	-moz-box-shadow: 1px 3px 2px #222;
	-webkit-box-shadow: 1px 3px 2px #222;
	box-shadow: 1px 3px 2px #222
}
nav li.hover ul {
	left: auto
}

nav li.hover ul ul {
	margin-top: -10px
}
nav li ul ul {
	background:#26b6f2 url(../img/dropdown-bg-gradient.png) repeat-y left top
}
nav li.hover li {
	float: none;
	display: block;
}
nav li.hover li.hover,
nav li.hover li.selected {
	background: #3784c4;
}
nav li.hover li.hover li.hover,nav li.hover li.hover li.selected {
	background: #3784c4 url(../img/dropdown-bg-gradient.png) repeat-y left top
}
nav li.hover li a,
nav li.hover li.hover li a,
nav li.hover li.hover li.hover li a,
nav li.hover li.hover li.hover li.hover li a,
nav li.hover li.hover li.hover li.hover li.hover li a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 11px 10px 10px 22px;
	background:none;
}
nav li li.link a span{
	background-image: url(../img/icon-arrow-gray-blue.png) !important;
}
nav li li.sub a span {
	background-image: url(../img/icon-plus-blue-white.png);
	background-position: left 7px !important
}
nav li.hover li a span {
	background-repeat: no-repeat;
	background-position: left 3px;
	padding: 0 0 0 20px;
	display: block
}
nav li.hover li.link a span {
	background-position: left -30px
}
nav li.hover ul li ul,
nav li.hover ul li.hover ul li ul,
nav li.hover ul li.hover ul li.hover ul li ul,
nav li.hover ul li.hover ul li.hover ul li.hover ul li ul,
nav li.hover ul li.hover ul li.hover ul li.hover ul li.hover ul li ul {
	left: -9999px
}
nav li.hover ul li.hover ul,
nav li.hover ul li.hover ul li.hover ul,
nav li.hover ul li.hover ul li.hover ul li.hover ul,
nav li.hover ul li.hover ul li.hover ul li.hover ul li.hover ul,
nav li.hover ul li.hover ul li.hover ul li.hover ul li.hover ul li.hover ul {
	left: 235px;
	top: 0
}
nav li a {
	font-size: 16px;
	color: #337ab7;
	height: 65px;
	text-decoration: none;
	display: block;
	padding: 0 30px;
	line-height:60px;
}
nav li a span:before {
    color: #337ab7;
    content: "|";
    display: inline-block;
    left: -4px;
    position: absolute;
}
nav li.open a span:before,
nav li.hover a span:before {
	content: "";
}
nav li:first-child a span:before,nav li ul li a span:before{
	content: "";
}
nav li:hover > a,nav li.open > a,nav li.hover > a {
	color:#fff;
	background:#26b6f2;
}
nav li ul li > a {
	padding: 0 10px;
	line-height:inherit;
	color:#fff !important;
	font-size:13px;
}
nav li ul li.hover > a,nav li ul li:hover > a {
	color:#000;
	border-bottom:none;
	background:none repeat scroll 0 center rgba(0, 0, 0, 0.08);
}
/*}*/
/*Nav NEW{*/
nav {
	height: 60px;
	width:100%;
	margin-top:200px;
	border-bottom:3px solid #26B6F2;
	border-top:3px solid #26B6F2;
	background:#fff;
}
/*}*/
article {
	position: relative;
	z-index: 2;
	margin-top: 285px;
}

.box_map{	
	position:relative;
	display:block;
	float:right;
	margin-left:20px;
}
.box_map .border {
    background: url("img/footer/borer.png") no-repeat scroll left top transparent;
    display: block;
    height: 90px;
    left: -8px;
    position: absolute;
    top: -7px;
    width: 161px;
}
.box_map img{
	transition: all 0.2s ease-in-out 0s;	
	-webkit-transition: all 0.2s ease-in-out 0s;	
	-moz-transition: all 0.2s ease-in-out 0s;	
	-o-transition: all 0.2s ease-in-out 0s;	
}
.box_map:hover img{
	transform:scale(1.03);	
	 -webkit-transform:scale(1.03);	
	-moz-transform:scale(1.03);	
	-o-transform:scale(1.03);	
	-ms-transform:scale(1.03);	
}

/*Home Topgraphic{*/
#topgraphic{
	
}
#topgraphic .bottom{
	background:url(img/topgraphic/top_bg.png) center top no-repeat;
	height:31px;
}
#banner_container {
	position: relative;
	top: 0px;
	margin:0 auto;
}
/*}*/
/*Footer {*/
#footer{
	padding-top:15px;	
}
#footer .content .bottom .box_left {
	width: 500px;
	float: left;
}
#footer .content{
	border-top:15px solid #a3b3c0;
	background:#E2E9EF;
	border-bottom:1px solid #a3b3c0;
	padding: 15px 0;
	padding-bottom:30px;
}
#footer .content .bottom{
	margin:0 80px 0 60px;
}
#footer .content .bottom .box_right {
	width: 340px;
	float: right;
	padding-top:20px;
}
#footer .content .bottom .box_left .logo {
	float: left;
	margin-right: 10px;
}
#footer .content .bottom .box_left .desc {
	padding-right: 15px;
	padding-left:100px;
}
#footer .content .bottom .box_left .desc h4,
#footer .content .bottom .box_right h4 {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 5px;
}
.term {
	background: #f0f4f7 ;
	padding: 25px 0;	
	font-size: 13px;
	border-bottom: 5px solid #E2E9EF;
}
.term a{
	color: #999;
}
.term a:hover{
	color: #337ab7;
}
.term .inner{
	margin:0 80px;
}
/*}*/
/*Main CSS หน้าใน{*/
.bodyhtml {
	margin-top: 270px;
	background:none;
	width: auto;
}
.bodyhtml .body {
	position: relative;
	background: none;
	min-height: 500px;
}
.bodyhtml .body .rightcontent .inner_nav {
	display: table-cell;
	height: 45px;
	vertical-align: middle;
	white-space: nowrap;
}
.bodyhtml .body .rightcontent.full {
	padding-left: 0px;
	width: 100%;
}
.bodyhtml .body .rightcontent.full .inner_nav {
	padding-left: 25px;
}
.bodyhtml .body .rightcontent .inner_nav a {
	color: #999;
}
.bodyhtml .body .rightcontent .inner_nav a:hover {
	text-decoration: underline;
}
.bodyhtml .body .rightcontent .inner_nav a.active {
	color: #26b6f2;
}
.bodyhtml .body .rightcontent .inner_title {
	position: relative;
	padding-top: 25px;
}
.bodyhtml .body .rightcontent .inner_title h2 {
	float: left;
	margin: 0;
	color: #3784c4;
	line-height: 26px;
}
.bodyhtml .body .rightcontent .inner_title .share_social {
	float: right;
	margin-right: 20px;
	margin-top: 5px;
	position: relative;
	z-index: 2;
	width:150px;
}
.btn_rss {
	background: url(../../../main_css/img/rss.png) top center no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	margin-left: 10px;
}

.search_opt .btn_search {
	margin-top: 0px;
}
.search_opt .keyword {
	font-size: 16px;
	line-height: 26px;
	color: #08a8e5;
}
.filter_opt {
	list-style: none;
}
/*}Main CSS หน้าใน*/
/*Contact US {*/
.contact_html {
	padding: 10px 25px;
}
.contact_html .box-left {
	position: relative;
	top: -25px;
	float: left;
	width: 54%;
}
.contact_html .box-left h4,
.contact_html .box-right h4 {
	color: #09C;
	vertical-align: top;
}
.contact_html .box-left desc {
	position: relative;
	top: -15px;
	color: #666;
	font-size: 13px;
}
.contact_html .box-left a.promp {
	margin-top: 10px;
	display: block;
}
.contact_html .center-line {
	float: left;
	width: 5%;
}
.contact_html .box-right {
	position: relative;
	top: -5px;
	float: left;
	width: 39%;
}
.contact_html .box-right .box-right {
	position: relative;
	top: -15px;
	color: #666;
	font-size: 13px;
}
/*}*/
/*Bottom{*/
	.btn_submit,button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"]
	{
		background: #3784c4;
		color: #fff;
		border: none;
		font-size: 14px;
		font-weight: bold;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.btn_submit:hover,
	button:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover,
	input[type="submit"]:hover
	{
		opacity: 0.8;
	}
/*}*/

/*Forum {*/
ul.list_comment{
	list-style:none;	
	margin-top:10px;
}
ul.list_comment > li{
	display:block;
	border-bottom:1px dashed #ccc;
	padding-left:10px;
	border-left:5px solid #337ab7;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:10px;
}
ul.list_comment > li:hover{
	background:#FBFBFB;
}
.title_forum_comment{
	font-size:18px;
	font-weight:bold;	
	color:#337ab7;
}
.forum_comment_list{
	margin-top:5px;	
	font-size:12px;
}
.forum_box_comment_post{
	background-color:#fbfbfb;
	display:inline-block;
	width:600px;
	padding-bottom:15px;
	padding-top:15px;	
	border:1px solid #efefef;
}
.forum_box_comment_post .title{
    font-size: 20px;
    font-weight: bold;
	color:#337ab7;
	margin-left:15px;
}
.forum_box_comment_post,
.data_comment{
	width:100%;	
}
/*}*/
/*modern-menu{*/
.modern-menu {
	height: 40px;
	font-weight: 700;
	position: relative;
}
.modern-menu.mm-vertical {
	width: 184px;
	height: auto
}
.modern-menu, .modern-menu ul {
	list-style: none;
	margin: 0;
	padding: 0
}
.modern-menu li {
	position: relative;
	height:40px;
}
.modern-menu a {
	height: 100%;
	text-decoration: none;
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 101;
	border: 0;
	font-size: 11px;
	/*width:100%;*/
}
.modern-menu a span {
	line-height: 34px;
	padding: 0 15px;
	display: block;
	height:40px;
}
.modern-menu.mm-vertical a span {
	line-height: 36px;
	white-space:nowrap;
}
.mm-container.mm-drop span {
	padding-right: 0px;
}
.mm-horizontal span {
	float: left
}
.mm-hdrop, .mm-hdrop-over, .mm-vdrop, .mm-vdrop-over {
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 20px
}
.modern-menu .mm-right {
	display: block;
	float: right
}
.modern-menu>li {
	float: left
}
.modern-menu.mm-vertical>li {
	float: none
}
.mm-group li {
	float: left
}
.modern-menu .mm-group span {
	line-height: 40px
}
.modern-menu ul span {
	line-height: 36px
}
.modern-menu li > ul {
	position: absolute;
	left: -5000px;
	opacity: 0;
	z-index: 100;
	background:#7fba00;
	width:250px;
	top:95%;
}
.mm-vertical li>ul {
	top: 0;
}
.modern-menu ul ul {
	float: right;
	top: 0	
}
.modern-menu .mm-icon span {
	width: 14px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 18px
}
.mm-vertical .mm-icon span {
	width: 10px
}
.theme1 a span {
	color: #fafafa;
}
.theme1 .mm-over,
.theme1  li.open > a span:not(.mm-over){
	background-color: #126D93;
	color: #FAFAFA;
}
.theme1 >li > a .mm-over,
.theme1 >li.open > a span:not(.mm-over) {
    border-radius: 5px 5px 5px 5px;
	height: 26px;
	line-height: 20px;
	margin-bottom: 8px;
	margin-top: 7px;
}
.theme1 >li.open > a span:not(.mm-over) {
	margin-top:15px;	
}
.theme1 > li{
	height:41px;
}
.theme1 li li{
	border-bottom:1px solid #fafafa;
}
.theme1 ul li,
.theme1 ul li a span{
	height:35px;
	font-size:10px;
	line-height:28px;
}
.theme2 a span {
	color: #26B6F2;
}
.theme2 .mm-over,
.theme2 li.selected {
	color: #fafafa;
	background-color: #26B6F2;
}
.theme2 .mm-over, {
    color: #FAFAFA;
}
.theme2 >li > a .mm-over,
.theme2 >li.open > a span{
	background-color: #26B6F2;
    border-radius: 5px 5px 5px 5px;
	margin-left:10px;
	margin-right:10px;
    height: 42px;
    line-height: 35px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.theme2 li.open > a span:not(.mm-over) {
	color: #fafafa;
	margin-top:20px;
	border-radius: 5px 5px 5px 5px;
	background-color: #26B6F2;
}
.theme2 li.selected > a span {
	color: #fafafa;
}
.theme1 li > ul,
.theme2 li > ul{	
	box-shadow:1px 3px 5px #666666;
}
.theme2 li ul{	
	background-color:#fff;
}
.theme2 li,
.theme2 a span{
	height:63px;
	font-size:13px;
}
.theme2 a span{
	line-height:55px;
}
.theme2 ul li,
.theme2 ul li a span{
	height:35px;
	font-size:10px;
}
.theme2 ul li{
	border-bottom:1px solid #eee;
}	
.theme2 ul li a span{
	line-height:30px;
}
/*}*/
/* EXPLODE */
.banner{
	position:relative;	
	display:inline-block;
}
.banner .info { 
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	/*
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	-ms-transform:scale(0.8);	
	*/	
	position:absolute;
	opacity:0;
 	filter: alpha(opacity=0);
	-moz-opacity: 0;
	color:#fff;
	display:none;
	background-color: #26B6F2;
	border-radius:5px; 
	height:100%;
	width:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
	font-size:16px;
}
.banner .info table{
	width:100%;
	height:100%;	
}
.banner .info table strong{
	margin-bottom:5px;
	display:block;
}
.banner .info .desc{
	padding-left:5px;
	padding-right:5px;	
}
.banner a {
-webkit-transition: all 0.5s cubic-bezier(0.57, 0.39, 0, 1.54);
   -moz-transition: all 0.5s cubic-bezier(0.57, 0.39, 0, 1.54);
    -ms-transition: all 0.5s cubic-bezier(0.57, 0.39, 0, 1.54);
     -o-transition: all 0.5s cubic-bezier(0.57, 0.39, 0, 1.54);
        transition: all 0.5s cubic-bezier(0.57, 0.39, 0, 1.54);
 }
.banner:hover .info {
	 opacity:1;
 	filter: alpha(opacity=100);
	-moz-opacity: 1;
	 transform: scale(1);
	 -webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	display:block;
}

.banner:hover a:not(:hover){
	opacity:0.3;
	transform: scale(0.9);
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-o-transform:scale(0.9);
	-ms-transform:scale(0.9);
	
}

.Ftxt-link{
	position:relative;	
	display:inline-block;
	 opacity: 1;
	
}
.Ftxt-link .info { 
 
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	/*
	transform: scale(0.8);
	-webkit-transform: scale(0.8);
	-moz-transform:scale(0.8);
	-o-transform:scale(0.8);
	-ms-transform:scale(0.8);	
	*/
	position:absolute;
	opacity:1;
	
 	filter: alpha(opacity=0);
	-moz-opacity: 0;
	color:#fff;
	display:inline-block;
	background-color: #26B6F2;
	border-radius:5px; 
	border:solid 1px #B1B1B1;
	height:100px;

	width:309px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	font-size:16px;
}
.Ftxt-link .info:hover {opacity:0.7; }
.Ftxt-link .info table{
	width:100%;
	height:100%;	
}





.main_search{
	position:absolute;	
	top:90px;
	right:0;
}
.main_search input[type="text"]{
	height:25px;
	border-radius:0px;
	width:180px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	-ms-transition:all 0.3s;	
	background:url(../img/home/bg-search.png) right center no-repeat #F1F5F7;
}
.main_search input[type="submit"] {
    bottom: 0;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
	opacity:0;
 	filter: alpha(opacity=0);
	-moz-opacity: 0;
}
.main_search input:focus{
	width:220px;
}
.avancesearch{
	display:block;
	float:right;
	margin-top:5px;		
}
.pageDate{
	padding-top: 15px;
	padding-bottom: 15px;
}
.pageDate .date,
.pageDate .view{
	color: #fff;
	font-size: 14px;
}
.pageDate .view{
	background: none;
	padding-left: 0;
}
.head_inner{
	max-width: 1056px;
	margin: auto;
	border-bottom: 1px solid #fff;
}
.inner_title h2{
    color: #fff;
    padding-bottom: 15px;
    font-size: 26px;
    line-height: 30px;
}
.share_social .btn_rss {
    padding: 0;
    margin: 0;
    height: 17px;
    background-size: contain;
    width: 17px;
    margin-left: 5px;
}
.head_inner .innersocial{
	float: left;
	margin-right: 10px;
	color: #fff;
	height: 24px;
}
.head_inner .inner_nav{
	float: right;
	color: #fff;
	padding-bottom: 15px;
}
.head_inner .inner_nav *{
	color: #fff;
}
.head_inner .inner_nav a{
	padding-bottom: 10px;
	font-size: 14px;
	text-decoration: none;
}
.head_inner .inner_nav a.active{
	border-bottom: 5px solid #fff;
	padding-left: 5px;
	padding-right: 5px;
}
.addthis_button_compact{
	color: #fff;
}
.addthis_button_compact span{
	display: inline-block;
	margin-right: 5px;
}
.innerbg{
	background: rgba(255, 255, 255, 0.8);
}
.javaword-wrap{
	padding:42px;
	padding-top: 50px;
}
.search_opt #TextSearch,
.search_opt #inputSearch,
.search_opt #searchName,
.search_opt select{
	height: 40px;
}