/*-----表單-----*/
.FormTitle{
	font-family:sans-serif;
	font-size: 22px;
    color: #395d8b;
}
.Form{
	display:table;
	border-top: 1px solid #BBBBBB;
}
.Form .Row{
	display:table-row;
	border: 1px solid #00FF00;
}
.Form .Row1{
	display:table-row;
	border: 1px solid #00FF00;
}
.Form .LeftColumn{
	font-family:sans-serif;
	font-size: 15px;
	background: #f2f2f2;
    border-bottom: 1px solid #bbbbbb;
    border-right: 1px dotted #fff;
    display: table-cell;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}
.Form .RightColumn{
	font-family:sans-serif;
	font-size: 15px;
    background: #f8f8f8;
    border-bottom: 1px solid #BBBBBB;
    display: table-cell;
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
}

.Tooltip{
    display: inline-block;
}
.Tooltip .TooltipText {
/*範例:https://www.w3schools.com/css/css_tooltip.asp*/
	font-family:sans-serif;
	font-size: 12px;
	text-align:left;
	line-height:25px;
    visibility:hidden;
    background-color: #555;
    color: #fff;
	padding:4px 10px 4px 10px;
    border-radius: 6px;
	opacity: 0;
	transition: opacity 0.5s;
    position:absolute;
    z-index: 1;
}
.Tooltip:hover .TooltipText {
    visibility: visible;
	opacity: 0.98;
}














/*-----表格-----*/
.TableTitle{
	font-family:sans-serif;
	font-size: 22px;
    color: #395d8b;
}
.Table{
	display:table;
	border-top: 1px solid #BBBBBB;
}
.Table .Row{
	display:table-row;
}
.Table .TitleColumn{
	font-family:sans-serif;
	font-size: 15px;
	background: #f2f2f2;
    display: table-cell;
	vertical-align:middle;
	text-align:center;
	border-bottom: 1px solid #bbbbbb;
}
.Table .Column{
	font-family:sans-serif;
	font-size: 15px;
	background: #F8F8F8;
    display: table-cell;
	vertical-align:middle;
	text-align:center;
	border-bottom: 1px solid #bbbbbb;
}





/*-----切換鈕-----*/
.SwitchButton{
	width:50px;
	height:25px;
	border-radius:25px;
	background-color:#FF0000;
}
.SwitchButton .Stop{
	border:1px solid #FF0000;
	background-color:#FBFBFB;
	width:23px;
	height:23px;
	border-radius:12px;
	float:left;
}
.SwitchButton .Start{
	border:1px solid #009933;
	background-color:#FBFBFB;
	width:23px;
	height:23px;
	border-radius:12px;
	float:right;
	display:none;
}
.SwitchButton .Stop:hover{
	cursor:pointer;
}
.SwitchButton .Start:hover{
	cursor:pointer;
}





/*-----訊息-----*/
.Message{
	font-family:sans-serif;
	font-size: 15px;
	display:none;
	margin-left:10px;
	line-height:25px;
	text-align:center;
	float:left;
}





/*-----載入-----*/
.Loading{
	margin:0px 0px 0px 10px;
	height:16px; 
	width:16px;
	background:url(../../../image/loader.gif);
	display:none;
	float:left;
}
.BigLoading{
	margin-left:10px;
	height:31px; 
	width:31px;
	background:url(../../../image/loader2.gif);
	display:none;
	float:left;
}