﻿/*
	本 CSS 檔為首頁使用...
	 ***********************************NEWS AREA ********************************
*/
#CalRec 
{
	width:680px;
	margin-left: 20px;
	border-bottom: dotted 1px #404040;
	font-size:15px;
	height: 100px;
}

#CalRec #CalDot
{
	Width: 20px;
	float: left;
	text-align: Center;
}

#CalRec #CalDot img
{
	margin-top: 4px;
}


#CalRec #CalDate
{
	margin-top: 3px;
	Width: 100px;
	Float:left;
	text-align: Center;
	Font-Size:12px;
	Font-Weight: bold;
}


#CalRec #CalTitle
{
	Width: 560px;
	Float:left;
	text-align: Left;
	Font-Size:15px;
	Font-Weight: bold;
}

#CalRec #Deadline
{
	color: #008040;
	margin-top: 3px;
}

#ProBlock
{
	text-align:left;
	height: 200px;
	width: 700px;
	
	margin-left: 20px ;
	display: block;
	border-bottom:  dotted 1px #404040;
	font-size: 15px;
}

#ProBlock:hover
{
	background: #ffffc0;
}

#ProBlock img
{
	margin: 10px;
}

#ProBlock #ProTitle
{
	/*
	display:block;
	width:700px;
	height:45px !important; height:50px;
	*/
	padding-top:  20px;
	padding-bottom: 20px;
	text-align:left;
	font-size: 18px;
	font-weight: bold;
}

#NewsBlock
{
	text-align:left;
	height: 180px!important; height: 200px;
	width: 350px;
	float: left;
	margin-left:10px;
	display: block;
	border-bottom:  solid 1px #404040;
	font-size: 13px;
}

#NewsBlock #BKTitle:hover
{
	background: #ffffc0;
}

#NewsBlock img
{
	margin-right:5px;
	margin-bottom: 5px;
}

#NewsBlock #BKTitle
{
	display:block;
	width:350px;
	height:45px !important; height:50px;

	padding-top:  5px;
	text-align:left;
	font-size: 15px;
	font-weight: bold;
}

#More
{
	width:710px;
	height:20px;
	text-align:right;
	font-size:12px;
	float: left;
	margin-bottom: 10px;
}

#theTitle
{
/*
	width: 110px !important; width: 120px;
	Text-Align: left;
	Font-Size: 15px;
	Color: #ffffff;
	background: #004878;
	Padding: 5px;
*/
	
	Font-Size: 20px;
	Color: #ffffff;
	font-weight: bold;
	height:30px !important; height:35px;
	width: 720px !important; width:740px;
	margin: 0px;
	text-align: Left;
	padding-top:5px;
	padding-bottom:0px;
	padding-left: 20px;
	background: #5d7527;
	
	
}

#theMore
{
	width: 570px ;
	Text-Align: Right;
	Font-Size: 10px;
	Color: #707070;
	background: #ffffff;
	Padding: 5px ;
	float:left;
	font-family: Arial; 
	height:22px;
}

#page
{
	text-align: Right;
	font-size:12px;
	color: #404040;
	padding-right: 30px!important; padding-right: 10px;
	padding-bottom: 10px;
	padding-top:0px;
}

#page #Current {
		font-size:15px;
		font-weight: Bold;
		color: #ff0000;
	}

.intext {
	font-size:11px;
	color:#606060;
	font-weight: normal;
}
	
#main  a
	{
		text-decoration:none;
		color:#7070c0;
		font-weight:normal;
	}	

#main  a.class1
	{
		text-decoration:none;
		color:#408040;
		font-weight:normal;
	}	

#main a.class2
	{
		text-decoration:none;
		color:#804040;
		font-weight:normal;
	}	

	
#main a:hover
	{
		text-decoration:none;
		border-bottom: dotted #009000 1px;
		color:#c04040;
		font-weight:bold;
	}

#main a:active
	{
		text-decoration:none;
		border-bottom:dotted #ff0000 1px;
		color:#ff0000;
		font-weight:bold;
	}


#ProductClass
	{
		text-align: Center;
		padding: 10px 0;
	}

#markit
{
	color:#ff0000;
	font-weight:bold;
}

#HomeSessionTitle
{
	text-align:left;
	width: 700px;
	font-weight: bold;
	color: #004000;
	font-size:15px;
	margin-left:20px;
	border-bottom: solid 1px #004000;
}

