body{
    margin: 0;
    padding: 0;
    border: 0;
    /*overflow: hidden;*/
    height: 100%;
    max-height: 100%;
    font-family:Tahoma, sans-serif, verdana;
    font-size: 14px;
}

a img {
    border:none;
}

.highlight {
    background-color:yellow;
    color:red;
}

.successfiles {
	/*width:55%;*/
	width:1050px;
    padding:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    margin-bottom: 5px;
    /*background-color: #A1FCC1;*/
	background-color:#F0FFF2;
	border-color:#090;
    /*color: #333;*/
	color:#090;

}

.errorfiles {
	width:55%;
    padding:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    margin-bottom: 5px;
    background-color: #FCBFBF;
    color: #000;
}

/*=== เครื่องหมาย * ที่ต้องเป็นสีแดง ==*/
.require{
    color: #CC0000;
    font-size: 14px;
}

input[type=text], input[type=password] {
    font-family:Tahoma, sans-serif, verdana;
    font-size: 14px;
    /*height:24px;*/
    padding:2px !important;
    border:1px solid #edebeb !important;
    background-color:#ffffff !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

input[type=submit], input[type=reset], input[type=button] {
    font-family:Tahoma, sans-serif, verdana;
    font-size: 14px;
    padding:2px !important;
}

select {
    font-family:Tahoma, sans-serif, verdana;
    font-size: 14px;
    height:24px;
    /* padding:2px !important; */
    border:1px solid #edebeb !important;
    background-color:#ffffff !important;
}

textarea {
    font-family:Tahoma, sans-serif, verdana;
    font-size: 14px;
    height:72px;
    width:640px;
    padding:2px !important;
    border:1px solid #edebeb !important;
    background-color:#ffffff !important;
}


input[type=text]:focus, 
textarea:focus, select:focus {
    border-color: #CCC !important; 
    border-width: 2px;
    background-color:#FCFCD8 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#footerCSS {
	height:20px;
}


/*************** รูปแบบตารางที่ใช้แสดงผลเมนูด้านบน ***************/
table.tableheaddata{
    height: 30px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
table.tableheaddata tr {
    /*vertical-align: middle*/
    background-color: #FDFFCF;
    /*border:0.2px solid #ffffff;*/
    text-align: left;
    padding-left:10px;
    height:25px;
}
table.tableheaddata .colortab1{
    /*vertical-align: middle*/
    background-color: #D7AE20;
    /*border:0.2px solid #ffffff;*/
    text-align: left;
    height:25px;
    width:10px;
}
table.tableheaddata .colortab2{
    /*vertical-align: middle*/
    background-color: #EED35E;
    /*border:0.2px solid #ffffff;*/
    text-align: left;
    height:25px;
    width:10px;
}
table.tableheaddata .datatab{
    padding-left:10px;
    height:25px;
    color:#000000;
    /*font-weight:normal;*/
    font-size: 14px;
}
/*table.tableheaddata .datatab a {
    text-decoration:underline;
}*/

/*----------------- E N D --------------------*/

table.tblpopup {
    padding: 10px 10px  10px 10px;
    background-color: #FFF;
    text-align:left !important;
	border: 1px solid #C7C7C7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

table.tblpopup tr td{
    font-size: 14px;
    /*background-color:#f9f9f9;*/
    text-align:left !important;
	height:20px;
	vertical-align:middle;
}




/*************** รูปแบบตารางที่ใช้แสดงผลเมนูด้านบน ***************/
table.tablesearch {
    padding: 10px 10px  10px 10px;
    background-color:#EEEEEE;
    text-align:left !important;
	border: 1px solid #C7C7C7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

table.tablesearch tr td{
    font-size: 14px;
    /*background-color:#f9f9f9;*/
    text-align:left !important;
	height:20px;
	vertical-align:middle;
}
/*----------------- E N D --------------------*/

/************** รูปแบบตารางที่ใช้แสดงผลเมนูด้านล่าง ***************/
/*table.tabledata
{
	font-family: inherit !important;
	font-size: 14px;
	width: 98%;
	text-align: left;
	border-collapse: collapse;
}
table.tabledata th
{
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	padding: 3px;
	background: #DCBF4A  repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #ffffff;
}
table.tabledata td
{
	border-bottom: 1px solid #fff;
	color: #000000;
	border-top: 1px solid #fff;
	background: #F9F3D3 repeat-x;
}
table.tabledata tfoot tr td
{
	background: #e8edff;
	font-size: 14px;
	color: #99c;
}
table.tabledata tbody tr:hover td
{
	background: #d0dafd repeat-x;
	color: #339;
}*/

table.tabledata {
    /* Remove spacing between table cells (from Normalize.css) */
   /* border-collapse: collapse;
    border-spacing: 1;*/
   
    empty-cells: show;
/*	background-color:#DCBF4A;
	border: 1px solid #DCBF4A;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	*/
	
}
table.tabledata thead {
	height:30px;
    background: #3E68A4;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
	
}
table.tabledata td
{
	padding-left:5px;
	height:25px;
}

table.tabledata th {
    /*border-left: 1px solid #cbcbcb*/;/*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible; /*to make ths where the title is really long work*/
    padding: 2px 2px; /* cell padding */
	padding-top:5px;
	 height:25px;
}

table.tabledata .RowEven {
	background-color:#f0f0f0;
}

table.tabledata .RowOdd {
	background-color:#f9f9f9;
}

table.tabledata .titletab {
	background-color:#9b9696;
}

table.tabledata .titletab2 {
	background-color:#adb9ff;
}

table.tabledata tbody  tr:hover td
{
	background:#DFECFF repeat-x;
	/*background: #70FFF3 repeat-x;*/
}

table.tabledata tr:hover td.save
{
	background:#FFFFFF !important;
}

table .onhover
{
	background:#DBDBDB repeat-x;
}

table.tabledata .corner-topleft {
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
table.tabledata .corner-topright {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}

table.tabledata tfoot tr td
{
	background: #e8edff;
	font-size: 14px;
	color: #99c;
	-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
/*create by wanjai*/
table.tabledata .fontgreen1 {
	font-size:12px;
	color:#009933;
	padding-left:15px;
}

table.tabledata .fontgreen2 {
	font-size:12px;
	color:#009933;
}
table.tabledata .fontdarkviolet1 {
	font-size:12px;
	color:darkviolet !important;
	padding-left:15px;
}

table.tabledata .fontdarkviolet2 {
	font-size:12px;
	color:#06F !important;
}
table.tabledata .fontyellow1 {
	font-size:12px;
	color:#996600;
	padding-left:15px;
}

table.tabledata .fontyellow2 {
	font-size:12px;
	color:#996600;
}
table.tabledata .fontgreen {
	font-size:12px;
	color:#009933;
	
}
table.tabledata .fontcoral {
	font-size:12px;
	color:coral;
	
}

/*End create by wanjai*/

/*----------------- E N D --------------------*/

/***************	Form input	***************/
table.tableinput {
    padding: 10px 10px 10px 10px;
    background-color:#fffcdc;
    text-align:left !important;
	border: 1px solid #f4f399;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
table.tableinput form tr {
    height:30px;
}
/*create by wanjai*/
table.tableinput1 {
    padding: 10px 10px 10px 10px;
    background-color:#FFE6D9;
    text-align:left !important;
	border: 1px solid #f4f399;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
table.tableinput1 form tr {
    height:30px;
}
/*End create by wanjai*/


#box-table-a{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:480px;text-align:left;border-collapse:collapse;margin:20px;}
#box-table-a table{align:center;}
#box-table-a tr{font-size:13px;font-weight:bold;background:#FCD496;border-top:2px solid #fff;border-bottom:1px solid #fff;color:#000;padding:8px;}
#box-table-a td{background:#FEE4BF;border-bottom:1px solid #fff;color:#666;border-top:1px solid transparent;padding:8px;}
#box-table-a tr:hover td{background:#FF9231;color:#000;}

/*----------------- E N D --------------------*/



/************** form login ***************/
#loginPanel{
	width:400px; 
	height:200px; 
	margin:20px; 
	padding:0px; 
	float:center; 
	border:#e1e2e4 solid 1px; 
	background:#f8f8f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#loginPanel h2{ 
	vertical-align:middle; 
	width:400px; 
	height:35px; 
	margin:0px; 
	padding:0px; 
	font-size:20px; 
	color:#55585f; 
	background:#ededed url("../images/lock3.png") no-repeat 0 0px; 
	font-weight:bold; 
	border-bottom:#e9e7e8 solid 1px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/*----------------- E N D --------------------*/


/**************  ข้อความแนะนำการกรอกข้อมูล เช่น (ตัวอย่าง 30/10/2555) ***************/
.helptext{
    color: #3CB371;   
    font-size: 12px;
}

div.errorBox{
    width:95%;
    padding:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    background-color: #FFE9E9;
    color:red;
    margin-bottom: 5px;
}
/*----------------- E N D --------------------*/




/*************** left main menu ***************/
.systemname {
	background-color: #C4770B;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	height:30px;
	vertical-align:middle;
	/*border:#FF0000 solid 1px; */
}

ul.vert-one{
    margin:0;
    padding:0;
    list-style-type:none;
    display:block;
    width:220px;
}

ul.vert-one li{
    margin:0;
    padding:0;
}

/*ul.vert-one li.sysname{
    display:block;
    font-size: 14px;
    background:#ffb2b2;
    padding:0 0 0 10px;
    width:220px;
}*/

ul.vert-one li a{
    display:block;
    text-decoration:none;
    font-size: 14px;
    /* color: #A36309; */
    color: #666666;
    background: #FDFFCF;
    padding:2px 0 2px 10px;
    width:220px;
    border-bottom:1px solid #FFFFFF;
}

ul.vert-one li a:hover {
	/* color: #A36309; */
        color: #666666;
	text-decoration:underline;
    background:#f0f0f0 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
}

ul.vert-one li a.current,ul.vert-one li a.current:hover{
    background:#A36309 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
}
/*----------------- E N D --------------------*/

/*************** right main menu ***************/
ul.rightmenu{
    margin:0;
    padding:10px 0 10px 0;
    list-style-type:none;
    display:block; 
    width:85%;
}

ul.rightmenu li{
    margin:0;
    padding:0;
}

ul.rightmenu li.groupname{
    display:block;
    height:25px;
    font-weight:bold;
    background:#E29F42;
	color:#FFF;
    margin-top:10px;
    padding:5px 0 0 10px;
    text-align: left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

ul.rightmenu li a{
    display:block;
    height:25px;
    background:#fff;
    padding:0 0 0 10px;
    text-align:left;
    font-size: 14px;
	color: #06F;
	text-decoration: none;
}

ul.rightmenu li a:hover{
	text-decoration: underline;
	color: #06F ; 
    height:25px;
    background:#F2F2F2 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
    text-align:left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/*ul.rightmenu li a.current,ul.rightmenu li a.current:hover{
    height:25px;
    background:#f6e0e2 url("../images/vert-one_arrow.gif") no-repeat 0 9px;
}*/
/*----------------- E N D --------------------*/

/************* Button ************ */
.btnSearch, .btnSave {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #ededed 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#cccccc');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #999999 !important;
	display:inline-block;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}

.btnSearch:hover, .btnSave:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#ededed');
	background-color:#cccccc;
}

.btnSearch:active, .btnSave:active {
	position:relative;
	top:1px;
}
/*----------------- E N D --------------------*/

#contentCSS a, #headerCSS a {
	color: #06F;
	text-decoration: none;
}

#contentCSS a:hover, #headerCSS a:hover {
	text-decoration: underline;
	color: #06F ; 
}

/*------------------------------------------------------------start css for menu--------------------------------------------------------*/
#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline; 
}

#underlinemenu .current a{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid red;
padding-bottom: 0;
}

#underlinemenu ul li a{
float: left;
color: black;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(media/menudivide.gif) top right repeat-y;
}

#underlinemenu ul li a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid blue;
padding-bottom: 0;
}


/*------------------------------------------------------------end css for menu--------------------------------------------------------*/
.linkactive {
	background-color:#9F9;
	color:#000;
	font-weight:bold;
}

.linknoactive {
	/*color:#BAB8B8;*/
	color: #999;
}
.line {
	border-top: 1.5px solid #b8a851; 
}

#linktab a:hover{
	
background-color: #F3F3F3;
border-bottom: 3px solid blue;
padding-bottom: 0;
}

/*------------------- other css กล่องหอพัก เมนู หอพัก » บันทึกการเข้าพักของนิสิต --------------------*/
div.successBox{
    width:95%;
    padding:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    background-color: #F0FFF2;
    color:green;
    margin-bottom: 5px;
}

.box_movein_pading
{
	padding-bottom:10px;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
}

.box_movein
{
	padding:10px;
	width:100%;
	height:130px;
	text-align:left;
	
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px; 
}
/*-------------------------------------------------------------------------------*/

input[type="text"]:disabled
{
	background-color:#E0E0E0 !important;	
}

input[readonly="readonly"], input[readonly="readonly"]:focus
{
	background-color:#f7f7f7 !important;	
	cursor:default;
}

/* Pantakarn Manjan */
/* Modify 18/06/2557 */
/********************* css check box **********************/
input[type=checkbox]:disabled + label.css-label{ background-image:url('images/elegant-red.png'); }

input[type=checkbox].css-checkbox {
	position:absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:17px; 
	display:inline-block;
	line-height:17px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -17px;
}

.css-label{ background-image:url('images/elegant.png'); }
/****************************************************************************************************/

.textSmall{
	font-size:10px;
}

/*************************************** ตารางหน้า หอพัก » บันทึกค่าไฟฟ้า ***************************************************/
table.tablehismeter thead {
	height:33px;
    background: #3E68A4;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
	
}
table.tablehismeter tbody td {
	padding-left:5px;
}

table.tablehismeter .MouseOut {
	background-color:#d1cfcf;
}

table.tablehismeter .MouseOver {
	background-color:#f9f9f9;
}
/****************************************************************************************************/

/*TAB*/ 
div.hidden{
	display:none;
}

fieldset {
	border: dotted 1px #BFB793;
	width:98%;
}
#fs {
	width: 100%;
	/*border:	double 1px #336699;*/
	padding: 3px 0px 3px 0px;
	background-color:#FFF;
	
}
#css_tabmenu {
  border: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  font-family: verdana, geneva, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #8e8e8e;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
#css_tabmenu > ul {
  margin-top: 6px !important;
}
#css_tabmenu ul {
  background: #CDCDCD;
  background: -webkit-linear-gradient(#cdcdcd 0%, #e2e2e2 80%, #cdcdcd 100%);
  background: linear-gradient(#cdcdcd 0%, #e2e2e2 80%, #cdcdcd 100%);
  border-top: 1px solid #A8A8A8;
  -webkit-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #664ac2, 0 2px 0 #8c80b5, 0 8px 0 #664ac2, 0 9px 0 #5238a6, 0 -1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #664ac2, 0 2px 0 #8c80b5, 0 8px 0 #664ac2, 0 9px 0 #5238a6, 0 -1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 #e9e9e9, 0 1px 0 #664ac2, 0 2px 0 #8c80b5, 0 8px 0 #664ac2, 0 9px 0 #5238a6, 0 -1px 1px rgba(0, 0, 0, 0.1);
  height: 27px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#css_tabmenu ul ul {
  border-top: 6px solid #664ac2;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#css_tabmenu ul ul a {
  line-height: 43px;
}
#css_tabmenu ul ul ul {
  left: 100%;
  top: 0;
}
#css_tabmenu li {
  float: left;
  padding: 0px 8px 0px 8px;
}
#css_tabmenu li a {
  color: #666666;
  display: block;
  font-weight: bold;
  line-height: 30px;
  padding: 0px 25px;
  text-align: center;
  text-decoration: none;
}
#css_tabmenu li a:hover {
  color: #000000;
  text-decoration: none;
}
#css_tabmenu li ul {
  background: #e0e0e0;
  border-left: 2px solid #664ac2;
  border-right: 2px solid #664ac2;
  border-bottom: 2px solid #664ac2;
  display: none;
  height: auto;
  filter: alpha(opacity=95);
  opacity: 0.95;
  position: absolute;
  width: 95%;
  z-index: 200;
  /*top:1em;
		/*left:0;*/

}
#css_tabmenu li:hover > ul {
  display: block;
}
#css_tabmenu li li {
  display: block;
  float: none;
  padding: 0px;
  position: relative;
  width: 100%;
}
#css_tabmenu li ul a {
  display: block;
  font-size: 12px;
  font-style: normal;
  padding: 0px 10px 0px 15px;
  text-align: left;
}
#css_tabmenu li ul a:hover {
  background: #949494;
  color: #000000;
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#css_tabmenu p {
  clear: left;
}
#css_tabmenu .active > a {
  background: #F5F55C;
  -webkit-box-shadow: 0 -4px 0 #BFBF5C, 0 -5px 0 #FEFE98, 0 -6px 0 #BFBF5C;
  -moz-box-shadow: 0 -4px 0 #BFBF5C, 0 -5px 0 #FEFE98, 0 -6px 0 #BFBF5C;
  box-shadow: 0 -4px 0 #BFBF5C, 0 -5px 0 #FEFE98, 0 -6px 0 #BFBF5C;
  color: #000000;
}
#css_tabmenu .active > a:hover {
  color: #C8C8C8;
}

.tab {
	width:60% !important;
}
.tab2 {
	width:70% !important;
}
.tab3 {
	width:82% !important;
}
.tabrowA {
	background-color:#FFFFD6;
	height:50;
	font-size: 14px;
	text-align:center !important;
}
.tabrowB {
	background-color:#F4F4F2;
	height:50;
	font-size: 14px;
	text-align:center !important;
}

/***********************************************************************************************************************/
.pp{ 
 margin:0px; 
 padding: 0px;
 line-height:20pt; 
 background-color:#B7D7C1;
 color:#0B6121;
}
.p1 {
 background-color:#D9EDDF !important;
 /*color:#FF0033; 

 letter-spacing:0.05cm; 
 text-decoration:overline; */
 text-indent:0.3in; 
 /*text-transform:capitalize; */
 white-space:normal; 
 /*word-spacing:0.5em;*/
 }
 .p2 { 
 background-color:#EAF5ED !important;
 text-indent:0.6in; 
 white-space:normal; 
 }
 .p3 {
 background-color:#F3FAF5 !important;
 text-indent:0.9in;  
 white-space:normal; 
 }
 .sumtotal { 
 background-color:#D9EDDF;
 color:#0B6121;
} 

/* Qzu Add 13 April 2564 */
table.tableinput.set-height>tbody>tr {
    height: 30px;
}

table.tableinput.set-height.onhover tbody tr:hover td {
    background: #f0f0f0 repeat-x;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.subdata {
    font-size: 12px;
    padding-left: 10px;
    line-height: 20px;
}

.fontgreen {
    color: #009933;
}

.fontdarkviolet {
    color: darkviolet !important;
}

.fontyellow {
    color: #996600;
}

.fontcoral {
    color: coral;
}

.create-popup:hover, #create-popup:hover {
    cursor: pointer;
}

::-webkit-input-placeholder {
    /* color: #9e9e9e; */
    opacity: 0.3 !important;
}

:-moz-placeholder {
    /* color: #9e9e9e; */
    opacity: 0.3 !important;
}

::-moz-placeholder {
    /* color: #9e9e9e; */
    opacity: 0.3 !important;
}

:-ms-input-placeholder {
    /* color: #9e9e9e; */
    opacity: 0.3 !important;
}

/* E N D */
.affairs-system-banner {
    width: 100%;
    height: 124px;
    background: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

.affairs-system-banner img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 124px;
}

@media screen and (max-width: 768px) {
    .affairs-system-banner {
        height: auto;
    }

    .affairs-system-banner img {
        height: auto;
    }
}