.demo-content
        {
            width: 100%;
            background: #dadada;
            border: solid 3px #ccc;
            font-size: 12px;
        }
		
		
		.demo-live
        {
            padding: 20px;
            background: #fff;
            line-height: 1.4em;
        }
        .demo-source-head
        {
	position: relative;
	cursor: pointer;
	/* [disabled]font-family: 'Kanit', Arial, sans-serif; */
	/* [disabled]font-size: 20px; */
	/* [disabled]color: #666666; */
	/* [disabled]font-weight: bold; */
	/* [disabled]padding-left: 70px; */
	opacity: 10;
}

        .demo-source-head2
        {
	position: relative;
	cursor: pointer;
	/* [disabled]font-family: 'Kanit', Arial, sans-serif; */
	/* [disabled]font-size: 20px; */
	/* [disabled]color: #666666; */
	/* [disabled]font-weight: bold; */
	/* [disabled]padding-left: 70px; */
}

 .demo-source-head2 h1{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/tim.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'Kanit', Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 7px;


} 


 .demo-source-head h1{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/yes.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'Kanit', Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 7px;


} 








DIV#word-top h1{
	font-size: 27px;
	color: #418EAF;
	background-image: url(../images/tim.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'Kanit', Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 7px;
	background-color: #292929;
	/* [disabled]opacity: .60; */



}

 .demo-source-head h6{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/trophy.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'Kanit', Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 7px;



}.demo-source-head h2{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/aword.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'Kanit', Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 7px;

}
 .demo-source-head h3{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/reg2.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'Kanit', Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 7px;
}
 .demo-source-head h4{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/trophy2.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'Kanit', Arial, sans-serif;
	margin-bottom:0px;	margin-top:0px;
}

#word .demo-source-head h4{
	font-size: 27px;
	color: #1c75bc;
	background-image: url(../images/mu.svg);
	padding-left: 70px;
	background-repeat: no-repeat;
	line-height: 55px;
	height: 50px;
	letter-spacing: 0px;
	font-family: 'Kanit', Arial, sans-serif;
	margin-bottom: 0px;
	margin-top: 7px;
}


        .demo-source
        {
	padding: 0px 20px 0px 20px;
	font-size: 20px;
	overflow: hidden;
	display: none;
	color: #666;
	/* [disabled]border-bottom-color: #999999; */
	/* [disabled]border-bottom-style: dashed; */
	/* [disabled]border-bottom-width: 1px; */
	text-align: left;
	/* [disabled]padding-bottom: 20px; */
	/* [disabled]padding-left: 70px; */
	/* [disabled]margin-left: 70px; */
	margin-bottom: 20px;
	background-color: #333;
	/* [disabled]opacity: .60; */
        }
		
.rul table tr td  {
	line-height: 1.5em;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	border-bottom-color: #666666;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	/* [disabled]padding-left: 5px; */
	/* [disabled]padding-right: 5px; */
	padding: 5px;
}
		
		        .demo-source ol
        {
	padding-bottom: none;
	margin-top: 0px;
        }


rul{
	}


.demo2-content
        {
            width: 100%;
            background: #dadada;
            border: solid 3px #ccc;
            font-size: 12px;
        }
		
		
		.demo2-live
        {
            padding: 20px;
            background: #fff;
            line-height: 1.4em;
        }
        .demo2-source-head
        {
	padding: 5px 0px;
	position: relative;
	cursor: pointer;}

	
        .demo2-source
        {
	padding: 5px 0px 10px 20px;
	font-size: 12px;
	overflow: hidden;
	display: none;
	padding-bottom: 15px;

	color: #999;
	/* [disabled]border-bottom-color: #E4E4E4; */
	/* [disabled]border-bottom-style: dotted; */
	/* [disabled]border-bottom-width: 1px; */
	text-align: justify;
        }