.leftbottom_lined {  border-color: black ; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px}
.left_lined {  border-color: black black black #CCCCCC; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
td {  font-family: Arial; font-size: 12px;}
table.SpecTable { width: 100%; border-width: 0px; padding: 5px 1px 0px 1px; }
.odd{background-color:white;}
.even{background-color:#f0f0f5;} /*#eaeff7;}*/
th.SpecTh { text-align: left; font-family: arial, Serif; font-size: 16px; line-height:1.5em; padding:6px; background-color:#00cccc; color:white; /*#a1badd; color:white; #CCFF99; */
}
#firstTr td {border-style:none; font-size: 14px; padding:6px; background-color:white; padding: 5px;}
#lastTr td {border-style:none; font-size: 14px; padding:6px; background-color: #eaeff7; /*#d2deef;*/ padding: 5px;}
body {  background-color: white; margin: 0; padding: 0; font-family: Arial; font-size: 14px;}
.bottom_lined {  border-color: black black #CCCCCC; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
.graytext {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}
.grayquote {  font-family: Arial; font-size: 13px; color: #333333; font-weight: bold}
a:hover {  font-family: Arial; font-size: 12px; color: #CC0000; text-decoration: underline}
a.blacktored:hover {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; color: #333333; text-decoration: underline}
.formtext {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; border-style: inset}
.lightbg {  background-color: #D7E5EC}
.subheader {  font-family: Arial; font-size: 14px; font-weight: bold; color: #000000}
a.graylink:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; text-decoration: underline}
a {  font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none}
a.blacktored {  font-family: Geneva, Arial, Helvetica, san-serif; font-size: 10px; color: #333333; text-decoration: underline}
a.graylink {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline}
a.redlink {  font-family: Arial; font-size: 12px; color: #CC0000}
a.redlink:hover {  font-family: Arial; font-size: 12px; color: #CC0000; text-decoration: underline}
a.leftmenu {  font-family: Arial; font-size: 13px; color: #000000}
a.leftmenu:hover {  font-family: Arial; font-size: 13px; color: #CC0000}
.padleft {  padding-left: 10px}
.padleft20 {  padding-left: 20;}
.padleft30 {  padding: 20px 5px 10px 1px;}
.button {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background-color: #CCCCCC; font-weight: bold}
ul {  list-style-type: square; list-style-position: outside}
.redtext {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000}
.linedup {  border: #CCCCCC solid}
a.redlinkbold {  font-family: Arial; font-size: 12px; color: #CC0000; text-decoration: underline; font-weight: bold}
a.redlinkbold:hover {  font-family: Arial; font-size: 12px; color: #CC0000; text-decoration: underline; font-weight: bold}
a.grayquotelink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #333333}
a.grayquotelink:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #CC0000}
.leftright_lined {  border-color: #000000; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px}
a:link {
	font-size: 13px;
	color: #aaaaaa;
}
a:visited {
	font-size: 13px;
	color: #aaaaaa;
}
a:hover {
	font-size: 14px;
	color: #888888;
}

div#mod1 {
	width:500px;
	white-space:normal;
	text-align:justify;
}

div#mod1 p {
	width:100%;
	white-space:normal;
	text-align:justify;
	font-family: Verdana;
}

pre {
	font-family:Arial;
}

p {
	font-family:Arial;
}
div.Spec {
	width: 100%;
	box-shadow: 5px 5px 2px #E6E6E6;
}
div#td_color {
	background-color:#5A6E8C;
}
div#container { 
margin-top:10px; 
margin-left:8%; 
margin-right:auto; 
margin-bottom:20px; 
border: 0px solid 000000; 
}
td#SpecTd {
	font-size: 12px; 
	padding: 6px;
	}
	
.CopyRight, .CopyRight td {
	background-color: #22D2D8;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
	height:60px;
}
div#HR {
	display: block;
	background-color: #22D2D8;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	text-align: center;
	font-size: 1.5em;
	height:5px;
}
table.mytable {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0;
}
#ServiceCommitment {
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: white;
	border-spacing: 60px 12px;
	border-collapse: separate;
	border: 0;
	text-align: center;
	
}

.table#ServiceCommitment tr#row1 td {
	background-color: #CCFF99;
	font-size: 20px;
	font-weight:bold;
	color: black;
	text-align: left;
	height: 30px;
}

.table#ServiceCommitment tr#row2 td {
	background-color: white;
	font-size: 14px;
	color: black;
	text-align: left;
}

.table#ServiceCommitment tr#row3 td {
	background-color: #33ccff;
	font-size: 20px;
	font-weight:bold;
	color: black;
	text-align: left;
	height: 30px;
}

/* 搜尋欄位 css */
form.search input[type=text] {
    /* padding: 10px 0px 10px 10px; */
	padding: 10px;
    font-size: 12px;
    border: 1px solid grey;
    float: left;
    width: 110px;
    background: #f1f1f1;
}

form.search button {
    float: left;
    width: 30px;
    /* padding: 10px 10px 10px 0px; */
	padding: 10px;
    background: #2196F3;
    color: white;
    font-size: 12px;
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
}

form.search button:hover {
    background: #0b7dda;
}

form.search::after {
    content: "";
    clear: both;
    display: inline-block;
}
div.search {
	position: absolute;
	float: right;
	right: 0;
}

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	/* border: 0px solid #999999; */	
	border: 0px;
	display: table-cell;
	padding: 0px 0px 0px 0px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}