body {background:#222;}
header {position: relative;height:100px;width:100%;background:#1e1c1d;z-index: 100;box-shadow:0 0 20px #000;}
section {float:left;width:100%;margin-bottom:40px;background: url(../images/bgsection.png) no-repeat center -432px;
background-size: 100%;}
.wrapper {width:960px;margin:auto;}
.blognews {float:left;background:#fafafa;border-radius: 3px;width:100%;padding-bottom:20px;overflow: hidden;}
.tnews {float:left;width:100%;padding:10px;border-bottom:1px solid #eaeaea;}
.hlnews {float:left;width:100%;margin-bottom:10px;}
.hlnews img {width:100%;}
.dnews {float:left;width:100%;padding:10px;margin:10px 0 0;}
.blogrlnews {width:100%;float:left;overflow: hidden;background:#fafafa;padding:10px 0;overflow: hidden;border-radius: 3px;}
.rlnews {float:left;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eaeaea;}
.rlnews:last-child {margin-bottom: 0;border:none;padding-bottom:0;}
.imgrlnews{float:left;width:40%;padding:0 5px;overflow: hidden;height:60px;}

.imgrlnews img {width:100%;border-radius: 3px;}

.contentrlnews {float:left;width:60%;padding:0 5px;}
.headlinenews {float:left;width:100%;margin-bottom:10px;}
.trlnews {float:left;width:100%;}
.drlnews{float:left;margin-top:5px;width:100%;}
.row>div {padding:0 10px;}
.bnav {padding:10px 0;float:left;width:100%;}
.bloglogo {float:left;height:100px;padding:10px 0;}
.bloglogo img {height:100%;}
.blogmenu {float:right;height:100px;}
.blogmenu a {line-height: 100px;color:#666;display: block;float:left;padding:0 20px;font-size:26px;font-family: 'DBHelvethaicaX55Regular';text-decoration: none;margin:0 5px;position: relative;}
.blogmenu a:hover {text-decoration: none;color:#fff;}
.blogmenu a.active {background:#1e1e1e;color:#ddbc3d;box-shadow: 0 0 30px #000 inset;text-shadow:2px 2px 0px #000;}
.blogmenu a.active:before {position: absolute;bottom:0;left:0;width:100%;height:3px;background:#ddbc3d;content:"";box-shadow:0 -3px 5px #000}
.blogmenu a.active:after {position: absolute;bottom:0;left:0;width:100%;height:1px;background:rgba(255,255,255,0.3);content:"";z-index: 1;}


h3,p {color:#333;}
h3.txt-hlrlnews {color:#ddbc3d;font-size:34px;font-family: 'DBHelvethaicaX55Regular';}
h3 {font-family: 'DBHelvethaicaXReg';}
p {font-family: 'DBHelvethaicaX55Regular';}
h3.txt-tnews {font-size:30px;line-height: 34px;}
p.txt-tnews {font-size:18px;line-height: 22px;}
p.txt-dnews {font-size:20px;line-height: 26px;color:#333 !important;}
p.txt-dnews p{font-size:20px;line-height: 26px;color:#333 !important;text-indent: 30px;}
p.txt-dnews b {color:#111;font-family:'DBHelvethaicaX55Regular';}
p.txt-dnews span {color:#F60 !important;}
p.txt-bnav {line-height: 24px;font-size:18px;color:#aeaeae;}
p.txt-bnav a {line-height: 24px;font-size:18px;color:#aeaeae;margin:0 5px;text-decoration: none}
p.txt-bnav a:hover {color:#fff;}
p.txt-bnav a:last-child {color:#ddbc3d;}
h3.txt-trlnews {font-size:20px;font-family: 'DBHelvethaicaXReg';line-height: 22px;}
p.txt-drlnews {color:#808080;}
.btnrlnews,.btnrlnews:hover,.btnrlnews:focus {text-decoration: none;}
.btnrlnews:hover h3{text-decoration: none;color:#dc711b;}

@media all and (max-width: 480px) {
	header {width:100%;height:80px;}
	.wrapper {width:100%;padding:0 10px;overflow: hidden;}
	header .wrapper {padding:0;}
	.bloglogo {height:60px;padding:10px 0;margin-top:10px;margin-left:5px;}
	.bloglogo img{height:100%}
	.blogmenu {height:80px;}
	.blogmenu a {line-height: 80px;padding:0 10px;font-size:22px;margin:0;}
	h3.txt-tnews {font-size: 26px;line-height: 30px;}
	p.txt-dnews {font-size: 18px;line-height: 24px;color: #666;}
	.headlinenews {margin-top:20px;}
	.imgrlnews {height:80px;}
}