@charset "big5";
/* CSS Document */

.sp{
	margin: 0px 10px 20px;
	font-size: 12px;
	color: #333;
}
.sp p{
	line-height: 140%;
	margin:5px 10px 10px 0px;
	font-size: 15px;
	color: #666;
}
.sp ul.lt{
	list-style-type: disc;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	}
.sp ul.lt li{
	font-size: 15px;
	list-style-type: disc;
	line-height: 140%;
}
.sp ul.lt li a{
	color: #36C;
	font-size: 15px;
}
.sp ul.lt li a:hover{
	color: #F00;
}
.sp p span{
	font-weight: bold;
	color: #F30;
}
.sp ul.lt .red{
	color: #F30;
}
.sp p span.green{
	font-weight: normal;
	color: #060;
}

.sp h2 a{
	float:right;
	font-size:13px;
	display:inline;
	color: #639;
	vertical-align:middle;
}
.sp h2 a.btn-back{color: #333;font-size:13px; text-align:center;padding:5px 25px 5px 17px;margin:-3px 0 5px 20px;
 background:url(../images/btn-back.gif) no-repeat 0 0;}
.sp .result li{
	line-height:160%;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.sp .result li a{
	font-size:13px;
	color:#999;
	
}
.sp .result li a:hover{ text-decoration:underline; }

.sp .result li p, .sp .result li p a{
	font-size:13px !important; color:#666 !important;
}
.sp .result li a:visited{ color:#900 !important;}
.resultdate{ margin-left:3px; color: #690}



/*----------------------------------------------------------------*/
.sp fieldset{ border:none;border-collapse:collapse;}
.sp .searchTb{
	margin-bottom: 10px;
	width: 100%;
	border-collapse:collapse;
}
.sp .searchTb th{
	color: #666;
	text-align: right;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	line-height:200%;
	font-weight:normal;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	
}
.sp .searchTb th label{ display:block;font-weight:bold;font-size:15px;text-align: left;}
.sp .searchTb th input{ vertical-align:middle;}
.sp .searchTb td{
	color: #666;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height:200%;
}
.sp .searchTb td img{ vertical-align:middle;}
.sp .searchTb a{
	color: #069;
	font-size: 15px;
	font-family: "新細明體";
}
.sp .searchTb a.dep{
	color: #DAB361;
	font-family: "新細明體";
	font-size: 15px;
}
.sp .searchTb a.class{
	color: #5FA774;
	font-size: 15px;
	font-family: "新細明體";
}
.sp .searchTb a.date{
	color: #579DBF;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
.sp .searchTb a:hover{
	color: #C60;
}

.sp caption{
	display: none;
}
.sp .calendar{
	border: 1px dotted #09C;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #EFEFEF;
} 
.sp .calendar .year{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #06C;
	margin-bottom: 0px;
	padding-bottom: 3px;
	text-align: left;
	background-image: url(../images/icon_calendar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 36px;
	margin-right: 1em;
}
.sp .calendar .item{
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #036;
	margin-bottom: 0px;
	padding-bottom: 3px;
	text-align: left;
	background-image: url(../images/icon_item.gif);
	padding-left: 11px;
	background-repeat: no-repeat;
	background-position: left 2px;
	margin-right: 1em;
}
.sp .calendar .item a{
	color: #069;
}
.sp .calendar .item a:hover{
	color: #C00;
}

.sp .searchTb td ul{}
.sp .searchTb td ul li{
	float:left;
	margin-right:10px;
	line-height:200%;
	white-space:nowrap;
	list-style:none;
}
.sp .searchTb td input{
	vertical-align:middle;
	margin-right:5px;
}


/*------------------------------*/
.sp .category2 {
	color: #333333;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.sp .category2 ul {
	margin:5px 0px 5px;
	padding:0px;
}
.sp .category2 ul li {
	display: inline;
	background-image: url(../images/icon_category.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-top: 3;
	padding-right: 5px;
	padding-bottom: 3;
	padding-left: 18px;
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size:15px;
}

.sp .category2 ul li a {
	line-height: 170%;
	color: #F60 !important;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-weight: normal;
}
.sp .category2 li a:hover {
	color: #369;
	text-decoration: none;
}


.sp .category2 li a.here , .sp .category2 li a.here span {
	color: #369 !important;
	text-decoration: none;
	font-weight: bold;
}



/*----------------------------------------------------------------*/
.sp .sppage {
	clear: left;
	line-height: 100%;
	color: #333333;
	position: relative;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
	text-align: center;
	background:#eee;
	border-radius:3px;
}
.sp .sppage em {
	color: #2F76B4;
	font-style: normal;
	margin-right: 3px;
	margin-left: 3px;
}
.sp .sppage .prev {
	background-image: url(../images/page_prev.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
 *background-position: 0 6px;
	padding-left: 20px;
	padding-top: 7px;
}
.sp .sppage .next {
	background-image: url(../images/page_next.gif);
	background-repeat: no-repeat;
	background-position: right 7px;
 *background-position: right 6px;
	padding-right: 20px;
	padding-top: 7px;
}
.sp .sppage a {
	color: #2F76B4;
	text-decoration: none;
	text-align: center;
}
.sp .sppage a:hover {
	color: #000;
	text-decoration: underline;
}
.sp .sppage ul {
	margin: 0px;
	padding: 0px;
}
.sp .sppage li {
	display: inline;
	margin-right: 3px;
}
.sp .sppage li a {
	color: #993300;
	text-decoration: none;
	text-align: center;
	background-color: #EBEBEB;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.sp .sppage li a:hover {
	color: #393;
	text-decoration: underline;
	background-color: #FFFFCC;
}
.sp .sppage li.here {
	display: inline;
	margin-right: 5px;
	background-color: #CC3300;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	text-align: center;
	color: #FFFFFF;
}
html>body .sp .sppage li.here {
	margin-right: 3px;
	padding-right: 6px;
}
*+html>body .sp .sppage li.here {
	margin-right: 5px;
	padding-right: 2px;
}
.sp .sppage li.prevten {
}
.sp .sppage li.prevten img {
	width: 49px;
 *height: 19px;
	height: 20px;
	vertical-align: middle;
}
.sp .sppage li.prevten a {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 1px 0 1px 0;
	background-image: url(../images/prevnext.gif);
	background-repeat: no-repeat;
	
}
.sp .sppage li.prevten a:hover {
	background-color: #FFFFFF;
}
.sp .sppage li.first {
}
.sp .sppage li.first img {
	width: 20px;
	height: 19px;
	vertical-align: middle;
}
.sp .sppage li.first a {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 1px 0 1px 0;
	background-image: url(../images/first.gif);
	background-repeat: no-repeat;
}
.sp .sppage li.first a:hover {
	background-color: #FFFFFF;
}
.sp .sppage li.prev {
	background-image: none;
	padding-left: 0px;
}
.sp .sppage li.prev img {
	width: 20px;
	height: 19px;
	vertical-align: middle;
}
.sp .sppage li.prev a {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 1px 0 1px 0;
	background-image: url(../images/prev.gif);
	background-repeat: no-repeat;
}
.sp .sppage li.prev a:hover {
	background-color: #FFFFFF;
}
.sp .sppage li.next {
	background-image: none;
	padding-right: 0px;
}
.sp .sppage li.next img {
	width: 20px;
	height: 19px;
	vertical-align: middle;
}
.sp .sppage li.next a {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 1px 0 1px 0;
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
}
.sp .sppage li.next a:hover {
	background-color: #FFFFFF;
}
.sp .sppage li.nextten {
}
.sp .sppage li.nextten img {
	width: 49px;
	height: 19px;
	vertical-align: middle;
}
.sp .sppage li.nextten a {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 1px 0 1px 0;
	background-image: url(../images/nextten.gif);
	background-repeat: no-repeat;
}
.sp .sppage li.nextten a:hover {
	background-color: #FFFFFF;
}
.sp .sppage li.last {
}
.sp .sppage li.last img {
	width: 20px;
	height: 19px;
	vertical-align: middle;
}
.sp .sppage li.last a {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 1px 0 1px 0;
	background-image: url(../images/last.gif);
	background-repeat: no-repeat;
}
.sp .sppage li.last a:hover {
	background-color: #FFFFFF;
}
.sp .sppage .condition {
	position: absolute;
	top: 0px;
	*top: 3px;
	right: 60px;
	_right: 80px;
	background-image: url(../images/icon06.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	*background-position: 0px 3px;
	padding:5px 0 0 20px;
}
.sp .sppage .rss {
	position: absolute;
	top: 3px;
	right:-10px;
	_right:20px;
}

.sp .sppage .btn{
	font-weight:bold;
	color: #444;
	border: 1px solid #bbb;
	text-align: center;
	padding: 2px 6px 0px 6px;	
	cursor:pointer;
	vertical-align: 0px;
	background: #FFF url(../images/btnCombg.gif) repeat-x 0px top;
	border-radius:3px;
}

.selectPage{ display:inline;}
/*-----------------------------------------veela0722---*/
.sp ul {
	margin: 0 0px;
	padding: 0px;
	color: #333333;
}
.sp li {
	list-style-type: disc;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	_background-position: 0px 9px;
	margin: 0 0 6px 0;
	padding: 0 0 0 0px;
	line-height: 130%;
	color: #666;
	font-size: 15px;
}
.sp li a {
	color: #069 !important;
	text-decoration: none;
	font-size: 15px !important;
	font-family: "新細明體";
}
.sp li a:hover {
	color: #C00;
}
.pointTb {
	line-height: 140%;
	margin: 15px 0;
}
.pointTb table {
	width: 100%;
	margin: 0 0 20px 0;
	border-collapse: collapse;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}
.pointTb tr {
	border-bottom: 1px dotted #BBB;
	vertical-align:middle;
	
}
.pointTb #chartList tr:hover {
	background-color: #eee;
	cursor: pointer;
}
.pointTb tr.now {}
.pointTb th {
	text-align: left;
	font-size: 13px;
	padding: 10px;
	vertical-align: middle;
	font-weight: normal;
}
.pointTb td {
	vertical-align: middle;
	padding: 5px 7px 4px;
	border-bottom: 1px dotted #bbb;
}
.pointTb .now th, .pointTb .now td {
	border-bottom: 1px solid #87c1da;
	background-color: #C7E6F4;
}
.pointTb td.digit {
	text-align: right;
	font-weight: bold;
	vertical-align:middle;
}