@charset "utf-8";
/* CSS Document */

body { margin:0;}

.td_bg { background-image: url(images/title/4-1/td_bg.jpg); background-repeat: repeat-x; background-position: left center; }

.login {  font-family: "Arial"; font-size: 12px; font-weight: normal; color: #009141}
.login a:link { color: #009141; font-weight: normal; text-decoration: none; cursor: hand}
.login a:visited { color: #009141; font-weight: normal; text-decoration: none;}
.login a:hover { color: #009141; font-weight: normal; text-decoration: underline;}

.greenborder { border: 1px solid #007E39;}
.blueborder { border: 1px solid #01A0E9;}

.bg_repeatnone { background-repeat: no-repeat; }

.greenborder_d { border-bottom: 1px solid #3AAB49;}
.greenbg { background:#10934B;}

.greenborder02 { border: 1px solid #ADC241;}
.greenborder_d02 { border-bottom: 1px solid #ADC241;}
.greenbg02 { background:#10934B;}

.left_submenu {  font-family: "Arial"; font-size: 13px; font-weight: normal; color: #000000}
.left_submenu a:link { color: #000000; font-weight: normal; text-decoration: none; cursor: hand}
.left_submenu a:visited { color: #000000; font-weight: normal; text-decoration: none;}
.left_submenu a:hover { color: #007937; font-weight: normal; text-decoration: underline;}

.homenwes {  font-family: "Arial"; font-size: 12px; line-height: 15pt;  font-weight: normal; color: #404040}
.homenwes a:link { color: #404040; font-weight: normal; text-decoration: none; cursor: hand}
.homenwes a:visited { color: #404040; font-weight: normal; text-decoration: none;}
.homenwes a:hover { color: #029946; font-weight: normal; text-decoration: underline;}

.homenwes_r {  font-family: "Arial"; font-size: 12px; line-height: 15pt;  font-weight: normal; color: #404040}
.homenwes_r a:link { color: #404040; font-weight: normal; text-decoration: none; cursor: hand}
.homenwes_r a:visited { color: #404040; font-weight: normal; text-decoration: none;}
.homenwes_r a:hover { color: #C94D97; font-weight: normal; text-decoration: underline;}

.orangeword {  font-family: "Arial"; font-size: 12px; line-height: 15pt;  font-weight: normal; color: #F28101}
.orangeword a:link { color: #F28101; font-weight: normal; text-decoration: none; cursor: hand}
.orangeword a:visited { color: #F28101; font-weight: normal; text-decoration: none;}
.orangeword a:hover { color: #F28101; font-weight: normal; text-decoration: underline;}

.orangeword02 {  font-family: "Arial"; font-size: 12px; line-height: 12pt;  font-weight: normal; color: #F28101}
.orangeword02 a:link { color: #F28101; font-weight: normal; text-decoration: none; cursor: hand}
.orangeword02 a:visited { color: #F28101; font-weight: normal; text-decoration: none;}
.orangeword02 a:hover { color: #F28101; font-weight: normal; text-decoration: underline;}

.red02 {  font-family: "Arial"; font-size: 12px; line-height: 12pt;  font-weight: normal; color: #D02428}
.red02 a:link { color: #D02428; font-weight: normal; text-decoration: none; cursor: hand}
.red02 a:visited { color: #D02428; font-weight: normal; text-decoration: none;}
.red02 a:hover { color: #D02428; font-weight: normal; text-decoration: underline;}

.whiteword {
	font-family: "Arial";
	font-size: 13px;
	line-height: 13pt;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
}
.whiteword a:link { color: #ffffff; font-weight: normal; text-decoration: none; cursor: hand}
.whiteword a:visited { color: #ffffff; font-weight: normal; text-decoration: none;}
.whiteword a:hover { color: #ffffff; font-weight: normal; text-decoration: underline;}

.red_score {  font-family: "Arial"; font-size: 12px; line-height: 13pt;  font-weight: bold; color: #C50000}
.red_score a:link { color: #C50000; font-weight: bold; text-decoration: none; cursor: hand}
.red_score a:visited { color: #C50000; font-weight: bold; text-decoration: none;}
.red_score a:hover { color: #C50000; font-weight: bold; text-decoration: underline;}

.red_score02 {  font-family: "Arial"; font-size: 60px; line-height: 40pt;  font-weight: bold; color: #D02428}
.red_score02 a:link { color: #D02428; font-weight: bold; text-decoration: none; cursor: hand}
.red_score02 a:visited { color: #D02428; font-weight: bold; text-decoration: none;}
.red_score02 a:hover { color: #D02428; font-weight: bold; text-decoration: underline;}

.grayword {  font-family: "Arial"; font-size: 16px; line-height: 13pt;  font-weight: bold; color: #333333}
.grayword a:link { color: #333333; font-weight: bold; text-decoration: none; cursor: hand}
.grayword a:visited { color: #333333; font-weight: bold; text-decoration: none;}
.grayword a:hover { color: #333333; font-weight: bold; text-decoration: underline;}

.greenscore {  font-family: "Arial"; font-size: 13px; line-height: 13pt;  font-weight: bold; color: #009141}
.greenscore a:link { color: #009141; font-weight: bold; text-decoration: none; cursor: hand}
.greenscore a:visited { color: #009141; font-weight: bold; text-decoration: none;}
.greenscore a:hover { color: #009141; font-weight: bold; text-decoration: underline;}

.bluescore {  font-family: "Arial"; font-size: 13px; line-height: 13pt;  font-weight: bold; color: #01A0E9}
.bluescore a:link { color: #01A0E9; font-weight: bold; text-decoration: none; cursor: hand}
.bluescore a:visited { color: #01A0E9; font-weight: bold; text-decoration: none;}
.bluescore a:hover { color: #01A0E9; font-weight: bold; text-decoration: underline;}

.l_greenscore {  font-family: "Arial"; font-size: 13px; line-height: 13pt;  font-weight: bold; color: #ADC241}
.l_greenscore a:link { color: #ADC241; font-weight: bold; text-decoration: none; cursor: hand}
.l_greenscore a:visited { color: #ADC241; font-weight: bold; text-decoration: none;}
.l_greenscore a:hover { color: #ADC241; font-weight: bold; text-decoration: underline;}

.full {  font-family: "Arial"; font-size: 12px; line-height: 13pt;  font-weight: normal; color: #C94D97}
.full a:link { color: #C94D97; font-weight: normal; text-decoration: none; cursor: hand}
.full a:visited { color: #C94D97; font-weight: normal; text-decoration: none;}
.full a:hover { color: #C94D97; font-weight: normal; text-decoration: underline;}

.page01 {  font-family: "Arial"; font-size: 11px; line-height: 15pt;  font-weight: normal; color: #7F7F7F}
.page01 a:link { color: #7F7F7F; font-weight: normal; text-decoration: none; cursor: hand}
.page01 a:visited { color: #7F7F7F; font-weight: normal; text-decoration: none;}
.page01 a:hover { color: #EA222C; font-weight: bold; text-decoration: underline;}

.news01 {
	font-family: "Arial";
	font-size: 12px;
	line-height: 13pt;
	font-weight: normal;
	color: #404040;
	text-align: left;
}
.news01 a:link { color: #404040; font-weight: normal; text-decoration: none; cursor: hand}
.news01 a:visited { color: #404040; font-weight: normal; text-decoration: none;}
.news01 a:hover {
	color: #687E00;
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
}

.qa01 {  font-family: "Arial"; font-size: 12px; line-height: 13pt;  font-weight: normal; color: #404040}
.qa01 a:link { color: #404040; font-weight: normal; text-decoration: none; cursor: hand}
.qa01 a:visited { color: #404040; font-weight: normal; text-decoration: none;}
.qa01 a:hover { color: #CA4700; font-weight: normal; text-decoration: underline;}

.list01 {  font-family: "Arial"; font-size: 12px; line-height: 13pt;  font-weight: normal; color: #404040}
.list01 a:link { color: #687E00; font-weight: normal; text-decoration: none; cursor: hand}
.list01 a:visited { color: #687E00; font-weight: normal; text-decoration: none;}
.list01 a:hover { color: #687E00; font-weight: normal; text-decoration: underline;}

.list01-alt {  font-family: "Arial"; font-size: 12px; line-height: 13pt;  font-weight: normal; color: #404040;}
.list01-alt a:link { color: #687E00; font-weight: normal; text-decoration: none; cursor: hand}
.list01-alt a:visited { color: #687E00; font-weight: normal; text-decoration: none;}
.list01-alt a:hover { color: #687E00; font-weight: normal; text-decoration: underline;}
.list01-alt { background-color: #CCCCCC;}

.list01-1 {  font-family: "Arial"; font-size: 12px; line-height: 13pt;  font-weight: normal; color: #404040}
.list01-1 a:link { color: #404040; font-weight: normal; text-decoration: none; cursor: hand}
.list01-1 a:visited { color: #404040; font-weight: normal; text-decoration: none;}
.list01-1 a:hover { color: #404040; font-weight: normal; text-decoration: underline;}

.list01-blue {
	font-family: "Arial";
	font-size: 12pt;
	line-height: 15pt;
	font-weight: bold;
	color: #01A0E9
}
.list01-blue a:link { color: #01A0E9; font-weight: normal; text-decoration: none; cursor: hand; font-weight: bold}
.list01-blue a:visited { color: #01A0E9; font-weight: normal; text-decoration: none;font-weight: bold}
.list01-blue a:hover {
	color: #01A0E9;
	font-weight: bold;
	text-decoration: underline;
}

.list01-green {  font-family: "Arial"; font-size: 13px; line-height: 15pt;  font-weight: normal; color: #007E39}
.list01-green a:link { color: #007E39; font-weight: normal; text-decoration: none; cursor: hand}
.list01-green a:visited { color: #007E39; font-weight: normal; text-decoration: none;}
.list01-green a:hover { color: #007E39; font-weight: normal; text-decoration: underline;}

.list01-green1 {  font-family: "Arial"; font-size: 12px; line-height: 12pt;  font-weight: normal; color: #007E39}
.list01-green1 a:link { color: #007E39; font-weight: normal; text-decoration: none; cursor: hand}
.list01-green1 a:visited { color: #007E39; font-weight: normal; text-decoration: none;}
.list01-green1 a:hover { color: #007E39; font-weight: normal; text-decoration: underline;}

.list01-green11 {  font-family: "Arial"; font-size: 12px; line-height: 15pt;  font-weight: bold; color: #96BB35}

.list01-green111 {  font-family: "Arial"; font-size: 12px; line-height: 15pt;  font-weight: normal; color: #96BB35}
.list01-green111 a:link { color: #96BB35; font-weight: normal; text-decoration: none; cursor: hand}
.list01-green111 a:visited { color: #96BB35; font-weight: normal; text-decoration: none;}
.list01-green111 a:hover { color: #96BB35; font-weight: normal; text-decoration: underline;}

.list01-detail {  font-family: "Arial"; font-size: 12px; line-height: 15pt;  font-weight: normal; color: #404040}
.list01-detail a:link { color: #404040; font-weight: normal; text-decoration: none; cursor: hand}
.list01-detail a:visited { color: #404040; font-weight: normal; text-decoration: none;}
.list01-detail a:hover { color: #404040; font-weight: normal; text-decoration: underline;}


.list02 {  font-family: "Arial"; font-size: 12px; line-height: 13pt;  font-weight: normal; color: #404040}
.list02 a:link { color: #01A0E9; font-weight: normal; text-decoration: none; cursor: hand}
.list02 a:visited { color: #01A0E9; font-weight: normal; text-decoration: none;}
.list02 a:hover { color: #01A0E9; font-weight: normal; text-decoration: underline;}

.list02-green {  font-family: "Arial"; font-size: 13px; line-height: 15pt;  font-weight: normal; color: #007E39}
.list02-green a:link { color: #007E39; font-weight: normal; text-decoration: none; cursor: hand}
.list02-green a:visited { color: #007E39; font-weight: normal; text-decoration: none;}
.list02-green a:hover { color: #007E39; font-weight: normal; text-decoration: underline;}

.list02-blue {  font-family: "Arial"; font-size: 13px; line-height: 15pt;  font-weight: normal; color: #01A0E9}
.list02-blue a:link { color: #01A0E9; font-weight: normal; text-decoration: none; cursor: hand}
.list02-blue a:visited { color: #01A0E9; font-weight: normal; text-decoration: none;}
.list02-blue a:hover { color: #01A0E9; font-weight: normal; text-decoration: underline;}

.list02-blue2 {  font-family: "Arial"; font-size: 15px; line-height: 13pt;  font-weight: bold; color: #01A0E9}
.list02-blue2 a:link { color: #01A0E9; font-weight: bold; text-decoration: none; cursor: hand}
.list02-blue2 a:visited { color: #01A0E9; font-weight: bold; text-decoration: none;}
.list02-blue2 a:hover { color: #01A0E9; font-weight: bold; text-decoration: underline;}

.list02-pink2 {  font-family: "Arial"; font-size: 15px; line-height: 13pt;  font-weight: bold; color: #AE4E85}
.list02-pink2 a:link { color: #AE4E85; font-weight: bold; text-decoration: none; cursor: hand}
.list02-pink2 a:visited { color: #AE4E85; font-weight: bold; text-decoration: none;}
.list02-pink2 a:hover { color: #AE4E85; font-weight: bold; text-decoration: underline;}

.list02-green111 {  font-family: "Arial"; font-size: 15px; line-height: 13pt;  font-weight: bold; color: #96BB35}
.list02-green111 a:link { color: #96BB35; font-weight: bold; text-decoration: none; cursor: hand}
.list02-green111 a:visited { color: #96BB35; font-weight: bold; text-decoration: none;}
.list02-green111 a:hover { color: #96BB35; font-weight: bold; text-decoration: underline;}

.list02-green11 {  font-family: "Arial"; font-size: 13px; line-height: 15pt;  font-weight:normal; color: #96BB35}
.list02-green11 a:link { color: #96BB35; font-weight: normal; text-decoration: none; cursor: hand}
.list02-green11 a:visited { color: #96BB35; font-weight: normal; text-decoration: none;}
.list02-green11 a:hover { color: #96BB35; font-weight: normal; text-decoration: underline;}


.list04 {  font-family: "Arial"; font-size: 12px; line-height: 13pt;  font-weight: normal; color: #404040}
.list04 a:link { color: #AA4DA0; font-weight: normal; text-decoration: none; cursor: hand}
.list04 a:visited { color: #AA4DA0; font-weight: normal; text-decoration: none;}
.list04 a:hover { color: #AA4DA0; font-weight: normal; text-decoration: underline;}

.list04-pink {  font-family: "Arial"; font-size: 13px; line-height: 15pt;  font-weight: normal; color: #AE4E85}
.list04-pink a:link { color: #AE4E85; font-weight: normal; text-decoration: none; cursor: hand}
.list04-pink a:visited { color: #AE4E85; font-weight: normal; text-decoration: none;}
.list04-pink a:hover { color: #AE4E85; font-weight: normal; text-decoration: underline;}

.list01-green2 {  font-family: "Arial"; font-size: 15px; line-height: 15pt;  font-weight: bold; color: #007E39}
.list01-green2 a:link { color: #007E39; font-weight: bold; text-decoration: none; cursor: hand}
.list01-green2 a:visited { color: #007E39; font-weight: bold; text-decoration: none;}
.list01-green2 a:hover { color: #007E39; font-weight: bold; text-decoration: underline;}

.list01-orange2 {  font-family: "Arial"; font-size: 15px; line-height: 15pt;  font-weight: bold; color: #D02428}
.list01-orange2 a:link { color: #D02428; font-weight: bold; text-decoration: none; cursor: hand}
.list01-orange2 a:visited { color: #D02428; font-weight: bold; text-decoration: none;}
.list01-orange2 a:hover { color: #D02428; font-weight: bold; text-decoration: underline;}

.list01-orange3 {  font-family: "Arial"; font-size: 12px; line-height: 12pt;  font-weight: normal; color: #D02428}
.list01-orange3 a:link { color: #D02428; font-weight: normal; text-decoration: none; cursor: hand}
.list01-orange3 a:visited { color: #D02428; font-weight: normal; text-decoration: none;}
.list01-orange3 a:hover { color: #D02428; font-weight: normal; text-decoration: underline;}

.link {  font-family: "Arial"; font-size: 13px; line-height: 13pt;  font-weight: normal; color: #0000ff}
.link a:link { color: #0000ff; font-weight: normal; text-decoration: none; cursor: hand}
.link a:visited { color: #0000ff; font-weight: normal; text-decoration: none;}
.link a:hover { color: #cc00ff; font-weight: normal; text-decoration: underline;}

.mark {  font-family: "Arial"; font-size: 11px; line-height: 12pt;  font-weight: normal; color: #8D8D8D}
.mark a:link { color: #8D8D8D; font-weight: normal; text-decoration: none; cursor: hand}
.mark a:visited { color: #8D8D8D; font-weight: normal; text-decoration: none;}
.mark a:hover { color: #8D8D8D; font-weight: normal; text-decoration: underline;}

.desc {  font-family: "Arial"; font-size: 13px; line-height: 15pt;  font-weight: bold; color: #4C4C4C}
.desc a:link { color: #4C4C4C; font-weight: bold; text-decoration: none; cursor: hand}
.desc a:visited { color: #4C4C4C; font-weight: bold; text-decoration: none;}
.desc a:hover { color: #4C4C4C; font-weight: bold; text-decoration: underline;}

.desc02 {  font-family: "Arial"; font-size: 12px; line-height: 12pt;  font-weight: normal; color: #4C4C4C}
.desc02 a:link { color: #4C4C4C; font-weight: normal; text-decoration: none; cursor: hand}
.desc02 a:visited { color: #4C4C4C; font-weight: normal; text-decoration: none;}
.desc02 a:hover { color: #4C4C4C; font-weight: normal; text-decoration: underline;}

.weblink {  font-family: "Arial"; font-size: 15px; line-height: 13pt;  font-weight: normal; color: #C94D97}
.weblink a:link { color: #C94D97; font-weight: normal; text-decoration: none; cursor: hand}
.weblink a:visited { color: #C94D97; font-weight: normal; text-decoration: none;}
.weblink a:hover { color: #F28101; font-weight: bold; text-decoration: underline;}

.service { font-family: "Arial"; font-size: 13px; line-height: 15pt; font-weight: normal; color: #414141; }
.service a:link { color: #414141; font-weight: normal; text-decoration: none; cursor: hand}
.service a:visited { color: #414141; font-weight: normal; text-decoration: none;}
.service a:hover { color: #414141; font-weight: bold; text-decoration: underline;}

.service02 {  font-family: "Arial"; font-size: 13px; line-height: 13pt;  font-weight: normal; color: #414141}
.service02 a:link { color: #414141; font-weight: normal; text-decoration: none; cursor: hand}
.service02 a:visited { color: #414141; font-weight: normal; text-decoration: none;}
.service02 a:hover { color: #414141; font-weight: bold; text-decoration: underline;}

.service_red {
	font-family: "Arial";
	font-size: 10pt;
	line-height: 12pt;
	font-weight: normal;
	color: #C94D97;
	text-align: left;
}
.service_red a:link { color: #C94D97; font-weight: normal; text-decoration: none; cursor: hand}
.service_red a:visited { color: #C94D97; font-weight: normal; text-decoration: none;}
.service_red a:hover { color: #C94D97; font-weight: bold; text-decoration: underline;}

.service_red02 {  font-family: "Arial"; font-size: 13px; line-height: 15pt;  font-weight: bold; color: #D02428}
.service_red02  a:link { color: #D02428; font-weight: bold; text-decoration: none; cursor: hand}
.service_red02  a:visited { color: #D02428; font-weight: bold; text-decoration: none;}
.service_red02  a:hover { color: #D02428; font-weight: bold; text-decoration: underline;}

.form {  font-family: "Arial"; font-size: 12px; line-height: 12pt;  font-weight: normal; color: #3EB541}

.mark {  font-family: "Arial"; font-size: 14px; line-height: 15pt;  font-weight: bold; color: #f4ffe4}

.fb_fan {  font-family: "Arial"; font-size: 13px; line-height: 18pt;  font-weight: bold; color: #3b5998}
.fb_fan a:link { color: #3b5998; font-weight: bold; text-decoration: none; cursor: hand}
.fb_fan a:visited { color: #3b5998; font-weight: bold; text-decoration: none;}
.fb_fan a:hover { color: #3b5998; font-weight: bold; text-decoration: underline;}

.picfoldertitle {  font-family: "Arial"; font-size: 14px; line-height: 18pt;  font-weight: bold; color: #007E39}



/* 為分類新增的*/
div#class{
    width: 600px;
    border: 2px ;
    padding: 5px;
}

.classbox{
    float: left;
    padding: 2px;
    margin: 2px;
    border:1px solid gray;
	font-family: "Arial"; 
	font-size: 13px; 
	font-weight: normal;
	background-color: #3CB0E6;

}

div#class1{
    width: 90%;
    border: 3px dashed gray;
    padding: 30px;
}

.classbox1{
    float: left;
    padding: 2px;
    margin: 2px;
    border:1px solid gray;
	font-family: "Arial"; 
	font-size: 13px; 
	font-weight: normal;
	background-color: #D578AD;
}