@CHARSET "UTF-8";

@CHARSET "UTF-8";

*,.ui-tabs-panel input, .ui-tabs-panel select,
.ui-tabs-panel textarea, .oap_inputbtn {
  font-family: "Times New Roman","新細明體","Arial Unicode MS", Arial, Verdana;
}
body {
	font-size: 13px;
	padding:0px;
	margin:0px;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

td {
	vertical-align: top;
}

fieldset {
  border: 1px solid #DDDDDD;
  padding: 10px 10px;
  margin: 1em 0;
  display: block;
  /*
  -moz-border-radius: 8px;
  -webkit-border-radius: 7px;
  */
  border-radius: px;
}

input[type='button'],input[type='submit'] {
	cursor:pointer;
}

fieldset legend {
  font-size: 16px;
  font-weight: bold;
  margin-left: 0.5em;
  color: #000080;
}

a {
	text-decoration:underline;
}

table.table-bordered{
	border:1px solid #343a40;
	margin-top:20px;
  }
table.table-bordered > thead > tr > th{
	border:1px solid #343a40;
}
table.table-bordered > tbody > tr > td{
	border:1px solid #343a40;
}

.ui-autocomplete .ui-menu-item {
	font-family: "Arial","細明體_HKSCS";
	font-size: 12px;
}

.ui-tabs-nav li a {
	font-size:14px;
	font-weight:bold;
}

.ui-tabs .ui-tabs-nav li {
	margin: 1px .1em 0 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	padding: .5em .5em;
}


span.ui-checkboxradio-icon { display: none; }

.chinese_font {
	font-family:'細明體_HKSCS';
}

p.page {
	page-break-after: always;
	line-height:0px;
}

#sitepage {
	max-width:984px;
}

#sitepage .site_lt {
	width:10x;
	height:8px;
	background: url(../images/site_border_lt.gif) no-repeat top;
	display:none;
}

#sitepage .site_ct {
	width:100%;
	height:8px;
	background: url(../images/site_border_ct.gif) repeat-x top;
	display:none;
}

#sitepage .site_rt {
	width:10x;
	height:8px;
	background: url(../images/site_border_rt.gif) no-repeat top;
	display:none;
}

#sitepage .site_lc {
	width:10px;
	height:100%;
	background: url(../images/site_border_lc.gif) repeat-y top;
	display:none;
}
#sitepage .site_cc {
	width:100%;
	height:100%;
}

#sitepage .site_rc {
	width:10px;
	height:100%;
	background: url(../images/site_border_rc.gif) repeat-y top;
	display:none;
}

#sitepage .site_lb {
	width:10px;
	height:10px;
	background: url(../images/site_border_lb.gif) no-repeat top;
	display:none;
}
#sitepage .site_cb {
	width:100%;
	height:10px;
	background: url(../images/site_border_cb.gif) repeat-x top;
	display:none;
}

#sitepage .site_rb {
	width:10px;
	height:10px;
	background: url(../images/site_border_rb.gif) no-repeat top;
	display:none;
}

#topbanner img {
	max-width: 984px;
	width: 100%;
	height: auto;
}

#mainContent {
	width:984px;
}

.oap_h1 {
	padding-top:10px;
	padding-bottom:5px;
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	color: #2C923A;
}

.oap_hr {
	color:#EEEEEE;	
	width:100%;
	height:1px;
}

.oap_th {
	color: #666;
	background-color: #ddcebb;
	font-weight: bold;
}

.oap_dimmed {
	color:#AAAAAA;
}

.oap_actionimage {
	cursor: pointer;
	border:none;
}

.oap_actionimage:hover {
	background: #abdff4;
}

.oap_inputbtn {
	cursor: pointer;
}

.oap_activelink {
	cursor: pointer;
	color: red;
}

.oap_navigationlink {
	cursor: pointer;
	color: #aaaaaa;
}

.oap_error {
	color: red;
}

.dlg_hint {
	color: red;
	padding: 5px;
	font-size:11pt;
}

#footer {
	/*background-image: url('../images/footer.jpg');*/
}

.footer {
	font-size: 11px;
	width:100%
}

.border {
	border:1px solid #003366;
	margin:0;
}

.instruction {
	font-size:12px;
}

.sectionTable {
  border-width: 0px;
  border-spacing: 1px;
}

.sectionTable tr td {
  padding: 3px;
}

.datatable {
	border: 1px solid #343a40;
}

.dataTable th {
	background-color: #eeeeee;
	font-weight: bold;
}


#content {
	padding: 0 5px;
}

.generaltable {
  border-width: 1px;
  border-style: solid;
  font-size:12px;
  width:100%;
}

.generaltable .cell {
  border: 1px solid #dddddd;
  border-collapse: collapse;
}

.generaltable td {
	border: 1px solid #bbbbbb;
}

.generaltable th {
	color: #666;
	background-color: #ddcebb;
	font-weight: bold;
	border: 1px solid #bbbbbb;
}

.oap_r0 {
	background-color: #ffffff;
}
.oap_r1 {
	background-color: #f9f9f9;
}
.page_title {
	color:#26703f;
	font-weight:bold;
	font-size:22px;
}

.highlight {
  background-color:#AAFFAA;
}

.dimmed {
	color:#AAAAAA;
}


.keyword_input {
	width:100px;
}

.withdraw {
	color:#888888;
}

.app-spinners {
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color:rgba(0, 0, 0, 0.2);
}

.app-spinners .spinner-border {
	position:fixed;
	left: 50%;
	top: 50%;
}

.table-hover tbody tr:hover {
	background-color:#AAFFAA
}

.paymentButton {
	width:140px;
	height:70px;
	margin: 3px;
	cursor:pointer;
}

@media print {
.noPrint {
    display:none;
    width:0px;
}
}