html, body {height:100%; }
p{
	margin:20px 0px;
	}
html{
 margin:0px;
	padding:0px;
	font-size:21px;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
	font-family: 'thai_sans_literegular';
}
.btn{
	-webkit-appearance: none;
	}
body{

  margin: 0;
  padding: 0;
  position: relative;
  font-size: 26px;
  overflow-x: hidden; 
  -webkit-filter:grayscale(20%);

-moz-filter: grayscale(20%);
-ms-filter: grayscale(20%);
-o-filter: grayscale(20%);
filter: grayscale(20%);
/*filter: gray; */
/* IE 6-9 */ 
/* filter: saturate(50%);
-webkit-filter: saturate(50%);
-moz-filter: saturate(50%);
-o-filter: saturate(50%);
-ms-filter: saturate(50%);
*/
}

/*
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}

::-moz-selection{
	background: rgba(0, 157, 239, 0.57);
color: #fff;
text-shadow: none;
}
::selection {
background: rgba(0, 157, 239, 0.57);
color: #fff;
text-shadow: none;
}*/
/* css for black ribbon
.black-ribbon {
  position: fixed;
  z-index: 9999;
  width: 70px;
}
@media only all and (min-width: 768px) {
  .black-ribbon {
    width: auto;
  }
}
*/

.stick-left { left: 0; }
.stick-right { right: 0; }
.stick-top { top: 0; }
.stick-bottom { bottom: 0; }

a,a:hover img{-webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
text-decoration: none;
}
a:hover{ text-decoration: none;}
img{
  border: none;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
  
}
.fr{float:right;}
.fl{float:left;}
.top-king{
  background: url("../img/top-yellow.png") repeat-x;
  height: 35px;
  text-align: center;
  padding-top: 3px;
  position: relative;
  z-index: 2;
  line-height: 18px;
}
.main-header{
  background: url("../img/bg-header.jpg") no-repeat center;
  
  width: 100%;
  margin-top: -4px;
  position: relative;
}
.content{
  max-width: 1000px;
  margin: 0 auto;
}
.clear{clear:both;}
.logo{
  padding-top: 20px;
	float: left;
	width: 30%;
	}
.nav{
 background: url("../img/bg-nav.png") repeat-x;
	padding-top: 6px;
	height: 50px;
	margin-top: -5px;
	position: relative;
	z-index: 99;
}
.nav ul{
  margin: 0px;
  padding: 0px;
}
.nav ul li{
  list-style: none;
  display: inline-block;
}

.ihome,.iservice,.iabout,.istats,.inews,.ilink,.isitemap,.ifaq{
	background:url(../img/menu-icon.png) 0px -4px no-repeat;
	width:20px;
	height:22px;
	display:inline-block;
	vertical-align:top;
	}
li.active .ihome{
	background-position:0px -30px;
	}
.iservice{
	background-position:-35px -6px;
	width:23px;
	}
li.active .iservice{
	background-position:-35px -30px;
	}
.iabout{
	background-position:-74px 0px;
	width:23px;
	height:24px;
	margin-top: -5px;
	}
li.active .iabout{
	background-position:-74px -25px;
	}
.istats{
	background-position:-121px -6px;
	width:19px;
	height:18px;
	}
li.active .istats{
	background-position:-121px -30px;
	}
.inews{
	background-position:-155px -8px;
	width:19px;
	height:19px
	}
li.active .inews{
	background-position:-155px -32px;
	}
.ilink{
	background-position:-190px -8px;
	width:21px;
	height:18px;
	}
li.active .ilink{
	background-position:-190px -32px;
	}
.isitemap{
	background-position:-227px -6px;
	width:20px;
	height:18px;
	}
li.active .isitemap{
	background-position:-227px -30px;
	}
.ifaq{
	background-position:-264px -8px;
	width:18px;
	height:19px;
	}
li.active .ifaq{
	background-position:-264px -32px;
	}

h2.full-toppic{
	background:url(../img/full-toppic-bar.png) no-repeat;
	width:1000px;
	height:54px;
	margin:0px;
	padding:0px;
	font-size:30px;
	line-height:50px;
	color:#fff;
	}
.toppicnews,.toppictell,.toppiccontact{
	background: url(../img/toppic-icon.png) -60px 0px no-repeat;
	width: 42px;
	height: 44px;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 35px;
	}
.toppictell{
	background-position:0px 0px;
	float:left;
	width:47px;
	margin-left: 15px;
	}
.toppiccontact{
	background-position:-103px 0px;
	}
.toppiclink{
	background: url(../img/icon_link1.png) 0px 0px no-repeat;
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	margin-right: 35px;
	background-position:0px 0px;
	float:left;
	}
.col-1,.col-2{
	margin-right:18px;
	}
.col-1,.col-2,.col-3{
	float:left;
	width:320px;
	position:relative;
	/*font-size:21px;*/
	line-height:20px;
	color:#565d67;
	}
.col-3 a{
	color:#565d67;
}
.col-1 h2,.col-2 h2,.col-3 h2{
	background:url(../img/mini-toppic2.png);
	width:300px;
	height:38px;
	font-weight:normal;
	font-size:28px;
	line-height:30px;
	position:relative;
	color:#075ca0;
	margin:20px 0px 10px 0px;
	padding:5px 0px 0px 20px;
	border-radius: 15px;
	}
.col-1 h2 span,.col-2 h2 span,.col-3 h2 span{
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	font-size:21px;
	line-height:21px;
	}
.col-1 h2 span a,.col-2 h2 span a,.col-3 h2 span a{
	color:#ff7200;
	}
.col-1 h2 span a:after,.col-2 h2 span a:after,.col-3 h2 span a:after{
	content:"";
	display:inline-block;
	background:url(../img/more-arrow.png) no-repeat;
	width:12px;
	height:19px;
	vertical-align:middle;
	margin-left:8px;
	}
.news-block{
	/*margin-bottom: 10px;*/
	text-align: left;
	}
.news-block a{
	display:block;
	/*font-size:21px;*/
	line-height:20px;
	color:#565d67;
	}
.news-block a:hover,.col-1 ul li a:hover,.col-2 ul li a:hover,.col-left ul li a:hover{
	color:#D86300;
	}
.news-block .boss-img{
	width:95px;
	/*height:95px;*/
	float:left;
	margin-right:15px;
	text-align: center;
	}
	.news-block .boss-img img{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		}
	.news-block p{
		/*height: 82px;*/
		overflow: hidden;
		}
.col-1 ul,.col-2 ul,.col-3 ul,.helf-col ul{
	margin:0px;
	padding:0px;
	margin-top:5px;
	}
.col-1 ul li,.col-2 ul li,.helf-col ul li,.col-3 ul li{
	text-align: left;
	list-style: none;
	background: url(../img/dot-org.png) 6px 6px no-repeat;
	padding-left: 22px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	}
.col-1 ul li a,.col-2 ul li a,.col-3 ul li a{
	display:block;
	background:url(../img/dot-line.png) bottom repeat-x;
	padding-bottom:10px;
	color:#565d67;
	}
.h20{
	height:20px;
	}
.h8{
	height:8px;
	}
.h40{
	height:40px;
	}
.mb-14{
	margin-bottom:14px;
	}
.mt-20{
	margin-top:20px;
	}
.mt-30{
	margin-top:30px;
	}
a:hover img{
	-webkit-filter: contrast(130%);  
	}
.colspan-2{
	overflow:hidden;
	}
.colspan-2 h2{
	background: url(../img/right-toppic-bar.png) no-repeat;
	height: 59px;
	font-size: 30px;
	line-height: 24px;
	color: #fff;
	padding-top: 10px;
	margin-bottom:10px;
	}
.colspan-2.smallbar h2{
	background: url(../img/small-right-toppic-bar.png) no-repeat;
	height: 35px;
	font-size: 30px;
	line-height: 24px;
	color: #fff;
	padding-top: 1px;
	margin-bottom:10px;
	}
.colspan-2 h2 span{
	display:block;
	font-size:24px;
	font-weight:normal;
	color:#ffa200;
	}
.talk-content{
	overflow:hidden;
	}
.talk-block{
	background:#fff7f0;
	border:1px solid #ffa000;
	padding:10px;
	margin-bottom:10px;
	}
.talk-toppic,.talk-detail{
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	font-size:20px;
	color:#555555;
	line-height:22px;
	}
.talk-toppic{
	font-size:22px;
	font-weight:bold;
	}
.helf-col{
	width:48%;
	float:left;
	margin-right:2%;
	
	}
.last{
	margin-right:0px !important;
	}
.toppic-bar{
	position:relative;
	}
.txt-bar{
	position: absolute;
	left:60px;
	top:12px;
	font-size:30px;
	line-height:30px;
	color:#fff;
	}
.txt-bar span{
	font-size:21px;
	}
.helf-col{
	/*font-size:20px;*/
	}
.helf-col iframe{
	width:98%;
	}
input[type="email"],input[type="text"],input[type="password"],textarea{
	border:1px solid #cccccc;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		outline:none;
		padding:10px;
		font-family: 'thai_sans_literegular';
		font-size:20px;
	
		margin-top:10px;
	}
input[type="text"].txthelf{
	width:44%;
	margin-right:1%;
	}
input[type="reset"],input[type="submit"]{
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-family: 'thai_sans_literegular';
		font-size:20px;
		padding:7px 20px;
		color:#FFF;
		border:none;
		outline:none;
		cursor:pointer;
		line-height:21px;
		padding-bottom:10px;
		margin-top:10px;
	}

input[type="reset"]{
	background:#3D6599;
	}
input[type="submit"]{
	background:#ffa200;
	}
input[type="submit"].blue-btn{
	background:#2c6ba7;
	}
a.org,.helf-col a{
	/*color:#ff8c00;*/
	color:#126EA6;
	}
.more-r,.more-l{
	background:url(../img/more-arrow.png) no-repeat;
	width:12px;
	height:19px;
	display:inline-block;
	vertical-align:middle;
	}
.more-r{
	margin-left:5px;
	}
.more-l{
	background:url(../img/more-arrow-left.png) no-repeat;
	margin-right:5px;
	}
.right{
	float:right;
	}
.talk-view-all ,.center{
	text-align:center;
	}
.tw-banner,.ig-banner{
	background:url(../img/tw-banner.png) no-repeat;
	width:158px;
	height:45px;
	float:left;
	margin-right:10px;
	color:#fff;
	font-size:28px;
	line-height:28px;
	padding-left:52px;
	padding-top:12px;
	}
.tw-banner a,.ig-banner a{
	color:#fff;
	}
.ig-banner{
	background:url(../img/ig-banner.png) no-repeat;
	}
.slide-minibanner{
	background:url(../img/gd-banner.png) repeat-x;
	height:100px;
	margin-top:40px;
	padding-top:24px;
	}
.contact-left{
	width: 33%;
	padding: 20px;
	}
.helf-col h3{
	margin:10px 0px;
	padding: 0px;
	color:#2c6ba7;
	margin-top:20px;
	}
.talk-total{
	color:#486fad;
	}
.maparea{
	border:1px solid #ffa000;
	color:#fff;
	overflow:hidden;
	}
footer{
	padding-top:50px;
	color:#fff;
	}
footer a{
	color:#fff;
	}
.ft-level-1{
	background:#255B8E; 
/* 	background:#2c6ba7; */
	padding:10px 0px;
	}
.ft-1,.ft-2{
	float:left;
	width:30%;
	}
.ft-2{
	width:40%;
	border-left:1px solid #407db6;
	border-right:1px solid #407db6;
	}
.ft-2 li{
	list-style:none;
	width:50%;
	float:left;
	}
.ft-3{
	overflow: hidden;
	padding-left: 30px;
	padding-top: 20px;
}
.ft-level-2{
	background:#0C3A66;
/* 	background:#1f5487;
 */	padding:10px 0px;
	}
.owl-slider{
	margin-bottom:10px;
	}
.owl-slider img{
	-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		border:3px solid #d7d7d7;
	}
.owl-slider a:hover img{
	-webkit-filter: contrast(100%);  
	}
.header-control{
	float:right;
	margin-top: 54px;
	}
.page-nav{
	background:url(../img/bg-pagenav.png);
	height:51px;
	}
.page-nav ul{
	margin:0px;
	padding:0px;
	}
	.page-nav ul li{
		display:inline-block;
		padding:10px 5px;
		font-size:20px;
		color:#3f3f3f;
		}
	.page-nav ul li a{
		color:#3f3f3f;
		}
	.page-nav ul li:last-child a{
		color:#165db0;
		}
	.page-nav ul li a:after{
		background:url(../img/arr-dark.png) no-repeat;
		width:9px;
		height:16px;
		content:"";
		display:inline-block;
		vertical-align: middle;
		margin-left: 9px;
		margin-top: -3px;
		}
	.page-nav ul li:last-child a:after{
		display:none;
		}
.col-left{
	width:266px;
	float:left;
	margin-right:35px;
	}
.col-right,.forum-area,.fullpage{
	overflow: hidden;
	/*font-size:22px;*/
	line-height:26px;
	color:#565d67;
	background:rgba(255, 255, 255, 0.67);
	padding:10px 20px;
	margin-top:10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
.col-right{
	min-height:400px;
	}
.col-right a{
	color:#565d67;
	margin-bottom:10px;
	}
.col-right a:hover{
	color:#AD301A;
	}
.col-left h1{
	background: url(../img/inn-left.png) no-repeat;
	width: 250px;
	height: 55px;
	color: #FFF;
	font-size: 30px;
	margin: 0px;
	padding: 0px;
	margin-top: 25px;
	line-height: 30px;
	padding-top: 23px;
	padding-left: 16px;
	}
.col-left ul{
	margin:0px;
	padding:0px;
	}
.col-left ul li{
	list-style:none;
	background:url(../img/dot-line.png) bottom repeat-x;
	padding-bottom:10px;
	font-size:21px;
	}
.col-left ul li:first-child{
	margin-top:20px;
	}
.col-left ul li a{
	line-height:21px;
	color:#3f3f3f;
	display:block;
	padding:7px 10px;
	}
.col-left ul li a.active{
	background:#2272c0;
	color:#FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.col-right h2{
	font-size:36px;
	line-height:36px;
	color:#2272c0;
	margin-bottom:10px;
	margin-top:15px;
	}
.col-right h2 span{
	display:block;
	color:#565d67;
	font-size:30px;
	font-weight:normal;
	}
.boss-img{
	float:left;
	margin-right:28px;
	margin-bottom: 10px;
	}
.pw-toppic{
	font-size:30px;
	color:#2272c0;
	}
.mt-10{
	margin-top:10px;
	}
.mt-50{
	margin-top:50px;
	}
.maparea iframe{
	width:100%;
	border:0;
	}
.static-search iframe{
	width:100%;
	border:0;
	height:500px;
	}
.today-txt{
	background:#ffa200;
	color:#fff;
	text-align:center;
	padding:5px 10px;
	font-size:21px;
	font-weight:bold;
	margin-top: 10px;
	}
.news-date,.news-thumb{
	float: left;
	margin-right: 10px;
}
.news-date span{
	display: block;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
}
.news-date span.date-dd{
	font-size: 36px;
	font-weight: bold;
	color: #fff;	
}
.news-date span.date-mm{
color: #fff;
}
.news-date{
	background: #004A7D;
margin-top: 10px;
padding: 0px 7px;
}
.owl-carousel-news .owl-prev,.owl-carousel-news .owl-next{
	display: none !important;
}
.news-content{
	overflow: hidden;
padding-top: 3px;
padding-bottom: 3px;
height: 100px;
}
.news-thumb{
	width: 74px;
	height: 74px;
}
.new-news{
	background: url(../img/new-icon.png) no-repeat;
	display: block;
	width: 32px;
	height: 17px;
	margin: 0 auto;
}
.header-control{
	padding: 0px 10px;
	background: rgba(255, 255, 255, 0.54);
	height: 39px;
	padding-top: 2px;
	box-shadow: 0px 1px 3px #ccc;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.user a{
	color: #333;
	float: left;
}
.user ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.user {
  position: relative;
  height: 32px;
  padding: 0px 10px 0px 5px;
  display: inline-block;
  vertical-align: baseline;
  display: inline;
  /*vertical-align: auto;
  font-size: 20px;*/
  line-height: 20px;
  margin-right: -10px;
  float: left;
margin-top: 4px;
}
.user:hover ul {
  visibility: visible;
  opacity: 1;
  padding: 4px 0 6px;
}
.user ul {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid;  
  border-radius: 5px;
 background: #2175D5;

  z-index: 800;
}
.user ul li{
	list-style: none;

}
.user ul:before, .user ul:after, .user li:first-child:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 28px;
  border: 7px outset transparent;
}
.user ul:before {
  border-bottom: 7px solid #3867DF;
  top: -14px;
}
.user li:first-child:after {
  border-bottom: 7px solid #3867DF;
  top: -13px;
}
.user ul:after {
  border-bottom: 7px solid #3867DF;
  top: -12px;
}
.user li {
  padding: 0 3px;


}
.user li.sep {
  border-top: 1px solid #3867DF;
  padding-top: 4px;
  margin-top: 4px;

}
.user li a {
  display: block;
  position: relative;
  color: #fff;
  border: 1px solid transparent;
  font-size: 16px;
  line-height: 16px;
}
.user li a img{
	width: 12px;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 2px;
	margin-left: 5px;
}
.idrown{
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #474747;
	display: inline-block;
}
.user-thumb{
	width: 30px;
	height: 30px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.user.utl ul:before, .user.utl ul:after, .user.utl li:first-child:after{
	left: 45px;
}
input[type="text"].search-txtbox{
	padding: 2px 3px;
	width: 138px;
	text-indent: 20px;
	font-size: 18px;
	margin-left: 5px;
	margin-top: 3px;
}
.search-area{
	display: inline-block;
	position: relative;
}
input[type="submit"].submit-search{
	font-size: 0px;
	background: url(../img/search-icon.png) no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	left: 11px;
	top: 1px;
}
.controlstyle{
	display: inline-block;
	white-space: nowrap;
}
.fonts-1,.fonts-2,.fonts-3{
	line-height: 20px;
	color: #333;
}
.fonts-1{
	font-size: 20px;
}
.fonts-2{
	font-size: 24px;
}
.selectedcontrol{
	color: #ec141c;
}
.fonts-3{
	font-size: 26px;
}
.bg-select{
	display: inline-block;
	vertical-align: middle;
}
.bg-select img{
	float: left;
	margin-right: 3px;
}










#colorContainer img:hover {
    cursor: pointer;
    opacity: .5;
}
.green {
    background-color: #fff;
}


.blue ,.blue .main-content,.blue .yui-skin-sam .yui-calcontainer,.blue .slide-minibanner,.blue #cssmenu li.active,.blue .col-right{
    background: #000;
}
.blue .col-1 a,.blue .col-2 a,.blue .col-3 a,.blue .news-date span.date-dd,.blue .helf-col,.blue .helf-col h3,.blue ul.menu-list li a,.blue .page-nav ul li a,.blue .col-right a,.blue .col-right h2{
	color: #fff;
}
.blue .today-txt{
	background: #333;
}
.blue .yui-skin-sam .yui-calendar td.calcell.oom{
	color: #454545;
}
.blue .yui-skin-sam .yui-calendar td.calcell.today a{
	background-color: #272727;
}
.blue .col-1 h2,.blue .col-2 h2,.blue .col-2.title-big h2,.blue .col-3 h2,.blue .col-left h1,.blue .col-left ul li a.active,.blue .page-nav{
	background: #333;
	color: #fff;
}
.blue .col-left h1{
	-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}

.gray ,.gray .main-content,.gray .yui-skin-sam .yui-calcontainer,.gray .slide-minibanner,.gray .col-right{
    background: #ffea00;
}
.gray .col-1 a,.gray .col-2 a,.gray .col-3 a,.gray .news-date span.date-dd,.gray .helf-col,.gray .helf-col h3,.gray .col-right h2{
	color: #000;
}
.gray .yui-skin-sam .yui-calendar .calweekdaycell,.gray .yui-skin-sam .yui-calendar .calheader,.gray .yui-skin-sam .yui-calendar td.calcell a,.gray #cssmenu > ul > li.active > a,.gray .col-right,.gray .col-right a{
	color: #000;
}
.gray .yui-skin-sam .yui-calendar td.calcell.oom{
	color: #947F29;
}
.gray .yui-skin-sam .yui-calendar td.calcell.today a{
	background-color: #F7D800;
}
.gray .col-1 h2,.gray .col-2 h2,.gray .col-2.title-big h2,.gray .col-3 h2,.gray #cssmenu li.active,.gray .page-nav,.gray .col-left h1,.gray .col-left ul li a.active,.gray .today-txt{
	background: #F7D800;
	color: #000;
}
.gray .col-left h1{
	-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.mobi-showmenu{
	display: none !important;
}
.forum-btn-right{
	padding-top: 25px;
}
.bluebtn,.orgbtn{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
	padding:0px 10px;
	padding-bottom: 3px;
	line-height: 30px;
	background: #2566b8;
}
.bluebtn:hover{
	background: #0E4284;
}
.orgbtn{
	background: #FF8800;
}
.orgbtn:hover{
	background: #FF6B00;
}
.forum-area .col-1,.forum-area .col-2,.forum-area .col-3{
	margin-right: 1%;
}
.forum-area .col-1,.forum-area .col-2,.forum-area .col-3,.forum-area .col-4{
	float: left;
	
}
.forum-area{
	min-height: 350px;
}
.forum-area .col-2,.forum-area .col-3,.forum-area .col-4{
	text-align: center;
}
.forum-area .col-1{
	width: 60%;
}
.forum-area .col-2{
	width: 10%;
}
.forum-area .col-3{
	width: 9%;
}
.forum-area .col-4{
	width: 13%;
}
.forum-area ul{
	margin: 0px;
	padding: 0px;
}
.forum-area ul li{
	background:url(../img/dot-line.png) bottom repeat-x;
	padding-bottom: 10px;
	list-style:none;
	padding: 20px 0px;
}
.forum-area ul li a{
	color: #565d67;
}
.forum-area ul li a:hover{
	color: #2566b8;
}
.forum-area ul li:before{
	content: "";
	display: inline-block;
	background: url(../img/dot-org.png) no-repeat;
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 10px;
	margin-top: 8px;
}
.toppic-forum .col-1,.toppic-forum .col-2,.toppic-forum .col-3,.toppic-forum .col-4{
	color: #2c62a0;
	font-size: 23px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0px;
	padding-bottom: 0px;
}
.toppic-forum .col-1{
	text-align: left;
	text-indent: 20px;
}
.toppic-forum .col-2,.toppic-forum .col-3,.toppic-forum .col-4{
	text-indent: 25px;
}
.pagenav ul{
	margin: 0px;
	padding:0px;
}
.pagenav ul li{
	list-style: none;
	background: none;
	display: inline-block;
}
.forum-area .pagenav ul li:before,.forum-room ul li:before{
	display: none;
}
.pagenav {
	text-align: center;
}
.pagenav ul li a{
	padding: 0px 10px;
	color: #fff;
	background: #c2cfe0;
	line-height: 22px;
	padding-bottom: 3px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	}
.pagenav ul li a:hover{
	color: #fff;
	background: #04346E;
}
.pagenav ul li a.active{
	background: #04346E;
}
.forum-room ul{
	margin: 0px;
	padding: 0px;
}
.bold{
	font-weight:bold;
	}
.forum-room ul li{
	float: left;
	background: none;
	margin-right: 20px;
	width: 22%;
}
.forum-thumb{
	float: left;
	width: 75px;
	height: 74px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-right: 8px;
}
.forum-thumb img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.forum-name{
	overflow: hidden;
	line-height: 22px;
}
.forum-name span{
	display: block;
}
.forum-name .totle-room{
	font-size: 30px;
	font-weight: bold;
	color: #5881af;
}
.blue .forum-area,.gray .forum-area{
	background: none;
}
.blue .pagenav ul li a{
	background: #181818;
	color: #fff;
}
.blue .toppic-forum .col-1,.blue  .toppic-forum .col-2,.blue  .toppic-forum .col-3,.blue .toppic-forum .col-4,.blue .forum-area,.blue .col-1,.blue .col-2,.blue .col-3,.blue .forum-area ul li a,.blue .forum-name .totle-room,.blue .forum-btn-right{
	color: #fff
}
.gray .toppic-forum .col-1,.gray  .toppic-forum .col-2,.gray  .toppic-forum .col-3,.gray  .toppic-forum .col-4{
	color: #000
}
.dotline{
	background:url(../img/dot-line.png) bottom repeat-x;
	height: 2px;
	margin: 10px 0px;
}
.post-toppic h3{
	margin: 0px;
	color: #2272c0;
}
.user-profile{
	width: 100px;
}
.user-profile img{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
.bname{
	text-align: center;
	font-weight: bold;
	margin:5px 0px;
	color: #2272c0;
}
.post-by{
	display:none;
	font-size:19px;
	text-align:right
	}
.post-by img{
	width:40px;
	height:40px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	}
.bstatus{
	text-align:center;
	}
.ans-block .col-right{
	background:rgba(234, 234, 234, 0.6);
	}
.blue .col-right,.blue .post-toppic h3,.blue .bname{
	color:#fff;
	}
.blue .ans-block .col-right{
	background:rgba(234, 234, 234, 0.2);
	}
.fullpage .helf-col a{
	color: #565d67;
	}
	.fullpage .helf-col a:hover{
		color:#ff8c00;
		}
.fullpage .helf-col h2{
	font-weight:normal;
	color: #2272c0;
	margin:0px;
	margin-top:20px;
	}
	.fullpage .helf-col h2 span{
		font-size:21px;
		}
	.blue-txt{
		color: #2272c0;
		}
.fqa-num{
	background:#236cb5;
	width: 50px;
	height: 51px;
	text-align: center;
	line-height: 51px!important;
	color: #ffffff;
	float: left;
	margin-right: 20px;
	left: 0;
	bottom: 0;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	font-weight:bold;
	}
.fqa-block{
	position:relative;
	clear:both;
	margin-bottom:20px;
	padding-top:10px;
	}
.fqa-txt{
	text-align: center;
	color: #FFFFFF;
	background-color: #236cb5;
	border-radius: 20px;
	padding: 10px 20px;
	float: left;
	}
.ans{
	float:right;
	width:90%;
	margin-top:10px;
	color: #236cb5;
	background-color: #ECECEC;
	border-radius: 20px;
	padding: 10px 20px;
	}
.ans-block{
	clear:both;
	}
.ans-img{
	float:right;
	}
.ans-img img{
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width: 50px;
	height: 55px;
	margin-top:10px;
	}
.login-left{
	width: 50%;
	float: left;
	margin-right: 10px;
}
.login-right{
	overflow: hidden;
	min-height: 500px;
}
.login-right h1{
	background: url(../img/blue-header.png) no-repeat;
	width: 303px;
	height: 47px;
	color: #fff;
	font-weight: normal;
	font-size: 28px;
	line-height: 28px;
	padding-top: 11px;
	padding-left: 14px;
	margin-bottom: 5px;
}
.login-right h1 span{
	font-size: 21px;
}
.login-right a{
	color: #3497db;
}
.new-user-block{
	padding:10px;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	margin-top: 10px;
}
.new-user-block span{
	font-size: 28px;
	line-height: 28px;
}
a.regist-btn,a.login-potal{
	width: 100%;
	text-align: center;
	background: #2c6ba7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	display: block;
	padding: 10px 0px;
	margin-top: 10px;
	padding-bottom: 13px;
	margin-bottom: 10px;
}
a.login-potal{
	background: url(../img/regis-green-btn.png);
	height: 57px;
	line-height: 57px;
	padding: 0px;
	font-size: 28px;
}
.potal-icon{
	display: inline-block;
	background: url(../img/log-postal.png);
	width: 48px;
	height: 41px;
	margin-right: 13px;
	vertical-align: text-top
}
.blue .login-right{
	color: #fff;
}
.bb-block{
	display: block;
	float: left;
	width: 48%;
	padding-right: 1%;
	line-height: 22px;
		margin-bottom: 10px;
}
.bb-block span{
	display: block;
}
.bb-thumb{
	float: left;
	margin-right: 10px;
}
.bb-name a ,.bb-name{
	color: #2272c0;
	margin: 20px 0px;
	margin-bottom: 5px;
}
.h-20{
	height: 20px;
}
.talk-form{
	float:right;
	width:260px;
	margin-left:10px;
	}
.talk-form input[type="text"],.talk-form textarea{
	width:90%;
	}
.talk-form textarea{
	height: 125px;
	}
.talk.forum-area .col-3{
	width: 14%;
	}
.new-talk{
	padding:0px 20px;
	}
.ans-block .col-right{
	min-height:0;
	}
.ans-block .col-right .new-talk{
	padding:0px;
	}
	#calendar{
		/*width: 320px;*/
		margin: 20px auto;
		margin-top: 0px;

	}
	#calendar a{
		display: block;
	}
.fullpage .helf-col,.fullpage .helf-col.last{
	text-align: left;
}
.fullpage{
	min-height: 390px;
}
.page-num{
	text-align: center;
}
.page-num ul{
	margin: 20px 0px; 
}
.page-num ul li{
	list-style: none;
	display: inline-block;
}
.page-num ul li a{
	padding: 0px 20px;
	padding-bottom: 3px;
	background: #CCECFF;
	-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
	color:#333;
}
.page-num ul li a.active{
	color:#fff;
	background: #1157ad;
}
.mobi-showmenu .search-area{
	width: 100%;
}
.mobi-showmenu .search-area input[type="text"].search-txtbox{
	width: 94%;
	padding: 6px;
	margin-top: 8px;
}
.mobi-showmenu .search-area input[type="submit"].submit-search{
	top: 10px;
}
.fullpage h4{
	margin: 0px;
	padding: 0px;
}

.camera_commands{
	-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.ife-1{
	border:none; overflow:hidden; height:558px;
}
.ife-2{
	border:0; overflow:hidden;
	height: 200px;
}
.talk-form select{
	width: 140px;
}
.dnone{
	display:none;
	}
.user-thumb.fagmini{
	width: 28px;
height: 28px;
margin-left: 7px;
margin-top: 3px;

	}
.ft-3 a.org{
	color:#fff;
	}
label {
text-indent: -9999px;
font-size: 0;
line-height: 0;
display: none;
}
.itable{
	width: 100%;
	border: none;
}

.justify {text-align:justify;}
.center {text-align:center;}
.admin {padding:0 0 0 100px;}

#poll label {
	text-indent: 0;
	font-size: 14px;
	line-height: 20px;
	display: block;
}
.calendar-top{
	font-weight: bold;
color: #17618E;
margin-bottom: 10px;
text-align: left;
margin-left: 9px;
background: #DCEBFF;
border-radius: 10px;
/*width: 285px;*/
margin-top: 10px;
}
.gotopage-control{
padding: 0px 10px;
/* background: #1988aa; */
color: #454545;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding-top: 1px;
float: left;
clear: none;
display: inline-block;
margin-bottom: 0px;
}
.gotopage-control form{
	display: inline-block;
}
#cssmenu > ul > li.ap.has-sub{
	 padding: 9px 5px;
  font-size: 19px;
}
.toppic-left{
	float: left;
}
.login-portal-btn{
	    background: url(../img/regis-green-btn.png);
	  height: 48px;
	  margin-top: 19px;
	  overflow: hidden;
	  padding: 0px 15px;
	  -webkit-border-top-right-radius: 30px;
	  -webkit-border-bottom-left-radius: 30px;
	  -moz-border-radius-topright: 30px;
	  -moz-border-radius-bottomleft: 30px;
	  border-top-right-radius: 30px;
	  border-bottom-left-radius: 30px;
	  line-height: 18px;
	  padding-top: 10px;
}
.login-portal-btn img{
	width: 30px;
	float: left;
  	margin-right: 7px;
}
.login-portal-btn a{
	color: #fff;
	 display: block;
}
.login-portal-btn a:hover{
	text-decoration: underline;
}
h1.bg-green{
	background: url(../img/regis-green-btn.png);
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
	padding-left: 26px;
}
.digit{
	float:left;
	padding:2px 3px;
	font-weight:bold;
	color:#eee;
	background: #093773;
}

.col-2.title-big h2{
	height:105px;
}
.col-2.linkmore h2 span{
	display:block;
	position:absolute;
	right:10px;
	top:65px;
}