body {
	font-family: 'cs_prakasregular';
	font-size: 18px;
}

.defaultfont {
	font-family: 'cs_prakasregular';
	font-size: 18px;
}

.font14px {
	font-family: 'cs_prakasregular';
	font-size: 14px;
}

.font16px {
	font-family: 'cs_prakasregular';
	font-size: 16px;
}

.font18px {
	font-family: 'cs_prakasregular';
	font-size: 18px;
}

.font20px {
	font-family: 'cs_prakasregular';
	font-size: 20px;
}

.font22px {
	font-family: 'cs_prakasregular';
	font-size: 22px;
}

.font36px {
	font-family: 'cs_prakasregular';
	font-size: 36px;
}

.font_arial {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

.welcome {
	font-family: 'cs_prakasregular';
	/*font-size: 36px; */
	color: #0033CC;
	text-align: center;
}
.welcome a {
	text-decoration: none;
	color: #0000D5;
	background-color: #F4F4F4;
	border-radius: 8px;
}
.welcome a:hover, 
.welcome a:focus {
	color: #DB0000;
	background-color: #ebebeb;
	border-radius: 8px;
}

.mbutton {
	font-family: 'cs_prakasregular';
	width: 280px;
	height: 50px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	background-color: #8CA24D;
	/*background-color: #96A95A;
	border: 1px solid #5C6937;*/
	border: 1px solid #666666;
	border-radius: 10px;
	padding-top: 8px;
	position: absolute;
	left: 50%;
	margin-left: -142px;
}

.mbutton:hover {
	background-color: #5C6937;
}

.mpoint {
	font-family: 'cs_prakasregular';
	width: 80%;
	height: 100%;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	background-color: #252869E6;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0px solid #666666;
	border-radius: 10px;
	display: table-cell;
	vertical-align: middle
}

.mpoint:hover {
	background-color: #537FE7;
}

.mpoint_wrap {
	display: table;
	text-align: center;
	border: 0px solid #000000;
	margin: auto;
}

/*
#mytab_1 tr td:nth-child(3), #mytab_1 th:nth-child(3) {
    display: none;
}
#mytab_1 tr td:nth-child(4), #mytab_1 th:nth-child(4) {
    display: none;
}
#mytab_1 tr td:nth-child(5), #mytab_1 th:nth-child(5) {
    display: none;
}
#mytab_1 tr td:nth-child(6), #mytab_1 th:nth-child(6) {
    display: none;
}
*/

#mytab_1 tr td:nth-child(3) {
    display: none;
}
#mytab_1 tr td:nth-child(4) {
    display: none;
}
#mytab_1 tr td:nth-child(5) {
    display: none;
}
#mytab_1 tr td:nth-child(6) {
    display: none;
}
#mytab_1 tr td:nth-child(7) {
    display: none;
}

.fontbold {
	font-weight: bold;	
}

.colorblack {
	color: #000000;	
}

.maintab {
	width: 1250px;
	border: 0px solid #000000;
	border-collapse: collapse;
}

.mthead {
	height: 100px;
}

#logo {
	padding-left: 10px;	
	cursor: pointer;
}

.userdesc {
	width: 300px;
	/*background-color: #F0F3E7;*/
	background-color: #25286933;
	text-align: center;
	font-family: 'cs_prakasregular';
	font-size: 20px;
	color: #000000;
}

.mtmenu {
	font-family: 'cs_prakasregular';
	font-size: 18px;
	height: 52px;
	border: 0px solid #000000;
	/*background-color: #9DB35E;*/
	background-color: #25286980;
	padding-left: 20px;
}

.mtbody {
	height: 300px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

.mnucolor {
	color: #333;
	background-color: #fff;
	border-color: #ccc;
	font-size: 20px;
	margin-right: 3px;
}

.mnucolor:hover, 
.mnucolor:focus {
	color:#333;
	background-color:#ebebeb;
	border-color:#adadad;
}

.mnuactive {
	color: #fff;
	background-color: #252869E6;
	border-color: #ccc;
	font-size: 20px;
	margin-right: 3px;
}

.mnuactive:hover, 
.mnuactive:focus {
	color: #333;
	/*background-color: #E3EAD0;*/
	background-color: #D4D4D4;
	border-color: #adadad;
}

.page_title {
	color: #FFFFFF;
	background-color: #252869E6;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
}

.bg_text {
	 background-color: #F0F3E7; 
	/*background-color: #678970;*/
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
}

.mtfooter {
	height: 20px;
	/*background-color: #E3EAD0;*/
	background-color: #25286933;
	margin-top: 20px;
	margin-bottom: 20px;
}

.bgcolor1 {
	/*background-color: #BECE93;*/
	background-color: #25286933;
	font-weight:bold;
}

.lang {
	float: right;
	margin-right: 5px;
	margin-top: 60px;
}

.ads {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	width: 600px;
	height: 80px;
}

.txtrun {
	float: left;
	margin-left: 10px;
	width: 600px;
	height: 90px;
	color: #C8061F;
	font-size: 30px;
	padding-top: 25px;
}

.language {
	float: right;
	margin-right: 5px;
	margin-top: 60px;
}

.keepright {
	float: right;
}

.floatleft {
	float: left;
}

#home {
	height: 650px;
}

.home_frame {
	width: 600px;
	height: 385px;
	border-width: 2px;
	border-style: solid;
	border-radius: 12px;
	background-color: #F4F4F4;
	padding-top: 30px;
	padding-right: 70px;
	padding-left: 70px;
}

.home_login {
	position: relative;
	
}

.wrap_box {
	position: relative;
	/*border-width: 2px;
	border-style: solid;*/
}

.hleft_frame {
	width: 600px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	/*background-color: #F4F4F4;*/
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	left: 15px;
}

.hright_frame {
	width: 600px;
	height: 100px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	/*background-color: #F4F4F4;*/
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	left: 10px;
}

.seller_frame {
	width: 600px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	/*background-color: #F4F4F4;*/
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	left: 15px;
}

.buyer_frame {
	width: 600px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	/*background-color: #F4F4F4;*/
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	left: 10px;
}

.keyin_frame {
	width: 1220px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	/*background-color: #F4F4F4;*/
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position: relative;
	left: 15px;
	font-weight: bold;
}

.item_frame {
	width: 1220px;
	height: 400px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	/*background-color: #F4F4F4;*/
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	left: 15px;
}

.item_tab {
	padding-left: 10px;
	padding-right: 10px;
}

.td_num {
	padding-right: 10px;
	text-align:right;
}
.td_txt {
	padding-left: 10px;
	text-align:left;
}

.tb_line {
	border-width: 1px;
	border-style: none none solid;
}

.td_padtop {
	padding-top: 5px;
}

.tb_border {
	border-width: 1px;
	border-style: solid;
}

.tb_border_top {
	border-width: 1px;
	border-style: solid none none none;
}

.tb_dot_bottom {
	border-width: 1px;
	border-style: none none dotted;
}

.td_border_top {
	border-style: solid none none none;
	border-top-width: 1px;
}

.td_border_left {
	border-style: none none none solid;
	border-left-width: 1px;
}

.td_border_bot {
	border-style: none none solid;
	border-bottom-width: 1px;
}

.td_border_right {
	border-style: none solid none none;
	border-right-width: 1px;
}

.td_border_tb {
	border-style: solid none solid none;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.td_border_lr {
	border-style: none solid none solid;
	border-left-width: 1px;
	border-right-width: 1px;
}

.td_border_tbl {
	border-style: solid none solid solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

.td_border_tbr {
	border-style: solid solid solid none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
}

.tot_frame {
	width: 600px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	left: 10px;
	font-weight:bold;
}


.remark_frame {
	width: 600px;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	left: 15px;
	font-weight:bold;
}

#printarea {
	padding-left: 35px;
}

.print_frame {
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-right: 0px;
}

.print_frame2 {
	position: relative;
	padding-top: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
}

.mgr_frame {
	border-width: 1px;
	border-style: solid;
	border-radius: 12px;
	/*background-color: #F4F4F4;*/
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	position:relative;
	/* left: 15px;  */
}


.top {
	text-align: right;
}
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}

.pur_bg {
	background-color: #F4F4F4;
	/*background-color: #EFF0F1;*/
}
.edit_bg {
	background-color: #F9F4F9;
}
.do_bg {
	/* background-color: #BECE93; 
	background-color: #EBF0DD; สีชมพู ใช้ในโหมดแก้ไข*/
	background-color: #F0F3E7;
}
.recv_bg {
	background-color: #F9F4F9;
	/*background-color: #EFF0F1;*/
}
.adj_bg {
	background-color: #FFFFFF;
	/*background-color: #EFF0F1;*/
}
.sale_bg {
	/* background-color: #EBE0F3;  สีม่วง ใช้ในโหมดแก้ไข*/
	background-color: #FFFFFF;
}

.issu_bg {
	background-color: #F8F3E2;
}

.dn_bg {
	/* background-color: #EBE0F3;  สีม่วง */
	background-color: #EBE0F3;
}

.c_center {
	height: 750px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	text-align: center;
}

.cmember {
	height: 650px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 20px;
	text-align: center;
}

.cmembertd {
	height: 85px;

}

.cmembertr {
	margin-top: 1px;
	margin-bottom: 1px;
	background-color: #0099CC;	
}

.payment {
	margin: auto;
	position: absolute;
	width: 800px;
	height: 400px;
	background-color: #D7DEE6;
}

.shift_l10 {
	left: -10px;	
}
.shift_l15 {
	left: -15px;	
}
.shift_l20 {
	left: -20px;	
}
.shift_l30 {
	left: -30px;	
}
.shift_l40 {
	left: -40px;	
}

.width20 {
	width: 20% ;
}

.width30 {
	width: 30% ;
}

.width40 {
	width: 40% ;
}

.width50 {
	width: 50% ;
}

.width60 {
	width: 60% ;
}

.width70 {
	width: 70% ;
}

.width75 {
	width: 75% ;
}

.width80 {
	width: 80% ;
}

.width90 {
	width: 90% ;
}

.width98 {
	width: 98% ;
}

.width120 {
	width: 120% ;
}

.myform {
	display: block;
	width: 100%;
	height: 34px;
	padding: 0px 0px;
	font-size: 20px;
	line-height: 1.428571429;
	color: #555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	}
	
.myform:focus{
	border-color:#66afe9;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

.mybutton {
	color: #fff;
	/*background-color: #678970; */
	background-color: #252869E6; 
	border-color: #666666;
}
	
.mybutton:hover,.mybutton:focus,.mybutton:active{
	color: #333;
	background-color: #8CB6E1;
	border-color: #ccc
}

#m_show_name {
	cursor:pointer;
}

.pointer {
	cursor:pointer;
}

.scroll {
	width: 95%;
	height: 300px;
	/*background-color: #F8F9F2; */
	padding-top: 20px;
	padding-bottom: 20px;
	border: 2px solid #CCCCCC;
	overflow-y: auto;
}

.td_top_left {
	width: 90%;
	height: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align:left;
}

#p_show {
	width: 100%;
	height: 300px;
	/*background-color: #F8F9F2; */
	padding-top: 20px;
	padding-bottom: 20px;
	border: 2px solid #CCCCCC;
	overflow-y: auto;
}

.table_h {
	border: 1px solid #CCCCCC;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #CCCCCC;
	height: 50px;
}

.table_h2 {
	/*border: 0px solid #D6B0C7; */
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
}

.table_i {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 40px;
}

.table_i:hover {
	background-color: #F4F4F4;
}

.table_i2 {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	height: 40px;
	text-align: left;
	cursor: pointer;
}

.table_i2:hover {
	background-color: #F4F4F4;
}

.chk_box_hilight {
	background-color: #A8C7E3;
}

.chk_box_hilight:hover {
	background-color: #A8C7E3;
}

.padleft10 {
	padding-left: 10px;
}
.padleft15 {
	padding-left: 15px;
}
.padleft30 {
	padding-left: 30px;
}
.padleft50 {
	padding-left: 50px;
}
.padleft80 {
	padding-left: 80px;
}
.padleft100 {
	padding-left: 100px;
}
.padtop10 {
	padding-top: 10px;
}
.padtop15 {
	padding-top: 15px;
}
.padlr {
	padding-left:20px; 
	padding-right:20px;
}

.keepright {
	text-align: right;
}

input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(1.5);

  /* Webkit browsers*/
  -webkit-transform: scale(1.5);
}

#tab_mlogin, #tab_clogin {
	margin-top: 30px;
	/*border: 2px solid #666666;
	border-radius: 10px; 
	background-color: #CCCCCC; */
}

.mlogin_frame {
	/*width: 95%; */
	width: 300px;
	position: absolute;
	left: 50%;
	margin-left: -158px;
	
	margin-top: 50px;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	background-color: #F4F4F4;	
}

.clogin_frame {
	/*width: 95%; */
	width: 300px;
	position: absolute;
	left: 50%;
	margin-left: -158px;
	margin-top: 50px;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	background-color: #DCE1ED;
}

#mlogin_id, #mlogin_p, #tab_mlogin tr .center .col-md-12 #putcap {
  height: 100% ;
}

#clogin_id, #clogin_p, #tab_clogin tr .center .col-md-12 #putcap {
  height: 100% ;
}

/*
#readtext {
	border: 1px solid #0099FF;
	left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
	border-radius: 5px;
	margin-left: -15px;
}
*/

.pn_page {
	color: #000000;	
}

.pn_page:hover {
	color: #E4801B;
}

/*------------ Bill Create ------------*/

.mycontent_frame {
	/*width: 1338px;*/
	width: 100%;
	margin: auto;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}

.body_wrap {
	/*width: 1024px;*/
	/*background-color: #B4AEE3;*/
	margin: auto;
	position: relative;
	text-align: left;
}