﻿body {
	font-family: Verdana, "新細明體";
	margin:0px;
}

td {
	line-height: 140%;
	color: #404040;
	font-size: 10pt;
	font-family: Verdana, "新細明體";
}


.bar-table{background-image: url(../images/bar-table.gif);}
.bg-news{background-color: #F8F0E9;}
.bg-int{background-color: #F7F7E1;}
.bg-member{background-color: #EEF8E0;}
.bg-edu1{background-color: #F1F5F5;}
.bg-edu2{background-color: #F8F1E9;}
.bg-edu3{background-color: #F4F3F2;}
.bg-edu4{background-color: #F2F5EB;}
.bg-act{background-color: #F7F5EA;}
.bg-message{background-color: #ECF4E3;}
.bg-signup1{background-color: #FFFFFF;}
.bg-signup2{background-color: #ECF3D3;}

.btn {
	font-size: 12px;
	border: 3px double #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 3px;
	color: #333333;
	background-color: #FFCC00;
}

.color-message0-bg {background-color:#EDE2C2;}
.color-message1-bg {background-color:#F4EDCE;}
.color-reply0-bg {background-color:#E0E7CD;}
.color-reply1-bg {background-color:#EFF2E6;}

A.a-blue:link {COLOR: #0054A6; TEXT-DECORATION: none}
A.a-blue:visited {COLOR: #0054A6; TEXT-DECORATION: none}
A.a-blue:hover {COLOR: #0054A6; TEXT-DECORATION: underline}

A.a-blue-orange:link {
	COLOR: #0054A6; TEXT-DECORATION: none}
A.a-blue-orange:visited {
	COLOR: #0054A6; TEXT-DECORATION: none}
A.a-blue-orange:hover {
	COLOR: #FF6600; TEXT-DECORATION: none}
	
A.a-brown:link {COLOR: #663300; TEXT-DECORATION: none}
A.a-brown:visited {COLOR: #663300; TEXT-DECORATION: none}
A.a-brown:hover {COLOR: #663300; TEXT-DECORATION: underline}
	

A.a-epaperopt:link {line-height:160%; font-weight:bold; FONT-SIZE: 15px;  COLOR: #CC6600; TEXT-DECORATION: none}
A.a-epaperopt:visited {line-height:160%; font-weight:bold; FONT-SIZE: 15px; COLOR: #CC6600; TEXT-DECORATION: none}
A.a-epaperopt:hover {line-height:160%; font-weight:bold; FONT-SIZE: 15px; COLOR: #CC6600; TEXT-DECORATION: underline}


A.a-gray:link {
	FONT-SIZE: 10pt; COLOR: #666666; TEXT-DECORATION: none}
A.a-gray:visited {
	FONT-SIZE: 10pt; COLOR: #666666; TEXT-DECORATION: none}
A.a-gray:hover {
	FONT-SIZE: 10pt; COLOR: #CC6600; TEXT-DECORATION: none}

A.a-orange:link {
	FONT-SIZE: 9pt; COLOR: #CC6600; TEXT-DECORATION: none}
A.a-orange:visited {
	FONT-SIZE: 9pt; COLOR: #CC6600; TEXT-DECORATION: none}
A.a-orange:hover {
	FONT-SIZE: 9pt; COLOR: #CC6600; TEXT-DECORATION: underline}

A.a-yellow:link {
	COLOR: #FFDF60; TEXT-DECORATION: none}
A.a-yellow:visited {
	COLOR: #FFDF60; TEXT-DECORATION: none}
A.a-yellow:hover {
	COLOR: #FFDF60; TEXT-DECORATION: underline}
	
A.a-red:link {
	COLOR: #C00; TEXT-DECORATION: none}
A.a-red:visited {
	COLOR: #C00; TEXT-DECORATION: none}
A.a-red:hover {
	COLOR: #C00; TEXT-DECORATION: underline}


.color-red {color: #990000}
.color-blue {color: #333399}
.color-brown {color: #663300}
.color-green {color: #336666}
.color-orange {color: #FF6600}

.copyright {
	font-size: 11px;	color: #FFFFCC;	line-height: 16px;}

.comment {
	font-size: 11px;	color: #663300}
	
	
.form-line{padding:6px;}
	

.input{
	font-family:Arial, "?";
	font-size:9pt;
	border : 1 dotted #336600;
	color: #663300;
}

.bar {
	height: 7px;
	background-color: #AFB96A;
}

.dash {
	height: 2px;
	background-color: #999999;
}



.top-line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color:#CCCCCC;
}

.message-up-left {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}
.message-up-right {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}
.message-down {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
}

.organization{
	padding-top: 4px;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 5px;
	border-color: #80913C;
	border-width: 1px;
	border-style: solid;
	background-color: #EEF2DF;
}

.dotted {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	padding-top: 2px;
	padding-left: 10px;}

.dotted-left {
	padding-left: 5px;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
}

.dotted3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 4px;
}

.dotted3-left {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
	padding-top: 4px;
}
.dotted3-main {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	height: 24px;
	margin-top: 10px;
	padding-top: 4px;
}
.dotted3-right {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
}


.pm-table-title{background-color: #E8F1C0; color:#336600;}
.tbl-title {background-color:#B7CCA2;	color: #FFFFCC;}
.tbl-detail1{background-color:#E1EFD1;}
.tbl-detail2{background-color:#DCE9C9;}
.tbl-detail1 td, .tbl-detail2 td{padding:6px;}
.tbl-total{background-color:#B7CCA2;	color: #FFFFCC;}

.signup-form{
	background-color:#E1F0C4;
	border-color:#DBEDB8;
	border-bottom-width:thin;
	border-collapse:collapse;
	width:90%;
	padding:4px;
}
.signup-p-form{background-color:#EBF0D9;}
.signup-c-form{background-color:#F4F3CE;}
.signup-form-title1{background-color:#C9DA96;}
.signup-form-title2{background-color:#E8E695;}


.solid-left {
	padding-left: 5px;
	padding-right: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	background-color: #EBF5BE;
}

.title-red {
	font-size: 15px;
	font-weight: bold;
	color: #CF353B;
}

.title-education {
	font-size: 13px;
	font-weight: bold;
	color: #CF353B;
}

.text10{font-size: 10px;}
.text10pt{font-size: 10pt;}
.text15{font-size: 15px;}
.text11pt{font-size: 11pt;}

.td-line{line-height: 200%;}


.widthleft{width:150px;}


/* 20101212 教育訓練注意事項　*/
#edu_notes{margin-top:10px; margin-left:16px; color:#C00; text-align:left;}


/*for send_email*/
.line_height{line-height:20px;}


/* 20121115 國際證照*/
#suboptions {margin:0; padding:0; float:right; margin-right:20px;}
#suboptions ul{}
#suboptions ul li{width:auto; padding:3px 6px; background-color:orange; border:1px gray solid; float:left; display:inline; margin-bottom:20px; margin-left:6px;}

#suboptions a {color:#66330d; text-decoration:none;}
#suboptions a:hover {color:#FFF; text-decoration:underline;}

/* 20140216 20週年慶 */
.show_pm_msg{width:90%; padding:3px; background-color:#FF6; border:1px gray solid; color:red; font-size:1.2em; text-align:center;}
.hide_pm_msg{display:none;}
.showServerMsg{width:50%; margin:20px auto; padding:10px; background-color:#FF9; color:#C00; border:1px gray solid;}