@media (min-width: 600px) {
body
{
	font-family: Arial;
	font-size: 9pt;
	color: black;
	border:0px solid #ffffff;
}
table
{
	font-size: 9pt;
	/*border:0px solid #ffffff;*/
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
   /* border: 0px solid #ffffff;*/
}
.table td{
    /*border: 0px solid #ffffff;*/
}
.mainTable { 
	width:100%;
	max-width:1024px;
	padding:0;
	background-color:#FFFFFF; 
	margin-top:0; 
	margin-bottom:0;
	border-spacing:0; 
	border:0px;
}
table.title
{
	font-size: 18pt;
}

.clsLabel
{
	text-align: right;
}

.clsValue
{
	text-align: left;
}

.clsReadOnly{
	background-color:transparent;
	border:0px;
}

.clsTitleBar{
	width: 100%;
	border: 2pt solid;
	border-color: #ECFFFF;
	background-color: #FAE99F;
	background:url(../Images/SysImages/bg01.gif);
	color:#000000;
	font-size:16pt;
	font-weight: bold;
	height:40px;
}
.clsTitleBar td
{
	text-align: center;
}

.clsTitleBarR{
	width: 100%;
	border: 2pt solid;
	border-color: #ECFFFF;
	background-color: #FAE99F;
	background:url(../Images/SysImages/bg01.gif);
	color:#000000;
	font-size:16pt;
	font-weight: bold;
	height:40px;
}
.clsTitleBarR td
{
	text-align: LEFT;
	padding-left:10px;
}

.clsToolBar{
	width: 100%;
	border: 0pt solid;
	
	background-color: transparent;
}
.clsQueryBar{
	width: 100%;
	border: 1pt solid;
	border-color: #ECFFFF;
}

.clsQueryLabel{
	height: 25px;
	width: 120px;
	background-color: #006400;
	background:url(../Images/SysImages/bg02.gif);
	font-size:10pt;
	text-align: center;
}
.clsQueryValue{
	background-color: #FAE99F;
	text-align: left;
}

.clsModifyBar
{
	width: 100%;
	background-color:White;
	border-color:#003366;
	border-collapse:inherit;
	border-style:double;
	padding:0px;
	border-spacing: 2px;
}
.clsModifyBar ol 
{
	color:Red;
	list-style-type:decimal;	
	list-style-position:outside;
	margin:0px,5px;
	padding-left:20px;
}
.clsModifyLabel{
	height: 25px;
	width: 140px;
	background-color: #D8D8D8;
	text-align: center;
}
.clsModifyValue
{
	height: 25px;
	background-color: #F7F7DE;
	text-align: left;
	padding-left:5px;
}

.clsListBar
{
	width: 100%;
	background-color:White;
	border-color:#003366;
	border-width:1px;
	border-style:double;
	border-collapse:collapse;
}
.clsListBar tr
{
	height:25px;
}
.clsListBarR
{
	width: 100%;
	background-color:White;
	border-width:1px;
	border-color:#FFFFFF;
	border-bottom:#DEEEDE 2px solid;
	border-collapse:collapse;
	padding:10px;
	font-size:12pt;
}
.clsListBarR a
{
	text-decoration: none;
}
.clsListHeader
{
	background-color:#D8D8D8;
	text-align: center;
	height:30px;
}
.clsListRow1
{
	height: 25px;
	background-color:#F7F7DE;
	text-align: center;
}
.clsListRow2
{
	height: 25px;
	background-color:White;
	text-align: center;
}
.clsListFooter
{
	background-color:#D8D8D8;
	text-align: center;
	height:25px;
}

.clsListTitle
{
	height: 25px;
	background-color: #BBFFEE;
  text-align: center;
  font-weight:bold;
} 
.clsListHover{
	height: 25px;
	background-color: #CCCCCC;
}
.clsEditTable{
	width: 100%;
	border: 1pt solid;
	border-color: #ECFFFF;
}

.clsDataBar{
	width: 100%;
	border: 0pt solid;
	border-color: #ECFFFF;
}
.clsDataHeader{
	text-align:right;
	padding-right:15px;
	vertical-align:middle;
	background-color: #E0CEEE;
}
.clsDataValue
{
	height: 25px;
	background-color: #DDDDEE;
	vertical-align:middle;
	text-align:left;
	padding-left:5px;
}

.clsSupplementBar
{
	width:100%;
	border:0px solid;
	font-size:13px;
	background-color:White;
}
.clsSupplementBar ol 
{
	color:Red;
	list-style-type:decimal;	
	list-style-position:outside;
	
}
.clsSupplementBar ol li ol
{
	list-style-type:none;
	list-style-position:outside;
	padding:0px;
	line-height:20px
}
li.black
{
	color:Black;
}

a.abtn:active
{
    text-decoration: none;
    background-color: Yellow;
    font-size: 10pt;
    height: 18pt;
    border-color: Black;
    border-style: Double;
    color: Black;
}
a.abtn:link
{
    text-decoration: none;
    background-color: Yellow;
    font-size: 10pt;
    height: 18pt;
    border-color: Black;
    border-style: Double;
    color: Black;
}
a.abtn:visited
{
    text-decoration: none;
    background-color: Yellow;
    font-size: 10pt;
    height: 18pt;
    border-color: Black;
    border-style: Double;
    color: Black;
}
a.abtn:hover
{
    text-decoration: none;
    background-color: #FAFAD2;
    font-size: 10pt;
    height: 18pt;
    color: Black;
	border-style: solid;
}

.btnPE 
{
	background-color:#3366FF;
	color:White;	
}
.btnRe 
{
	background-color:#CC0000;
	color:White;	
}
.btnEx
{
	background-color:#FFFF66;
	color:Black;	
}
.clsAuthorBar
{
	border-width:0px;
	border-collapse:collapse;
	margin:0px;
	width:100%;
	background-color:white;
}
.clsAuthorBar td
{
	border:1px solid #ffffff;
	background-color:#F7F7DE;
}
.clsAuthorLabel 
{
	border:1px solid #ffffff;
	background-color:#D8D8D8;
}

.lnk_RP 
{
	margin-left:5px;	
	color:#228b22;
}
.lnk_FA
{
	margin-left:5px;	
	color:#ba55d3;
}

.menu {
 font-size: 12px;
 font-weight: bold;
}


.clsDataInfo 
{
	text-align:right;
	width:98%;	
}

.menu td.mainnav
{
	/*主選單*/
	border-top-width: 0px;
	border-width: 1px;
	border-top-style: solid;
	border-style: solid;
	border-top-color: #FFFFFF;
	border-color: #EEEEEE;
	background-image: url(../Images/SysImages/bg03.gif);
	width: 170PX;
	text-align: center;
	font-weight: bold;
}
.menu td.subnav {/*次選單*/

	border-top-width: 0px;
	border-width: 1px;
	border-top-style: solid;
	border-style: solid;
	border-top-color: #FFFFFF;
	border-color: #EEEEEE;
	background-image: url(../Images/SysImages/bg04.gif);
	width: 160PX;
	text-align: center;
	font-weight: bold;
}
.menu td.subnav2 {/*第三層選單*/

	border-top-width: 0px;
	border-width: 1px;
	border-top-style: solid;
	border-style: solid;
	border-top-color: #FFFFFF;
	border-color: #EEEEEE;
	background-image: url(../Images/SysImages/bg05.gif);
	width: 150PX;
	text-align: center;
	font-weight: bold;
}
.FormTitlebody
{
	background-image: url(../Images/SysImages/Banner.png);
	margin:0px; padding:0px;
	/*width:56px;*/
	color:#FFFFFF;
	/*text-align:right;*/
	font-size:11pt;
}
.FormTitlebodyR
{
	background-image: url(../Images/SysImages/BannerReader_bg.png);
	width:1024px;
	margin:0px; padding:0px;
	/*width:56px;*/
	color:#FFFFFF;
	/*text-align:right;*/
	font-size:11pt;
}
.FormTitle
{
	width:100%;
	height:135px;
	/*background-image: url(../Images/SysImages/s_001.jpg);*/
	background-repeat:no-repeat;
}
.FormTitleR
{
	width:1024px;
	height:135px;
	background-image: url(../Images/SysImages/BannerReader.png);
	background-repeat:no-repeat;
}
.FormToolbarbody
{
	background-position: right;
	background-repeat:no-repeat;
	background-image: url(../Images/SysImages/s_004.jpg);
	margin: 0;
}
.FormToolbar
{
	/*width:1024px;*/
	height:32px;
	margin:0px; padding:0px;
	background-image: url(../Images/SysImages/s_002.jpg);
	background-repeat:no-repeat;
}
.FormCopyrightbody
{
	margin: 0;
	padding: 0px;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(../Images/SysImages/s_006.jpg);
}
.FormCopyrightbodyR
{
	margin: 0;
	padding: 0px;
}
.FormMenubodyR
{
	margin: 0;
	padding: 0px;
}
.FormCopyright
{
	margin:0px; padding:5px;
	background-repeat:no-repeat;
	text-align:center;
	color:#FFFFFF;
}
.FormCopyrightR
{
	margin:0px; padding:5px;
	text-align:center;
	color:#000000;
}
.FormMenuR
{
	margin:0px; padding:0px 0px 0px 0px;
	background-image: url(../Images/SysImages/item.png);
	background-repeat:no-repeat;
	font-size:10pt;
	text-align:right;
	height:45px;
	color:#FFFFFF;
	text-decoration: none;
	font-size:12pt;
}
.FormMenuR a
{
	color:#FFFFFF;
	text-decoration: none;
}

.FormMenuR2
{
	margin:0px; padding:0px 0x 0px 0px;
	background-image: url(../Images/SysImages/item2.png);
	background-repeat:no-repeat;
	font-size:10pt;
	text-align:right;
	color:#000000;
	height:30px;
	color:#FFFFFF;
	text-decoration: none;

}
.FormMenuR2 a
{
	color:#FFFFFF;
	text-decoration: none;
}
.FormMenuRC
{
	margin:0px; padding:0px 15px 0px 0px;
	background-image: url(../Images/SysImages/item.png);
	background-repeat:no-repeat;
	font-size:10pt;
	text-align:right;
	height:54px;
}
.FormMenuRC a
{
 color:#000000;
 text-decoration: none;
 font-size:12pt;
}
.FormCopyright a
{
 color:Yellow;
}
.clsSupplementBar2
{
	width:100%;
	border:0px solid;
	font-size:13px;
}
.clsSupplementBar2 ol 
{
	color:Red;
	list-style-type:decimal;	
	list-style-position:outside;
}

.clsAboutbar
{
	width: 100%;
	background-color: White;
	padding: 0px;
	font-size: 13px;
	line-height: 20px;
}

.clsAboutValue
{
	height: 25px;
	background-color: #F7F7DE;
	text-align: left;
	padding-left:15px;
}

.clsTitleNew{
	width: 100%;
	border: 1pt solid;
	border-color: #ECFFFF;
	background-color: #FFFFBB;	
	color:#000000;
	font-size:12pt;
	font-weight: bold;
	height:20px;
}
.clsTitleNew td
{
	text-align: left;
}

.clsTitleNews{
	width: 100%;
	border: 1pt solid;
	border-color: #ECFFFF;
	background-color: #FFFFFF;	
	color:#000000;
	font-size:10pt;
	font-weight: bold;
	height:500px;
}
.clsNewsContent
{
	width: 100%;
	border: 1pt solid;
	border-color: #ECFFFF;
	background-color: #FFFFFF;	
	color:#000000;
	font-size:10pt;
	height:500px;
}
.clsTitleNewsR{
	width: 100%;
	border: 1pt solid;
	border-color: #ECFFFF;
	background-color: #D4F8D4;	
	color:#000000;
	font-size:10pt;
	font-weight: bold;
	height:330px;
}
.text001{ height:30px; line-height:30px; text-align:right; font-family:"微軟正黑體"; font-size:13px; color:#000; letter-spacing:0.2em; margin:2px 0;}
.text001 img{ margin-right:10px;}
.text001 a{ font-weight:bold; padding:0 5px;}
.text001 a:hover{ color:#FC0;}
.menuTab_01
{
	display: none;
}
.menuTab02
{
	display: none;
}
}
@media (max-width: 599px) {
  body {  font-size: 14px; color: #555555; line-height: 155%;max-width: 100%;-webkit-appearance: none;}
	td {  font-size: 14px; color: #555555; line-height: 155%}
	tr {  font-size: 14px; color: #555555; line-height: 155%}
	a:visited {  font-size: 14px; color: #3775B0; text-decoration: none; line-height: 155%}
	a:link {  text-decoration: none; font-size: 14px; color: #3775B0; line-height: 155%}
	a:hover {  color: #6CA5CF; font-size: 14px; line-height: 155%; text-decoration: none}
	.table-rwd{max-width: 100%;border:0; cellspacing:0; cellpadding:0;border-top: 0px solid #ddd;}
	.mainTable { width:95%; padding:0;background-color:#FFFFFF; margin-top:0; margin-bottom:0;border-spacing:0; border:0px solid #ffffff;}
 
  /*針對tr去做隱藏*/
  tr.tr-only-hide {display: none !important;}
  /*讓tr變成區塊主要讓他有個區塊*/
  
.table-rwd tr{
	display: block;
	border: 0px solid #ddd;
	margin: 0px;
	width: 100%;
}
  .table-rwd td {
    text-align: left;
    font-size: 15px;
    overflow: hidden;
    width: 100%;
    display: block;	
}
.table-rwd td div{
    text-align: left;
    font-size: 15px;
    width: 100%;
    display: block;
}
.table-rwd td table {
  border: 0px solid #ddd;
}	


.table-rwd td table td:nth-child(1) {
  display:inline;  
  font-weight: bold;
  margin:0em;
  padding:0;
  border: 0px solid #ddd;
}


 .table-rwd td table td:nth-child(2) {
  display:inline;  
  font-weight: bold;
  margin:0em;
  padding:0;
  border: 0px solid #ddd;
	
}

.Box {
background-color:#F2F2F2;
}
.FormTitlebody
{
	background-image: url(../Images/SysImages/Banner.png);
	margin:0px; padding:0px;
	/*width:56px;*/
	color:#FFFFFF;
	/*text-align:right;*/
	font-size:11pt;
}
.FormTitlebodyR
{
	background-image: url(../Images/SysImages/BannerReaderMin_bg.png);
	margin:0px; padding:0px;
	/*width:56px;*/
	color:#FFFFFF;
	/*text-align:right;*/
	font-size:11pt;
}
.FormTitleR
{
	width:1024px;
	height:98px;
	background-image: url(../Images/SysImages/BannerReaderMin.png);
	background-repeat:no-repeat;
}
.clsTitleBarR{

	width: 100%;
	border: 0pt solid;
	border-color: #ECFFFF;
	background-color: #FAE99F;
	background:url(../Images/SysImages/bg01.gif);
	color:#000000;
	font-size:14pt;
	font-weight: bold;
	height:40px;
}
.clsTitleBarR td
{
	text-align: LEFT;
	padding-left:10px;
	display:inline; 
	font-size:16pt;
	font-weight: bold;
}
.clsTitleBarR td
{
	text-align: LEFT;
	padding-left:10px;
	display:inline; 
	font-size:16pt;
	font-weight: bold;
}
.clsListBarR
{
	width: 100%;
	background-color:White;
	border-width:1px;
	border-color:#FFFFFF;
	border-bottom:#DEEEDE 2px solid;
	border-collapse:collapse;
	font-size:12pt;
}
.clsListBarR a
{
	text-decoration: none;
}
.clsListBarR tr
{
	height: auto;
	min-height: 50px;
	border: 0px solid #ddd;
	border-bottom:#DEEEDE 2px solid;
}
.clsListHeader
{
	background-color:#D8D8D8;
	text-align: center;
}
.clsListRow1
{
	background-color:#F7F7DE;
	text-align: center;
}
.clsListRow2
{
	background-color:White;
	text-align: center;
}
.clsTitleNew{
	width: 100%;
	border: 1pt solid;
	border-color: #ECFFFF;
	background-color: #FFFFBB;	
	color:#000000;
	font-size:12pt;
	font-weight: bold;
	height:20px;
}
.clsTitleNew td
{
	text-align: left;
}



.clsModifyBar
{
	width: 100%;
	background-color:White;
	border-color:#003366;
	border-collapse:inherit;
	border-style:double;
	padding:0px;
	border-spacing: 2px;
}
.clsModifyBar ol 
{
	color:Red;
	list-style-type:decimal;	
	list-style-position:outside;
	margin:0px,5px;
	padding-left:20px;
}


.clsModifyLabel{
	min-height: 40px;
	width: 140px;
	background-color: #D8D8D8;
	text-align: center;
}
.clsModifyValue
{
	min-height: 40px;
	background-color: #F7F7DE;
	text-align: left;
	padding-left:5px;
}
.FormTitle
{
	width:100%;
	height:88px;
}
.clsListHeader
{
	background-color:#D8D8D8;
	text-align: center;
	height:30px;
	font-size:15pt;
}
.menu
{
	position: fixed;
	top: 0px;
	left: 0px; 
	right: 0px;
}
.menuTab_0
{
  position: fixed;
  top: 5px;
  left: 0px;
  right: 0px;
  width:80%;
}
.menuTab_02 tr
{
  background-color: #FFFFFF;
}
.menuTab_02
{
	text-align: right;
	display:none;
}
.menuTab_01
{
	text-align: right;
}
.menuTab02
{
 background-color:transparent;
 font-size:18pt;
}
.menuTab_02 tr.FormMenuR0
{

	background-color: #8280A5;
	font-size:18pt;
}
.FormMenuR0
{
	background-color: #8280A5;
}
.menuTab_02 tr.FormMenuR1
{
color:#FFFFFF;
	background-color: #88D089;
	font-size:18pt;
}
.FormMenuR1
{
color:#FFFFFF;
	background-color: #88D089;
}
.FormMenuR
{
	margin:0px; padding:0px 15px 0px 0px;
	text-align:right;
	height:45px;
	color:#FFFFFF;
	text-decoration: none;
	font-size: 18px;
}
.FormMenuR a
{
	color:#FFFFFF;
	text-decoration: none;
}
.FormMenuR2
{
	margin:0px; padding:0px 10px 0px 0px;
	font-size:18pt;
	text-align:right;
	color:#000000;
	height:30px;
	color:#FFFFFF;
	text-decoration: none;

}
.FormMenuR2 a
{
	color:#FFFFFF;
	text-decoration: none;
}
.FormCopyright
{
height:170px;
}
.table-rwd .temp {
display:none;
}
input,textarea{
max-width:200px;
}
.rwd-table {
 background: #fff;
 overflow: hidden;
}

.rwd-table tr{
border: 1px solid #999;
}
.rwd-table tr:nth-of-type(2n){
 background: #eee;
}
.rwd-table th, 
.rwd-table td {
 margin: 0.5em 1em;
}
.rwd-table {
 min-width: 100%;
}
.rwd-table th {
 display: none;
}
.rwd-table td {
 display: block;
 border: 0pt solid;
 min-width: 90% !important;
}
.rwd-table td:before {
 content: attr(data-th) " : ";
 font-weight: bold;
 width: 6.5em;
 display: inline-block;
}
.rwd-table th, .rwd-table td {
 text-align: left;
}
.rwd-table th, .rwd-table td:before {
 color: #D20B2A;
 font-weight: bold;
}

.clsTitleBar{
	width: 100%;
	border: 2pt solid;
	border-color: #ECFFFF;
	background-color: #FAE99F;
	background:url(../Images/SysImages/bg01.gif);
	color:#000000;
	font-size:16pt !important;
	font-weight: bold;
	min-height:40px;
}
.clsTitleBar td
{
	text-align: center;
	font-size:16pt !important;
}
.clsQueryLabel{
	min-height: 25px;
	width: 120px;
	background-color: #006400;
	background:url(../Images/SysImages/bg02.gif);
	font-size:14pt;
	text-align: center;
}
.clsQueryValue{
	background-color: #FAE99F;
	text-align: left;
}
.box table {
 width:100%
}
.box table tr {
 display: inline;
 width: 100%;
}
.box table td {
    /* display: inline; */
    /* font-weight: bold; */
 display:inline-table !important ;
  width: 3.8%;
  border: 1px solid #fff !important;
  font-weight:normal !important;
  font-size:16pt !important;
}

.box table td a:visited {  font-size: 16px; color: #3775B0; text-decoration: none; line-height: 155%}
.box table td a:link {  text-decoration: none; font-size: 16px; color: #3775B0; line-height: 155%}
.box table td a:hover {  color: #6CA5CF; font-size: 16px; line-height: 155%; text-decoration: none}
}