@charset "utf-8";
/* CSS Document */

/* =============================================================================
   Imports
   ========================================================================== */
@import url("default.css");
@import url("decorate.css");
@import url("txt.css");
@import url("form.css");

@font-face {
	font-family: 'DB JariyaTham X';
	src: url('font/subset-DBJariyaThamX.eot');
	src: url('font/subset-DBJariyaThamX.eot?#iefix') format('embedded-opentype'),
		url('font/subset-DBJariyaThamX.woff') format('woff'),
		url('font/subset-DBJariyaThamX.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DB JariyaTham X';
	src: url('font/subset-DBJariyaThamX-Bold.eot');
	src: url('font/subset-DBJariyaThamX-Bold.eot?#iefix') format('embedded-opentype'),
		url('font/subset-DBJariyaThamX-Bold.woff') format('woff'),
		url('font/subset-DBJariyaThamX-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

/*body {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  background-image: url() !important;
}*/

.bg-home {
	background:url(../images/shared/home/bg.png) no-repeat 0 35px;
}
#img-featured{
	width:486px;
	position:absolute;
	top:36px;
	right:0;
	z-index:1;
}
/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:468px;
	display: none;
}
/* rotator css */
	div.rotator ul {
	list-style: none;
	margin:0;
	padding:0;
}
	div.rotator ul li {
	float:left;
	position:absolute;
	margin:0;
	padding:0;
}
/* rotator image style */
	div.rotator ul li img {
}
div.rotator ul li.show {
	z-index:500
}
/* ===== Content ========================================================*/
#content {
		float:left;
		padding-top:314px;
}
.col-l {
	/*margin-top:65px;*/
	margin-top:150px;
	float:left;
	width:301px;
	position:relative;
}
.col-r {
	float:left;
	background:url(../images/shared/line.png) repeat-y left 180px;
}
#running-news {
	float:left;
	background:url(../images/th/home/bg-runningnews.png) no-repeat 0 0;
	width:698px;
	height:31px;
}
#running-news .txt-running {
	float:left;
	padding:8px 0 0 136px;
}
.txt-bell {
	float:left;
	margin-top:-5px;
}
.bell-wave {
	float:left;
}
.bell {
	float:left;
	background:url(../images/shared/line.png) repeat-y right;
	width:152px;
}
.icon-bell {
	padding:25px 0 22px 37px
}
.wave {
	float:left;
	width:148px;
}
.txt-wave {
	float:left;
	margin-top:-5px;
}
.wave-list {
	list-style-type:none;
	margin:0;
	padding:20px 0 0 0;
}
.wave-list li {
	float:left;
	margin:0;
	padding:15px 20px 5px 10px;
}
.wave-list > li:first-child {
	background:url(../images/shared/home/shadow-v.png)no-repeat right 0;
}
.wave-list li:first-child figure {
	margin:0 0 0 7px;
}
.wave-list > li:last-child {
	padding:13px 0 0 7px;
}
.wave-list li:last-child figure {
	margin:0 0 0 3px;
}
.wave-list > li:last-child > .wave-pagenav {
	margin-left:-3px;
	padding-top:10px;
}
.wave-pagenav {
	list-style-type:none;
	margin:0;
	padding:8px 0 0 0;
}
.wave-pagenav li {
	float:left;
	margin:0;
	padding:0 1px;
	background:url(../images/shared/line-pagenav.png) no-repeat right 5px;
}
.wave-pagenav li a {
	float:left;
	font-size:11px;
	color:#989898;
	text-decoration:none;
	padding:1px 5px;
}
.wave-pagenav li a:hover {
	background:#242424;
}
.wave-pagenav li:last-child {
	background:none;
}
.announcement {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	background:url(../images/shared/home/shadow-h.png) no-repeat center top;
	width:302px;
}
.announcement li {
	float:left;
	margin:0;
	padding:10px 0;
}
.announcement li:first-child {
	float:left;
	margin:0;
	padding:10px 12px 10px 37px;
}
.announcement li:last-child {
	float:left;
	margin:0;
	padding-top:16px;
	width:122px;
}
.vote {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	background:url(../images/shared/home/shadow-h.png) no-repeat center top;
	width:302px;
}
.vote li {
	float:left;
	margin:0;
	padding:10px 0;
}
.vote li a {
	color:#d4a530;
}
.vote li:first-child {
	float:left;
	margin:0;
	padding:12px 12px 10px 37px;
}
.vote li:last-child {
	float:left;
	margin:0;
	padding-top:16px;
	width:165px;
}
.vote li:last-child p {
	margin:0;
	padding:3px 0 0 0;
}
.more-vote {
	padding:0 15px 0 0;
	text-align:right;
}
.btn-vote{
	margin-right:3px;
}
.vote li .hide {
	display:none;
}
.pagenav {
	clear:both;
	list-style:none;
	position:absolute;
	right:7px;
	top:202px;
	_top:290px;
}
.pagenav li {
	float:left;
	margin:0;
	padding:0 1px;
	background:url(../images/shared/line-pagenav.png) no-repeat right 5px;
}
.pagenav li:last-child {
	background:none;
}
.pagenav a {
	float: left;
	font-size: 11px;
	color: #989898;
	text-decoration: none;
	padding: 1px 5px;
}
.pagenav a:hover {
	background: #242424;
}
.pagenav .active {
	background: #242424;
}
.news {
	float:left;
	padding-left:1px;
}
.line-news {
	float:left;
	width:697px;
	padding-bottom:12px;
	background:url(../images/shared/home/line-news.png) repeat-y 0 0;
}
.news-list {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
	width:298px;
}
.news-list li {
	margin:0;
	padding:12px 9px 12px 12px;
}
.news-list li.more-news {
	margin:-9px 0 0 0;
	padding:0 9px 12px 0;
	background:url(../images/shared/line.png) repeat-x bottom left;
	text-align:right;
}
.news-list li:last-child {
	background:none;
}
.news-list li .thumb-news {
	float:left;
	margin:0;
	padding-left:12px;
	width:95px;
}
.news-list li .desc-news {
	float:left;
	margin:0;
	padding:5px 0 0 12px;
	width:155px;
}
.date {
	color:#c2b29c;
	font-weight:bold;
}
.h-news {
	color:#a87a37;
}
.announcement-list {
	float:left;
	list-style-type:none;
	margin:0 0 0 1px;
	padding:0;
	width:210px;
}
.announcement-list li {
	float:left;
	margin:0;
	padding:10px 15px;
	background:url(../images/shared/line.png) repeat-x bottom left;
}
.announcement-list li .plus {
	float:left;
	width:8px;
	height:12px;
	background:url(../images/shared/plus.png) no-repeat 0 5px;
}
.announcement-list li a {
	float:left;
	color:#d3d3d3;
	width:162px;
	margin-left:10px;
}
.announcement-list li:last-child {
	background:none;
}
.contact-list {
	float:left;
	margin:0 0 0 1px;
	padding:15px 0 0 16px;
	width:160px;
}
.more-allnews {
	float:left;
	width:284px;
	background:url(../images/shared/line-orange.png) repeat-x 0 0;
	padding:8px 15px 0 0;
	text-align:right;
}
.more-announcement {
	float:left;
	width:196px;
	background:url(../images/shared/line-orange.png) repeat-x 0 0;
	padding:8px 15px 0 0;
	text-align:right;
}