.navbar-default{color: #FFF;margin-top:0px;}
.navbar-default .navbar-nav li{color: #111;font-size: 1.12em;margin-left: 10px;}
.navbar-default .navbar-nav li a{color: #111;font-size: 1.12em;}
.navbar-default .navbar-nav li a:hover{color: #FFF;font-size: 1.12em;}
.navbar-header a.navbar-brand{color: #FFF;}
body,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {    font-family: Tahoma, Helvetica, Arial;}
.navbar-default .navbar-toggle{border-color: #FFF;}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.navbar-default,#footerwrap{background-color: #CCCCCC;}
body {
	background:#E9EADE; padding-top: 60px;
    font-family: Tahoma, sans-serif;color: #000;
	font-size: 1.25em;
}
.row{margin-top: 10px;}
.content-block{
	background-color: #FFF;color: #111;padding: 6px;border-radius: 4px;
	margin: 1px;
	box-shadow: 1px 1px 1px 0px #AAA;
}
.content-block:hover{
	background-color: #E9EAEE;
}
.dw-thumbnail{background-color: #FFF;text-align: center;}
.dw-thumbnail:hover{background-color: #F2F2F2;}
.blocktitle {
	font: bold 1em Arial;
	text-transform:uppercase;
	color:#222;
	margin:8px;
	padding:0px;height:inherit;
}
.content-block .blocktitle h2{font: bold 1em Arial;display: inline-block;margin: 0px;}
.content-page .blocktitle{
	font: bold 0.75em Tahoma;
	text-transform:capitalize;
	color:#222;
	margin:8px;
	padding:0px;height:inherit;
}
hr {
  	border: 0;
  	border-top: 1px solid #CCC;
  	border-top-style: dashed;
	margin-top:3px;
}
h1.h1WebName,.content-block h2{font-size: 2em;text-align: center;margin:6px 0px;}
.content-block h3{font-size: 1.4em;text-align: center;margin:0px;color: #555;}
.content-txt{font-size: 1.08em;padding: 10px;line-height: 18px;}
.content-block a{color: #111;}
.content-page h2{text-align: left;margin: 8px 6px;}

#footerwrap {
    width: 100%;
    padding-top:25px;margin-top: 10px;
    padding-bottom: 20px;
	border-top-style: solid;
    border-top-width:1px;
    border-top-color:#CCC;
    text-align:center;font-size: 1em;

}
#footerlogo{background-color: #FFF;width: 46px; height: 46px;margin:auto;border-radius: 10px;padding-top: 8px;margin-bottom: 5px;}
.guestbookslide{list-style: none;margin:0px;padding: 0px;font-size: 1em;background-color: #F5F5F5;color: #000;border-radius: 4px;padding: 4px; }
#selectcolor ul{
	list-style: none;margin:0px;padding:0px;
}
#selectcolor ul li{
	display: inline-block;width: 14px; height: 14px;border: solid 1px #FFF;cursor: pointer;margin: 1px;
}
.bggreen{background-color: #99CC00;}
.bgblue{background-color: #0099FF;}
.bgwhite{background-color: #FFF;}
.info-user{text-align:center;}
.info-user li{height: 32px; width: 32px;}
.info-user .btn-lg{width: 30px;}
.blocktitle .glyphicon{color: #666;font-size: 1.4em;margin-right: 4px;}
#bookguide img{margin: 4px;}
#newclip{text-align:center;width: 540px;background-color: #FFF;padding: 10px;border-radius: 4px;}
.list-article{margin: 0px;padding: 0px;list-style:none;}
.content-page,.content-page:hover{background-color: #FFF;color: #111;}
.content-page .blocktitle{color: #222;font-size: 1.8em;}
.content-page hr{border-top: 1px solid #CCC;border-top-style: dashed;}
.thisselected a{background-color: #FF9900;color:#FFF;font-weight: bold;}
.showpage{margin-top: 6px;}
.showpage .selected{background-color: #002200;}
.showListYoutube{list-style: none;margin:0px; padding: 0px;text-align: center;}
.showListYoutube li{background-color: #F5F5F5;border-radius: 4px; padding: 4px;color: #111;margin: 2px;clear:both;}
.showListYoutube li a{color: #111;}
.showListYoutube li img{float: left;width: 100px;border-radius: 4px;}
#showcontentyoutube a{font-size: 0.80em;}
#eXTReMe img{height:20px;width: 20px;margin: 2px;}
#showonline{text-align:left; padding: 6px;background-color: #F2F2F2;color: #111;border-radius: 4px;float:left;width: 40%;}
.nostylelist{list-style: none;margin:0px; padding: 0px;}
.oldversion{width: 220px; background-color: #FFF;padding: 4px;margin: 4px auto;color: #111;font-size: 0.75em}
.oldversion img{border-radius: 4px;height: 100px;}
.contentmodel{display:none;width: 500px; height: 220px;font-size: 1.2em;}
#gbForm.contentmodel{height: 500px;width: 580px;margin-left: 40px;}
#listtraining{background-color: #FFF;padding: 4px;width: 228px;margin:auto;}
#listtraining img{border-radius: 4px;}
.navbar-default  li.active a{font: normal 1.2em Arial;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;}
#titleAbout{background-color: #CCCCCC;padding: 10px; border-radius: 4px;color: #FFF;}
#titleAbout span{color:#FFF;}
#titleAbout span#showLike{text-align:center; color: #555;background-color: #FFF;border-radius: 45px;padding: 4px;font: normal 1em Arial;}
#qagreen{
border: solid 1px #CCC;margin: auto;padding: 6px;width: 90%;
}
#qagreen th{background-color: #CCC;height: 32px;}
.form-group{margin: 0px;padding: 0px;}
a.white{color: #FFF;}
.alert-dwinfo{background-color: #F5F5F5;color: #555;}
.dw-app-block,.dw-app-block p{text-align:center;}
.dw-app-block img{margin: 2px;}
.dw-gbook{
	background-color: #F2F2F2;border-radius: 10px 0px 20px 40px;border: solid 2px #FFF;
}
.dw-gbook strong{color: #0099FF;}
.dw-gbook em{font-size: 0.75em}
.dw-gbook img{float: left;}
#mem-profile{text-align:center;}
.home-postit {list-style: none;margin:0px;padding: 0px;font-size: 1em;color: #000;border-radius: 4px;padding: 4px; }
/*For Article*/
dw-id{display:none;}

.fontName{color: #0099FF;}
#mem-profile div{margin-top: 4px;clear:both;}
#mem-profile a{margin: 2px;}
#textmsg{display: none;width: 92%;margin:auto;background-color: #F2F2F2;text-align:center;border-radius: 4px;padding:2px;}
#textmsg textarea{width: 98%;height: 80px;}
/*
@media (min-width: 750px) and (max-width: 768px) {
         .col-md-1 {
                width: 8.333333333333334%;
            }
			.hidden-md{display:none !important;visibility: hidden !important;}
			.col-md-8{width: 66.64%;}
		.navbar-brand{float:left;width: 160px;}
		.navbar-collapse{float:right;width: 550px;}
		.navbar-collapse li{width: 90px;font-size: 1em;padding: 0px;}
		.navbar-collapse li a{font-size: 0.55em;padding: 10px;}
 }
*/

@media (max-width: 1000px) {
.navbar-default{color: #FFF;margin-top:0px;}
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
		margin-top: 0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

ul.yiiPager .first, ul.yiiPager li.next {

display: none;

}
/*For Article*/
.img-article{margin: 4px;}
.icon-zoom-in
{
  position:relative;
  left:23px;
  top:-8px;
  z-index:999;
}
.input-append input
{
  height:30px;
  padding-left:25px;
}
#new-article img{margin: 4px;}
#allQuest{background-color: #F5F5F5;padding: 10px;}
.a-msg{border: solid 4px #F5F5F5; padding: 10px; border-radius: 10px 35px;background-color: #FFF;}
.q-title{border-bottom: solid 1px #CCC;margin-bottom: 4px;}
.q-title strong a{color: #0033CC;}
.q-title em{font-size: 0.75em;color: #CCC;}
.q-action{font-size: 0.85em;}
.q-action a{ color: #0066CC;}
.q-answer,.display-answer{display:none;}
.q-input{width:100%; height: 60px;font-size: 0.90em;}
.display-answer, .q-your-msg{
background-color: #F2F2F2;padding:4px;border-radius: 2px 10px;margin-top: 4px;font-size: 0.9em;
}
.q-show-answer .q-answer-data{border-bottom: dotted 2px #FFF;margin-bottom: 4px;}
.q-your-msg{display:none;background-color: #E8F8FF;color: #222;}
#q-mem-introduce{font-size: 0.9em;padding: 6px;background-color: #F6F7F8;width: 420px;border-radius: 6px;
margin: 10px 0px;left: 200px;text-align:left;width: 100%;}
#q-detail-profile{margin-left:4px;}
#q-pay{padding: 10px; border-radius: 4px;background-color: #F5F5F5;}
#q-friend-online,#leaning-express{position: fixed;width: 180px;height: 50px;background-color: #EEE;border: solid 1px #CCC;border-radius: 6px;padding: 6px;left: 88%;top: 94%;}
#leaning-express{cursor: pointer;}
/*#loading{display:none;}*/
.q-hidden{float:right; color: #CCC;font-size: 0.86em;cursor: pointer;}
.img-member{margin-right: 12px;}
.q-post-to{background-color: #F2F2F2;margin: 4px;padding: 4px;width: 100%;border-radius: 4px;clear:both;}
.q-post-to textarea{font-size: 0.95em;height: 60px;width: 95%;margin: 2px 0px;}
.q-box-mymsg{border-radius: 10px 35px;background-color: #F2F2F2;border: solid 4px #F5F5F5; padding: 10px;margin-top: 2px;}
.q-mymsg-show-to{background-color: #FFF;}
.q-hide-msg{display:none;}
#q-show-alert{font-size: 0.95em;color: #888;}
.q-num-alert,.q-num-alert-friend{background-color: #CC0000;color: #FFF;text-align:center; width: 80px;margin: 2px;border-radius: 10px;padding: 4px;font-size: 1.1em;cursor:pointer;}
a.q-click-more{color: #0000CC;font-size: 0.9em;}
#q-mymsg-show h3{color: #0099CC;margin: 10px 0px;text-align:left;border-bottom: dotted 1px #BBB;}
#show-status-social,#show-status-social-friend{border: solid 1px #CCC; border-radius: 4px; height: 34px;padding: 2px;clear:both;}
#show-status-social div,#show-status-social-friend div{background-color: #0066FF;height: 8px;}
#show-status-social-friend{width: 100%}
#q-friend-online .glyphicon-record{color: #00CC00;margin-right: 4px;}
#leaning-express .glyphicon-hand-right{color: #0066FF;margin-right: 4px;font-size: 1.6em;}
/*CSS Article*/
#read-article h2{text-align:left;background-color: #D9EDF7;padding: 10px; border-radius: 6px;font-size: 1.6em;color: #3A87AD;min-height: 50px;margin: 20px 0;}
#read-article blockquote p{font-size: 1.1em;color: #0033CC;}
#read-article .dw-para{margin: 10px;}
#read-article h3{margin: 20px 0px;text-align: left;background-color: #F5F5F5; padding: 10px; border-radius: 6px;}
#read-article h4{margin: 20px 4px;text-align: left;background-color: #E8FFEE;color: #006600; padding: 10px; border-radius: 6px;}
#read-article h5{margin: 20px 4px;text-align: left;background-color: #CFF; padding: 8px; border-radius: 6px;font: bold 1.2em Tahoma;}

#read-article table{border: solid 1px #CCC;padding: 4px;}
#read-article img{margin: 8px 0px 16px 0px;border-radius: 4px; }
#read-article em{margin: 4px;color: #0066FF;}
.glyphicon-play{color: #BBB;font-size: 0.75em;}
.dw-domain{font-size: 0.85em;color: #009966;}
.dw-article-all{padding: 4px; border-radius: 6px; background-color: #FFF;border: solid 1px #CCC;margin: 4px;}
.dw-article-all h3{text-align: left;}
.dw-article-all .dw-meta{padding-left: 40px;font: normal 0.75em Verdana; color: #999;font-style: italic;}
.dw-article-all a{color: #316FCA; display:inline-block; width: 100%;padding: 6px; border-radius: 10px;}
.dw-article-all p.article-short-txt{margin-left: 40px;}
#show-book .btn-info{height: 32px;padding: 4px;border-radius: 10px;font: bold 1em Tahoma;}
#show-book .img-responsive {
    margin: 0 auto;
}
.soldout{background-color: #CC0000;color: #FFF;display: block;width: 80px; height: 22px;margin:auto;border-radius: 8px;}
.hilight-search{background: #FFFF66;}
#show-file-dl{
	margin-top: 10px;background-color: #D9EDF7;padding: 4px 10px; border-radius: 6px;
}
#show-file-dl img{margin: 0px 2px;}
#articleUTube{
	text-align:center;border: solid 1px #CCC; border-radius: 10px; padding: 10px; background-color: #111;
}
.tb-contents{
border: solid 1px #CCC;
}
.tb-contents th{height: 32px; background-color: #00CCCC;font: bold 14px Tahoma;text-align:center;}
.tb-contents td{
	border-bottom: solid 1px #CCC;height22px;
}
.tb-contents tr:nth-child(odd){background-color: #F2F2F2;}
#read-article a{color: #00C;}
#leaning-express{width: 200px;left: 87.2%;top: 93.5%;height: 90px;}
#dwthai-author{margin-top: 4px;color: #444;clear:both;border-top: solid 1px #CCC;padding-top: 18px;font: normal 0.9em Verdana;clear:both;}
#dwthai-author a{color: #0066FF;}
.dwthai-author{width:20%;float:left; margin-right: 10px;text-align:center;}
.author-name{font: bold 0.98em Verdana;color: #009999;}
#dw-adsense{margin-top: 15px;}
h2#label-favorite{margin-top: -20px;color: #FFF;font: bold 1.12em Tahoma;width: 200px;height: 18px;background-color: #66CCCC;
padding-top: 10px; text-align: center; border-radius: 0 0 10px 10px;}
.article-favorite{float:left;}
.article-favorite .img-favorite{margin-right: 4px;margin-top: 0px; width: 86px;float: left;}
.yiiPager{list-style:none;margin: 20px auto;width: 80%;text-align:center;}
.yiiPager li.dw-page{display: inline-block;width: 60px; font: bold 14px Verdana;background-color: #00CCCC;text-align:center;height: 22px; margin: 1px;padding-top: 2px;border-radius: 20px;}
.yiiPager li.dw-page:first-child{background-color: #FFF;color: #00C;font-size: 1.2em;}
.yiiPager li.this-page{background-color: #00CC00;color: #FFF;}
#read-article div.alert-warning a{color: #C60;}
/*img{
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1) !important;
	filter: gray !important;
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited,.btn-info {
    background-color: #333 !important;
}
.alert,.page{
	 background-color: #F0F0F0 !important;
}*/