﻿html, body, form{ height:100%;}
body, p, div, span, input, textarea, button {
	font-family: Arial,"微軟正黑體";
	font-size: 14px;
	line-height: 20px;
	color: #2F2F2F;
	letter-spacing: 1px
}
a{ color:#0376BA; text-decoration:none}
html { position:relative; }

.ct{ margin:0px auto; width:945px; }

#form1{ background:url(/Images/headBannerBg.jpg) center top repeat-x;}
#head{ position:relative; height:465px;}
	#topMenuBar{ position:absolute; width:945px; height:51px; z-index:1;}
		#topMenuBar li{ display:block; height:51px; float:left; }
		#topMenuBar li.act{ background-color:#3EB7FC}
			#topMenuBar li a{display:block; padding:0 14px; font:bolder 14px/51px "微軟正黑體"; color:white;}
			#topMenuBar li a.eng{ letter-spacing:0px;}
	#topBannerShow{ position:absolute; top:0px; left:0px; width:945px; height:465px; overflow:hidden; z-index:0;}
		#topBannerShow li{ display:block; position:absolute}
		#topBannerShow li#Lin{ right:-25px; bottom:0px}
		#topBannerShow li#text1{ top:153px; left:59px}
		#topBannerShow li#text2{ top:305px; left:15px}
		


#homeContentBody1{}
	.btnSet1{
	position: absolute;
	right: 17px;
	bottom: 9px;
	width: 79px;
	height: 30px;
	background: url(/Images/btnSet.png) left top repeat;
	cursor: pointer;
}
		.btnSet1 a{ display:block; width:79px; height:30px; font:12px/28px "微軟正黑體"; color:white; letter-spacing:0px; overflow:hidden; text-indent:100%}
		.btnSet1:hover{ background:url(/Images/btnSet.png) left -30px repeat;}

	#homeCont01{
	position: relative;
	margin-top: 25px;
	width: 945px;
	height: 380px;
	background: url(/Images/homeCont01Bg.png) left top repeat;
	background-image: url(/Images/homeCont01Bg.png);
}
		#hc01aMaskUp{ position:absolute; top:77px; left:15px; width:255px; height:15px; background:url(/Images/hc01aMask.png) left top repeat; border:0px solid red}
		#hc01aMaskBot{ position:absolute; top:364px; left:15px; width:255px; height:15px; background:url(/Images/hc01aMask.png) left -15px repeat; border:0px solid red}
		#hc01a{ position:absolute; padding-top:18px; top:77px; left:0px; width:298px; height:284px; overflow:auto; }
			#hc01a p{ margin:0px 18px 10px 22px; line-height:21px;}
			#hc01a div{ margin:0px 18px 10px 22px; line-height:21px;}
				#hc01a div a{ text-decoration:underline}
		#hc01b{ position:absolute; padding-top:10px; top:77px; left:323px; width:298px; height:290px; overflow:auto; }
			#hc01b dl{ margin:15px 18px 0px 20px;}
				#hc01b dt{ font-size:12px; line-height:14px; color:#0376BA; letter-spacing:0px}
				#hc01b dd{ margin-bottom:12px;}
				#hc01b dd a{ color:#2C2C2C;}
				#hc01b dd a:hover{ color:#0376BA; text-decoration:underline}
		#hc01c{ position:absolute; padding-top:10px; top:77px; left:646px; width:298px; height:290px; overflow:auto; }
			#hc01c h1{ margin:140px 18px 0px 20px; font-size:14px; font-weight:bolder; color:#0376BA; letter-spacing:0px}
			#hc01c ul{ margin:5px 18px 0px 20px;}
				#hc01c ul li{ margin-bottom:8px;}
				#hc01c ul li a{ display:block; color:#2C2C2C; padding-left:14px; background:url(/Images/arrowR01BK.gif) left 5px no-repeat;}
				#hc01c ul li a:hover{ color:#0376BA; text-decoration:underline; background:url(/Images/arrowR01B.gif) left 5px no-repeat}
				
	#homeCont02{ position:relative; margin-top:30px; width:945px; height:155px; background:url(/Images/homeCont02Bg.png) left top repeat;}
		#hc02{ position:absolute; top:0px; left:77px; width:868px; height:155px; overflow:hidden;}
			#hc02 dl{ float:left; margin:15px 0 0 20px; width:122px; }
			#hc02 dt{ margin-bottom:6px}
			#hc02 dd{ width:122px; height:36px; overflow:hidden }
			
			
#homeContentBody2{ margin-top:25px; padding:25px 0; background-color:#E7EDED}

	.btnSet2{ position:absolute; right:20px; bottom:15px; width:100px; cursor:pointer; text-align:right}
		.btnSet2 a{ font:bolder 12px "微軟正黑體"; color:#005DAB; letter-spacing:0px; text-decoration:underline}

	#homeCont03{ position:relative; width:945px; height:280px; background:url(/Images/homeCont03Bg.png) left top repeat;}
		.hc03{ position:absolute; overflow:hidden;}
		#hc03a{ top:0px; left:0px; width:304px; height:280px; }
			#hc03a ul{ position:absolute; top:70px; left:26px;}
				#hc03a ul li{ float:left; margin:0 14px 25px 0;}
		#hc03b{ top:0px; left:325px; width:325px; height:280px; }
			#hc03b ul{ margin:57px 10px 0px 25px;}
				#hc03b ul li{ width:320px; float:left; margin-bottom:10px; line-height:18px; color:#2C2C2C; padding-left:20px; background:url(/Images/arrowR02BK.gif) left 2px no-repeat;}
				#hc03b ul li.s{ width:120px;}
				#hc03b ul li:hover{ color:#C84666; text-decoration:underline; cursor:pointer; background:url(/Images/arrowR02R.gif) left 2px no-repeat}
				#hc03b ul li.act{ color:#0376BA; cursor:pointer; background:url(/Images/arrowR02B.gif) left 2px no-repeat}
		
		#hc03c{ top:0px; left:650px; width:300px; height:267px; }
		/* 左側影片區 */
		#mvCTRL{ position:absolute; left:30px; top:28px}
			#movie { height:197px; border:0px solid Red}
			#mvTitle{ font-weight:bolder; width:240px; margin:4px 0 5px 0 ; color:#31B4F8}
	
#footer{ position:relative; height:90px; background-color:#003260}
	#linkSet{ margin:0px auto; padding:20px 0 10px 0; width:945px; text-align:center;}
		#linkSet a{ padding:0 6px; color:#EFEFEF; letter-spacing:1px}
		#linkSet a:hover{ text-decoration:underline}
		#linkSet a.out{  color:#40B5F7}
		#linkSet span{ font:15px Arial; color:#DADADA}
		
	#copyRight{ margin:0px auto; width:945px; text-align:center;}
		#copyRight p{ color:white; letter-spacing:0px}
			#copyRight p span{ padding:0px 5px; color:white; letter-spacing:2px}
