html, body {
  margin : 0;
}

div#container {
  position : relative;	 /* 將元素指定為相對定位 */
  margin : 0 auto;		 /* 上下邊界空間設為0；左右兩邊：自動調整 */
  width : 573px;
  height : 333px;
  left: 32px;
  text-align : left;	 /* <div> 標籤裡的所有內容，靠左對齊 */

}

div#ymlLogo {
  position : relative;	 /* 將元素指定為相對定位 */
  margin : 0 auto;		 /* 上下邊界空間設為0；左右兩邊：自動調整 */
  width : 573px;
  left: 32px;
  text-align : left;	 /* <div> 標籤裡的所有內容，靠左對齊 */
}

div#table1 {
  position : relative;	 /* 將元素指定為相對定位 */
  margin : 0 auto;		 /* 上下邊界空間設為0；左右兩邊：自動調整 */
  left: 32px;
  text-align : left;	 /* <div> 標籤裡的所有內容，靠左對齊 */
  line-height: 180%
}

div#letter1 {
  position : relative;	 /* 將元素指定為相對定位 */
  margin : 10 auto;		 /* 上下邊界空間設為0；左右兩邊：自動調整 */
  left: 20px;
  text-align : left;	 /* <div> 標籤裡的所有內容，靠左對齊 */

  font-family : Arial; 
  font-size : 9pt; 
  color : #333333; 
}

div#letter2 {
  position : relative;	 /* 將元素指定為相對定位 */
  margin : 0 auto;		 /* 上下邊界空間設為0；左右兩邊：自動調整 */
  left: 40px;
  text-align : left;	 /* <div> 標籤裡的所有內容，靠左對齊 */

  font-family : Arial; 
  font-size : 9pt; 
  color : #333333; 
  line-height: 180%
}

.copy {font-family:Verdana;font-size:10px;Color:#333333;line-height:11px}

hr { border: 0; color: #C0C0C0; background-color: #C0C0C0; height: 1px; width: 100%; text-align: left;}
.headline_menu { font-family: Arial; font-size: 10pt; color: #717248; letter-spacing: 5pt; 
               font-weight: bold }
.text_date   { font-family: Arial; font-size: 13px; color: #333333 }
.text_copyright { font-family: Arial; font-size: 10px; color: #FFFFFF }
.headline_standard_12 { font-family: arial; font-size: 12pt; color: #808080; font-weight: bold }
.headline_adv { font-family: Arial; font-size: 14pt; color: #808080; font-weight: bold }
.headline_main { font-family: Arial; font-size: 14pt; color: #717248; text-transform: uppercase; 
               font-weight: bold }
.headline_standard { font-family: Arial; font-size: 10pt; color: #717248; font-weight: bold; 
               line-height: 150% }
.text_large  { font-family: Arial; font-size: 12pt; color: #333333; line-height:180% }
.text_standard { font-family: Arial; font-size: 10pt; color: #333333; line-height:20% }
.text_small  { font-family: Arial; font-size: 8pt; color: #333333 }
.text_small_grey  { font-family: Arial; font-size: 8pt; color: #666666 }
.text_yml { font-family: Arial; font-size: 9pt; color: #333333; line-height:180% }
.text_red_small  { font-family: Arial; font-size: 8pt; color: #CC0000 }


A.menulink {border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; display: block;width: 100%;text-align: left;text-decoration: none;font-family:Arial;font-size:10pt; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; line-height:150%}
A:hover.menulink {border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#DFDFDF; font-family:Arial; font-size:10pt; color:#808080; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; line-height:150%}
A.settingMenulink {border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; display: block;width: 100%;text-align: center;text-decoration: none;font-family:Arial;font-size:10pt; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; line-height:150%; color:#5A6384; background-color:#B4BDCF}
A:hover.settingMenulink {border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#667A9F; font-family:Arial; font-size:10pt; color:#FFFFFF; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; line-height:150%}
A.MainMenulink {display: block;width: 100%;text-align: left;text-decoration: none;font-family:Arial;font-size:10pt; padding-left:4px; padding-right:4px; padding-top:0px; padding-bottom:0px; line-height:150%}
A:hover.MainMenulink {font-family:Arial; font-size:10pt; color:#808080; padding-left:4px; padding-right:4px; padding-top:0px; padding-bottom:0px; line-height:150%}
A.PersonalMenulink {border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; display: block;width: 100%;text-align: left;text-decoration: none;font-family:Arial;font-size:10pt; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; line-height:150%}
A:hover.PersonalMenulink {border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; background-color:#DFDFDF; font-family:Arial; font-size:10pt; color:#808080; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px; line-height:150%}

A:link {color:#333333; text-decoration: underline} 
A:visited {color:#333333;text-decoration: underline} 
A:hover {color:#1764E3; text-decoration: none}


/*show hint msg*/


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}