@import url("reset.css");


#ALL{ width:1000px; height:502px; margin:0 auto;}
body{ background-image:url(images/bg-index.gif); background-position: top center; background-repeat:no-repeat;}



/*===========================================HEADER==============================================*/
#HEADER{ width:1000px; height:76px;}
#HEADER h1{ display:block; width:294px; height:76px; background-image:url(images/main_1.gif); text-indent:-9999px; float:left;}
#HEADER ul{ width:706px; height:76px; float:right;}



/*===========================================形象區==============================================*/
#IMG{ width:1000px; height:239px;}
#IMG h2.ABOUT{ display:block; width:1000px; height:239px; background-image: url(images/index_8.gif); text-indent:-9999px;}



#BOTTOM{width:1000px; height:auto; margin:0 auto; padding:0 0; clear:both; }


/*==========================================左邊區塊/最新消息==============================================*/
#NEWS{ width:381px; height:187px; float:left; clear:both; background-image:url(images/index-leftbg.gif); background-repeat:repeat-x;}

#NEWS h2{ display:block; width:312px; height:42px; background-image: url(images/index_9.gif); text-indent:-9999px; float:left; }

#NEWS ul.MORE-NEWS {width:69px; height:42px; float:right;}
#NEWS ul.MORE-NEWS li{}
#NEWS ul.MORE-NEWS li a{ display:block; width:69px; height:42px; background-image:url(images/index_10.gif); text-indent:-9999px;}
#NEWS ul.MORE-NEWS li a:hover{ background-image:url(images/index_11.gif);}


#NEWS ul.NEWS-LIST{ width:346px;}
#NEWS ul.NEWS-LIST li{ padding-left:35px; background-image: url(images/dot.gif); background-repeat:no-repeat; background-position:40px 5px;}
#NEWS ul.NEWS-LIST li a{ font-size:12px; color:#666666; text-decoration:none; line-height:18px;}
#NEWS ul.NEWS-LIST li a:hover{ color:#003366; text-decoration:underline;}
#NEWS ul.NEWS-LIST li span{ font-size:11px; color:#3a84dc; font-family:Arial; padding-left:15px; padding-right:3px;}




/*===========================================中間區塊/新案上線==============================================*/
#PORTFOLIO{width:351px; margin:0 auto; padding:0 0;  height:187px; background-image:url(images/index-centerbg.gif); background-repeat:repeat-x;overflow:hidden; float:left;}

#PORTFOLIO-TITLE{ width:351px; height:42px;}
#PORTFOLIO-TITLE h2{display:block; width:301px; height:42px; background-image:url(images/index_19.gif); text-indent:-9999px; float:left;}

#PORTFOLIO-TITLE span{ float:right; width:50px; height:42px;}
#PORTFOLIO-TITLE a{ display:block; width:50px; height:42px; background-image:url(images/index_12.gif); text-indent:-9999px;}
#PORTFOLIO-TITLE a:hover{ background-image:url(images/index_12-hover.gif);}



#PORTFOLIO ul.NEW-PORTFOLIO{ padding-left:13px;}
#PORTFOLIO ul.NEW-PORTFOLIO li{ display:block; width:130px; float:left; padding-top:15px; padding-left:25px;  background-image:url(images/icon.gif); background-position:28px 108px; background-repeat:no-repeat;}
#PORTFOLIO ul.NEW-PORTFOLIO li a{ font-size:12px; color:#1f79b9; text-decoration:none; padding-left:15px;}
#PORTFOLIO ul.NEW-PORTFOLIO li a:hover{color:#003366; text-decoration:underline;}
#PORTFOLIO ul.NEW-PORTFOLIO img{ border:4px solid #e0e7ef;}





/*===========================================右間區塊/快速連結==============================================*/
#LINK{ width:262px; height:187px; float:right; }
#LINK h2{ display:block; width:262px; height:107px; background-image:url(images/index_13.gif); text-indent:-9999px;}
#LINK ul{ width:262px; height:80px;}
#LINK li{ float: left;}
#LINK li.L1 a{ display:block; width:81px; height:80px; background-image:url(images/index_16.gif); text-indent:-9999px;}
#LINK li.L1 a:hover{ background-image:url(images/index_16-hover.gif);}

#LINK li.L2 a{ display:block; width:77px; height:80px; background-image:url(images/index_17.gif); text-indent:-9999px;}
#LINK li.L2 a:hover{ background-image:url(images/index_17-hover.gif);}

#LINK li.L3 a{ display:block; width:104px; height:80px; background-image:url(images/index_18.gif); text-indent:-9999px;}
#LINK li.L3 a:hover{ background-image:url(images/index_18-hover.gif);}


/*===========================================版權區==============================================*/
#FOOTER{ width:100%; height:85px; background-image: url(images/index-footer.gif); clear:both;}

#FOOTER-CONTENT{ width:1000px; margin:0 auto; text-align: center; padding-top:20px;font-family:Arial; font-size:12px; color: #FFFFFF; }


#FOOTER-CONTENT a {
	font-size:11px;
	color:#FFFFFF;
	letter-spacing:1px;
	text-decoration:none;
	line-height:15px;
}
#FOOTER-CONTENT a:hover {
	color: #1D94BE;
    text-decoration:underline;
}
#FOOTER-CONTENT a.red {
	font-size:11px;
	color:#FFFFFF;
	letter-spacing:1px;
	text-decoration:none;
	line-height:15px;
}
#FOOTER-CONTENT a.red:hover {
	color: #CC3300;
	text-decoration:underline;
}