@charset "utf-8";

/*共用樣式設定*/
/**********************************************************************************************/
body {
background:#11010C url(../images/bkg.jpg) 0 0;
color:#FFFFFF; 
font-family:Arial, Helvetica,"新細明體", sans-serif;
letter-spacing:1pt;
margin: 0; padding: 0; 
text-align:center;
}
acronym{border: none;}
a{text-decoration:none;}

a:link, a:visited{color:#FFFFFF; text-decoration:none;}
a:hover{color:#FF33CC;}

/*字型*/
p, h1, h2, h3, h4, h5, h6, address{margin:0;padding:0;}
a, p, ul{font-size:10pt;}
p{line-height:14pt;}



/*條列項目*/
/*ul, li, ol, address{margin:0;padding:0;}
li{list-style-type:none;}*/

/*圖片*/
img{margin:0;padding:0;}
/*img{vertical-align:top;}*/

/*表單*/
form, label, input, object{margin:0;padding:0;}

/*欄位集*/
fieldset{}
legend{}

/*表格*/
/*caption{display:none;}*/
/*td{font-size:13px; line-height:14pt; color:#333333;letter-spacing:1pt;}*/ /*選單可由此控制*/

.require{ color:#FF0000;}

/*文件容器*/
#container {
width:980px;margin:0 auto; padding:0;
text-align:left;
position:relative;
background:url(../images/tpl_5.jpg) 0 0 repeat-y;
  /* 使用整個頁面的全部高度 */
  /*height: 100%;*/

}

/*表頭*/
#pageHeader{background:url(../images/tpl_2.jpg) 0 0 no-repeat;
height:121px; width:auto;}

/*表頭_頂部選單*/
#pageHeader h1 {
position:absolute;top: 10px; right:20px;
margin: 0; padding: 0; 
font-size:12px; color:#B4B4B4;
font-weight:normal;
/*border:1px #FF0000 solid;*/}
#pageHeader h1 a:link {color:#FF33CC;}
#pageHeader h1 a:visited {color:#FF33CC;}
#pageHeader h1 a:hover {color:#FF3300;text-decoration: underline;}
#pageHeader h1 a:active {color:#FF33CC;}

/*
#pageHeader h2 {
position:relative; z-index: 102;
top: 60px; height:100px; width:100%; margin: 0; padding: 0;}
*/

/*主選單*/
#pageHeader #nav {
position:absolute; top:75px; left:500px;
margin:0; padding:0;
z-index:1000; /*防止JSCookMenu被其他圖層遮住*/
border:0px #FF0000 solid;
}

/*主文件內容*/
#content {
/*position:absolute; top:94px; left:0;*/
margin:0;padding:0 20px 10px 320px;
background:url(../images/tpl_4.jpg) 0 0 no-repeat;
height:392px;/*不管有沒有內容都給固定高度，但會造成ff中內容高度若超過時不會自動延伸*/
width:auto;
border:0px #FF0000 solid;
} 
html>body #content{height:auto;} /*使用IE看不懂的子選取符將高度設為auto，ff中內容高度若超過時才會自動延伸*/

/*表尾*/
#footer {
width:980px; height:87px;
margin:0;padding:0;
background:#303030 url(../images/tpl_6.jpg) 0 0 no-repeat;
color:#FFFFFF;
/*text-align:center;*/
border:0px #FF0000 solid;
}

.clear{clear:both;} /*清除float用*/

/*公司資訊*/
#cmpinfo {
float:right;margin:25px 30px 0 0;
color:#FFFFFF; font-size:12px; letter-spacing:0px;border:0px #FF0000 solid;}
/*版權宣告*/
#copyright {
float:right;margin:10px 20px 0 0;
color:#996666; font-size:12px; letter-spacing:0px;border:0px #FF0000 solid;}
/* 網站建置者 */
#author {color:#CCCCCC; font-size:12px; margin-left:50px; text-align:left;}
#author a:link {color:#FFFFFF; font-size:12px;}
#author a:visited {color:#FFFFFF; font-size:12px;}
#author a:hover {color:#FFFF00; font-size:12px;}
#author a:active {color:#FFFFFF; font-size:12px;}

/*目前位置*/
.path{/*position:absolute; top:110px; left:250px; */
float:left;
width:100%;
padding:0; margin:0;
color:#CCCCCC;
font-size:12px;
line-height:25px;
border:0px solid red;
border-bottom:0px solid #E30191;
}

/*目前項目標題*/
.itemtitle{/*position:absolute; top:150px; left:300px; */
float:left;
width:630px;
padding:0; margin:0;
line-height:25px;color:#FFCC00;font-size:15px;letter-spacing:3px;font-weight:bold;
border:0px solid red;
}

.pagejump{
/*position:absolute; top:180px; left:290px; */
float:left;
width:630px;
color:#999999;font-size:12px;
border:0px dashed #CCCCCC;}
.pagejump .jumpinfo{color:#999999;padding:1px 0 0 0; letter-spacing:0px;}
.pagejump a.jump:link {color:#FF9900}
.pagejump a.jump:visited {color:#FF9900;}
.pagejump a.jump:hover {color:#FFFF00;}
.pagejump a.jump:active {color:#FF9900;}

.goback{
position:absolute; top:125px; right:40px; 
background:url(../images/gobackicon.gif) 0 0 no-repeat;
color:#CCCCCC;
font-size:12px;
padding:0 0 0 27px; margin:0;
border:0px dashed #CCCCCC;}
.goback a:link {color:#FF33FF;}
.goback a:visited {color:#FF33FF;}
.goback a:hover {color:#FF9900;}
.goback a:active {color:#FF33FF;}

.nodata{ margin:20px; color:#FF0000;}
/*detail頁的資料來源、作者、日期....*/
.infotitle {color:#999999;font-size:9pt; letter-spacing:0; padding:0 3px 0 0;}
.info {color:#999999;font-size:12px; letter-spacing:1px; padding:0; margin:3px 0;}
/**********************************************************************************************/


/*首頁_訊息公佈欄區塊*/

#notify{ position:absolute; top:180px; left:280px; border:0px solid #FF0000;
width:340px; height:198px;}
#notify td{color:#FFFFFF; font-size:12px; letter-spacing:1px; line-height:18px; padding:0 1px;}
#notify h1{color:#CCE51E; font-size:15px; letter-spacing:1px; padding:5px 0; margin:0;}
#notify h1 a:link { font-size:15px; color:#CCE51E;}
#notify h1 a:visited {color:#CCE51E}
#notify h1 a:hover {color:#FFCC00;text-decoration: underline;}
#notify h1 a:active {color:#CCE51E;}
#notify .isnew {color:#FF0000; font-size:10px;}

/*首頁_最新消息區塊*/
/*#newslist{ position:absolute; top:180px; left:280px; border:0px solid #FF0000;
width:340px; height:110px;}*/
#newslist{ position:absolute; top:158px; left:280px; border:0px solid #FF0000;
width:340px; height:200px;}
#newslist td {font-family: Verdana, Arial, 細明體; font-size: 13px; color:#CCCCCC;text-decoration: none;}
/*文章標題*/
#newslist .contenttitle a:link {padding: 2px;color:#FFFFFF;}
#newslist .contenttitle a:visited {color:#FFFFFF;}
#newslist .contenttitle a:hover {color:#FFCC00;}
#newslist .contenttitle a:active {color:#FFFFFF;}
/*日期*/
#newslist .showmore { text-align:right;}
/*日期*/
#newslist .date {font-size: 11px; color:#CCCCCC;}
/*new*/
#notify .isnew {color:#FF0000; font-size:10px;}
/*訊息*/
#newslist .msg {font-size: 11px;color:#FF0000;}
/**********************************************************************************************/

/************************************************************************
* 獨立頁面
************************************************************************/
.webpage{
float:left;
border:0px solid red;
width:630px;
}
/*.webpage td{font-family: Verdana, Arial, 細明體; font-size: 12px; color:#CCCCCC;text-decoration: none; line-height:18px;}*/

.webpage h1{
margin:0;padding:0;
line-height:25px;
color:#FFCC00;font-size:15px;letter-spacing:3px;font-weight:bold;}

.webpage P{font-size: 12px; padding:0; margin:0; color:#E8E8E8; letter-spacing:0.1em; line-height:150%;}
.webpage a{
	margin: 0;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #F26522;
	text-decoration: none;
}
.webpage a:link {color: #F26522;}
.webpage a:visited {color: #F26522;}
.webpage a:hover {color: #000000;}
.webpage a:active {color: #000000;}
/*.webpage li{line-height:25px; color:#333333; font-size:12px}*/

.webpage img{margin:10px;}

/************************************************************************
* 最新消息
************************************************************************/
/*最新消息-more頁*/
.news .cntcmd{
float:left;
width:630px;
padding:0; margin:0;
border:0px solid red;
}
.news .cntcmd{}
.news .cntcmd td{background-color:#902966; border-bottom:2px solid #000000;}
.news .cntcmd .title{text-align:left;}
.news .cntcmd .date{color:#FFCCFF; font-size:12px;letter-spacing:0px;text-align:right;}
.news .cntcmd a{padding: 2px; font-size:13px;color:#006600; display:block;}
.news .cntcmd a:link {color:#FF99FF;}
.news .cntcmd a:visited {color:#FF99FF;}
.news .cntcmd a:hover {color:#FFFFFF}
.news .cntcmd a:active {color:#FF99FF;}

/*最新消息-detail頁*/
.news .cntdesc{
float:left;
border:0px solid red;
width:630px;
}

.news .cntdesc td{font-family: Verdana, Arial, 細明體; font-size: 12px; color:#CCCCCC;text-decoration: none; line-height:18px;}

.news .cntdesc h1{
margin:0;padding:0;
line-height:25px;
color:#FFCC00;font-size:15px;letter-spacing:3px;font-weight:bold;}

.news .cntdesc P{font-size: 12px; padding:0; margin:0; color:#E8E8E8; letter-spacing:0.1em; line-height:150%;}

.news .cntdesc img{margin:10px;}

/************************************************************************
* 留言回覆
************************************************************************/
/*留言回覆*/
.feedbackcnt td {font-family: Verdana, Arial, 細明體; font-size: 12px; color:#666666;text-decoration: none;}
.feedbackcnt a{
	margin: 0;
	padding: 0 0 0 0;
	font-size: 15px;
	color: #F26522;
	text-decoration: none;
}
.feedbackcnt a:link {color: #F26522;}
.feedbackcnt a:visited {color: #F26522;}
.feedbackcnt a:hover {color: #000000;}
.feedbackcnt a:active {color: #000000;}

/************************************************************************
* 會員專區
************************************************************************/
.mbr .mbrarea caption{ font-size:15px; margin:0; padding:0; color:#990000; line-height:300%; font-weight:bold;}
.mbr .mbrarea h1{ font-size:15px; margin:0; padding:0; color:#990000; line-height:300%; font-weight:bold; text-align:center;}
.mbr .mbrarea h2{ font-size:13px; margin:0; padding:0; color:#FF6600; line-height:300%; font-weight:bold; text-align:center;}

.mbr .mbrarea td{ font-size:13px; margin:0; padding:0; color:#666666;}
.mbr .mbrarea th{ font-size:13px; color:#333333; text-align:right; padding:0 0 0 20px;}

.mbr .mbrarea .input{border:1px solid #999999; width:150px;}
.mbr .mbrarea a:link {color:#000000; text-decoration:underline;}
.mbr .mbrarea a:visited {color: #000000; text-decoration:underline;}
.mbr .mbrarea a:hover {color:#FF0000; text-decoration:underline;}
.mbr .mbrarea a:active {color: #000000; text-decoration:underline;}

.mbr .mbrarea .mbrclause{border:1px solid #999999; font-size:11px; width:500px; padding:5px; line-height:16px; }
.mbr .mbrarea .em{ font-size:13px; color:#FF0000; letter-spacing:1px;}

.mbr .mbrarea .note{ font-size:12px; color:#999999; letter-spacing:0px;}
.mbr .mbrarea .text{border:1px solid #333333; width:200px;}
.mbr .mbrarea hr{border:1px solid #CCCCCC; width:95%;}
.mbr .mbrarea .check { font-size:12px; letter-spacing:0px; padding:1px 1px; border:1px solid #666666; margin: 0 0 0 5px;color:#000000;}
.mbr .mbrarea .check:link {color:#000000; background-color:#FFCC00;}
.mbr .mbrarea .check:visited {color:#000000; background-color:#FFCC00;}
.mbr .mbrarea .check:hover {color:#990000; background-color:#FF9900;}
.mbr .mbrarea .check:active {color:#000000; background-color:#FFCC00;}
.mbr .mbrarea .btn { font-size:12px; letter-spacing:0px; padding:2px 10px; border:1px solid #666666; margin:10px 5px 0 0; color:#333333; width:120px; background-color:#FFCC00;}

.mbr .mbrarea ul{ margin:0; padding:0; width:200px}
.mbr .mbrarea li{list-style:none;margin:0; 
margin:5px 0 0 0;
background-color:#FFCC00;
border:1px solid #ffffff;
text-align:center;
vertical-align:bottom;}
.mbr .mbrarea li a{display:block; padding:5px; text-decoration:none; width:200px}
html>body.mbr .mbrarea a{ width:auto;}
.mbr .mbrarea li a:link {color:#333333; text-decoration:none;}
.mbr .mbrarea li a:visited {color:#333333; text-decoration:none;}
.mbr .mbrarea li a:hover {color:#000000; background-color:#FF9900; text-decoration:none;}
.mbr .mbrarea li a:active {color:#333333; text-decoration:none;}
/************************************************************************
* 客製_塔羅提問
************************************************************************/
.custom .customarea caption{ font-size:15px; margin:0; padding:0; color:#990000; line-height:300%; font-weight:bold; text-align:left;}
.custom .customarea td{ font-size:13px; margin:0; padding:0; color:#666666;}
.custom .customarea th{ font-size:13px; color:#333333; text-align:right; padding:0 0 0 20px;}
.custom .customarea h1{ font-size:15px; margin:0; padding:0; color:#990000; line-height:200%; font-weight:bold; text-align:left;}
.custom .customarea h2{ font-size:13px; margin:0; padding:0; color:#FF6600; line-height:200%; font-weight:bold; text-align:left;}
.custom .customarea a:link {color:#000000; text-decoration:underline;}
.custom .customarea a:visited {color: #000000; text-decoration:underline;}
.custom .customarea a:hover {color:#FF0000; text-decoration:underline;}
.custom .customarea a:active {color: #000000; text-decoration:underline;}
.custom .customarea .btn { font-size:12px; letter-spacing:0px; padding:2px 10px; border:1px solid #666666; margin:10px 5px 0 0; color:#333333; width:120px; background-color:#FFCC00;}
.custom .customarea .input{border:1px solid #999999; width:150px;}
.custom .customarea ul{padding:0; margin:0; list-style:none;}
.custom .customarea ul li{margin:5px 0; color:#333333; background-color:#FFFF99;}
.custom .customarea .askcnt{border:1px solid #999999; font-size:11px; width:500px; padding:5px; line-height:16px; }
.custom .customarea .redtxt{color:#FF0000;}
.custom .customarea .message{color:#000000; background-color:#FF0000; font-weight:bold; font-size:13px; padding:5px; width:160px}
.custom .customarea .em{ font-size:13px; color:#FF0000; letter-spacing:1px;}