.verdana_10 {
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
.verdana_10_w {
	FONT-SIZE: 12px;
	COLOR: #FFFFFF;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
.verdana_10_ {
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	text-decoration: underline;
}

.verdana_11 {
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
.verdana_11_rad_99999 {
	FONT-SIZE: 13px;
	COLOR: #FF0000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
.verdana_11_ {
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	text-decoration: underline;
}

.verdana_11_rad {
	FONT-SIZE: 13px;
	COLOR: #ff0000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	text-decoration: underline;
}

.verdana_12 {
	FONT-SIZE: 14px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
}
.verdana_13 {
	FONT-SIZE: 15px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
}
.verdana_14 {
	FONT-SIZE: 16px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
}


.verdana_9 {
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
}
.verdana_10B {
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
.verdana_11B {
	FONT-SIZE: 13px;
	COLOR: #000000;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
.verdana_11BB {
	FONT-SIZE: 15px;
	COLOR: #000000;
	FONT-FAMILY:  Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
.verdana_11BB22 {
	FONT-SIZE: 20px;
	COLOR: #000000;
	FONT-FAMILY:  Tahoma, Geneva, sans-serif;
	font-weight: bold;
}
.verdana_11BBB {
	FONT-SIZE: 14px;
	COLOR: #0077ff;
	FONT-FAMILY:  Tahoma, Geneva, sans-serif;
	font-weight: bold;
}

.verdana_11_azul {
	FONT-SIZE: 12px;
	COLOR: #4B87C2;
	font-family: Tahoma, Geneva, sans-serif;
}
.verdana_11_azul_ {
	FONT-SIZE: 12px;
	COLOR: #4B87C2;
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: underline;
}

.verdana_10_azul {
	FONT-SIZE: 10px; COLOR: #000000; font-family: Tahoma, Geneva, sans-serif;
}
.verdana_14_verde {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #89af58; font-family: Tahoma, Geneva, sans-serif;
}
.verdana_11_verde {
	FONT-SIZE: 12px;
	COLOR: #3399ff;
	FONT-FAMILY: Tahoma, Geneva, sans-serif;
	FONT-WEIGHT: bold
}
.verdana_11_branco {
	FONT-SIZE: 14px; COLOR: #6094b9; font-family: Tahoma, Geneva, sans-serif;
}
.verdana_12_azul {
	FONT-SIZE: 14px; COLOR: #000000; font-family: Tahoma, Geneva, sans-serif;
}
.verdana_14_azul {
	FONT-SIZE: 14px; COLOR: #000000; font-family: Tahoma, Geneva, sans-serif;
}
.trans {
	FILTER: Alpha(opacity=80)
}

.row4 {
	BACKGROUND-COLOR: #e4eaf2 , #3a4f6c
}

#submenu {
	BORDER-RIGHT: #bcd0ed 1px solid; BORDER-TOP: #bcd0ed 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 8px; MARGIN: 3px 0px; BORDER-LEFT: #bcd0ed 1px solid; COLOR: #3a4f6c; BORDER-BOTTOM: #bcd0ed 1px solid; BACKGROUND-COLOR: #dfe6ef;font-family: Tahoma, Geneva, sans-serif;
}
.a12b {
	font-weight: bold;
	color: #1573FF;
	font-family: Tahoma, Geneva, sans-serif;
}
.head16 {
	color: #990000;
	text-decoration: none;
	font-size: 16px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
}
.style8-2 {
	color: #000000;
	font-size: 9px;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
.style4-2 {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
.red {
	color: #FF0000;
	font-size: 12px;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
.style9-1 {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
.style9-2 {
	color: #000000;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
.style9-2red {

	color: #FF0000;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
.redB {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
}
.verdana_11_Blue {

	FONT-SIZE: 12px; COLOR: #0033FF; 
	font-family: Tahoma, Geneva, sans-serif;
	FONT-WEIGHT: bold
}
.verdana_11_RAD {

	FONT-SIZE: 12px; COLOR: #ff0000; 
	font-family: Tahoma, Geneva, sans-serif;
	FONT-WEIGHT: bold
}
.verdana_11_RAD22 {

	FONT-SIZE: 12px; COLOR: #ff0000; 
	font-family: Tahoma, Geneva, sans-serif;
}
.verdana_11_RAD_big {

	FONT-SIZE: 32px; COLOR: #ff0000; 
	font-family: Tahoma, Geneva, sans-serif;
	FONT-WEIGHT: bold
}
.style8-3 {

	color: #000000;
	font-size: 8px;
	font-weight: normal;
	font-family: Tahoma, Geneva, sans-serif;
}
.green9 {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #339933; font-family: Tahoma, Geneva, sans-serif;
}
.red9 {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #FF0000; font-family: Tahoma, Geneva, sans-serif;
}
.black9 {
	FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #000000; font-family: Tahoma, Geneva, sans-serif;
}
.verdana_11_new {
	FONT-SIZE: 12px; COLOR: #0066FF;
	font-family: Tahoma, Geneva, sans-serif;
}
.verdana_11_newB {

	FONT-SIZE: 12px; COLOR: #0066FF; 
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bolder;
}
.head14 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #990000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bolder;
}
.head14-white {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
}
.head15-red_tahoma{
	color: #FA5656;
	text-decoration: none;
	font-size: 15px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}
.head15-red_tahoma_ {
	color: #FA5656;
	text-decoration: underline;
	font-size: 15px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}

.head15-blue_tahoma{
	color: #267CDD;
	text-decoration: none;
	font-size: 15px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}
.head15-black_tahoma {
	color: #000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}
.head15-black_tahoma_ {
	color: #000;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}

.head15-12blue_tahoma {
	color: #267CDD;
	text-decoration: none;
	font-size: 12px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}
.head15-12red_tahoma {
	color: #FA5656;
	text-decoration: none;
	font-size: 12px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}



.head15-blue_tahoma- {
	color: #267CDD;
	text-decoration: underline;
	font-size: 15px;
	font-weight: bolder;
	font-family: Tahoma, Geneva, sans-serif;
	font-style: normal;
}

.verdana_10gray {
	FONT-SIZE: 12px;
	COLOR: #CCCCCC;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
.verdana_10white {
	FONT-SIZE: 12px;
	COLOR: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
}
.verdana_14white2 {
	FONT-SIZE: 14px;
	COLOR: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
}
.green10 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #339933; font-family: Tahoma, Geneva, sans-serif;
}
.yello10 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFF97; font-family: Tahoma, Geneva, sans-serif;
}
TD.clear {
	BORDER-RIGHT: 0px;  PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
.noline { 
border: 1px solid ;
	BORDER-COLLAPSE: collapse;

}
.table1px {
	border:1px solid #999;
	border-collapse:collapse;
}
.table1pxc {
	border:1px solid #999;
	border-collapse:collapse;
	background-color:#FFF;
			FONT-FAMILY: tahoma;
	
		FONT-SIZE: 12px;
}
.texboxB0 {
	border:0px solid #FFF;
	border-collapse:collapse;
	background-color:#FFF;
			FONT-FAMILY: tahoma;COLOR: #000000;
		FONT-SIZE: 12px;
}
.table1pxcborB {
	border:1px solid #333333;
	border-collapse:collapse;
	background-color:#FFF;
	FONT-FAMILY: tahoma;
	FONT-SIZE: 12px;
}
.table1pxcborBFB {
	border:1px solid #333333;
	border-collapse:collapse;
	background-color:#FFF;
	FONT-FAMILY: tahoma;
	FONT-SIZE: 12px;
		font-weight: bold;
}
.table1pxcCB {
	border:1px solid #999;
	height:30px;
	border-collapse:collapse;
	background-color:#FFF;
	FONT-FAMILY: tahoma;
	FONT-SIZE: 12px;
	font-weight: bold;
}
.table1pxcCB2 {
	border:1px solid #999;
	height:25px;
	border-collapse:collapse;
	background-color:#FFF;
	FONT-FAMILY: tahoma;
	FONT-SIZE: 12px;
	font-weight: bold;
}
.table2px {
	border:2px solid #999;
	border-collapse:collapse;
		FONT-FAMILY: tahoma;
	
		FONT-SIZE: 12px;
		FONT-WEIGHT: bold
	COLOR: #000000;
}
#table1-1px {
	border:2px solid #999;
	border-collapse:collapse;
		FONT-FAMILY: tahoma;
	
		FONT-SIZE: 12px;
		FONT-WEIGHT: bold
	COLOR: #000000;
}
.table1px tr, .table1px td {
	border:1px solid #999;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
}

.tabledatadt {
	height:35px;
	width: 20px;
	padding: 1px;
}
.tabledatadtnow {
	height:35px;
	padding: 1px;
}
.tabledatatext {
	padding: 5px;
}
.tabledataselect {
	height:100%;
	border: 0;
}

#clear {
	BORDER-RIGHT: 0px solid #999;
	PADDING-RIGHT: 0px solid #999;
	BORDER-TOP: 0px solid #999;
	PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; 
	PADDING-BOTTOM: 0px solid #999;
	BORDER-LEFT: 0px solid #999;
	PADDING-TOP: 0px solid #999;
	BORDER-BOTTOM: 0px ;
}

/*= กรอบตัวเลขหน้า========================================*/
.textborder {
border-style:solid;
padding:4px 4px;
border-width:1px;
}

.textborderok {
border-style:solid;
background-color:#ffffcc;
padding:4px 4px;
border-width:1px;
}

.archy_jintie {
    background: none repeat scroll 0 0 #FF9900;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    margin-left: 3px;
    padding: 1px 4px 2px;
}

.archy_jintie_red {
    background: none repeat scroll 0 0 #de1b15;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    margin-left: 3px;
    padding: 1px 4px 2px;
}

.dob_top_1 {
	margin-top:1px;
}

.dob_top_2 {
	margin-top:2px;
}

.dob_top_3 {
	margin-top:3px;
}

.dob_top_4 {
	margin-top:4px;
}

.dob_top_5 {
	margin-top:5px;
}

.dob_top_6 {
	margin-top:6px;
}

.dob_top_7 {
	margin-top:7px;
}

.dob_top_8 {
	margin-top:8px;
}

.dob_top_9 {
	margin-top:9px;
}

.dob_top_10 {
	margin-top:10px;
}

.dob_top_15 {
	margin-top:15px;
}

.dob_top_20 {
	margin-top:20px;
}

.dob_top_25 {
	margin-top:25px;
}

.dob_top_30 {
	margin-top:30px;
}

.dob_buttom_5 {
	margin-top:5px;
}

.dob_buttom_10 {
	margin-top:10px;
}

.dob_top_20a {
	margin-top:-40px;
}

.dob_top_status {
	margin-bottom:24px;
}

.dob_top_tesxtable {
	margin-bottom:19px;
}

.dob_hr {
	color:#CCC;
	margin-bottom:0px; 
	margin-top:0px;
}

.dob_hr_statistics {
	color:#CCC;
	margin-left:60px;
	margin-right:60px;
	margin-top:0px;
	margin-bottom:10px;
}

.dob_hr_mainmenu{
	margin-top:2px;
	margin-bottom:2px;
	margin-right:5px;
	margin-left:5px;
	border-color:#5f7c89;
}

.dob_left05 {
	padding-left:5px;
}

.dob_left1 {
	padding-left:10px;
}

.dob_left2 {
	padding-left:20px;
}

.dob_left3 {
	padding-left:30px;
}

.dob_left4 {
	padding-left:40px;
}

.dob_left5 {
	padding-left:50px;
}

.dob_left6 {
	padding-left:60px;
}

.dob_left7 {
	padding-left:70px;
}

.dob_left8 {
	padding-left:80px;
}

.dob_left9 {
	padding-left:90px;
}

.dob_left10 {
	padding-left:100px;
}

.dob_cl_rad {
	color:#dd4b39;
}
.dob_text_total_1 {
	color:#006;
	font-weight:bold;
}
.dob_text_total_2 {
	color:#090;
	font-weight:bold;
}
.dob_text_total_3 {
	color:#F00;
	font-weight:bold;
}
.dob_text_total_4 {
	color:#FFF;
	font-weight:bold;
}
.dob_text_bold {
	font-weight:bold;
}
.dob_text_red {
	color:#F00;
}
.text-date {
	cursor: pointer;
	width:130px;
	background: #fff url('../images/calendar.gif') no-repeat top right;
	background-position: right; 
}
.text-datetime {
	cursor: pointer;
	width:180px;
	background: #fff url('../images/calendar.gif') no-repeat top right;
	background-position: right; 
}
.dob_width_100 {
	width:100px;
}
.dob_width_130 {
	width:130px;
}
.dob_width_200 {
	width:200px;
}
.dob_width_300 {
	width:300px;
}
.dob_width_400 {
	width:400px;
}
.dob_width_500 {
	width:500px;
}
.dob_top_5 {
	margin-top:-5px;
}
.dob_bottom_2 {
	margin-bottom:2px;
}
.dob_bottom_5 {
	margin-bottom:5px;
}
.dob_bottom_10 {
	margin-bottom:10px;
}
.dob_bottom_15 {
	margin-bottom:15px;
}
.dob_bottom_20 {
	margin-bottom:20px;
}
.dob_bottom_25 {
	margin-bottom:25px;
}
.dob_bottom_30 {
	margin-bottom:30px;
}

.borderimg {
	border:1px solid #ccc;
	border-radius:7px;
	padding: 5px;

}

.imglogo {
	width:160;
	height:40;
	margin-top:5px;
}

.imgmember {
	border:1px solid #ccc;
	border-radius:7px;
	padding: 2px;
	width:50px;
	height:50px;
	background-color:#ffffff;
}

.borderlogo {
	border:1px solid #e2e2e2;
	border-radius:7px;
	padding: 5px;
	width:160;
	background-color:#f4f4f4;
}

.borderfavicon {
	border:1px solid #e2e2e2;
	border-radius:7px;
	padding: 5px;
	width:40;
	height:40;
	background-color:#f4f4f4;
}

.shadow {
transition: all linear 100ms;
border-radius: 7px;
box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1),0px -1px 0px 0 rgba(255,255,255,0.4);
text-shadow: 1px 1px rgba(0,0,0,0.1);
background: rgba(0,0,0,0.72);
color: white;
padding: 4px;
font-size:5;
}

.menutopimg {
	margin-top:-25%;
}

.menutopimgtext {
	margin-top:-90%;
	margin-right:70%;
}

.menutopimglogo {
	font-size:10px;
}

.zoom {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.zoom:hover {
-moz-transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}

.zoommedium {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.zoommedium:hover {
-moz-transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}

.zoombig {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.zoombig:hover {
-moz-transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(3.3) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}

.borderbutton {
	border:1px solid #ccc;
	border-radius:7px;
	padding: 6px;
}
.fontblack {
	color:#000;
}
img{ max-width:100%; border:none;}
#wrap{ width:100%; background-color:#FFCC33; margin:0 auto; }
.pic{ float:left; width:100%;}
.kanit{
	font-family: 'Kanit', sans-serif;
}
.titletext{
	color:#000;
	font-size:16px;
	font-weight:bold;	
}
.textwhite{
	color:#FFF;
}
.textrad{
	color:#ed1c24;
}
.textred{
	color:#ed1c24;
}
.textblue{
	color:#0073b7;
}
.textyellow{
	color:#F39C12;
}
.textgreen{
	color:#00A65A;
}
.textpurple{
	color:#605CA8;
}
.textgrey{
	color:#929496;
}
.textgreen-line{
	color:#01B901;
}
.textblack{
	color:#000;
}
.textblack:hover{
	color:#605CA8;
}
.textsize10{
	font-size:10px;
}
.textsize11{
	font-size:11px;
}
.textsize12{
	font-size:12px;
}
.textsize13{
	font-size:13px;
}
.textsize14{
	font-size:14px;
}
.textsize15{
	font-size:15px;
}
.textsize16{
	font-size:16px;
}
.textsize18{
	font-size:18px;
}
.textsize20{
	font-size:20px;
}
.textsize23{
	font-size:23px;
}
.textsize25{
	font-size:25px;
}
.textsize30{
	font-size:30px;
}
.textsize35{
	font-size:35px;
}
.textsize40{
	font-size:40px;
}
.textsize50{
	font-size:50px;
}
.textsize60{
	font-size:60px;
}
.textsize70{
	font-size:70px;
}
.textsize80{
	font-size:80px;
}
.textblod{
	font-weight:bold;
}
.textline{
	text-decoration: underline; 
}


.zoom {-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.zoom:hover {-moz-transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(1.1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}
.zoomrr {-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.zoomrr:hover {-moz-transform: scale(2.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-webkit-transform: scale(2.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-o-transform: scale(2.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
-ms-transform: scale(2.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
transform: scale(2.2) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg);
}
.twitter {
background-color:#4da7de;
}
.facebook {
background-color:#3e5b98;
}
.messages {
background-color:#0084ff;
}
.line {
background-color:#00B901;
}
.email {
background-color:#ffb600;
}
.phone {
background-color:#1abc9c;
}
.ohter {
background-color:#353535;
}
.frame {
display:inline-block;
border-radius:2px;
padding:2px;
background:#f7f7f7;
border:1px solid #e6e6e6;
}
.buletexttt {
color:#0073b7;
}
.photo {
margin: 0 auto;
width: 100px;
padding: 3px;
border: 1px solid #e5e5e5;
}
.borderimg {
	border:1px solid #ccc;
	border-radius:7px;
	padding: 5px;
}
.menutopimg {
	margin-top:-25%;
}
.menutopimglogo {
	font-size:10px;
}
.user-image{
	float:left;
	width:25px;
	height:25px;
	border-radius:50%;
	margin-right:10px;
	margin-top:1px;
}
.table > tbody > tr > td {
	vertical-align: middle;
}
.button-menu{
	width:200px;
	height:150px;
	font-size:16px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.button-layout{

	padding: 15px 5px;

}
.icon-menu{
	font-size:50px;
}
.b-img{
	border:1px solid #F0F0F0;
	padding:5px;
}
.disabled {
	cursor: not-allowed;
	pointer-events: all !important;
}

.bg-gradient-green {
	background: #00A65A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #00BB67, #00A65A);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #00BB67, #00A65A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
}

.bg-gradient-red {
	background: #DD4B39;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #F85C50, #DD4B39);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #F85C50, #DD4B39); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
}

.bg-gradient-blue {
	background: #0073b7;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #0073b7, #0073b7);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #0073b7, #0073b7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
}

.bg-gradient-yellow {
	background: #F39C12;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #F5B549, #F39C12);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #F5B549, #F39C12); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
}

.bg-gradient-purple {
	background: #00A65A;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to top, #605CA8, #504D91);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to top, #605CA8, #504D91); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */	
}

.pointer {cursor: pointer;}

.myclass + label {
	font-size:11px;
	font-weight: normal;
	font-style: normal;
    color: white;
    background-color: #0073b7;
    border-radius: 4px;
	padding: 6px 10px 6px 10px;
    display: inline-block;
}

.myclass:focus + label,
.myclass + label:hover {
    background-color: #367FA9;
}

.myclass {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.co-gradient-green {
	background: rgb(0,181,97);
	background: radial-gradient(circle, rgba(0,181,97,1) 0%, rgba(0,140,54,1) 100%);
}

.co-gradient-red {
	background: rgb(249,95,95);
	background: radial-gradient(circle, rgba(249,95,95,1) 0%, rgba(187,24,3,1) 100%);
}

.co-gradient-blue {
	background: rgb(49,161,230);
	background: radial-gradient(circle, rgba(49,161,230,1) 0%, rgba(11,91,138,1) 100%);
}

#overlay {   
	position: absolute;  
	top: 0px;   
	left: 0px;  
	background: #ccc;   
	width: 100%;   
	height: 100%;   
	opacity: .75;   
	filter: alpha(opacity=75);   
	-moz-opacity: .75;  
	z-index: 999;  
	background: #fff url(http://i.imgur.com/KUJoe.gif) 50% 50% no-repeat;
}   
.main-contain{
	position: absolute;  
	top: 0px;   
	left: 0px;  
	width: 100%;   
	height: 100%;   
	overflow: hidden;
}
.bgtbgreen {
	background-color:#75EA00;
}
.label-status {
	padding: 5px 10px;
	color: white;
	font-size: 12px;
	border-radius: 3px;
	display: inline-block;
  }
  
  .label-wait-approve {
	background-color: #ff339a;
  }
  
  .label-approved-checking {
	background-color: #FFC000;
  }
  
  .label-approved-qc {
	background-color: #ff6600;
  }
  
  .label-processing {
	background-color: #ffff00;
	color: black; /* เพราะพื้นหลังสีเหลืองอ่อน ควรใช้สีตัวอักษรดำ */
  }
  
  .label-edit-wait-approve {
	background-color: #01ffcd;
	color: black;
  }
  
  .label-follow-up {
	background-color: #ce65ff;
  }
  
  .label-wait-doc-owner {
	background-color: #993400;
  }
  
  .label-wait-close {
	background-color: #0071c1;
  }
  
  .label-closed {
	background-color: #00af50;
  }
  
  .label-wait-mrdmd {
	background-color: #d0cecf;
	color: black;
  }
  
  .label-rejected {
	background-color: #fe0000;
  }
  
</style>