@charset "utf-8";
/* CSS Document */
body
{
	margin: 0px;
}

body, input, select
{
	background-color: White;
}

.clear
{	clear: both;
	overflow: hidden;
	height: 0}
	
.	
		
.PageWrapper
{
	position:relative;
	background-color:#ffffff;
	margin: 0px;
	padding: 0px;
	width:100%;
	text-align:center;
}

.Centered 
{
	position:relative;
	margin: 0 auto;
	width:1000px;
	margin-bottom: 10px;
	text-align:left;
}

#Header_Wrapper
{
	position:relative;
	background:url(../images/Header_bg.gif) left top repeat-x;
	width: 100%;
	height:93px;
	z-index:1000;
}

	#Header_Wrapper .Logo
	{
		margin-left:37px;
		border:0;
		float:left;
	}
	
	#Header_Wrapper .Languages
	{
		position:relative;
		background:url(../images/Lan_L_bg.gif) left top no-repeat;
		width: 330px;
		width /*避開IE6*/: auto !important;
		min-width: 315px;
		max-width: 350px;
		height:26px;
		float:right;
		margin-right: 10px;
	}
	
	#Header_Wrapper .Languages .end
	{
		background:url(../images/Lan_R_bg.gif) right top no-repeat;
		width: 5px;
		height: 26px;
		float:right;
	}
	
	#Header_Wrapper .Languages ul
	{
		margin:0;
		margin /*避開IE6*/:0 0 0 12px;
		padding:0px;
	}
	
	#Header_Wrapper .Languages li
	{
		list-style:disc;
		font-size: 9pt;
		margin-left:14px;
		height:26px;
		line-height:28px;
		float:left;
		padding-right:10px;
	}
	
	#Header_Wrapper .Languages a
	{
		color:#444;
		text-decoration:none;
	}

	#Header_Wrapper .Languages a:hover
	{
		color:#0085cf;
	}

#Body_Wrapper
{
	position:relative;
	/*width:980px;*/
	width:auto;
	padding: 7px 10px;
	height /**/: auto !important;
	_height: 700px;
	z-index:1;
}

	#Body_Wrapper #Main_Container
	{
		position:relative;
		float:left;
		width:745px;
		height /**/: auto;
		overflow:hidden;
	}
	
		
	
	#Footer_Wrapper
	{
		position:relative;
		color:#777777; 
		font-size:9pt;
		line-height:20pt;
		text-align:center;
		width:100%;
		margin: 10px 0;
	}
	
	#Body_Wrapper #Side_Container
	{
		float:left;
		margin-left:10px;
		width: 225px;
		height:200px;	
	}
	
		#Side_Container ul
		{
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#Side_Container li
		{
			background:url(../images/Box_top_bg_225X414.gif) left top no-repeat;
			width: 100%;
			min-height:100px;
			margin-bottom: 8px;
		}
		
		#Side_Container li.withTitle
		{
			background:url(../images/BoxWithTitle_top_bg_225X414.gif) left top no-repeat;
		}
		
		#Side_Container li.withTitle .Title
		{
			padding: 8px 10px 0 10px;
			color: #222222;
			font-size:14px;
			font-weight:bold;
		}
		
		#Side_Container li .TxtBody
		{
			padding: 5px 10px;
			color: #222222;
			font-size:12px;
			font-weight:normal;
			line-height: 16px;
		}
		
		#Side_Container li .Container
		{
			background:url(../images/Box_bottom_bg_225X4.gif) left bottom no-repeat;
			width: 100%;
		}
		
		#Side_Container li .Container .ImgBody
		{
			padding:4px;
			width:213px;
			overflow:hidden;
		}
		
		/*使用者見證專用*/
		.recmdContainer {
			padding: 5px 0;
			width: 210px;
		}
		.recmdTitle {
			font-size: 9pt;
			color: #CC6600;
			margin-left: 5px;
			padding-bottom: 3px;
			text-align:left;
		}
		.recmdDesc 
		{
			font-size: 9pt;
			padding-left: 6px;
			line-height:14px;
			width: 135px;
			float:left;
		}
		.recmdPhoto {
			width: 61px;
			float:left;
		}
		
		.Container a img
		{
			border:0;
		}


/* ===================== menu styles ========================== */	
.MenuBar_Wrapper
{
	clear:both;
	background: url(../images/Menubar_L_bg.gif) no-repeat left top;*/
	position:relative;
	width:745px;
	min-width:745px;
	max-width:980px;
	margin-left: 10px;
	height:31px;
}


.MenuBar_Wrapper .end
{
	background:url(../images/Menubar_R_bg.gif) right top no-repeat;
	width: 5px;
	height: 31px;
	float:right;
}

#jsddm
{	margin: 0 5px;
	padding: 0}

	#jsddm li
	{	
		float: left;
		list-style: none;
		font: 13px Arial;
		text-align:center;
		line-height:28px;
		background:url(../images/Menubar_sep.gif) right top no-repeat;
	}
	
	#jsddm li.end
	{	
		background:none;
	}

	#jsddm li a
	{	
		display: block;
		text-decoration: none;
		width: 90px;
		color: #2e2e2e;
		white-space: nowrap;
		font-size:14px;
	}

	#jsddm li a:hover
	{
		color: #111;	
	}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
		}
		
			#jsddm li ul li
			{	
				background: none;
				float: none;
				display: inline;
			}
			
			#jsddm li ul li a
			{	
				width:auto;
				text-align: left;
				background: #a7e3ff;
				color: #111;
				padding: 0 12px;
				
				border-top: #FFF solid 1px;
				Filter: alpha(opacity=95,enabled=1);
				opacity: 0.95;
			}
			
			#jsddm li ul li a:hover
			{	
				background: #0291cd;
				color:#FFF;
			}	
			
			

	
	
	/* --------------------------------------------------------- Link area---------------------------------------------------- */
A.lnkNormal:link, A.lnkNormal:visited {
	text-decoration: none;
}
A.lnkNormal:hover {
	text-decoration: underline;
}

A.DarkBlue:link    {color:#4A3C8C ;cursor:hand ;text-decoration:none}
A.DarkBlue:active  {color:#0000FF ;cursor:hand}
A.DarkBlue:visited {color:#4A3C8C ;text-decoration:none}
A.DarkBlue:hover   {color:#EE8800 ;cursor:hand ;text-decoration:underline}

A.Blue:link    {color:#0064AA ;cursor:hand ;text-decoration:none}
A.Blue:active  {color:#0000FF ;cursor:hand}
A.Blue:visited {color:#0064AA ;text-decoration:none}
A.Blue:hover   {color:#EE8800 ;cursor:hand ;text-decoration:underline}


A.lnkDBlueRed:link, A.lnkDBlueRed:visited {
	color: #19599A;
	text-decoration: none;
}
A.lnkDBlueRed:hover {
	color: #cc0033;
	text-decoration: underline;
}

A.lnkBlackRed:link, A.lnkBlackRed:visited {
	color: #333333;
	text-decoration: none;
}
A.lnkBlackRed:hover {
	color: #FF6600;
	text-decoration: underline;
}

A.clsContent:link {
	color: #0000CC;
	text-decoration: none;
}
A.clsContent:visited {
	color: #990000;
	text-decoration: none;
}
A.clsContent:hover {
	color: #FF6600;
	text-decoration: underline;
}

A.lnkMenuBar:link, A.lnkBlackRed:visited {
	color: #013C89;
	text-decoration: none;
}
A.lnkMenuBar:hover {
	color: #FFFC00;
	text-decoration: underline;
}
			
a.grayBlue:link, a.grayBlue:visited
{
	color:#444;
	text-decoration:none;
}

a.grayBlue:hover
{
	color:#0085cf;
	text-decoration:underline;
}