@import url("reset.css");
body{ background-image:url(images/bg.jpg); background-repeat:repeat-x;}

/* ===============================================整體============================================== */
#WRAPPER{ width:1000px; margin:0 auto;}
.CLEAR {
	clear:both;
}

/* ===============================================最上面============================================== */
#HEADER{ width:1000px; height:70px; background-color:#FFFFFF;}
#HEADER h1{ display:block; width:405px; height:70px; text-indent:-9999px; background-image:url(images/logo.gif); float:left;}
#HEADER ul{ float:right; padding-right:28px; margin-top:35px;}
#HEADER li{ float:left;}
#HEADER li a{ font-size:13px; color:#761730; letter-spacing:1px; text-decoration:none;}
#HEADER li a:hover{ color:#ce638d;}

/* ===============================================主選單============================================== */

#MENU{ width:1000px; height:40px;}
#MENU ul{}
#MENU li{ float:left;}
#MENU li.M1 a{ display:block; width:371px; height:40px; background-image:url(images/m1.gif); background-position:left top; text-indent:-9999px;}
#MENU li.M1 a:hover{ background-position:left -40px;}

#MENU li.M2 a{ display:block; width:100px; height:40px; background-image:url(images/m2.gif); background-position:left top; text-indent:-9999px;}
#MENU li.M2 a:hover{ background-position:left -40px;}

#MENU li.M3 a{ display:block; width:106px; height:40px; background-image:url(images/m3.gif); background-position:left top; text-indent:-9999px;}
#MENU li.M3 a:hover{ background-position:left -40px;}

#MENU li.M4 a{ display:block; width:103px; height:40px; background-image:url(images/m4.gif); background-position:left top; text-indent:-9999px;}
#MENU li.M4 a:hover{ background-position:left -40px;}

#MENU li.M5 a{ display:block; width:103px; height:40px; background-image:url(images/m5.gif); background-position:left top; text-indent:-9999px;}
#MENU li.M5 a:hover{ background-position:left -40px;}

#MENU li.M6 a{ display:block; width:102px; height:40px; background-image:url(images/m6.gif); background-position:left top; text-indent:-9999px;}
#MENU li.M6 a:hover{ background-position:left -40px;}

#MENU li.M7 a{ display:block; width:115px; height:40px; background-image:url(images/m7.gif); background-position:left top; text-indent:-9999px;}
#MENU li.M7 a:hover{ background-position:left -40px;}


/* ===============================================廣告區============================================== */

#BANNER{ width:1000px; height:337px;  text-indent:-9999px;}
#BANNER h2{ display:block; width:1000px; height:140px; background-image: url(images/index_2.gif);}
#BANNER h3{ display:block; width:1000px; height:197px; background-image: url(images/index_3.gif);}


/* ===============================================左邊次選單============================================== */

#SUB{ float:left; width:218px; height:393px;}
#SUB h2{ display:block; width:218px; height:91px; background-image:url(images/index_4.gif); text-indent:-9999px;}
#SUB ul{}
#SUB li{}
#SUB li.S1 a{ display:block; width:218px; height:36px; background-image:url(images/s1.gif); background-position:left top; text-indent:-9999px;}
#SUB li.S1 a:hover{ background-position:left -36px;}

#SUB li.S2 a{ display:block; width:218px; height:34px; background-image:url(images/s2.gif); background-position:left top; text-indent:-9999px;}
#SUB li.S2 a:hover{ background-position:left -34px;}

#SUB li.S3 a{ display:block; width:218px; height:33px; background-image:url(images/s3.gif); background-position:left top; text-indent:-9999px;}
#SUB li.S3 a:hover{ background-position:left -33px;}

#SUB li.S4 a{ display:block; width:218px; height:34px; background-image:url(images/s4.gif); background-position:left top; text-indent:-9999px;}
#SUB li.S4 a:hover{ background-position:left -34px;}

#SUB li.S5 a{ display:block; width:218px; height:34px; background-image:url(images/s5.gif); background-position:left top; text-indent:-9999px;}
#SUB li.S5 a:hover{ background-position:left -34px;}

#SUB li.S6 a{ display:block; width:218px; height:34px; background-image:url(images/s6.gif); background-position:left top; text-indent:-9999px;}
#SUB li.S6 a:hover{ background-position:left -34px;}

#SUB li.S7 a{ display:block; width:218px; height:34px; background-image:url(images/s7.gif); background-position:left top; text-indent:-9999px;}
#SUB li.S7 a:hover{ background-position:left -34px;}

#SUB li.S8 a{ display:block; width:218px; height:63px; background-image:url(images/s8.gif); background-position:left top; text-indent:-9999px;}
#SUB li.S8 a:hover{ background-position:left -63px;}

/* ===============================================右邊區塊整體設定============================================== */
#RIGHT{ float:right; width:782px;}

/* ===============================================右邊區塊/優良徵信社============================================== */
#COMPANY{ width:782px;}
#COMPANY h2{ display:block; width:782px; height:47px; background-image:url(images/index_6.gif); text-indent:-9999px;}
#COMPANY img{ border:1px solid #d0c69d; padding:5px; margin-bottom:3px;}
#COMPANY ul{ padding-top:10px; padding-left:10px;}
#COMPANY li{ float:left; padding-left:2px; width:132px;}
#COMPANY li a{ font-size:13px; color:#c5336d; text-decoration:none; line-height:17px; padding-left:16px;}
#COMPANY li a:hover{ color:#990033; text-decoration:underline;}

/* ===============================================右邊區塊/真實案例============================================== */

#NEWS{ width:395px; float:left; margin-top:13px;}
#NEWS h2{ width:395px; height:37px; background-image:url(images/index_9.gif); text-indent:-9999px;}

#NEWS .NEWS-CONTENT{ width:366px; min-height:85px; background-color:#f8f6f3; margin-left:12px; margin-top:7px; padding:7px 5px 7px 7px;}
#NEWS .NEWS-CONTENT img{ border:1px solid #d3cabd; float:left;}
#NEWS .NEWS-CONTENT ul{}
#NEWS .NEWS-CONTENT li{}
#NEWS .NEWS-CONTENT li a{ background-image:url(images/ar_2.gif); background-repeat:no-repeat; background-position: left top; font-size:13px; color:#635e58; letter-spacing:1px; text-decoration:none; line-height:13px; padding-left:10px;}
#NEWS .NEWS-CONTENT li a:hover{ text-decoration:underline; color:#761730;}

#NEWS .NEWS-CONTENT a{ padding-left:205px;font-size:12px; color:#b6a1a8; letter-spacing:1px; text-decoration: underline; line-height:13px;}
#NEWS .NEWS-CONTENT a:hover{text-decoration: none; color:#761730;}


/* ===============================================右邊區塊/法律常識============================================== */

#KNOWLEDGE{ width:387px; float: right; margin-top:13px;}
#KNOWLEDGE h2{ width:387px; height:37px; background-image:url(images/index_10.gif); text-indent:-9999px;}

#KNOWLEDGE .KNOWLEDGE-CONTENT{ width:366px; min-height:85px; background-color:#f8f6f3; margin-top:7px; padding:7px 5px 7px 7px;}
#KNOWLEDGE .KNOWLEDGE-CONTENT img{ border:1px solid #d3cabd; float:left;}
#KNOWLEDGE .KNOWLEDGE-CONTENT ul{}
#KNOWLEDGE .KNOWLEDGE-CONTENT li{}
#KNOWLEDGE .KNOWLEDGE-CONTENT li a{ background-image:url(images/ar_2.gif); background-repeat:no-repeat; background-position: left top; font-size:13px; color:#635e58; letter-spacing:1px; text-decoration:none; line-height:13px; padding-left:10px;}
#KNOWLEDGE .KNOWLEDGE-CONTENT li a:hover{ text-decoration:underline; color:#761730;}

#KNOWLEDGE .KNOWLEDGE-CONTENT a{ padding-left:205px;font-size:12px; color:#b6a1a8; letter-spacing:1px; text-decoration: underline; line-height:13px;}
#KNOWLEDGE .KNOWLEDGE-CONTENT a:hover{text-decoration: none; color:#761730;}




/* ===============================================版權區塊============================================== */
#FOOTER{ width:1000px; height:95px; background-image:url(images/index_7.gif); background-repeat:no-repeat;}
#FOOTER-CONTENT{ width:680px; height:50px; float:right; padding-top:28px; padding-right:35px; font-size:12px;color:#616059; text-align:right;}
#FOOTER-CONTENT p{ font-size:12px; color:#616059; line-height:35px; letter-spacing:1px;}
#FOOTER-CONTENT a{ font-size:12px; color:#616059; text-decoration:none; letter-spacing:1px;}
#FOOTER-CONTENT a:hover{ text-decoration:underline;}

/* ==========================文字色彩=================================== */

.wordred{ color:#660099; font-size:small;}
.wordred2{ color: #660000; font-size: medium;}
.wordBlue{ color:#003366; font-size:13px;}
.wordBlue2{ color:#003366; font-size:15px;}

/* ==========================補修改=================================== */
#KNOWLEDGE2{ width:387px; float: right; margin-top:13px;}
#KNOWLEDGE2 h2{ width:387px; height:37px; background-image:url(images/index_10.gif); text-indent:-9999px;}