@charset "utf-8";


/*去除連結虛線框*/
a		{blr:expression(this.onFocus=this.blur());}
a:focus { -moz-outline-style: none; } 


/* Basic 
------------------------------------------------------------------------------------------------------------*/
/*html{overflow:auto;
	scrollbar-arrow-color: #ADB6BA;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #BCBCBC;
	scrollbar-face-color: #E0E0E0;
	scrollbar-highlight-color: #BCBCBC;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #E5E5E5; 
}
*/
a				{color:#0066CC; text-decoration:none;}
a:visited		{color:#0066cc; text-decoration:none; cursor:pointer;}
a:hover			{color:#0066CC; text-decoration:underline; cursor:pointer;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container		{width:100%; height:100%;}
#header			{width:100%; background:#fff url(/images/home/header_bg_extend.png) repeat-x left top; padding:0; margin:0px; text-align:left; height:95px; position:fixed; left:0px; top:0px; z-index: 999; }
#navi			{width:100%; height:39px; background:#fff url(/images/home/navi_bg_extend.png) repeat-x left top; text-align:left; position:fixed; top:95px; left:0px; overflow:hidden;}
/*#navi div		{background:url(../images/navi_bg.png) no-repeat top;  margin:0px auto; float:left;}*/
#navi div		{margin:0px auto; float:left;}
#navi div li	{display:inline; line-height:300%; margin:0 40px 0 20px; vertical-align:top; }
#navi div li a:link		{color:#FFFFFF;}
#navi div li a:visited	{color:#FFF;}
#navi div.login			{float:right; background:#a2c3eb url(/images/home/navi_bg_extend2.png) repeat-x left top; height:32px; padding:7px 15px 0 15px; vertical-align:middle; color:#333; line-height:39px;}
#navi div.login a:link	{color:#FFF;}
#navi div.login b			{color:#fff;}
#navi div.login a.logout	{background:url(/images/home/button_02.png) left 0px; width:58px; height:28px; border:0px; cursor:pointer; color:#333; font-size:8pt; padding:7px 13px 7px 18px;}
#navi div.login a.logout:hover	{background:url(/images/home/button_02.png) left -28px; text-decoration:none;}

#navi div.login form	{}
#navi div.login form .textInput	{border:1px solid #5784B2; background:#FFF}
#navi div.login form .button		{background:url(/images/home/button_02.png) left 0px; width:58px; height:28px; border:0px; cursor:pointer; color:#333; position:relative; top:3px\9;}
#navi div.login form .button:active	{background-position:left -56px;}
#navi div.login form .button:hover	{background-position:left -28px; color:#333;}

.loginButton_s			{background:url(/images/home/button_02.png) left 0px; width:96px; height:33px; border:0px; cursor:pointer;}
.loginButton_s:active	{background:url(/images/home/button_02.png) left -74px; width:96px; height:33px; border:0px;}
.loginButton_s:hover	{background:url(/images/home/button_02.png) left -37px; width:96px; height:33px; border:0px;}

#mainContent			{width:800px; margin:0 40px; padding:0px 0 50px 0; clear:both;}
#mainContent .intro		{width:800px; float:left; clear:both; margin-bottom:0px;}
#mainContent .intro h1	{margin-bottom:30px;}
#mainContent .intro p	{line-height:180%; color:#666}	
#mainContent .intro p b	{color:#ff0000;}
#mainContent .intro .first	{width:520px; float:left; margin-right:10px;}
#mainContent .intro .first p span	{color:#FF0000; line-height:180%;}
#mainContent .intro .last	{width:250px; float:right; text-align:right; margin-top:-40px;}

#homeContent			{width: 80%; margin:0; padding:165px 0 0 0px; clear:both; margin-left:220px;}
#whiteShadow			{ width:100%; height:34px; background:url(../images/home/white_shadow.png) repeat-x top left; position:fixed; top:134px; z-index:999}

.loginButton		{background:url(/images/home/button_01.png) left 0px; width:153px; height:37px; border:0px; cursor:pointer;}
.loginButton:active	{background:url(/images/home/button_01.png) left -74px; width:153px; height:37px; border:0px;}
.loginButton:hover	{background:url(/images/home/button_01.png) left -37px; width:153px; height:37px; border:0px;}

.subtitle			{height:27px; width:300px; clear:both;}
.subtitle li		{padding:10px; list-style:none; list-style-position:outside; vertical-align:middle}
.subtitle a			{font-size:11pt; font-family:"Century Gothic"; color:#FFF; text-decoration:none; background:url(/images/home/subtitle_left.png) no-repeat left top;  padding:4px 10px; #padding:0px 10px;}
.subtitle a b		{background:url(/images/home/subtitle_right.png) no-repeat right top; font-weight:normal; padding:5px 10px; padding-right:12px; margin-left:-5px; margin-right:-25px; font-weight:bold; #padding:4px 10px 4px 0px; #margin-left:1px;}
.subtitle a:hover	{background:url(/images/home/subtitle_ho_left.png) no-repeat left top;}
.subtitle a:hover b	{background:url(/images/home/subtitle_ho_right.png) no-repeat right top;}
.subtitle a img		{background:#FFF}

.subtitle_unable			{height:27px; width:300px; clear:both;}
.subtitle_unable li		{padding:10px; list-style:none; list-style-position:outside; vertical-align:middle}
.subtitle_unable a			{font-size:11pt; font-family:"Century Gothic"; color:#FFF; text-decoration:none; background:url(/images/home/subtitle_un_left.png) no-repeat left top;  padding:4px 10px; #padding:0px 10px;}
.subtitle_unable a b		{background:url(/images/home/subtitle_un_right.png) no-repeat right top; font-weight:normal; padding:5px 10px; padding-right:12px; margin-left:-5px; margin-right:-25px; font-weight:bold; #padding:4px 10px 4px 0px; #margin-left:1px;}
.subtitle_unable a:hover	{background:url(/images/home/subtitle_ho_left.png) no-repeat left top;}
.subtitle_unable a:hover b	{background:url(/images/home/subtitle_ho_right.png) no-repeat right top;}
.subtitle_unable a img		{background:#FFF}




.lilist				{margin:10px 0px 20px 0px; clear:both; float:left;}
.lilist li			{list-style:none; line-height:160%; width:160px; float: left; border-left:1px dotted #99cc00; padding:1px 0px; padding-left:10px; color:#666666; font-family:"Century Gothic", Verdana; font-size:10pt;}
.lilist li a		{text-decoration:underline; font-weight:bold;}
.lilist li a:hover	{text-decoration:none; font-weight:bold;}

.message		{float:right}

/* for 左側的主題列表 - start */
#topicList					{width:200px; position: fixed; left:0px; top:134px; background:url(../images/home/panel_shadow.png) no-repeat right top; padding-right:15px; margin-bottom:40px;}
#topicList .title 			{font-size:14px;  background:#414447; height:30px;color:#FFF; line-height:30px; padding-left:20px; font-weight:bold;}

#topicList .list						{background:#FFF; height:100%; overflow:auto; }
#topicList .list li						{line-height:100%; list-style:none; list-style-position:outside; margin:15px 0px;}
#topicList .list li a					{font-size:10pt; border-left:20px solid #fff; padding-left:5px;font-family:"Century Gothic";}
#topicList .list li a:hover 			{text-decoration:none; color:#FF3333;}
#topicList .list li.unlogin a			{color:#666; text-decoration:none; border-left:20px solid #fff;}
#topicList .list li.unlogin a:hover 	{}
#topicList .list li.login_able a		{color:#336699; text-decoration:underline; border-left:20px solid #f02f2a;}
#topicList .list li.login_able a:hover 	{text-decoration:none; color:#f02f2a}
#topicList .list li.login_unable a		{color:#666; text-decoration:none; border-left:20px solid #fff;}
#topicList .list li.login_unable a:hover {}

/* for 左側的主題列表 - end */

/*#footer		{width:100%; background:#ECECEC url(../images/footer_bg.png) no-repeat center top; height:36px; padding-top:3px; text-align:center; border-top:1px solid #ddd; position:fixed; bottom:0px;}*/
#footer		{width:100%; background:#ECECEC; height:36px; padding-top:3px; text-align:center; border-top:1px solid #ddd; position:fixed; bottom:0px;}
#footer	img	{width:130px; float:left;}
#footer	p	{font-size:9px; color:#999999; float:right; text-align:right; line-height:160%; margin-right:10px;}

#popup_containter	{padding:px;}
#popup_containter h1{font-size:18px; font-weight:bold; width:400px; height:20px; padding:10px; background-color:#FFCD00; color:#FFFFFF} 
#popup_containter p	{margin:15px 20px;}
#popup_containter p a	{font-size:11px;}

.goTop	{float:left; width:80%; text-align:right; clear:both; border-top:0px solid #ccc; margin-bottom:20px; display:none;}



/* 以下 for 表單 */
#trialForm		{background:#F7f7f7; padding:0px; clear:both; border-left:15px solid #ff3333;}
#trialForm h1	{color:#ff3333; font-size:10pt; font-weight:bold; line-height:300%; text-indent:10px;}

.form-hint {
    color: #999;
}

.feedbackform {
    padding: 0px;
}

div.fieldwrapper { /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
    width: 600px; /*width of form rows*/
    overflow: hidden;
    margin: 5px 0;    
    margin-left: 10px;
}


div.fieldwrapper label.styled { 
    float: left;
    width: 100px; 
    text-transform: uppercase;    
    margin-right: 15px; 
}

span.form-required {
    color:#FF0000;
}

div.fieldwrapper div.thefield{
    float: left;
    margin-bottom: 10px;
}

div.fieldwrapper div.thefield input[type="text"] { 
    width: 250px;
}

div.fieldwrapper div.thefield textarea{
    width: 300px;
    height: 150px;
}

div.buttonsdiv{
    margin-top: 5px;
	margin:10px;
	padding-bottom:5px;
}

div.buttonsdiv input		{background:url(/images/home/button_01.png) left 0px; width:153px; height:37px; border:0px; cursor:pointer; color:#333; }
div.buttonsdiv input:active	{background:url(/images/home/button_01.png) left -74px; width:153px; height:37px; border:0px;}
div.buttonsdiv input:hover	{background:url(/images/home/button_01.png) left -37px; width:153px; height:37px; border:0px;}


div.fieldwrapper .thefield li	{width:150px; float:left; line-height:200%; list-style:none;}

/* ASP.NET MVC */
span.field-validation-error {color: #FF3333;}