@import url("reset.css");
body {
	background-image:url(images/index-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center
}
#WRAPPER {
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
}
#HEADER {
	width:1000px;
	height:199px;
	margin:0 auto;
	position:relative;
}
#HEADER h1 {
	width:531px;
	height:199px;
	background-image:url(images/index_01.gif);
	text-indent:-9999px;
}
/* ================================左邊按鈕=========================================== */
#HEADER ul.LEFT {
	width:215px;
	height:199px;
	position:absolute;
	left:531px;
	top:0;
}
#HEADER ul.LEFT li {
}
#HEADER ul.LEFT li.L1 a {
	display:block;
	width:215px;
	height:58px;
	background-image: url(images/btn01.gif);
	text-indent:-9999px;
}
#HEADER ul.LEFT li.L1 a:hover {
	background-position:left bottom;
}
#HEADER ul.LEFT li.L2 a {
	display:block;
	width:215px;
	height:28px;
	background-image:url(images/btn02.gif);
	text-indent:-9999px;
}
#HEADER ul.LEFT li.L2 a:hover {
	background-position:left bottom;
}
#HEADER ul.LEFT li.L3 a {
	display:block;
	width:215px;
	height:25px;
	background-image: url(images/btn03.gif);
	text-indent:-9999px;
}
#HEADER ul.LEFT li.L3 a:hover {
	background-position:left bottom;
}
#HEADER ul.LEFT li.L4 a {
	display:block;
	width:215px;
	height:25px;
	background-image:url(images/btn04.gif);
	text-indent:-9999px;
}
#HEADER ul.LEFT li.L4 a:hover {
	background-position:left bottom;
}
#HEADER ul.LEFT li.L5 a {
	display:block;
	width:215px;
	height:63px;
	background-image:url(images/btn05.gif);
	text-indent:-9999px;
}
#HEADER ul.LEFT li.L5 a:hover {
	background-position:left bottom;
}
/* ================================右邊按鈕=========================================== */
#HEADER ul.RIGHT {
	width:254px;
	height:199px;
	position:absolute;
	right:0;
	top:0;
}
#HEADER ul.RIGHT li {
	float:left;
}
#HEADER ul.RIGHT li.R1 a {
	display:block;
	width:86px;
	height:199px;
	background-image: url(images/btn06.gif);
	text-indent:-9999px;
}
#HEADER ul.RIGHT li.R1 a:hover {
	background-position:left bottom;
}
#HEADER ul.RIGHT li.R2 a {
	display:block;
	width:75px;
	height:199px;
	background-image:url(images/btn07.gif);
	text-indent:-9999px;
}
#HEADER ul.RIGHT li.R2 a:hover {
	background-position:left bottom;
}
#HEADER ul.RIGHT li.R3 a {
	display:block;
	width:93px;
	height:199px;
	background-image:url(images/btn08.gif);
	text-indent:-9999px;
}
#HEADER ul.RIGHT li.R3 a:hover {
	background-position:left bottom;
}
/* ================================最新消息=========================================== */
#NEWS {
	float:left;
	width: 503px;
	height:403px;
	background-image:url(images/index_14.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	position: relative;
}
#NEWS h2 {
	width:395px;
	height:70px;
	background-image: url(images/index_10.gif);
	text-indent:-9999px;
}
#NEWS a.more {
	display:block;
	width:108px;
	height:70px;
	background-image: url(images/more1.gif);
	text-indent:-9999px;
}
#NEWS a:hover.more {
	background-position:left bottom;
}
#NEWS ul {
	font-size:13px;
	letter-spacing:1px;
	padding-left:8px;
	padding-right:40px;
}
#NEWS li {
}
#NEWS li a {
	display:block;
	color: #666666;
	text-decoration:none;
	line-height:22px;
}
#NEWS li a:hover {
	color:#83A3B6;
	text-decoration: none;
}
#NEWS span {
	font-size:13px;
	color:#c52323;
	line-height:22px;
}
/* ================================最新作品=========================================== */
#PORTFOLIO {
	float:right;
	width:497px;
	height:403px;
	background-image:url(images/index_15.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	position: relative;
}
#PORTFOLIO h2 {
	width:404px;
	height:70px;
	background-image:url(images/index_12.gif);
	text-indent:-9999px;
}
#PORTFOLIO a.more {
	display:block;
	width:93px;
	height:70px;
	background-image: url(images/more2.gif);
	text-indent:-9999px;
}
#PORTFOLIO a:hover.more {
	background-position:left bottom;
}
.L-PORTFOLIO {
	float:left;
	width:207px;
	background-image:url(images/index_17.gif);
	background-repeat:repeat;
	background-position:left top;
	margin-bottom:15px;
	margin-left:25px;
}
.L-PORTFOLIO img {
	display:block;
	width:183px;
	height:54px;
	padding-top:5px;
	padding-left:18px;
}
.L-PORTFOLIO ul {
	padding-left:18px;
	padding-top:12px;
}
.L-PORTFOLIO li {
	background-image: url(images/go.gif);
	background-repeat:no-repeat;
}
.L-PORTFOLIO li a {
	display:block;
	text-decoration:none;
	letter-spacing:1px;
	color:#0b747d;
	line-height:14px;
	font-size:12px;
	text-indent:30px;
}
.L-PORTFOLIO li a:hover {
	text-decoration: underline;
	color:#990000;
}
#PORTFOLIO .info01 {
	clear:both;
	float:left;
	display:block;
	width:160px;
	height:80px;
	margin-left:90px;
	margin-top:25px;
	position: absolute;
	top: 271px;
	left: 1px;
}
#PORTFOLIO .info02 {
	float:right;
	display:block;
	width:160px;
	height:90px;
	margin-top:25px;
	margin-right:10px;
	position: relative;
}
/* ================================版權區塊=========================================== */
.FOOTER {
	width:1000px;
	height:98px;
	background-image:url(images/index_16.gif);
	background-position:top center;
	color:#e1e1e1;
	position:relative;
}
.FOOTER-CONTENT {
	width:600px;
	text-align:center;
	position:absolute;
	top:20px;
	left:250px;
}
.FOOTER a {
	font-size:12px;
	color:#e1e1e1;
	text-align:center;
	letter-spacing:1px;
	text-decoration:none;
	line-height:19px;
}
.FOOTER a:hover {
	font-size:12px;
	color: #666666;
	text-align:center;
	letter-spacing:1px;
	text-decoration:underline;
}
.FOOTER a.red {
	font-size:12px;
	color:#e1e1e1;
	text-align:center;
	letter-spacing:1px;
	text-decoration:none;
	line-height:19px;
}
.FOOTER a.red:hover {
	font-size:12px;
	color: #CC3300;
	text-align:center;
	letter-spacing:1px;
	text-decoration:underline;
}
.FOOTER p {
	font-size:12px;
	line-height:19px;
	letter-spacing:1px;
}
/* ===================================整體設定====================================== */

.CLEAR {
	clear:both;
}
.word12red {
	color:#bf1515;
	letter-spacing:1px;
	font-size:12px;
	line-height:19px;
}
.word12gray {
	color:#666666;
	letter-spacing:1px;
	font-size:12px;
	line-height:19px;
}