/* CSS Document */

a {
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	text-decoration: none;
	COLOR: #0c1e66; 
}

a:hover {
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.indexcontent{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	line-height: 120%;
	COLOR: #373737; 
}

.more{
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	COLOR: #000000; 
}
.more:hover {
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.content{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	text-align:justify;
	line-height: 120%;
	letter-spacing:1px;
	COLOR: #373737;
}

.contentinner{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	line-height: 120%;
	letter-spacing: 1px;
	COLOR: #373737;
}

.roll{
	font-family: "Times New Roman", "新細明體";
	font-size: 70%;
	line-height: 110%;
	font-weight: normal;
	text-decoration: none;
	COLOR: #373737; 
}

.roll:hover{
	font-family: "Times New Roman", "新細明體";
	font-size: 70%;
	line-height: 110%;
	font-weight: normal;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.productinner{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	line-height: 150%;
	letter-spacing: 1px;
	COLOR: #373737;
	border-top-width:0px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-right-width:1px;
	border-right-style: dotted; 
	border-bottom-style: dotted; 
	border-left-style: dotted; 
	border-color:aecccb;
}

.contenttable{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	line-height: 100%;
	COLOR: #373737; 
}

.right{
	font-family: "Times New Roman","新細明體";
	font-size: 60%;
  	line-height: 100%;
	COLOR: #ffffff; 
}

.top{
	font-family: "Times New Roman","新細明體";
	font-size: 70%;
  	line-height: 100%;
	COLOR: #373737; 
}

.course{
	font-family: "Times New Roman", "新細明體";
	font-size: 90%;
	COLOR: #373737; 
}
.course:hover {
	font-family: "Times New Roman", "新細明體";
	font-size: 90%;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.courseindex{
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	font-weight: bold;
	COLOR: #373737; 
}

.courseshortcut{
	font-family: "Times New Roman", "新細明體";
	font-size: 90%;
	COLOR: #373737; 
}

.courseshortcut:hover {
	font-family: "Times New Roman", "新細明體";
	font-size: 90%;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.coursecontent{
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	text-align:justify;
	line-height: 120%;
	letter-spacing: 1px;
	COLOR: #373737; 
}

.coursetitle{
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	font-weight: bold;	
	COLOR: #0c1e66; 
}

.coursesubtitle{
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	font-weight: bold;
	COLOR: #000000; 
}

.ttable{
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	COLOR: #373737;
	line-height: 150%;
	letter-spacing: 1px;	
}

.ttableremarks{
	font-family: "Times New Roman", "新細明體";
	font-size: 70%;
	COLOR: #373737; 
	border-top-width:1px;
	border-top-style: dotted;
	border-color: f2a373;
}

.comingtitle{
	font-family: "Times New Roman", "新細明體";
	font-size: 120%;
	font-weight: bold;
	line-height: 110%;
	COLOR: #0c1e66; 
}

.comingcontent{
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	line-height: 130%;
	letter-spacing: 1px;
	COLOR: #000000; 
}

.saleproduct{
	font-family: "Times New Roman","新細明體";
	font-size: 110%;
	font-weight: bold;
	line-height: 100%;
	COLOR: #373737; 
}

.address{
	font-family: "Times New Roman","新細明體";
	font-size: 100%;
	font-weight: bold;
	line-height: 120%;
	COLOR: #373737; 
}

.stjohn_address{
	font-family: "Times New Roman","新細明體";
	font-size: 140%;
	font-weight: bold;
	line-height: 120%;
	COLOR: #462C55; 
}
.stjohn_intranet{
	font-family: "Times New Roman","新細明體";
	font-size: 140%;
	font-weight: bold;
	line-height: 120%;
	COLOR: #0c1e66; 
}
.organ{
	font-family: "Times New Roman","新細明體";
	font-size: 60%;
	font-weight:bold;
	line-height: 120%;
	COLOR: #0c1e66; 
}

.getadobe{
	font-family: "Times New Roman","新細明體";
	font-size: 60%;
	font-weight:normal;
	COLOR: #373737; 
}

.bulletin01{
	font-family: "Times New Roman", "新細明體";
	font-size: 90%;
	font-weight:normal;
	COLOR: #373737; 
	border-right-width:1px;
	border-left-width:1px;
	border-bottom-width:1px;
	border-bottom-style: dotted; 
	border-right-style: dotted; 
	border-left-style: dotted; 
	border-color:#ebdc88;
}

.bulletin02{
	font-family: "Times New Roman", "新細明體";
	font-size: 90%;
	font-weight:normal;
	COLOR: #373737; 
}

.bulletin02:hover {
	font-family: "Times New Roman", "新細明體";
	font-size: 90%;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.high{
	font-family: "Times New Roman", "新細明體";
	font-size: 110%;
	line-height: 120%;
	font-weight:bold;
	text-decoration: none;
	COLOR: #c32208; 
}

.high:hover{
	font-family: "Times New Roman", "新細明體";
	font-size: 110%;
	line-height: 120%;
	font-weight:bold;
	text-decoration: underline;
	COLOR: #c32208; 
}

.hightlight{
	border-top-width:0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	border-color: #AEB9E3;
	font-family: "Times New Roman", "新細明體";
	font-size: 60%;
	letter-spacing: 1px;
	line-height:130%;
	COLOR: #373737; 
}

.chinese{
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	font-weight:bold;
	COLOR: #0c1e66; 
}

.topindex{
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	COLOR: #373737; 
	font-weight:bold;
}

.bottom{
	font-family: "Times New Roman", "新細明體";
	font-size: 60%;
	font-weight:normal;
	letter-spacing: 20%;
	line-height:110%;
	COLOR: #ffffff; 
}
.bottom:link{
	font-family: "Times New Roman", "新細明體";
	font-size: 60%;
	font-weight:normal;
	letter-spacing: 20%;
	line-height:110%;
	COLOR: #ffffff; 
	text-decoration:underline;
}

.bottom:hover{
	font-family: "Times New Roman", "新細明體";
	font-size: 60%;
	font-weight:normal;
	letter-spacing: 20%;
	line-height:110%;
	COLOR: #0c1e66; 
	text-decoration:underline;
}

.bottomup{
	border-top-width:1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-style: dotted;
	border-color: #aeb9e3;
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	font-weight:normal;
	letter-spacing: 20%;
	line-height:130%;
	COLOR: #373737; 
}


.bottomlink{
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	letter-spacing:20%;
	line-height:110%;
	COLOR: #373737; 
}

.bottomlink:hover{
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	letter-spacing:20%;
	line-height:110%;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.service {
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	text-decoration: none;
	COLOR: #a0cf8d; 
}

.service:hover {
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	line-height: 120%;
	font-weight: bold;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.applicationtable{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	line-height: 120%;
	font-weight: bold;
	COLOR: #373737;
	border-bottom-width:1px;
	border-bottom-style: dotted; 
	border-color:#bcaac7;
}

.donationtable{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	line-height: 150%;
	font-weight: bold;
	COLOR: #373737;
	border-bottom-width:1px;
	border-bottom-style: dotted; 
	border-color:#f2a373;
}
.bulletintable{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	line-height: 150%;
	font-weight: bold;
	COLOR: #373737;
	border-bottom-width:1px;
	border-bottom-style: dotted; 
	border-color:#ebdc88;
}
.locationtable{
	font-family: "Times New Roman","新細明體";
	font-size: 80%;
	line-height: 150%;
	font-weight: bold;
	COLOR: #373737;
	border-bottom-width:1px;
	border-bottom-style: dotted; 
	border-color:#a0cf8d;
}
.map{
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	line-height: 120%;
	font-weight: normal;
	text-decoration:underline;
	COLOR: #373737; 
}

.map:hover {
	font-family: "Times New Roman", "新細明體";
	font-size: 100%;
	line-height: 120%;
	font-weight:normal;
	text-decoration: underline;
	COLOR: #0c1e66; 
}

.come{
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	COLOR: #373737; 
}
.come:hover {
	font-family: "Times New Roman", "新細明體";
	font-size: 80%;
	text-decoration: underline;
	COLOR: #0c1e66; 
}
.LoginBox {
	FONT-SIZE: 10pt;
	LEFT: 0px;
	COLOR: #222222;
	FONT-FAMILY: "Times New Roman", "新細明體";
	TOP: 0px;
	BACKGROUND-COLOR: #FFFFFF;
	width: 200px;
	border: 1px solid #333333;
	word-spacing: 10pt;
}