/* CSS Document */
body{ background-image:url(../images/backimg_01.jpg); background-attachment:fixed;}
#WAPPER{ width:900px; margin:0 auto;}

/*--------- 表頭區 -----------*/
#HEADER{ height:265px; margin:50px 0 0 0;background-image:url(../images/index_head_backimg.gif); background-repeat:no-repeat; position:relative;}
#HEADER h1{ position:relative; top:30px; left:30px; display:block; width:196px; height:24px; background-image:url(../images/oboe_logo.gif); background-repeat:no-repeat; text-indent:-9999px;}
#HEADER h2{ list-style:none;
	position:absolute;
	top:30px;
	left:270px;}
#HEADER ul{ list-style:none; position:absolute; top:140px; left:30px;}

#HEADER li{}
#HEADER li a{ display:block; width:90px; height:25px; font-family:"Arial","Helvetic", "新細明體", "sans-serif"; font-size:14px; color:#2f95c9; text-decoration:none; line-height:25px; letter-spacing:1px;}
#HEADER li a:hover{ color:#f05a7d; font-weight:bold;}

/*--------- 內容區 -----------*/
#CONTENT{ background-color:#FFFFFF; position:relative; height:370px;}
#CONTENT ul{ list-style:none;	position:absolute;	top:20px;	left:30px;	width: 160px;}
#CONTENT li{}
#CONTENT li a{ display:block; width:160px; height:17px; font-family:"Arial","Helvetic", "新細明體", "sans-serif"; 
font-size:11px; color:#9f9f9f; text-decoration:none; line-height:17px;}
#CONTENT li a:hover{	color:#f05a7d;	font-weight:bold;}

#CONTENT li2{}
#CONTENT li2 a{ display:block; width:44px; height:17px; font-family:"Arial","Helvetic", "新細明體", "sans-serif"; 
font-size:11px; color:#f05a7d; text-decoration:none; line-height:17px; font-weight:bold}
#CONTENT li2 a:hover{	color:#FFF;	font-weight:bold; background-color:#f05a7d}

#CONTENT li3{}
#CONTENT li3 a{ display:block; width:28px; height:17px; font-family:"Arial","Helvetic", "新細明體", "sans-serif"; 
font-size:11px; color:#f05a7d; text-decoration:none; line-height:17px; font-weight:bold}
#CONTENT li3 a:hover{	color:#FFF;	font-weight:bold; background-color:#f05a7d}

#MOVIE { display:block; width:296px; position:absolute; top:20px; right:30px; background-position: bottom; height: 327px; }
.MOVIE {font-family:"Arial","Helvetic", "新細明體", "sans-serif"; font-size:12px; color:#595959; text-decoration:none; line-height:18px;}
.MOVIE a:hover{font-family:"Arial","Helvetic", "新細明體", "sans-serif"; font-size:12px; color:#f05a7d; text-decoration:none; line-height:18px}

.NEWS {display:block; width:288px; height:103px; position:relative; left:270px; top:20px; background-image: url(../images/box_2.gif); margin:0 0 8px 0; padding:8px 0 0 8px;}
.NEWS img{ float:left; display:block; width:95px; height:95px;}
.NEWS p{float:right; margin:0 7px 0 0; display:block; width:180px;}
.TT {font-family:"Arial","Helvetic", "新細明體", "sans-serif"; font-size:13px; color:#2f95c9; font-weight:bold; padding-bottom:7px; text-decoration: none; }
.NEWS p a{font-family:"Arial","Helvetic", "新細明體", "sans-serif"; font-size:12px; color:#595959; text-decoration:none; line-height:18px;}
.NEWS p a:hover{color:#f05a7d;}
.TTMORE {display:block; text-indent:-9999px; width:180px;}
.TTMORE a{float:right;display:block; background-image:url(../images/more_1.gif); width:31px; height:18px; background-repeat:no-repeat; background-position: right bottom;}
.TTMORE a:hover{background-image:url(../images/more_2.gif);}




/*-----#HEADER h2{ position:absolute; top:30px; right:30px; width:600px; height:235px; background-image:url(../images/index_headimg_02.jpg); background-repeat:no-repeat; text-indent:-9999px;}-------*/

/*--------- 頁尾 -----------*/
#FOOTER{ width:900px; height:20px;background-image:url(../images/index_footer.gif); background-repeat:no-repeat; margin:0 0 30px 0; text-indent:-9999px;}