@font-face {
	font-family: 'kittithada_roman_55_pregular';
	src: url("../../fonts/kit55p-webfont.eot");
	src: url("../../fonts/kit55p-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/kit55p-webfont.woff") format("woff"), url("../../fonts/kit55p-webfont.ttf") format("truetype"), url("../../fonts/kit55p-webfont.svg#kittithada_roman_55_pregular") format("svg");
	font-weight: normal;
	font-style: normal;
 }
 
@font-face {
	font-family: 'kittithada_medium_65_pregular';
	src: url("../../fonts/kit65p-webfont.eot");
	src: url("../../fonts/kit65p-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/kit65p-webfont.woff") format("woff"), url("../../fonts/kit65p-webfont.ttf") format("truetype"), url("../../fonts/kit65p-webfont.svg#kittithada_medium_65_pregular") format("svg");
	font-weight: normal;
	font-style: normal;
 }

body {
  margin: 0px;
  padding: 0px;
  margin: 0 auto;
  position: relative;
  font-family: Tahoma, Geneva, sans-serif;
}
 
 
.fontfacetext {font-family: "kittithada_roman_55_pregular";}
 
.fontfacetext-bold {font-family: "kittithada_medium_65_pregular";}
 
/* side nav menu left */
.side-nav-menu-menu {width: 100%;}
 
.side-nav-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
 }
 
	.side-nav-menu ul > li {
		background: url(../../images/side-nav/icn-black-arrow.png) right 6px no-repeat;
		line-height: 1;
		border-bottom: solid 1px #CCCCCC;
	 }
 
		.side-nav-menu ul > li > .active {
			color: #fff;
			background: #b69431 url(../../images/side-nav/icn-white-arrow.png) right 6px no-repeat;
		 }
 
		.side-nav-menu ul > li a {
			display: block;
			padding: 4px 25px 4px 10px;
			font-size: 1.3em;
			color: #666666;
			text-decoration: none;
		 }
 
			.side-nav-menu ul > li a.current {
				color: #fff;
				background: url(../../images/side-nav/icn-black-arrow.png) right 6px no-repeat;
			 }
 
			.side-nav-menu ul > li a > i {
				font-size: 0.6em;
				color: #fff;
			 }
 
	.side-nav-menu ul .has-sub {
		background: url(../../images/side-nav/icn-black-arrow.png) right 6px no-repeat;
		margin: 2px 0;
		padding: 0 0 1px;
	 }
 
		.side-nav-menu ul .has-sub.active {background: url(../../images/side-nav/icn-white-arrow.png) right 6px no-repeat;}
 
.icon-caret-right {
	background: url(../../images/arow-r-w.png) right -1px no-repeat;
	z-index: 999;
 }
 
.box-left {
	background: #FFF;
	position: relative;
	float: left;
	margin-left: 5px;
	border: 1px solid #CCC;
	width: 17%;
	height: 160px;
	padding: 10px;
 }
 
.box-right {
	background: #FFF;
	position: relative;
	float: left;
	min-height: 550px;
	border: 1px solid #CCC;
	margin: 0 5px;
	width: 77%;
	padding: 10px;
	font-family: "tahoma";
  font-size: 13px;
  color: #666666;
 }
 
 
 
 
.done {
	background-color: #b69431;
	padding: 10px;
	color: #fff;
	font-size: 27px;
	margin: 10px 0 0 0;
 }
 
.fail {
	background-color: red;
	padding: 10px;
	color: #fff;
	font-size: 27px;
	margin: 10px 0 0 0;
 }
 
.text-head-g {
	font-size: 24px;
	color: #b69431;
	text-align: left;
 }
 
.first {
	color: #b69431;
	width: 170px;
	display: inline-block;
	font-size: 23px;
	line-height: 2.5em;
 }
 
.first2 {
	color: #b69431;
	width: 170px;
	display: inline-block;
	font-size: 23px;
	line-height: 1.3em;
 }
 
.first3 {
	color: #b69431;
	width: 75px;
	display: inline-block;
	font-size: 23px;
	line-height: 1.3em;
	margin-left: 20px;
 }
 
.first22 {
	color: #b69431;
	width: 170px;
	display: inline-block;
	font-size: 23px;
	line-height: 1.3em;
	float: left;
 }
 
.first33 {
	color: #b69431;
	width: 75px;
	display: inline-block;
	font-size: 23px;
	line-height: 1.3em;
	margin-left: 20px;
	float: left;
 }
 
.head-first {
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 1.5em;
 }
 
.text-bold {
	margin: 20px 0;
	display: block;
	font-size: 13px;
	font-weight: bold;
 }
 
.text-bold-2 {
	display: block;
	font-size: 13px;
	font-weight: bold;
 }
 
.last2 {font-size: 13px;}
 
.head-first {
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 1.5em;
 }
 
.box-scroll {
	width: 60%;
	margin: 0 auto;
	min-height: 170px;
 }
 
.box-scroll2 {
	width: 100%;
	margin: 0 auto;
	min-height: 250px;
	margin-top: 20px;
	overflow: hidden
 }
 
.box-scroll2 {
	width: 100%;
	margin: 0 auto;
	min-height: 150px;
	margin-top: 20px;
	overflow: hidden
 }
 
.btn-change {
	text-align: center;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
 }
 
	.btn-change a {
		background: url(images/btn-green.jpg) no-repeat;
		color: #fff;
		font-size: 22px;
		display: block;
		border: none;
		height: 27px;
		width: 94px;
		padding: 2px;
		text-decoration: none;
	 }
 
.btn-change-next {
	text-align: center;
	float: right;
	margin-right: 80px;
	margin-top: 30px;
 }
 
	.btn-change-next a {
		background: url(images/btn-green.jpg) no-repeat;
		color: #fff;
		font-size: 22px;
		display: block;
		border: none;
		height: 27px;
		width: 94px;
		padding: 2px;
		text-decoration: none;
	 }
 
.btn-last {
	text-align: center;
	margin: auto 0;
	padding-top: 20px;
	width: 100%;
 }
 
	.btn-last input.btn-green {
		background: url(images/btn-green.jpg) no-repeat;
		color: #fff;
		font-size: 22px;
		border: none;
		height: 27px;
		width: 94px;
		cursor: pointer;
		padding: 2px;
	 }
 
	.btn-last input.btn-gray {
		background: url(images/btn-gray.jpg) no-repeat;
		color: #fff;
		font-size: 22px;
		border: none;
		height: 27px;
		width: 94px;
		cursor: pointer;
		padding: 2px;
	 }
 
.btn-last2 {
	text-align: center;
	margin: auto 0;
	padding-top: 20px;
	width: 80%;
 }
 
	.btn-last2 input.btn-green {
		background: url(images/btn-green.jpg) no-repeat;
		color: #fff;
		font-size: 22px;
		border: none;
		height: 27px;
		width: 94px;
		cursor: pointer;
		padding: 2px;
	 }
 
.btn-all {
	text-align: center;
	margin: auto 0;
	padding-top: 20px;
	width: 85%;
 }
 
	.btn-all a.btn-green {
		background: url(images/btn-green.jpg) no-repeat;
		color: #fff;
		font-size: 22px;
		display: inline-block;
		border: none;
		height: 27px;
		width: 94px;
		padding: 2px;
		text-decoration: none;
		cursor: pointer;
	 }
 
	.btn-all a.btn-gray {
		background: url(images/btn-gray.jpg) no-repeat;
		color: #fff;
		font-size: 22px;
		display: inline-block;
		border: none;
		height: 27px;
		width: 94px;
		padding: 2px;
		text-decoration: none;
		cursor: pointer;
	 }
 
.btn-next {
	text-align: center;
	float: right;
	margin: 20px 96px 20px 0;
 }
 
	.btn-next a {
		background: url(images/btn-green.jpg) no-repeat;
		color: #fff;
		font-size: 22px;
		display: block;
		border: none;
		height: 27px;
		width: 94px;
		padding: 2px;
		text-decoration: none;
	 }
 
.text-bottom {
	width: 170px;
	display: inline-block;
 }
 
.text-bottom2 {
	width: 250px;
	display: inline-block;
 }
 
.border-OTP {
	border-bottom: solid 1px #949494;
	margin-top: 10px;
	font-size: 13px;
	padding: 10px 0;
	font-weight: bold;
 }
 
input.resend {
	border: none;
	background: #CCCCCC;
	color: #fff;
	cursor: pointer;
	padding: 4px 10px;
	margin-left: 20px;
 }
 .bs {
      float: left;
      width: 100%;
}
.position-text {
	line-height: 2em;
	font-size: 13px;
	margin: 30px 0;
 }
 
.position-text-otp {
	line-height: 2em;
	font-size: 13px;
	margin: 10px 0;
 }
 
.style-total {
	font-size: 13px;
	font-weight: bold;
 }
.style-total p span{ margin:  0 10px 0 15px;}
.text-left {float: left;}
 
.total-left {
	float: left;
	margin-left: 20px;
 }
 
.total-right {
	float: right;
	margin-right: 130px;
 }
 
.total-text {
	float: left;
	margin-right: 48px;
 }
 
.confirm-margin-table {
	font-size: 22px;
	width: 80%;
	margin-top: 5px;
 }
 
	.confirm-margin-table input {
		text-align: right;
		width: 95%;
		padding: 2px;
	 }
 
table.confirm-margin-table tr {
	font-size: 13px;
	height: 25px;
	padding: 5px;
 }
 
	table.confirm-margin-table tr th {
		border-bottom: solid 1px #666666;
		padding: 2px;
	 }
 
	table.confirm-margin-table tr td {
		padding: 5px 0 0 5px;
		font-size: 13px;
	 }
 
		table.confirm-margin-table tr td input {
			text-align: right;
			width: 95%;
			padding: 2px;
			border: none;
		 }
 
		table.confirm-margin-table tr td span {padding: 2px;}
 
.margin-table {
	font-size: 22px;
	width: 80%;
	margin-top: 20px;
 }
 
	.margin-table input {
		text-align: right;
		width: 95%;
		padding: 2px;
	 }
 
table.margin-table tr {
	font-size: 13px;
	height: 20px;
	padding: 5px;
 }
 
	table.margin-table tr th {
		border-bottom: solid 1px #666666;
		padding: 2px;
	 }
 
	table.margin-table tr td {
		padding: 5px 0 0 5px;
		font-size: 13px;
	 }
 
table.sortable tr {
	font-size: 13px;
	padding: 5px;
 }
 
	table.sortable tr th {
		border-bottom: solid 1px #666;
		padding: 2px;
	 }
 
	table.sortable tr td {
		padding: 5px 0 0 5px;
		font-size: 13px;
	 }
 
.style1 {width: 128px;}
 
.style3 {width: 80px;}
 
.style4 {width: 40px;}
 
.style5 {width: 65px;}
 
.scroll-bottom {overflow: hidden;}
 
#report div.arrow {
	background: url(images/side-nav/icn-plus2.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 35px;
 }
 
.up {
	background: url(images/side-nav/icn-minus2.png) no-repeat !important;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 35px;
 }
 
#report2 div.arrow {
	background: url(images/side-nav/icn-plus2.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	margin: auto;
 }
 
#report2 .up {
	background: url(images/side-nav/icn-minus2.png) no-repeat !important;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: none;
 }
 
.img-detail {
	background: url(images/detail.png) no-repeat;
	/*width: 21px;
	height: 21px;*/
	display: inline-block;
	margin-bottom: 5px;
 }
 
	.img-detail span {
		margin: 0 0 0 20px;
		display: block;
		font-weight: bold;
		font-size: 14px;
		/*width: 250px;*/
	 }
 
.popup-detail {
	display: none;
	font-size: 13px;
	border: solid 1px #ccc;
	padding: 5px;
	overflow: hidden; /*width:99.5%;*/
 }
 .popup-detail .req_online{ margin: 15px 0 80px;}
/*.more-detail{ height:70px;overflow:hidden;position:relative;padding:0 10px 0 0;margin:5px;}*/
.position-total {
	float: right;
	font-weight: bold;
 }
 
.footer-total {
	margin-top: 30px;
	overflow: hidden;
	position: relative;
 }
 
.width1 {width: 70px}
 
.width2 {width: 100px}
 
.width3 {width: 92px}
 
.width4 {width: 140px}
 
.width5 {width: 85px}
 
.width6 {width: 110px;}
 
.width7 {width: 100px;}
 
.width8 {
	width: 115px;
	font-family: Arial;
 }
 
/*open account*/
.text-head-g {
	font-size: 24px;
	color: #b69431;
	text-align: left;
 }
 
.text-head-gr {
	font-size: 24px;
	color: #666666;
	text-align: left;
 }
 
.text-head-gt {
	font-size: 22px;
	color: #999999;
	text-align: left;
 }
 
.block-open-account {
	margin: 10px 0px;
	float: left;
 }
 
.block-green {
	clear: both;
	float: left;
 }
 
.block-1 {
	background-color: #98CF6B;
	color: #fff;
	width: 610px;
	height: 165px;
	float: left;
	display: block;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.block-2 {
	background-color: #b69431;
	color: #fff;
	width: 360px;
	height: 135px;
	float: left;
	display: block;
	margin: 0 2px;
	padding: 15px;
	font-size: 14px;
	line-height: 1.4em;
	font-family: Tahoma,Arial;
 }
 
.block-3 {
	width: 640px;
	float: left;
 }
 
.block-3-1 {
	background-color: #B3B3B3;
	color: #666666;
	width: 610px;
	height: 190px;
	display: block;
	padding: 15px;
	font-size: 14px;
	line-height: 1.4em;
	font-family: Tahoma,Arial;
 }
 
.block-3-2 {
	background-color: #E6E6E6;
	color: #666666;
	width: 610px;
	height: 198px;
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 1.4em;
	font-family: Tahoma,Arial;
 }
 
.block-4 {
	background-color: #666666;
	color: #fff;
	width: 350px;
	height: 277px;
	float: left;
	display: block;
	margin: 120px 2px 0 2px;
	padding: 20px;
	font-size: 14px;
	line-height: 1.4em;
	font-family: Tahoma,Arial;
 }
 
.img {
	background: url(../../images/img-op.png) no-repeat;
	width: 390px;
	height: 146px;
	display: block;
	right: 0;
	position: relative;
	left: 642px;
	top: 167px;
 }
 
.menu-open-acc {
	clear: both;
	margin: auto;
	width: 45%;
	display: block;
	padding-top: 5px;
 }
 
	.menu-open-acc div {
		display: inline-block;
		padding: 5px 10px;
		background-color: #b69431;
	 }
 
		.menu-open-acc div a {
			text-decoration: none;
			color: #fff;
			font-size: 20px;
		 }
 
			.menu-open-acc div a > i {
				font-size: 0.6em;
				width: 8px;
				height: 8px;
				display: inline-block;
			 }
 
.block-3 ul li {list-style-type: square;}
 
/*step bar*/
#step-bar {height: 50px;}
 
	#step-bar .step-process {
		display: block;
		font-size: 17px;
		font-weight: bold;
		color: #666666;
	 }
 
#step-list {
	overflow: hidden;
	height: 40px;
	margin: 0;
	padding: 0;
 }
 
	#step-list > li {
		display: block;
		float: left;
		background: #e9e9e9;
	 }
 
		#step-list > li > span, #step-list > li a {
			display: block;
			position: relative;
			float: left;
			right: -23px;
			padding: 0 35px;
			height: 40px;
			color: #ccc;
			text-decoration: none;
			background: url("../../images/next-gray.png") right 0px no-repeat;
		 }
 
		#step-list > li > span > span, #step-list > li a > span {
			display: block;
			margin: -8px 0 0 -20px;
			font-size: 23px;
		 }
 
		#step-list > li > span > span:first-child, #step-list > li a > span:first-child {
			margin-top: -1px;
			font-size: 20px;
		 }
 
		#step-list > li.active {background: #b69431;}
 
			#step-list > li.active > span, #step-list > li.active a {
				display: block;
				color: #fff;
				background: url("../../images/next-green.png") right top no-repeat;
			 }
 
		#step-list > li:first-child > span, #step-list > li:first-child a {
			display: block;
			padding: 0 35px 0 10px;
			background: url("../../images/next-green.png") right top no-repeat;
		 }
 
.head-txt {
	color: #666666;
	font-size: 14px;
	padding: 12px 0;
	float: left;
 }
 
.box-input-s {width: 115px;}
 
/*MIS*/
.box-port {
	min-height: 550px;
	width: 100%;
 }
 
.head-f {
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 1.5em;
	width: 60%;
 }
 
.txt-number {
	width: 90px;
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 2em;
 }
 
.head-g {
	color: #616161;
	display: inline-block;
	font-size: 23px;
	line-height: 1em;
 }
 
.port-table {
	font-size: 22px;
	width: 100%;
	margin-top: 10px;
 }
 
.b-select {
	border-radius: 10px;
	border: solid 1px #DBDBDB;
	padding: 2px;
	width: 15%;
 }
 
table.port-table tr {
	font-size: 13px;
	height: 20px;
	padding: 5px;
 }
 
	table.port-table tr th {
		border-bottom: solid 1px #666666;
		padding: 5px;
	 }
 
	table.port-table tr td {
		padding: 5px;
		font-size: 13px;
	 }
 
.b-color {border-bottom: solid 1px #949494;}
 
.box-scroll-mis {
	overflow: auto;
	width: 100%;
 }
 
.btn-ok {
	font-size: 20px;
	border: none;
	background: #b69431;
	color: #fff;
	cursor: pointer;
	padding: 2px 5px;
	width: 10%;
	margin-left: 10px;
 }
 
.btn-export {
	font-size: 20px;
	background: #b69431;
	color: #fff;
	cursor: pointer;
	padding: 2px 5px;
	width: 6%;
	float: right;
	text-align: center;
 }
 
.txt-first {
	display: inline-block;
	float: left;
	height: 20px;
	font-weight: bold;
	padding: 2px 0;
 }
 
.txt-lasted {
	float: right;
	display: inline-block;
	height: 20px;
	padding: 2px 0;
	width: auto;
	text-align: right;
 }
 
.i-down {
	display: inline-block;
	background: url(../../images/icn-down.png) no-repeat;
	width: 9px;
	height: 7px;
 }
 
.g-left {
	width: 37%;
	display: inline-block;
	float: left;
 }
 
.g-right {
	width: 35%;
	display: inline-block;
	float: left;
	margin-left: 100px;
 }
 
.g-left-2 {
	width: 30%;
	display: inline-block;
	float: left;
 }
 
.g-center {
	width: 30%;
	display: inline-block;
	float: left;
	margin-left: 50px;
 }
 
.g-right-2 {
	width: 30%;
	display: inline-block;
	float: left;
	margin-left: 50px;
 }
 
.g-middle {
	width: 65%;
	display: inline-block;
	float: left;
	margin-top: 10px;
 }
 
.g-left-3 {
	width: 30%;
	display: inline-block;
	float: left;
	margin-top: 10px;
 }
 
.g-center-3 {
	width: 30%;
	display: inline-block;
	float: left;
	margin-left: 50px;
	margin-top: 10px;
 }
 
.g-right-3 {
	width: 30%;
	display: inline-block;
	float: left;
	margin-left: 50px;
	margin-top: 10px;
 }
 
.txt-first2 {
	display: inline-block;
	float: left;
	height: 20px;
	font-weight: bold;
	padding: 2px 0;
	width: 130px;
 }
 
.txt-lasted2 {
	float: left;
	display: inline-block;
	height: 20px;
	padding: 2px 0;
	width: auto;
	text-align: left;
 }
 
.txt-type {
	width: 140px;
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 2em;
	text-align: center;
 }
 
#box-first {
	width: 28%;
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	float: left;
	margin-left: 310px;
 }
 
#box-second {
	width: 31%;
	font-size: 13px;
	font-weight: bold;
	margin-left: 650px;
 }
 
.b-color2 {border-bottom: solid 1px #949494;}
 
/*add new style for cash online*/
a {
	text-decoration: none;
	border: 0px;
	color: #333;
 }
 
#wrapper {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
 }
 
.main-status {
	width: 1100px;
	margin: auto;
	position: relative;
	overflow: hidden;
	margin-top: 145px;
 }
 
.box-right-main {
	position: relative;
	float: left;
	min-height: 370px;
	width: 96%;
	padding: 10px;
 }
 .box-main-big{
	clear: both;
	float: none;
	font-size: 13px;
	
 }
 
.logo {
	width: 281px;
	float: left;
 }
 
.box-main-menu {
	overflow: hidden;
	width: 100%;
	display: block;
 }
 
.box-bg {
	min-height: 750px;
	overflow: hidden;
 }
 
.footer {
	height: 90px;
	margin-top: 20px;
 }
 
.copy-right {
  background: url(../../images/im-footer-left.fw.png) no-repeat center right;
  float: left;
  height: 40px;
  min-width: 200px;
  max-width: 500px;
  padding: 20px;
}
 
	.copy-right img {
		position: absolute;
		bottom: 25px;
		left: 25px;
	 }
 
.text-detail {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 15px;
 }
 
#footer-right {
	padding-top: 10px;
	float: right;
 }
 
.footer-disclaimer {
	border-right: dotted 1px #666;
	float: left;
	height: 20px;
	margin: 10px 10px 0 0;
	padding: 0 10px;
 }
 
.footer-social {
	border-right: dotted 1px #666;
	float: left;
	height: 20px;
	margin: 10px 10px 0 0;
 }
 
	.footer-social img {margin-right: 20px;}
 
.img-callcenter {
	float: left;
	vertical-align: middle;
 }
 
.member {
	width: 70%;
	text-align: right;
	float: right;
	display: block;
	margin-bottom: 5px;
 }
 
.text-welcome {
	float: right;
	margin-right: 15px;
	font-size: 13px;
	position: relative;
	width: 45%;
	text-align: right;
	top: 80px;
 }
 
#welcome-first {
	color: #b69431; /*#090;*/
	display: inline-block;
	margin-right: 10px;
	font-size: 22px;
 }
 
#welcome-name {
	display: inline-block;
	margin-right: 10px;
	font-size: 21px;
	color: #666;
 }
 
#box-logout {
	display: inline-block;
	vertical-align: middle;
 }
 
.txt-footer {font-size: 13px;}
 
/*******************new 22/12/57 *******************************/
.txt-number-e{width:210px;color: #b69431;display: inline-block;font-size: 23px;line-height: 2em;}
.b-select-e1{border-radius:10px;border:solid 1px #DBDBDB;padding:2px;}
table.e-table tr td a{ text-decoration: underline; }
.e-note{font-size:13px; margin: 20px 0 0 0; font-weight: bold;}

.head-first02 {
	display: inline-block;
	line-height: 1.5em;
	font-size: 24px;
	color: #b69431;
	text-align: left;
 }
 .head-first03 {
	display: inline-block;
	line-height: 1.5em;
	font-size: 21px;
	color: #b69431;
	text-align: left;
 }
 
.st_box01 {margin: 0 0 20px 0}
 
.st_box01_detail, .st_box02_detail {
	padding: 1.4em 1.5em;
	font-size: 13px;
 }
 
.st_box01_detail01 {width: 100%;}
 
	.st_box01_detail01 tr td, .detail_boxst-01 tr td {
		font-size: 13px;
		padding: 5px;
		padding-top: 7px;
		padding-bottom: 7px;
		vertical-align: middle;
	 }
 
.st_td01 {width: 15%; font-weight: bold;}

.td_title{ font-weight: bold; }
.st_check_box01 .td_title02{
  font-weight: bold;
  font-weight: bold;
  background: #b69431;
  color: #fff;
  padding: 0.2em;
}
.st_check_box01 td{ background: #F7F5F5; padding: 7px;}

.st_check_box02 table th {
background: #b69431;
color: #fff;
}
.st_check_box02 table td{ background: #F7F5F5; border: 1px solid #fff;}
.hidden { display: none; /*margin-left: 10px;*/}
.hidden label {
  float: left;
  margin-right: 10px;
}
.st_check_box02 table td:last-child{ padding-right: 3px;}
.st_check_box02 table th:last-child{ padding-right: 3px;}
.st_td02 {
	width: 30%;
	/*color: #61c8ef;*/
	float: left;
	text-align: center;
 }
 
	.st_td02 select {
		/*color: #61c8ef;*/
		padding: 0 10px;
	 }
 
#center_st1, #center_st2, #center_st3 {display: none;}
 
.box-right input[type="text"] {
	border: solid 1px #C0BEBE;
	display: inline-block;
	border-radius: 10px;
	padding: 0.2em 1em;
	
 }
 .change_box input[type="text"], .change_box select{ width: 45%; }
 
#center_st1 input[type="text"], #center_st2 input[type="text"],
#center_st3 input[type="text"] {
	border: solid 1px #e7e7e7;
	display: inline-block;
	border-radius: 10px;
	padding: 0.2em 1em;
	font-size: 13px;
 }
 
.box-right select {
	/*color: #61c8ef;*/
	border-radius: 10px;
	border: solid 1px #DBDBDB;
	padding: 0.2em 0.5em 0.2em 1em;
 }
 
.st_td03 select {
	/*color: #61c8ef;*/
	border-radius: 10px;
	border: solid 1px #DBDBDB;
	padding: 0.2em 1em;
 }
 
html.lt-ie9 .box-right select {padding-right: 0.5em;}
 
/*.styled-select select {
  width: 100%;
  background: transparent;
  border: 0;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  -webkit-appearance: none;
  }
 
.styled-select {
  width: 70%;
  overflow: hidden;
  background: url(../../images/icn-select.png) no-repeat 95% 100%;
  border: 1px solid #ccc;
   border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: auto;
}
html.lt-ie9 .styled-select select{
   background: inherit;
}*/
.detail_boxst01-01, .detail_boxst01-02 {
	font-size: 13px;
	width: auto;
 }
 
.detail_boxst01-01 table,
.detail_boxst01-01 tbody {width: 100%;}
 
.detail_boxst01-01 tr {
	width: 32%;
	float: left;
	padding: 0 5px 0 0;
 }
 .detail_boxst01-01 tr.clear{ width: 100%;}
 .detail_boxst01-01 tr.clear td:first-child{ width: 15%;}
 .detail_boxst01-01 tr.clear td.st_td03{ width: 60%;}
.detail_boxst01-01 td {
	float: left;
	padding: 5px;
	padding-top: 7px;
	padding-bottom: 7px;
	vertical-align: top;
	font-size: 13px;
 }
 
	.detail_boxst01-01 td:first-child {
		width: 40%;
		float: left;
	 }
 
.detail_boxst01-01, .detail_boxst01-02,
.detail_boxst01-03, .note_box {
	padding: 10px 0 10px 15px;
	font-size: 13px;
	position: relative;
	display: inline-block;
	width: 98%;
 }
 
.detail_boxst01-03 tr td, .detail_boxst03-01 tr td {font-size: 13px;}
 
.detail_boxst03-01 {
	padding: 10px 0 10px 15px;
	font-size: 13px;
 }
 
	.detail_boxst03-01 tr td {padding: 5px 5px 5px 5px;}
 
td.st_td03 {width: 130px;}
 
.st_td03, .st_td03 select {/*color: #61c8ef;*/}
select.select-show{ float: left; margin-right: 10px; }
.detail_boxst01-02 table.inner {width: 796px;}
tr.tr_last td span {
margin: 0 5px 0 5px;
}
/*.detail_boxst01-02 table.inner tr:first-child{ background: #fff !important;}
.detail_boxst01-02 table.inner tr:nth-child(odd) { background: #d6d6d6; }
.detail_boxst01-02 table.inner tr:last-child{ background: #fff;}*/
.scroll_box {margin-bottom: 1em; padding-bottom: 1em;}
 
.boxst-table {}
 
.st_table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 13px;
 }
 
	.st_table td {
		padding: 5px 5px 5px 5px;
		overflow: hidden;
		word-break: normal;
		font-size: 13px;
		/*color: #61c8ef;*/
	 }
 
	.st_table tr:first-child {margin-bottom: 5px;}
 
	.st_table th {
		font-weight: normal;
		padding: 10px 5px;
		overflow: hidden;
		word-break: normal;
		border-bottom: solid 1px #666666;
		height: 25px;
		padding: 5px;
		font-weight: bold;
	 }
 
.note_box_con {
	padding: 10px 0 10px 15px;
	font-size: 13px;
	display: inline-block; /* position: relative; */
	width: 95%;
	position: absolute;
	bottom: 0;
 }
 
.note_box p {margin-top: 0;}
 
.st-0old {text-align: left}
 
.st-0ord {text-align: right}
 
.st-s6z2 {text-align: center}
 
	.st-s6z2 input[type="text"], .st_td03 input[type="text"] {
		float: left;
		padding: 0 5px;
		/*color: #61c8ef;*/
	 }
 
.tr_last td {
	font-size: 13px;
	color: #000;
	font-weight: bold;
 }
 
.btn_remove {
	background: url(../../images/btn_remove.png) no-repeat center;
	width: 14px;
	height: 14px;
	border: none;
	text-indent: -9999px;
 }
 
.btn_add {
	background: url(../../images/btn_add.png) no-repeat center;
	float: left;
	width: 14px;
	height: 14px;
	border: none;
	text-indent: -9999px;
 }
 
.btn-sc-next {
	width: 35%;
	clear: both;
	margin: auto;
	margin-top: 0.5em;
	display: block;
 }
 
	.btn-sc-next .btn-green {
		background: url(images/btn-green.jpg) no-repeat;
		background-color: #d8c800; /*#75BA3D*/
		color: #fff;
		font-size: 20px;
		display: block;
		border: none;
		height: auto;
		width: 94px;
		padding: 0.1em;
		text-decoration: none;
		float: left;
		text-align: center;
		margin-right: 20px;
		cursor: pointer;
	 }
 
	.btn-sc-next .btn-gray {
		background: url(images/btn-gray.jpg) no-repeat;
		background-color: #CCCCCC;
		color: #fff;
		font-size: 20px;
		display: block;
		border: none;
		height: auto;
		width: 150px;
		padding: 0.1em;
		text-decoration: none;
		float: left;
		text-align: center;
		margin-right: 20px;
		cursor: pointer;
	 }
 
.st_check_box01, .st_check_box02 {font-size: 13px;}
 
.st_check_box01 table {padding: 0 0 15px 20px;}
 
.st_check_box02 table {
	padding: 0 0 15px 20px;
	margin-bottom: 20px;
 }
 
	.st_check_box02 table th {
		overflow: hidden;
		word-break: normal;
		border-bottom: solid 1px #666666;
		height: 25px;
		padding: 5px 0 5px 0;
		font-weight: bold;
	 }
 
	.st_check_box02 table tr {
		width: 100%;
		white-space: pre-line;
	 }
 
		.st_check_box02 table tr td {padding: 2px 0;}
 
.st_conf_box {
	padding: 0 25px 20px 0;
	font-size: 13px;
	min-height: 200px;
 }
 
.status-table {margin-top: 1em;}
 
.table-status01 {
	margin: 1em 0 1em 0;
	overflow: hidden;
 }
 
	.table-status01 table tr {
		margin-top: 1em;
		margin-bottom: 1em;
		width: 100%;
	 }
 
		.table-status01 table tr td {
			padding-top: 0.5em;
			padding-left: 0.5em;
			
		 }
.status-table th {
    background: #d8c800; /*75BA3D*/
    color: #fff;
    padding-top: 3px;
    border-right: 1px solid #fff;
    v
}
.status-table tr td{ padding: 0 4px 0 0;}
.status-table .odd{
   background: #eee;
}

.tb_s01{ margin-bottom: 20px;}
/*.i-pdf{text-indent: -9999px;}
.i-pdf a{ background:url(../../images/pdf-icon.png) no-repeat top center ; width: 24px; height: 24px; padding: 10px; }*/
.boder0 {border-bottom: 0px !important;}
 
.clear {clear: both;}
 
.change_box {
	clear: both;
	width: 80%;
	margin: auto;
	padding: 20px 0;
	display: inline-block;
	display: block;
	overflow: hidden;
}

.change_box_f2{
  font-size: 13px;
  color: #666666;
}
.change_box tr td {
  padding: 5px;
}
.tabletd_r {
  text-align: right;
}

.change_box02 {
  width: 813px;;
  margin: auto;
  padding: 20px 0;
}
.change_box02 table{ float: left; padding-right: 10px;}

.change_box02 table tr td input{ width: 75%;}
.change_box02 table tr td{
 padding: 5px 0;
}
.change_box02 table tr td select { width: 95%;}
.change_box03{
	 width: 80%;
	margin: auto;
	padding: 20px 0;
}
.change_box03 tr td {
  padding: 5px;
}

.req_online { margin: 15px 0;}
.req_online tr th{ background: #b69431; border-right: 1px solid #fff; padding: 10px 0; color: #fff;}
.req_online tr th:last-child{border-right: none;}
.req_online tr td{ padding: 5px;}
.req_online tr.even{ background: #eee;}
.req_online tr.odd{ background: #fff;}
.req_online tr td:last-child{ color: #0058b0;}
.req_online tr:last-child{ background: #AEAEAE; color: #fff;}

input.custom-file-input {
  background: #F4F5F2;
}
.req_online_note ul{ list-style: none;}
.req_online_note ul li{ padding: 5px 0;   overflow: hidden;}
.req_online_note ul li span{ float: left; overflow: hidden; width: 20px;}
.req_online_note ul li p{
	float: left;
	overflow: hidden;
	width: 95%;
	margin: 0;
	}
	
.req_online_note {
  margin-top: 20px;
  clear: both;
  overflow: hidden;
}


.popup-detail .req_online tr th{ background: #7E807C;}



.copy-right span {
  font-family: "tahoma";
  font-size: 0.8125em;
  color: #666666;
}


.txt-head-box {
  padding: 20px 20px;
}
.box-form {
  margin-left: 50px;
  margin-top: 20px;
}
.txt-head {
  float: left;
  margin: 10px 0;
  clear: both;
  
}
.txt-head label {
  display: inline-block;
  width: 180px;
  font-size: 14px;
  color: #666666;
}
.txt-input {
  border: solid 1px #e7e7e7;
  display: inline-block;
  border-radius: 10px;
}

.txt-other {
  float: left;
  margin: 10px;
}
.box-right  .txt-input input {
  display: inline-block;
  border: none;
  margin: 3px;
}

.txt-input i {
  background: url(../../images/icon-eye.png) no-repeat;
  width: 21px;
  height: 11px;
  display: inline-block;
  padding-right: 5px;
}
.txt-note {
  display: block;
  clear: both;
  width: 100%;
  font-size: 14px;
}
/*******************new 22/12/57 *******************************/

@media only screen and (max-width : 1100px) {
#wrapper{width: 100%}
.box-main-menu {
	width: 98%;
	margin: auto;
 }
 
.main-status {width: 100%;}
 
.box-right-main {
	width: 98%;
	margin: auto;
	padding: 0;
	clear: both;
	float: none;
 }
 
.box-left {width: 96%;}
 
.box-right {
	width: 96%;
	margin-top: 10px;
 }
 
.slider-container #foo a img {width: 100%;}
 
.arrow {
	background: url(images/side-nav/icn-plus2.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 20px
 }
 
.up {
	background: url(images/side-nav/icn-minus2.png) no-repeat !important;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 20px;
 }
 
/*open account*/
.text-head-g {
	font-size: 24px;
	color: #b69431;
	text-align: left;
 }

.text-head-gr {
	font-size: 24px;
	color: #666666;
	text-align: left;
 }
 
.text-head-gt {
	font-size: 22px;
	color: #999999;
	text-align: left;
 }
 
.block-open-account {margin: 10px 0px;}
 
.block-green {
	clear: both;
	float: none;
 }
 
.block-1 {
	background-color: #98CF6B;
	color: #fff;
	width: 96%;
	height: auto;
	float: left;
	display: block;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.block-2 {
	background-color: #b69431;
	color: #fff;
	width: 96%;
	max-width: 924px;
	height: auto;
	float: left;
	display: block;
	margin: 0;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.block-3 {
	width: 96%;
	float: left;
 }
 
.block-3-1 {
	background-color: #B3B3B3;
	color: #666666;
	width: 100%;
	height: auto;
	display: block;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.block-3-2 {
	background-color: #E6E6E6;
	color: #666666;
	width: 100%;
	height: auto;
	display: block;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.block-4 {
	background-color: #666666;
	color: #fff;
	width: 96%;
	height: auto;
	float: left;
	display: block;
	margin: 0;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.img {display: none;}
 
.menu-open-acc {
	clear: both;
	margin: auto;
	width: 90%;
	display: block;
	text-align: center;
 }
 
	.menu-open-acc div {
		list-style: none;
		display: inline-block;
		padding: 5px 10px;
		background-color: #b69431;
		margin: 2px; /*width: 75%;*/
	 }
 
		.menu-open-acc div a {
			color: #fff;
			font-size: 20px;
		 }
 
			.menu-open-acc div a > i {
				font-size: 0.6em;
				width: 8px;
				height: 8px;
				display: inline-block;
			 }
 
.block-3 ul li {list-style-type: square;}
.e-table{ width: 1077px !important; }
/*step bar*/
#step-bar {height: 50px;}
 
	#step-bar .step-process {
		display: block;
		font-size: 17px;
		font-weight: bold;
		color: #666666;
	 }
 
#step-list {
	overflow: hidden;
	height: 40px;
	margin: 0;
	padding: 0;
 }
 
	#step-list > li {
		display: block;
		float: left;
		background: #e9e9e9;
	 }
 
		#step-list > li > span, #step-list > li a {
			display: block;
			position: relative;
			float: left;
			right: -23px;
			padding: 0 35px;
			height: 40px;
			color: #ccc;
			text-decoration: none;
			background: url("../../images/next-gray.png") right 0px no-repeat;
		 }
 
		#step-list > li > span > span, #step-list > li a > span {
			display: block;
			margin: -8px 0 0 -20px;
			font-size: 20px;
		 }
 
		#step-list > li > span > span:first-child, #step-list > li a > span:first-child {
			margin-top: -1px;
			font-size: 20px;
		 }
 
		#step-list > li.active {background: #b69431;}
 
			#step-list > li.active > span, #step-list > li.active a {
				display: block;
				color: #fff;
				background: url("../../images/next-green.png") right top no-repeat;
			 }
 
		#step-list > li:first-child > span, #step-list > li:first-child a {
			display: block;
			padding: 0 35px 0 10px;
			background: url("../../images/next-green.png") right top no-repeat;
		 }
 
.head-txt {
	color: #666666;
	font-size: 14px;
	padding: 12px 0;
	float: left;
	width: 90%;
 }
 
.box-datepicker {
	width: 43% !important;
	display: inline-block;
 }
 
.box-input-s {width: 115px;}
 
/*MIS*/
.box-port {
	min-height: 550px;
	width: 98%;
 }
 
.head-f {
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 1.5em;
	width: 60%;
 }
 
.txt-number {
	width: 90px;
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 2em;
 }
 
.head-g {
	color: #616161;
	display: inline-block;
	font-size: 23px;
	line-height: 1em;
 }
 
.port-table {
	font-size: 22px;
	width: 100%;
	margin-top: 10px;
 }
 
.b-select {
	border-radius: 10px;
	border: solid 1px #DBDBDB;
	padding: 2px;
	width: 15%;
 }
 
table.port-table tr {
	font-size: 13px;
	height: 20px;
	padding: 5px;
 }
 
	table.port-table tr th {
		border-bottom: solid 1px #666666;
		padding: 5px;
	 }
 
	table.port-table tr td {
		padding: 5px;
		font-size: 13px;
	 }
 
.b-color {border-bottom: solid 1px #949494;}
 
.box-scroll-mis {
	overflow: auto;
	width: 100%;
 }
 
.btn-ok {
	font-size: 20px;
	border: none;
	background: #b69431;
	color: #fff;
	cursor: pointer;
	padding: 2px 5px;
	width: 10%;
	margin-left: 10px;
 }
 
.btn-export {
	font-size: 20px;
	background: #b69431;
	color: #fff;
	cursor: pointer;
	padding: 2px 5px;
	width: 10%;
	float: right;
	text-align: center;
 }
 
.txt-first {
	display: inline-block;
	float: left;
	height: 20px;
	font-weight: bold;
	padding: 2px 0;
 }
 
.txt-lasted {
	float: right;
	display: inline-block;
	height: 20px;
	padding: 2px 0;
	width: auto;
	text-align: right;
 }
 
.i-down {
	display: inline-block;
	background: url(../../images/icn-down.png) no-repeat;
	width: 9px;
	height: 7px;
 }
 
.g-left {
	width: 98%;
	display: inline-block;
	float: left;
 }
 
.g-right {
	width: 98%;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
 }
 
.g-left-2 {
	width: 98%;
	display: inline-block;
	float: left;
	margin-top: 10px;
 }
 
.g-center {
	width: 98%;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
 }
 
.g-right-2 {
	width: 98%;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
 }
 
.g-middle {
	width: 98%;
	display: inline-block;
	float: left;
	margin-top: 10px;
	margin-top: 10px;
 }
 
}
 
@media only screen and (max-width : 979px) {
td.st_td03 {width: 50%;}
.table-status01 table tr td {
	float: left;
	width: 100%;
 }
 
.btn-sc-next {width: 55%;}
 
}
 
@media only screen and (max-width : 845px) {
  .st_check_box02 table{ width: 98%;}
}
 
@media only screen and (max-width : 767px) {
.logo {width:auto;float:left;}
.logo img {height: 50px;}
 
.member {
	width: auto;
	text-align: right;
	float: right;
	display: block;
	margin-top: 25px;
 }
 
.text-welcome {
	float: right;
	font-size: 13px;
	width: 100%;
	text-align: center;
	display: block;
	margin-right: 5px;
	position: static;
 }
 
.box-right-main {
	position: relative;
	min-height: 370px;
	width: 97%;
	padding: 0px;
 }
 
.box-left {
	width: 97%;
	margin: auto;
	margin-bottom: 20px;
	max-height: 135px;
	height: auto;
	padding: 0.5em;
 }
 
.box-right {
	width: 97%;
	margin-top: 10px;
	overflow: hidden;
	margin: auto;
	padding: 0.5em;
 }
 
.search-table-outter {width: 100%;}
 
.head-first {line-height: 1em !important;}
 
.txt-footer {font-size: 12px;}
 
.copy-right {padding: 5px !important;}
 
.box-scroll {
	width: 100%;
	margin-top: 20px;
 }
 
.first2 {
	width: 100%;
	padding: 5px 0;
 }
 
.first3 {
	width: 100%;
	margin-left: 0px;
 }
 
.first22 {width: 100%;}
 
.first33 {
	width: 100%;
	margin-left: 0px;
 }
 
.box-scroll {
	width: 95%;
	margin-top: 20px;
 }
 
.box-scroll2 {
	width: 95%;
	margin: 0 auto;
	min-height: 250px;
	margin-top: 20px;
	overflow: hidden
 }
 
.input-history input {width: 80%;}
 
.btn-change {
	float: left;
	margin-bottom: 20px;
 }
 
.btn-change-next {
	text-align: center;
	float: left;
	margin-left: 140px;
 }
 
.style-total {
	width: 100%;
	display: block;
	margin: 40px 0 10px;
	height: 10px;
	font-size: 13px;
 }
 
.text-left {float: left;}
 
.total-left {float: left;}
 
.total-right {
	float: right;
	line-height: 4.5em;
	margin-right: 0px;
 }
 
.total-text {
	float: left;
	line-height: 4.5em;
	margin-left: 0;
	margin-right: 10px;
 }
 
.scroll-bottom {
	position: relative;
	display: block;
	overflow: hidden; /*width: 320px;max-width:699px;*/
	overflow-y: hidden;
	padding-bottom: 20px;
 }
 
#report div.arrow {
	background: url(images/side-nav/icn-plus2.png) no-repeat;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 60px;
 }
 
.up {
	background: url(images/side-nav/icn-minus2.png) no-repeat !important;
	width: 16px;
	height: 16px;
	display: block;
	cursor: pointer;
	float: right;
	margin-right: 60px;
 }
 
.confirm-margin-table {width: 100% !important;}
 
.margin-table {
	width: 100%;
	margin-top: 20px;
 }
 
.btn-last {
	text-align: center;
	width: 100%;
 }
 
.odd {
	background: #E6E6E6;
	cursor: pointer;
 }
 
.position-total {float: left;}
 
.search-table {
	margin: 10px 0; /*table-layout: fixed;*/
	overflow: auto; /*width: 80%;*/
 }
 
#report2 {
	margin: 10px 0;
	overflow: auto;
 }
 
table tr td {border: solid 0px red;}
 
.search-table-outter {
	padding: 0 5px 0px 0;
	width: 1500px;
	overflow: scroll;
	min-height: 210px;
 }
 
	.search-table-outter th, .search-table-outter td {min-width: 120px;}
 
/*.popup-detail table tr th, .popup-detail table tr td{width:90px !important;min-width:0px !important;}*/
.popup-detail .width4 {min-width: 140px !important;}
 
.popup-detail .width6 {min-width: 80px !important;}
 
.popup-detail .width8 {min-width: 140px !important;}
 
.footer-total {
	margin-top: 10px;
	overflow: hidden;
	position: relative;
 }
 
/*open account*/
.text-head-g {
	font-size: 24px;
	color: #b69431;
	text-align: left;
 }
 
.text-head-gr {
	font-size: 24px;
	color: #666666;
	text-align: left;
 }
 
.text-head-gt {
	font-size: 22px;
	color: #999999;
	text-align: left;
 }
 
.block-open-account {
	margin: 10px 0px;
	width: 100%;
	overflow: hidden;
 }
 
.block-green {
	clear: both;
	float: none;
 }
 
.block-1 {
	background-color: #98CF6B;
	color: #fff;
	width: 90%;
	height: auto;
	float: left;
	display: block;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
	overflow: hidden;
 }
 
.block-2 {
	background-color: #b69431;
	color: #fff;
	width: 90%;
	height: auto;
	float: left;
	display: block;
	margin: 0;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.block-3 {
	width: 90%;
	float: left;
 }
 
.block-3-1 {
	background-color: #B3B3B3;
	color: #666666;
	width: 100%;
	height: auto;
	display: block;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.block-3-2 {
	background-color: #E6E6E6;
	color: #666666;
	width: 100%;
	height: auto;
	display: block;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.block-4 {
	background-color: #666666;
	color: #fff;
	width: 90%;
	height: auto;
	float: left;
	display: block;
	margin: 0;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	font-family: Tahoma,Arial;
 }
 
.img {display: none;}
 
.menu-open-acc {
	clear: both;
	margin: auto;
	width: 90%;
	display: block;
	border: solid 0px red;
 }
 
	.menu-open-acc div {
		display: inline-block;
		padding: 5px 10px;
		background-color: #b69431;
		width: 85%;
		margin: 2px;
		border-radius: 15px;
		text-align: center;
	 }
 
		.menu-open-acc div a {
			text-decoration: none;
			color: #fff;
			font-size: 20px;
		 }
 
			.menu-open-acc div a > i {
				font-size: 0.6em;
				width: 8px;
				height: 8px;
				display: inline-block;
			 }
 
.block-3 ul li {list-style-type: square;}
 
/*edit_resumes*/
/*.box-form {padding: 0 20px;margin: 0px;width: 90% !important;overflow: hidden;border: solid 1px red;}*/
/*.txt-head label {display: inline-block;width: 170px !important;font-size: 14px;color: #666666;float: left;text-align: right;margin-right: 10px;border: solid 1px green;}*/
/*MIS*/
.box-port {
	min-height: 550px;
	width: 98%;
 }
 
.txt-number {
	width: 90%;
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 2em;
 }
 
.head-f {
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 1.5em;
	width: 100%;
 }
 
.b-select {
	border-radius: 10px;
	border: solid 1px #DBDBDB;
	padding: 2px;
	width: 60%;
 }
 
.head-g {
	color: #616161;
	display: inline-block;
	font-size: 23px;
	line-height: 1em;
 }
 
.port-table {
	font-size: 22px;
	width: 100%;
	margin-top: 10px;
	overflow: auto;
 }
 
table.port-table tr {
	font-size: 13px;
	height: 20px;
	padding: 5px;
 }
 
	table.port-table tr th {
		border-bottom: solid 1px #666666;
		padding: 5px;
	 }
 
	table.port-table tr td {
		padding: 5px;
		font-size: 13px;
	 }
 
.b-color {
	border-bottom: solid 1px #949494;
	height: 70px;
 }
 
.btn-ok {
	font-size: 20px;
	border: none;
	background: #b69431;
	color: #fff;
	cursor: pointer;
	padding: 2px 5px;
	width: 30%;
	margin-left: 10px;
 }
 
.btn-export {
	font-size: 20px;
	background: #b69431;
	color: #fff;
	cursor: pointer;
	padding: 2px 5px;
	width: 20%;
	float: left;
	text-align: center;
 }
 
.txt-first {
	display: inline-block;
	float: left;
	height: 20px;
	font-weight: bold;
	padding: 2px 0;
 }
 
.txt-lasted {
	float: right;
	display: inline-block;
	height: 20px;
	padding: 2px 0;
	width: auto;
	text-align: right;
 }
 
.i-down {
	display: inline-block;
	background: url(../../images/icn-down.png) no-repeat;
	width: 9px;
	height: 7px;
 }
 
.box-scroll-mis {
	overflow: auto;
	margin: 10px 0;
 }
 
.g-left {
	width: 98%;
	display: inline-block;
	float: left;
 }
 
.g-right {
	width: 98%;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
 }
 
.g-left-2 {
	width: 98%;
	display: inline-block;
	float: left;
	margin-top: 10px;
 }
 
.g-center {
	width: 98%;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
 }
 
.g-right-2 {
	width: 98%;
	display: inline-block;
	float: left;
	margin-left: 0px;
	margin-top: 10px;
 }
 
.g-middle {
	width: 98%;
	display: inline-block;
	float: left;
	margin-top: 10px;
	margin-top: 10px;
 }
 
.g-left-3 {
	width: 30%;
	display: inline-block;
	float: left;
	margin-left: 0px;
 }
 
.g-center-3 {
	width: 30%;
	display: inline-block;
	float: left;
	margin-left: 50px;
 }
 
.g-right-3 {
	width: 30%;
	display: inline-block;
	float: left;
	margin-left: 50px;
 }
 
.g-middle3 {
	width: 30%;
	display: inline-block;
	float: left;
 }
 
.txt-type {
	width: 140px;
	color: #b69431;
	display: inline-block;
	font-size: 23px;
	line-height: 2em;
	text-align: left;
 }
 
#box-first {
	width: 93%;
	font-size: 13px;
	font-weight: bold;
	line-height: 2em;
	float: left;
	margin-left: 0px;
	border: solid 1px #ccc;
	padding: 10px;
	margin-top: 10px;
 }
 
#box-second {
	width: 93%;
	font-size: 13px;
	font-weight: bold;
	margin-left: 0px;
	border: solid 1px #ccc;
	padding: 10px;
	margin-top: 10px;
 }
 
.b-color2 {
	border-bottom: solid 1px #949494;
	height: 25px;
 }
 
.st_td01 {width: 40%;}
 
.st_td02 {
	width: 82%;
	text-align: left;
 }
 
.detail_boxst01-01, .detail_boxst01-02, .detail_boxst01-03, .note_box {padding: 0.2em;}
 
.detail_boxst01-01 tr {width: 100%;}
 
.detail_boxst01-01 .w100 td {width: 100% !important;}
 
.st_check_box01 table {
	width: 100%;
	border-collapse: collapse;
 }
 
.st_check_box02 table th {text-align: center;}
 
.st_check_box02 table, .st_check_box02 tbody {
	width: 100%;
	padding: 0;
	display: block;
 }
 
td.st_td03 {width: 70%;}
 
table.st_table02 {width: 100%;}
 
.detail_boxst03-01 table tr td {
	width: 100%;
	float: left;
	overflow: hidden;
 }
 
 
}
 
@media only screen and (max-width : 548px) {
.box-left {width: 94%; padding-right: 0.5em; padding-left: 0.5em; }
.box-right {
	width: 94%;
	padding-right: 0.5em;
	padding-left: 0.5em;
 }
 
.copy-right img {display: none;}
 
.logo {
	width: auto;
	float: left;
 }
 
	.logo img {height: 50px;}
 
.member {
	width: auto;
	text-align: right;
	float: right;
	display: block;
	margin-top: 25px;
	border: solid 0px red;
 }
 
.text-welcome {
	float: right;
	font-size: 13px;
	width: 100%;
	text-align: center;
	display: block;
	margin: 0px;
	position: static;
	margin-right: 10px;
 }
 
/*.bg-slider.slider-container a img{display:none !important;}*/
.st_td01 {width: 40%;}
 
.st_td02 {
	width: 82%;
	text-align: left;
 }
 
.detail_boxst01-01, .detail_boxst01-02, .detail_boxst01-03, .note_box {padding: 0.2em;}
 
.detail_boxst01-01 tr {width: 100%;}
 
.detail_boxst01-01 .w100 td {width: 100% !important;}
 
.st_table02, .st_table02 tr {
	width: 100%;
	margin-bottom: 0.5em;
 }
select.select-show{ float: none; margin-bottom: 5px; }
.btn-change-next a {margin: auto;}
 
.note_box_con {position: relative;}
 
.st_check_box01 table {width: 100%;}
 
.st_check_box01 table {
	width: 100%;
	border-collapse: collapse;
 }
.st_box01_detail, .st_box02_detail{
  padding: 1.4em 0.5em;

}

.st_box02_detail p {
  width: 100%;
  display: inline-block;
}
.st_box02_detail p input{
float: left;
}
.st_box02_detail .st-22 {
float: left;
display: block;
width: 90%;
}
/* Zebra striping */
.st_check_box01 tr:nth-of-type(odd) {background: #eee;}
 
.st_check_box01 th {
	background: #333;
	color: white;
	font-weight: bold;
 }
 .st_check_box01 tr{ margin-bottom: 10px;  display: block;}
.st_check_box01 td, .st_check_box01 th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	display: block;
	width: 100%;
	
 }
 
.st_check_box02 table, .st_check_box02 tbody {
	width: 100%;
	padding: 0;
	display: block;
 }
 
.st_check_box02 table tr td {
	padding: 0.2em 0;
	width: 100%;
 }
.detail_boxst01-01 tr.clear td:first-child{ width: 100%}
.st_check_box02 table td:last-child{ padding-right: inherit;}
.st_check_box02 table th:last-child{ padding-right: inherit;}
.st_check_box02 table, .st_check_box02 .st_check_box02
  .st_check_box02 tbody,
  .st_check_box02 th, .st_check_box02 td, .st_check_box02 tr {display: block;}
 
/* Hide table headers (but not display: none;, for accessibility) */
.st_check_box02 th {
	width: 100%;
	position: absolute;
	top: -9999px;
	left: -9999px;
 }
 
.st_check_box02 table tr {
	border: 1px solid #ccc;
	margin-bottom: 1em;
 }
 
	.st_check_box02 table tr:first-child {
		border: none;
		display: none;
	 }
 
.st_check_box02 table td {
	border: none; /* Behave  like a "row" */
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: right;
 }
 
.st_check_box02 table tr td:before {
	position: absolute; /* Now like a table header */
	top: 0.2em; /* Top/left values mimic padding */
	left: 0.2em;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
 }
 
/*
	Label the data
	*/
.st_check_box02 td:nth-of-type(1):before {content: attr(data-foo);}
 
.st_check_box02 td:nth-of-type(2):before {content: attr(data-foo);}
 
.st_check_box02 td:nth-of-type(3):before {content: attr(data-foo);}
 
.st_check_box02 td:nth-of-type(4):before {content: attr(data-foo);}
 
 
 .req_online table, .req_online tbody {
	width: 100%;
	padding: 0;
	display: block;
 }
 
.req_online table tr td {
	padding: 0.2em 0;
	width: 100%;
 }
.req_online table tr.even td{ border-bottom: 1px solid #fff;}
.req_online table td:last-child{ padding-right: inherit;}
.req_online table th:last-child{ padding-right: inherit;}
.req_online table, .req_online .req_online
  .req_online tbody,
  .req_online th, .req_online td, .req_online tr {display: block;}
 
/* Hide table headers (but not display: none;, for accessibility) */
.req_online th {
	width: 100%;
	position: absolute;
	top: -9999px;
	left: -9999px;
 }
 
.req_online table tr {
	border: 1px solid #ccc;
	margin-bottom: 1em;
 }
 
	.req_online table tr:first-child {
		border: none;
		display: none;
	 }
 
.req_online table td {
	border: none; /* Behave  like a "row" */
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	text-align: right;
 }
 
.req_online table tr td:before {
	position: absolute; /* Now like a table header */
	top: 0.2em; /* Top/left values mimic padding */
	left: 0.2em;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
 }
 
/*
	Label the data
	*/
.req_online td:nth-of-type(1):before {content: attr(data-foo);}
 
.req_online td:nth-of-type(2):before {content: attr(data-foo);}
 
.req_online td:nth-of-type(3):before {content: attr(data-foo);}
 
.req_online td:nth-of-type(4):before {content: attr(data-foo);}

.req_online td:nth-of-type(5):before {content: attr(data-foo);}

.req_online td:nth-of-type(6):before {content: attr(data-foo);}
 
.status-table tr {
  display: block;
  width: 98%;
}
.status-table tr td{
  display: block;
  width: 100%;
}

.note_box, .note_box_con {padding: 10px 0 10px 0px;}
 
.style-total {
	height: auto;
	margin-bottom: 1em;
	margin-top: 0;
 }
 
.btn-change-next {
	margin: auto;
	width: auto;
	width: auto;
	float: none;
 }
 
.btn-sc-next {width: 90%;}
 
.table-status01 table tr td {
	float: left;
	width: 100% !important;
 }
 
.btn-sc-next .btn-green {width: 42%;}
 
.btn-sc-next .btn-gray {width: 42%;}
 
.btn-change-next a {
	width: 26%;
	background-color: #d8c800; /*75BA3D*/
 }
 
.status-outter table.status-table, .status-outter table.status-table >tbody {
	width: 100%;
	padding: 0;
	display: block;
 }
 
.status-outter table.status-table tr.stt_tr1 td.stt01 {
	padding: 0.2em 0;
	width: 98%;
	margin: auto;
	min-height: 14px;
	margin-bottom: 0.5em;
 }
 
.status-outter table.status-table, 
  .status-outter th.stt_th1, .status-outter td.stt01, .status-outter tr.stt_tr1 {display: block;}
 
/* Hide table headers (but not display: none;, for accessibility) */
.status-outter th.stt_th1 {
	width: 100%;
	position: absolute;
	top: -9999px;
	left: -9999px;
	border: none;
 }
 
.status-outter table.status-table tr.stt_tr1:first-child {
	border: none;
	display: none;
 }
 
.status-outter table.status-table tr.stt_tr1 {
	border: 1px solid #ccc;
	margin-bottom: 1em;
 }
.status-outter table.status-table tr.odd td{
	border-bottom: 1px solid #fff;
	
 }
 
.status-outter table.status-table td.stt01 {
	border: none; /* Behave  like a "row" */
	border-bottom: 1px solid #eee;
	position: relative;
	text-align: right; /*padding-left: 50%;*/
 }
 
.status-outter table.status-table tr.stt_tr1 td.stt01:before {
	position: absolute; /* Now like a table header */
	top: 0.2em; /* Top/left values mimic padding */
	left: 0.2em;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	text-align: left;
 }
 
/*
	Label the data
	*/
.status-outter .status-table td.stt01:nth-of-type(1):before {content: attr(data-foo);}
 
.status-outter .status-table td.stt01:nth-of-type(2):before {content: attr(data-foo);}
 
.status-outter .status-table td.stt01:nth-of-type(3):before {content: attr(data-foo);}
 
.status-outter .status-table td.stt01:nth-of-type(4):before {content: attr(data-foo);}
 
.status-outter .status-table td.stt01:nth-of-type(5):before {content: attr(data-foo);}
 
.status-outter .status-table td.stt01:nth-of-type(6):before {content: attr(data-foo);}
 
#slide-content-1, #slide-content-2,
	#slide-content-3 {
	background: #FCFCFC;
	width: 95%;
	margin: auto;
	margin-bottom: 0.5em;
 }
 
.styled-select {width: 100%;}
 
/*.scroll_box:hover{ background: #caffca;}*/
select {background: rgba(215, 215, 215, 0.5);}
 
.copy-right {
	height: auto;
	padding: 0;
 }
 
#footer-right {padding-top: 0;}



.change_box tr td{ display: block; width: 100%;}
.change_box03 tr td{ display: block; width: 100%;}

.change_box tr td.tabletd_r {
  text-align: left;
}

.change_box{ width: 100%;}
.req_online_note ul {
  padding: 0;
}
.req_online_note ul li p {width: 90%; }

.box-form {
  margin-left: 0;
  margin-top: 0;
}
.txt-head-box {
  padding: 0;
  display: block;
  width: 100%;
}
.txt-other {
  float: left;
  margin-left: 0;
  margin-top: 0;
}
input.resend{ margin-left:0;}

.txt-note{ margin-bottom: 10px;}
 .change_box input[type="text"], .change_box select{ width: 70%; }
}
 
@media only screen and (max-width : 320px) {}