/* General Demo Style */
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);



/* Reset */
*,
*:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after {content: " "; display: table;}

.clearfix:after {clear: both;}

a {color: #f0f0f0; text-decoration: none;}

a:hover {color: #000;}

.main, .container > header {/*width: 90%;*/ max-width: 69em; margin: 0 auto; /*padding: 0 1.875em 3.125em 1.875em;*/}

.container > header {padding: 2.875em 1.875em 1.875em;}

.container > header h1 {font-size: 2.125em; line-height: 1.3; margin: 0; float: left; font-weight: 400;}

.container > header span {display: block; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5em; padding: 0 0 0.6em 0.1em;}

.container > header nav {float: right;}

.container > header nav a {display: block; float: left; position: relative; width: 2.5em; height: 2.5em; background: #fff; border-radius: 50%; color: transparent; margin: 0 0.1em; border: 4px solid #47a3da; text-indent: -8000px;}

.container > header nav a:after {content: attr(data-info); color: #47a3da; position: absolute; width: 600%; top: 120%; text-align: right; right: 0;	opacity: 0;	pointer-events: none;}

.container > header nav a:hover:after {opacity: 1;}

.container > header nav a:hover {background: #47a3da;}

.main > section {/*max-width: 260px; width: 50%; margin: 0 auto;*/}

.main > section h2 {font-weight: 300; color: #ccc;}

.main > section button {border: none; background: #070824; color: #fff; /*padding: 1.5em;*/ display: block; width: 60px; cursor: pointer; /*margin: 10px 0; font-size: 0.8em;*/}

.main > section button:hover {background: #070824;}

.main > section button.active {background: #070824;}

.main > section button.disabled {background: #aaa; pointer-events: none;}

.icon-drop:before, .icon-arrow-left:before {font-family: 'fontawesome'; position: absolute; top: 0; width: 100%; height: 100%; speak: none; font-style: normal; font-weight: normal; line-height: 2; text-align: center; color: #47a3da; -webkit-font-smoothing: antialiased; text-indent: 8000px; padding-left: 8px;}

.container > header nav a:hover:before {color: #fff;}

.icon-drop:before {content: "\e000";}

.icon-arrow-left:before {content: "\f060";}

/* START: added by randy */
/* Last update: 2025-02-26 */
a, a.disabled:hover {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.hide {
	display: none;
}
.warning {
	color: red;
}
.disabled {
	opacity: 0.4;
}
/* jquery validator */
select.error, input.error {
	border: 1px solid #39f;
}
label.error {
	color: red;
}
/* tooltipster custome style */
.tooltipster-light {
    border-radius: 5px;
    border: 1px solid #fff;
    background: #f83600;
    color: #fff;
}
/* Use this next selector to style things like font-size and line-height: */
.tooltipster-light .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 20px;
	padding: 8px 10px;
}
/* 修正：小日曆不要被蓋住 */
.ui-datepicker {
	z-index: 99999999 !important;
}
/* 移到右方 */
.dataTables_length {
	float: right !important;
}
/* 2025-01-21 Randy: fixed for validate/toolstip error message position */
.upload {
	display: initial !important;
	width: 0px !important;
	height: 0px !important;
	padding: 0px !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0,0,0,0) !important;
	border: 0 !important;
}

/* 2025-02-26 Randy: make <SELECT readonly> not selectable
              另需搭配 tabindex (在form-ext.js)
*/
select[readonly] {
    pointer-events: none;           /* 禁止滑鼠點擊與互動 */
}