body {
   margin:0 auto;
   padding:0;	
   /*background-color:#ccc;  		*/
   background-color:#d1f7e2;
   font: 85%/1.3 TrebuchetMS,Arial,sans-serif;
}

iframe { display:none;}

a { color: #0066B3; background: inherit; text-decoration: none;}
h1 { font: bold 2.1em Arial, Arial, Sans-Serif; color: #036DA7 }
h2 { font: bold 1.1em Arial, Arial, Sans-Serif; padding: 0; margin: 0; }
h4 { font: bold 1.12em Sans-Serif; padding: 0; margin: 0; }
input[type='text'], input[type='password'] {
    width:150px;
    font-size:10px;
    height:20px;
    margin-left:2px;
}
select {
    font-size:12px;
}

textarea {
    font-size:12px;
    width:300px;
    height:150px;
}

#bone {
    width:1024px;
    margin:0 auto;
    background-color:#fff;
}

#header{
  margin:1px ;
  background:#deeaf6 url(../imgs/genimage.jpg) no-repeat  ;
  height:94px;

}

#navigation {
    background:#123474;
    margin-top:1px;
    overflow:hidden;
}

#navigation ul {
    list-style-type:none;
    margin:0 auto;
    padding:0;
    width:90%;
}

#navigation li {
    float:left;
    text-transform:capitalize;
}

#navigation a {
    display:block;
    color:white;
    padding: 2px 12px;
    margin-top:2px;
    text-decoration:none;
}

#navigation a img{
    border:0;
    margin:0;
    margin-left:4px;
}

#navigation  img.home{
    width:16px;
    border:0;
    margin:0;
    margin-right:2px;
    
}

#navigation a:hover {
    font-weight:bold;
}

#sideBar  {
    float:left;
    width:215px;
}
#sideBar ul {
    list-style:none;
    margin:0 2px;
    margin-top:5px;
    padding:0;
}

#sideBar li {
    list-style-position:inside;
}

#sideBar a {
    font-size:16px;
    line-height:2;
    display:block;
    width:200px;
    margin-top:1px;
    padding:4px;
    background:#123474;
    color:#fff;
}

#sideBar a:hover {
    background:gray;
    color:#123474;
}

#rightCnt {
    margin:0 0 0 212px;
    padding:5px;
    background:#fff;
    border-left:1px dotted #123474;

}
/* two columns */
#left {
    float:left;
    margin-right:10px;
    width:65%;
    min-height:830px;
    font-size: 14px ;
    padding-right:20px;
    border-right:1px dotted #333;
}

#left p {
    text-indent:1em;
    padding: 5px;
    text-align:justify;    
}

#right {
	float: left;
    width:300px;
	padding: 1px;
    padding-top:1em;
	text-align: justify;
    position:relative;
}

#right a img {
    border:0;
}

/* one column */
#content {
    width:85%;
    margin:10px auto;
    background-color:#fff;
    font-size: 14px ;
}


#content2 {
   clear: both;
    margin:0;
    background-color:#666;
    border-left:100px solid green;
    font-size: 14px ;
}

#footer {
   clear: both;
   margin:0;
   /*background-color:#ccc;*/
   background-color:#d1f7e2;
   text-align: center;
   /*color: #fff;*/
   color:#003300;
   font-size: 0.9em;		
   padding-top:4px;
   padding-bottom:2px;
}

#footer a {
   text-decoration:none;
}
#footer a:hover {
   text-decoration: underline;	
}

#footer a img {
    width:16px;
    border:0;
    margin:0 5px 0 5px;
    padding:0;
    vertical-align:baseline;
}

#footer p span {
    display: block;
    line-height:1;
    padding:2px;
}

.title   {
   color:#1f67ea;
   font:1.5em Rockwell, Courier bold;
   margin: 20px ;
   text-align:center;
   display:block;
}

.titleB   {
   color:#000;
   font:1.7em Rockwell, Courier bold;
   margin: 20px ;
   text-align:center;
   display:block;
}

fieldset  {
  width:287px;
  background:#6077ec;
  padding:0;
  margin:20px 0;
  border:1px dashed #ccc;
}

fieldset span {
   display:block;
   text-align:center;
   font:18px Rockwell, Courier bold;
   background:#123474;
   margin:0;
   padding:2px;
   color:#fff;
}

fieldset p {
  margin:0 ;
  background:#fff;
  padding-right:3px;
  padding-top:10px;
  height:40px;
}

fieldset p.inner {
  margin:0 ;
  background:#fff;
  padding-right:3px;
  padding-top:10px;
  text-align:center;
}

 label {
   display:block;
   width:80px ;
   float:left;
   margin:0;
   margin-left:10px;
   padding:5px 4px;
   font:14px/1 "Times New Roman",Verdana,Rockwell,Courier  ;
   font-weight:bold;

}

fieldset input[type='text'], fieldset input[type='password'] {
    width:180px;
    font-size:12px;
    height: 25px;
}

#bigSet  {
  width:100%;
  padding:0;
  margin:20px 0;
  border:1px dashed #ccc;
  background:#fff;
}


#bigSet  p {
  width:80%; 
  margin:0 auto;
  background:#fff;
  padding-right:3px;
  padding-top:10px;
  height:40px;
}

#bigSet p.inner {
  margin:0 ;
  background:#fff;
  padding-right:3px;
  padding-top:10px;
  text-align:center;
}

#bigSet label {
   display:block;
   width:30% ;
   float:left;
   margin:0;
   margin-left:10px;
   padding:5px 4px;
   font:14px/1 "Times New Roman",Verdana,Rockwell,Courier  ;
   font-weight:bold;

}

#bigSet  span {
   text-align:center;
   font:12px Rockwell, Courier ;
   background:#fff;
   margin:0;
   padding:2px;
   color:#ef2d18;
}

#bigSet input[type='text'], #bigSet input[type='password'] {
    width:200px;
}
.Dmsg {
/*
   position:relative;
   left:-25%;
   top:0;
*/
   width:287px;
   margin: 0;
   padding:5px;
   font:bold 12px/1.5 Arial ;
   text-align:left;
   color:#e3e0e0;
   background:#c70b17;
}


.redBg{
   width:90%;
   margin: 0 auto;
   padding:5px;
   font:bold 12px/1.5 Arial ;
   text-align:center;
   color:#fff;
   background:#c70b17;
}

.noteBg{
   width:80%;
   margin: 0 auto;
   padding:5px;
   font:bold 16px/1.5 Arial ;
   text-align:left;
   color:#fff;
   background:#d84b13;
}
.outerDivB {
   margin: 15px 0;
   width:287px;
   background:#fff;
   border:1px solid #c3d9ff;
}

.innerDivB {
   margin:2px;
   background:#c3d9ff;
   padding:5px;
}

.innerDivB img {
    margin:5px;
    padding-left:145px;
    border:none;
}

.centerDiv {
    width:85%;
    margin:15px auto;

}

.centerBlock {
    margin:5px auto;
    text-align:center;
}

.ilist ul { /* inline style list */
    list-style-type:none;
    margin:0;
}

.ilist li {
    margin-right:15px;
    display:inline;
}

.ilist h4 {
    font:12px/1 Arial ;
    font-weight:bold;
    padding-bottom:4px;
    
}

.bList ul {
    margin: 0 ;
    padding:0;

}

.bList li {
    list-style:none;
    padding: 3px 0 6px 3px;
    margin: 0 0 10px;

}

.bList a {
    display:block;
    font: bold 1.5em/2 Arial, Helvetica, sans-serif;
    color:#666;
    margin:0 ;
    text-decoration:none;


}
.bList a:hover {
    color:#fff;
    background:#666;
    margin:0 ;
    text-decoration:none;


}

.bList li p {
    color:#9c9c9c;
    margin:0;
    padding:0;
}

form.formStyle {
    width:90%;
    margin:2px auto;
    padding:5px;
    min-height:350px;
}

.formStyle label {
    margin:0;
    margin-right:2px;
    width:170px;
    text-align:right;
}
.formStyle label.txt {
    float:none;
}


.formStyle select {
    height:25px;
}

.formStyle input.long {
    width:250px;
    height:25px;
}
.formStyle input.short {
    width:50px;
    height:25px;
}

.formStyle input.tiny {
    width:80px;
    font-size:8px;
    border:1px solid black;
    border-top:0;
    border-left:0;
    border-right:0;
    text-align:center;
    height: 25px;
}

.formStyle h2 {
    margin:20px auto;
    margin-top:10px;
    text-align:center;
    color:#990000;
    font-size:1.5em; 

}
.formStyle h4 {
    width:88%;
    margin:20px auto;
    margin-top:40px;
    padding-bottom:2px;
    border-bottom:2px solid #999;
    text-align:center;
    color:#662986;
    font-size:1.4em;
}

.formStyle ol {
    width:88%;
    margin: 0 auto;
    font:16px/1 Arial,sans-serif,Courier  ;
}
.formStyle li {
    line-height:2;
}
.formStyle h4 p {
    margin:5px auto;
    padding:0;
    text-align:center;
    color:#e50470;
    font-size:14px;
    font-weight:bold;
}



p.btn {
    margin:20px auto;
    text-align:center;
}

p.btn input[type='button'],input[type='submit'] {
    font-size:10px;
}


.inner {
    display:none;
}

.inner span.grade {
    display:block;
    margin-left:178px;
    padding:5px;

}

dl {
    margin:0 auto;
    padding:0;
    width:85%;

}

dl dt {
    margin:5px;
    font:bold 16px/2 georgia, times, serif;
}

dl dt  dd {
    margin:5px;
}


.note {
   text-align:center;
   font:12px Rockwell, Courier ;
   background:#fff;
   margin:0;
   padding:2px;
   color:#ef2d18;
}

.sign {
    display:block;
    font-style:italic;
}

#listCnt {
    width:90%;
    margin: 0 auto;
    margin-top:20px;
    border-top:1px solid green;

}

#listCnt ul {
    margin-left:20px;
    list-style:decimal outside;
    font-size:18px;
    line-height:2;
}

#listCnt ul li a:hover {
    text-decoration:underline;
}

#listCnt  img {
    width:20px;
    margin-left:15px;
    border:0;
}

#listCnt .pdfImg {
    width:42px;
    margin-left:10px;
    border:0;
}



/* font style             */
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.style4  {font-family: Verdana;}
.style5  {color:#990000;}
.style13 {color: #000000;}
.style16 {color: #0066CC}
.style17 {font-family: Verdana; font-size: 100%; }
.style19 {color: #0033FF; font-weight: bold;}
.style20 {color: #990000; font-family: Verdana; }
.style21 {color: #0066CC;font-size: 90%}
.style23 {font-family: Arial; font-size: 85%;letter-spacing:0.01em/50%; }
.style27 {font-family: Verdana; font-size: 90%; }
.style28 {font-size: 90%; color: #FFFFFF;}
.style44 {
	color: #990000;
	font-size: 120%;
	font-family: Verdana;
}
.style45 {color: #E81313; font-family: Verdana;font-weight:bold;}
.style46 {

        margin-left:20px;
        padding:10px;
        color: #990000;
        font-size: 100%;
        font-style:italic;
        font-family: Verdana;
        font-weight:bold;
}
.style47 {
        display:block;
        margin:20px;
        margin-bottom:0;
        padding:10px;
        font-size: 100%;
	    text-align: left;
        font-style:italic;
        font-family: Verdana;
        font-weight:bold;
}
.style52 {font-family: Verdana; font-size: 80%; }
.style53 {font-weight: bold; color: #990000;}
.style70 {font-size: 80%}
.style107 {font-family: Verdana; font-size: 90%; font-weight: bold; }
.style111 {font-size: 110%; color: #990000;}
.style112 {font-size: 90%; color: #990000;}
.super {
    font-size:4px;
    vertical-align:super; /*上標字*/
}

.uline {
  margin-left:10px;  
  padding:4px;
  text-decoration:underline;
}
.pinkbg{
    background:pink;
    color:blue;
}

.emp{
  color:#cc3333;
  font-size:14px;
  font-weight:bold;   
  margin-top:5px;
  margin-bottom:5px;
}
.m-t-10 {
    margin-top :10px;
}