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

@charset "utf-8";

/*---- reset.css 讓所有的各家瀏覽器乖乖聽話，呈現一樣的結果  ----*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead,{    
margin: 0;  padding: 0;     border: 1; vertical-align: baseline; table,tbody, th, outline: 0; font-size: 100%;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';	content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}


body { background-color:#e7e7e7; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5; color:#454545; background-image:url(images/BG.jpg); background-repeat:repeat-x;}
#WRAP{ width:1013px; margin:0 auto 50px auto; position:relative; padding-bottom:50px;}
#WRAP h1{ position:absolute; top:60px; left:0; width:999px; padding:0; margin:0;}
#WRAP #logo{position:absolute; right:0; top:10px;}
#WRAP h4{width:1013px; height:20px;padding:0; margin:0;position:absolute; top:535px;}

#WRAP #CONTENT{position:absolute; top:555px;width:1013px; height:auto; background-image:url(images/BG_Mid.png); background-repeat:repeat-y;}
#WRAP #CONTENT ul{  width:999px; height:238px; padding:0; margin-top:0; margin-left:7px;}
#WRAP #CONTENT li{ float:left; list-style:none; width:333px; height:208px; text-align:center; margin:0; padding:0;}
#WRAP #CONTENT li a{display:block; text-decoration:none; color:#777777; padding:20px 35px; background-image:url(images/BG_tab.jpg);height:198px;}
#WRAP #CONTENT li a:hover{ border: none; text-decoration:none; color:#cc0033; background-image:url(images/BG_tab_o.jpg);}
#WRAP #CONTENT h3{ color:#141414; font-size:2.5em;  font-weight:bold; padding:0; margin:0;text-align:center;}
#WRAP #CONTENT p{margin:10px 0 15px 0; font-size:1.2em;}


#Video{ margin:30px auto; }
#Video p{ padding:10px 50px; text-align:left; font-size:1.2em; line-height:1.5;}

#SIGN{ background-image:url(images/BG_SignUp.jpg); background-repeat:repeat-x; height:350px; width:999px; padding:20px 0 20px 0; margin:7px auto;}
#SIGN_promo{ background-image:url(images/BG_SignUp.jpg); background-repeat:repeat-x; height:200px; width:999px; padding:20px 0 20px 0; margin:7px auto;}
#SIGN h2{ font-size:2.3em;color:#da0000; padding:0; margin-bottom:0.5em;}
#SIGN_promo h2{ font-size:2.3em;color:#da0000; padding:0; margin-bottom:0.5em;}
#SIGN p{text-align:left; font-size:1.3em; font-weight:bold;}
#SIGN_promo p{text-align:left; font-size:1.3em; font-weight:bold;}
.block{ border:1px solid #989697; background:#fff; padding:3px; color:#666; font-family:Arial, Helvetica, sans-serif;}
.errorStyle{ border:1px solid #202020; background-color:#ff0000; color:#FFF; padding:3px; font-family:Arial, Helvetica, sans-serif;}
.regmessage
{
	font-family : verdana,arial,helvetica;
	font-size : 7pt;   
	background-repeat: no-repeat;
	background-color:#fde8e7;
	background-position:15px 1em;	
	width:70%;
	color: red;
	border:2px solid #dfb9b7;	
	display:none;
	
}