/* login */
.input-lg{
	height: 45px;
	padding: 10px 16px;
	font-size: 17px;
	line-height: 1.33;
	border-radius : 3px;	
	
}

#page-signin-bg {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20;
  background:#eee;
}

.signup-container {
  border-radius: 2px;
  display: block;
  margin: 20px 14px;
  position: relative;
  z-index: 999;
}
.signup-header {
  background: #444;
  display: block;
  overflow: hidden;
  padding: 16px 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
}
.slogan {
  display:block;
  margin-right: auto;
  margin-left: auto;
  text-align:center;
}
.signup-form {
  background: #f9f9f9;
  display: block;
  padding: 30px 20px;
  position: relative;
}
.form-actions {
  margin-top: 15px;
}
.form-actions .signup-btn {
  border: none;
  border-radius: 999999px;
  font-size: 18px;
  font-weight: blod;
  line-height: 19px;
  outline: 0 !important;
  padding: 15px;
  text-align: center;
  width: 100%;
  border-radius: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form-actions .signup-btn:hover {
  background: #444 !important;
}
.form-actions a.forgot-password {
  border-bottom: 1px dashed #bbb;
  color: #999;
  display: inline-block;
  font-size: 11px;
  margin-left: 10px;
  padding-bottom: 1px;
}
.form-actions a.forgot-password:hover {
  color: #555555;
  text-decoration: none;
}
.form-group {
  margin: 0;
  position: relative;
}
.form-group + .form-group {
  margin: 10px 0 0 0;
}
.form-group.w-icon .signup-form-icon {
  border-right: 1px solid #d6d6d6;
  bottom: 9px;
  color: #d6d6d6;
  display: block;
  font-size: 14px;
  left: 0;
  line-height: 27px;
  position: absolute;
  text-align: center;
  top: 9px;
  width: 40px;
  z-index: 1002;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form-group.w-icon input[type="text"],
.form-group.w-icon input[type="password"] {
  font-size: 15px;
  padding-left: 56px;
}
.form-group.w-icon input[type="text"]:focus + .signup-form-icon,
.form-group.w-icon input[type="password"]:focus + .signup-form-icon {
  color: #888;
}
.signup-text {
  color: #777;
  display: block;
  font-size: 15px;
  font-style: italic;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.signup-text span {
  background:#f9f9f9;
  display: inline-block;
  padding: 0 20px;
  position: relative;
}
.signup-text:before {
  background: #e4e4e4;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
}
.signup-with {
  background: #f4f4f4;
  border-top: 1px solid #ddd;
  margin: 30px -20px -30px -20px;
  padding: 15px 20px 30px 20px;
  color: #666;
}
.signup-with-btn {
  border-radius: 2px;
  color: #fff;
  display: block;
  font-weight: 300;
  padding: 10px 0;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.signup-with-btn span {
  font-weight: 600;
}
.signup-with-btn + .signup-with-btn {
  margin-top: 10px;
}
.signup-with-btn:hover {
  background: #444 !important;
}
.have-account {
  color: #fff;
  display: block;
  font-size: 14px;
  margin: -20px 0 0 0;
  padding: 20px 0;
  position: relative;
  text-align: center;
  z-index: 999;
}
.have-account a {
  color: #fff;
  text-decoration: underline;
  transition: all .3s;
}
.have-account a:hover {
  opacity: .6;
}
@media (min-width: 480px) {
  .signup-container {
    margin-left: auto;
    margin-right: auto;
    max-width : 500px;
    margin: 40px auto;
  }
  .signup-form {
    padding: 20px 30px;
  }
  .signup-with {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .have-account {
    margin: -80px 0 20px;
  }
}

#main-navbar .login-time{
  font-size: 12px;
  color : #eee;
  line-height: 46px;
  height: auto !important;
  padding: 0 14px 0 14px;
}

.continue-time{
  font-size: 12px;
  color : #eee;
  line-height: 46px;
  height: auto !important;
  padding: 0 14px 0 14px;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 18002;
  background-color: #000000;
}
div.bootbox {
  z-index: 18003;
}

 /* icon*/
.required {
	background-image: url('../images/required.png');
	background-repeat: no-repeat;	
	background-position:8px 50%;
}

.pop_col_width_100 {
  float: left;	
  width: 100%;
}
 
 /* col */
.col_10, .col_30, .col_35, .col_40, .col_45, .col_50, .col_55, .col_60, .col_100, .col_width_25, .col_width_75, .col_width_35, .col_width_65 {
  position: relative;
  min-height: 1px;
  padding-left: 0;
  padding-right: 0;
}

.col_10 {
  float: left;	
  width: 100%;
}
.col_30 {
  float: left;	
  width: 100%;
}
.col_35 {
  float: left;	
  width: 50%;
}
.col_40 {
  float: left;	
  width: 100%;
}
.col_45 {
  float: left;	
  width: 100%;
}
.col_50 {
  float: left;	
  width: 100%;
}
.col_55 {
  float: left;	
  width: 100%;
}
.col_60 {
  float: left;	
  width: 100%;
}
.col_100 {
  float: left;	
  width: 100%;
}

.col_width_25 {
  float: left;	
  width: 25%;
}
.col_width_35 {
  float: left;	
  width: 25%;
}
.col_width_65 {
  float: left;	
  width: 75%;
}
.col_width_75 {
  float: left;	
  width: 75%;
}

@media (min-width: 992px) {
	.col_10 {
	  float: left;	
	  width: 10%;
	 }
	.col_30 {
	  float: left;	
	  width: 30%;
	}
	.col_35 {
	  float: left;	
	  width: 35%;
	}
	.col_40 {
	  float: left;	
	  width: 40%;
	 }
	.col_45 {
	  float: left;	
	  width: 45%;
	 }
	.col_50 {
	  float: left;	
	  width: 50%;
	 }
	.col_55 {
	  float: left;	
	  width: 55%;
	 }
	 .col_60 {
	  float: left;	
	  width: 60%;
	 }
	.col_width_35 {
	  float: left;	
	  width: 35.7%;
	}
	.col_width_65 {
	  float: left;	
	  width: 64.3%;
	} 
}

@media (min-width: 1200px) {
	.col_10 {
	  float: left;	
	  width: 10%;
	 }
	.col_30 {
	  float: left;	
	  width: 30%;
	}
	.col_35 {
	  float: left;	
	  width: 35%;
	}
	.col_40 {
	  float: left;	
	  width: 40%;
	 }
	.col_45 {
	  float: left;	
	  width: 45%;
	 }
	.col_50 {
	  float: left;	
	  width: 50%;
	 }
	.col_55 {
	  float: left;	
	  width: 55%;
	 }
	 .col_60 {
	  float: left;	
	  width: 60%;
	 }
	.col_width_35 {
	  float: left;	
	  width: 35.7%;
	}
	.col_width_65 {
	  float: left;	
	  width: 64.3%;
	} 
}

.role_title {
  background: #f9f9f9;
  border-top:1px solid #b6b6b6;
  border-left:1px solid #b6b6b6;
  border-right:1px solid #b6b6b6;
  padding:8px;
  text-align:center;
}

.container-fluid100 {
  margin-right: auto;
  margin-left: 0;
  padding-left: 2px;
  padding-right: 2px;
}

.container-fluid49 {
  width:49%;
  margin-right: auto;
  margin-left: 0;
  padding-left: 2px;
  padding-right: 2px;
}

.container-fix {
  width: 1160px;
  margin-right: auto;
  margin-left: 0;
  padding-left: 2px;
  padding-right: 2px;
}

.search_button {
	text-align: right;
	padding: 6px 3px 12px 0;
}
.fix_button {
	width:1160px;
	text-align: right;
	padding: 6px 3px 12px 0;
}

.label_page {
	background-color: #f9f9f9;
	padding: 9px 0 9px 22px;
	border-right:1px solid #ddd;
	text-align: left;
}
.label_pop {
	background-color: #f9f9f9;
	padding: 12px 0 12px 22px;
	text-align: left;
	font-size:12px;
}

 /* input */
.t_input{
  float: left;	
  width: 93%;
  height: 26px;
  /*padding: 4px 8px;*/
  font-size: 13px;
  line-height: 1.42857143;
  color: #666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #c7c7c7;
}
.t_input[disabled],
.t_input[readonly],
fieldset[disabled] .t_input {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
.nowidth_input{
  float: left;	
  height: 26px;
  line-height: 1.42857143;
  color: #666;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
}
 
  /* div center */
 .btn_center {
 display:table;
 margin-left:auto;
 margin-right:auto;
 }
 .img_container {
 position:relative;
 }
 .img_center {
 position:absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
 }
 .img_center .is_image {
 height: auto;
 }
 .img_center .is_image img {
 width: 100%;
 height: auto;
 }
 .text_alignl {
  text-align: left; 
 }
 .text_alignc {
  text-align: center;
  }
  
 .float_left {
  float:left;
 }
 .float_right {
  float:right;
 }
 
 /* modal font */
 .modal-headerdanger {
  color: #e66454;
 }
 .modal-headerwarning {
  color: #f4b04f;
 }
 
 .boxsizing {
   box-sizing:border-box;
 }
 
  /* border */
.border_0 {
	border:0;
}

.border_1 {
	border:1;
}

.border_a{
   border: 1px solid #ddd;
 }

.bordert_0 {
	border-top:0;
}

.border_t {
	border-top:1px solid #ddd;
}

.border_r{
 	border-right: 1px solid #ddd;
}

.border_r_white{
 	border-right: 1px solid #fff;
}

.border_l{
 	border-left: 1px solid #ddd;
}

.borderb_0 {
	border-bottom:0;
} 
.border_b {
   border-bottom:1px solid #ddd;
 }

  /* padding */
.p0 {padding:0;} 
.p1 {padding:1px;}
.p2 {padding:2px;}
.p3 {padding:3px;}
.p4 {padding:4px;}
.p5 {padding:5px;}
.p6 {padding:6px;}
.p8 {padding:8px;}
.p10 {padding:10px;}
.p12 {padding:12px;}
.p15 {padding:15px;}
.p18 {padding:18px;}
.p20 {padding:20px;}

.pt0 {padding-top:0;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;} 
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt12 {padding-top:12px;} 
.pt15 {padding-top:15px;}
.pt18 {padding-top:18px;}
.pt20 {padding-top:20px;}

.pr0 {padding-right:0;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;} 
.pr4 {padding-right:4px;} 
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}
.pr12 {padding-right:12px;} 
.pr15 {padding-right:15px;}
.pr18 {padding-right:18px;}
.pr20 {padding-right:20px;}
.pr35 {padding-right:35px;}
.pr50 {padding-right:50px;}    

.pb0 {padding-bottom:0;} 
.pb1 {padding-bottom:1px;} 
.pb2 {padding-bottom:2px;} 
.pb3 {padding-bottom:3px;} 
.pb4 {padding-bottom:4px;} 
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb12 {padding-bottom:12px;} 
.pb15 {padding-bottom:15px;}
.pb18 {padding-bottom:18px;}
.pb20 {padding-bottom:20px;} 

.pl0 {padding-left:0;}
.pl1 {padding-left:1px;} 
.pl2 {padding-left:2px;} 
.pl3 {padding-left:3px;} 
.pl4 {padding-left:4px;} 
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl12 {padding-left:12px;}
.pl15 {padding-left:15px;}
.pl18 {padding-left:18px;}
.pl20 {padding-left:20px;}
.pl50 {padding-left:50px;}
 
 /* margin */
.m0 {margin:0;} 
.m3 {margin:3px;}
.m5 {margin:5px;}
.m8 {margin:8px;}
.m10 {margin:10px;}
.m12 {margin:12px;}
.m15 {margin:15px;}
.m18 {margin:18px;}
.m20 {margin:20px;}
 
.mt3 {margin-top:3px;} 
.mt5 {margin-top:5px;}
.mt6 {margin-top:6px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}

.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}

.mr3 {margin-right:3px;} 
.mr5 {margin-right:5px;}
.mr6 {margin-right:6px;}
.mr7 {margin-right:7px;}
.mr8 {margin-right:8px;}
.mr9 {margin-right:9px;}
.mr10 {margin-right:10px;}
.mr12 {margin-right:12px;} 
.mr15 {margin-right:15px;}
.mr18 {margin-right:18px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr45 {margin-right:45px;}    

.mb3 {margin-bottom:3px;} 
.mb5 {margin-bottom:5px;}
.mb6 {margin-bottom:6px;}
.mb7 {margin-bottom:7px;}
.mb8 {margin-bottom:8px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb12 {margin-bottom:12px;} 
.mb15 {margin-bottom:15px;}
.mb18 {margin-bottom:18px;}
.mb20 {margin-bottom:20px;} 

.ml3 {margin-left:3px;} 
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml15 {margin-left:15px;}
.ml18 {margin-left:18px;}
.ml20 {margin-left:20px;}
.ml50 {margin-left:50px;}

.menu_1c {
 	background: rgba(72, 88, 111, 0.40);
}

.menu_2c {  
	background: rgba(101, 114, 127, 0.75);
}

.menu_m {
	background: rgba(80, 118, 132, 0.52);
  	border-bottom:1px solid rgba(75, 105, 109, 0.5);
}

.menu_l {  
	background: rgba(80, 118, 132, 0.52);
	border-bottom:1px solid rgba(75, 105, 109, 0.5);
}

.pop_cell {
	display: table-cell;
	vertical-align: center;
}
.overflow_x {
	overflow-x: auto;	
}
.fix_table {
	border-spacing:0;	
	margin-left:2px;
	width:1160px;

	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.fix_table th {
	height:33px;
	background-color:#f9f9f9;
	text-align:center;
	border-bottom:1px solid #ddd;
}
.fix_table td {
	height:33px;
	padding:3px 6px;
	border-bottom:1px solid #ddd;
}
.fix_table .col2 {width:440px;}
.fix_table .col3 {width:247px;}
.fix_table .col4 {width:150px;}
.fix_table .col5 {width:300px;}

.fix_table .title {
	width: 140px;
	background-color:#f9f9f9;
	padding:8px 0 8px 22px;
}

.fix_table .headtitle{
	text-align: center;
	background-color:#eee;
	font-size: 14px;
}


/*loginBtn*/

#loginBtn{
	color: #fff;
	background-color: #14A0FA;
} 


	
.align_left {
	text-align: left !important;
}


.stcs_caption{
	height: 20px;
    font-size: 13pt !important; 
    font-family: Verdana;
    line-height: 20px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.stcs_caption i {
    font-size: 24px;
    position: relative;
    top: 5px;
    font-weight: normal;
   	color: rgb(11, 144, 255);
}

.stcs_sub_caption{
    font-family: Verdana;
    font-size: 11pt !important; 
    line-height: 10px;
    border-top: 1px solid rgb(11, 144, 255); 
    padding-top: 10px;
}

.stcs_label_page {
	padding: 12px 0 9px 22px;
	text-align: left;
}

.stcs_no_data{
	height:200px; 
	text-align: center; 
	padding-top: 100px; 
	font-size: 30px;
}


/* Popup */

#det_reply {width:700px \0/IE8;/*IE8占쎌읅占쎌뒠*/width:700px \0/IE9;/*IE9占쎌읅占쎌뒠*/ width:700px  \0/IE8+9;/*IE8+9占쎌읅占쎌뒠*/}

#seq_from, #seq_to, #seqfrom, #seqto {
	border: 1px solid #cccccc \0/IE8;  height: 23px \0/IE8;
 	border: 1px solid #cccccc \0/IE9;  height: 23px \0/IE9;
 	border: 1px solid #cccccc \0/IE8+9; height: 23px \0/IE8+9;
 }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#det_reply{width:700px}
	#seq_from, #seq_to {border: 1px solid #cccccc; height: 23px;}
	#seqfrom, #seqto {border: 1px solid #cccccc; height: 23px;}
}

#det_reply{
	width: 100%;
	
}

/** 野껉퀣�젫占쎈땾占쎈뼊癰귨옙 鈺곌퀬�돳 - 椰꾧퀡�삋占쎄맒占쎄쉭占쎈솚占쎈씜 */
	.tradeContainer{
		padding: 5px 25px;
	}

	.tradeContainer > h3 > img{
		margin-right: 10px;
	}
	
	.tradeContainer > h3{
		font-weight: bold;
		font-size: 20px;
		color: #4b4b4b;
		margin-bottom: 20px;
	}
	
	.tradeContainer  table {
		border: 1px solid #e8e8e8;
		border-top: 2px solid #68a7d4;
		width:660px;
		margin-bottom:15px;
		border-collapse: collapse;
	}
	
	.tradeContainer  table th {
		padding: 7px;
		background: #ddd;
		width: 120px;
		font-weight: lighter;
		border-top : 1px solid #e8e8e8;	
		border-bottom: 1px solid #e8e8e8;
		color: #4b4b4b
	}
	
	.tradeContainer  table td {
		padding-left: 10px;
		border-top : 1px solid #e8e8e8;	
		width:210px;
	}
	

/** 野껉퀣�젫占쎈땾占쎈뼊癰귨옙 鈺곌퀬�돳 - 筌띲끉�뀱占쎌읈占쎈ご */
	#tradeBill_container{
		width:420px;
		height:835px;
		padding: 35px 10px 10px;
		position:relative;
		
	}
	
	.tradeBill_input{
		position:absolute;
		top:15px;
		left:16px;
	}
	
	.tradeBill_content_container{
		background-size:400px 870px; 
		height:825px; 
		padding:57px 50px 0;
	}
	
	.tradeBill_content_container  table{
		margin-bottom: 3px;
		width: 310px;
		border: 1px solid #d0d0d0;
		border-collapse: collapse;
	}
	
	.tradeBill_content_container  table  th{
		text-align: left;
		background:#f2f2f2;
		font-weight: lighter;
		border-bottom: 1px dotted #d0d0d0;
		color:#4b4b4b;
		text-indent:5px;
		padding:3px;
		border-right:1px solid #d0d0d0;
		min-width: 150px;
	}
	
	.tradeBill_content_container  table  td{
		text-align:center;
		font-weight: bold;
		color: #4b4b4b;
		padding: 3px;
		border-right: 1px solid #d0d0d0;
		max-width: 140px;
		min-height:20px;
		white-space: normal;
	}
	
	
	.tradeBill_content_container  table  .info_title{
		background : #5680bd;
		border: 1px solid #5680bd;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	
	.trade_leftinfo{
		 min-width:30px !important;
		 width:30px !important; 
		 font-size:11px;
		 font-weight: lighter; 
		 letter-spacing:-3px !important;
	}
	
	.trade_info_count{
		min-width:4px !important;
		width:4px !important;
		font-weight: lighter !important;
		border-bottom: 1px dotted #d0d0d0;
		font-size: 11px !important;
	}	
	
	#TAB_GROUP1  .fix_table{
		width:1158px;
	}
	
/* 	#bill_logo{
		height: 35px;
		width: 100px;
		position: absolute !important;
		right:0 !important;
		top: 0 !important;
		margin-right: 50px !important;
		margin-top: 60px !important;
		background: url(/images/logo.png) no-repeat !important;
		background-size: 100px !important;
		
	} */
	
	@media (min-width: 1580px) and (max-width : 2000px){
		.container-fluid{
			max-width: 1440px !important;
		}
		
		.container-fluid .fix_table{
			width: 1438px;
		}
		
		#TAB_GROUP1  .fix_table{
			width: 1430px;
		}

	}
	
	@media (min-width: 1480px) and (max-width : 1579px){
		.container-fluid{
			max-width: 1440px !important;
		}
		
		.container-fluid .fix_table{
			width:1438px;
		}
		
		#TAB_GROUP1  .fix_table{
			width:11438px;
		}
	}
	
	@media (max-width: 1430px){
		.container-fluid{
			min-width:1420px;
		}
		
		.container-fluid .fix_table{
			width: 1418px;
		}
		
		#TAB_GROUP1  .fix_table{
			width: 1418px;
		}
	}