@charset "utf-8";
/* CSS Document */
#frontbody{
font-size:80%;
margin:0;
}
.clear{
clear:both;
height:0px;
display:block;
width:100%;
padding:-10px;
margin:0px !important; margin:-8pt;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
.clearfix {display: inline-block;}  
.clearfix {
    zoom: 1;     
    display: block;    
    } 
.alt{
visibility:hidden;
width:100%;
height:100%;
}
a:link{color:#222222;

}
a:visited{
color:#222222;
z-index:0;
}
a:hover{
background:;
color:#999999;
cursor:pointer;
text-decoration:none;
}
#mainarea {
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set46_03.png)!important;background:url(../images/set4/set46_03.gif);
background-repeat:repeat-x!important;background-repeat:repeat-x;
background-position:0px 0px;
position:relative;
width:98%;
display:block;
margin:auto;
overflow:hidden;
float:left;
padding:0px;
}
#rightborder{
	behavior: url(adminfolder/iepngfix.htc);
float:left;
background:url(../images/set4/set46_05.png)!important;background:url(../images/set4/set46_05.gif);
width:10px;
background-repeat:no-repeat;
height:40px;
}
#upperarea{
	behavior: url(adminfolder/iepngfix.htc);
width:100%;
background:url(../images/set4/set46_01.png)!important;background:url(../images/set4/set46_01.gif);
background-repeat:no-repeat!important;background-repeat:no-repeat;
height:166px;
padding-top:10px;
}
#servicearea{
position:relative;
top:30px;
z-index:10;
}
#newsarea{
position:relative;
top:30px;
z-index:10;
}
#newsarea ul{
list-style: disc url(../images/set4/set47_11.gif) outside;
}
#servicearea ul{
list-style: disc url(../images/set4/set47_11.gif) outside;
}
#toturdata{
position:relative;
top:30px;
}
#toturdata ul{
list-style: disc url(../images/set4/set47_11.gif) outside;
}
#lessonarea{
position:relative;
top:30px;
}
#lessonarea ul{
list-style: disc url(../images/set4/set47_11.gif) outside;
}
#logo{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set1_2_03.png);
width:294px;
height:177px;
text-align:center;
float:right;
margin-right:5%;
margin-top:50px;
}

#navigation{
position:relative;
background:url(../images/set4/set4_03.gif);
top:0px;
left:0px;
z-index:12;
width:188px;
height:189px;
top:190px;
left:10px;
}
#navigation h1 a{
display:block;
overflow:hidden;
}
a#homepagelink{
position:absolute;
width:188px;
height:20px;
top:0px;
left:0px;
}

a#homepagelink:hover{
background:url(../images/set4/set4_03.gif);
background-position:0px -189px;
background-repeat:no-repeat;
height:24px;
}
a#webdesign{
position:absolute;
width:188px;
height:23px;
top:22px;
left:0px;
}
a#webdesign:link{

}
a#webdesign:visited{
}
a#webdesign:hover{
background:url(../images/set4/set4_03.gif);
background-position:0px -211px;
background-repeat:no-repeat;
height:24px;
}
a#appraisal{
position:absolute;
width:188px;
height:23px;
top:47px;
left:0px;
}
a#appraisal:link{
}
a#appraisal:visited{
}
a#appraisal:hover{
background:url(../images/set4/set4_03.gif);
background-position:0px -236px;
background-repeat:no-repeat;
height:24px;
}
a#blog{
position:absolute;
width:188px;
height:23px;
top:69px;
left:0px;
}
a#blog:link{

}
a#blog:visited{

}
a#blog:hover{
background:url(../images/set4/set4_03.gif);
background-position:0px -258px;
background-repeat:no-repeat;
height:24px;
}
a#aboutdfd{
position:absolute;
width:188px;
height:23px;
top:93px;
left:0px;
}
a#aboutdfd:link{

}
a#aboutdfd:visited{
}
a#aboutdfd:hover{
background:url(../images/set4/set4_03.gif);
background-position:0px -282px;
background-repeat:no-repeat;
height:24px;
}
a#contactus{
position:absolute;
width:188px;
height:23px;
top:117px;
left:0px;
}
a#contactus:link{
}
a#contactus:visited{
}
a#contactus:hover{
background:url(../images/set4/set4_03.gif);
background-position:0px -306px;
background-repeat:no-repeat;
height:24px;
}
a#shushan{
position:absolute;
width:188px;
height:23px;
top:141px;
left:0px;
}
a#shushan:link{
}
a#shushan:visited{
}
a#shushan:hover{
background:url(../images/set4/set4_03.gif);
background-position:0px -330px;
background-repeat:no-repeat;
height:24px;
}

a#sitemap{
position:absolute;
width:188px;
height:23px;
top:168px;
left:0px;
}
a#sitemap:link{

}
a#sitemap:visited{
}
a#sitemap:hover{
background:url(../images/set4/set4_03.gif);
background-position:0px -358px;
background-repeat:no-repeat;
height:24px;
}
#decorationarea{
position:absolute;
top:44px;
*top:48px;
left:510px;
font-size:13px;
}
#decorationarea a{
font-size:13px;
color:#FFFFFF;
text-decoration:none;
}
#midarea{
z-index:1;
}

#rightarea{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set41_02.png);
background-repeat:no-repeat;
width:208px;
margin-top:-70px!important;margin-top:-130px;
padding-top:300px;
padding-left:20px;
float:left;
z-index:10;
overflow:visible;
}
#rightareas{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set41_02.png);
background-repeat:no-repeat;
width:208px;
margin-top:-70px!important;margin-top:-130px;
padding-top:300px;
padding-left:20px;
float:left;
z-index:10;
overflow:visible;
}

#headleft{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set41_05.png);
height:107px;
width:225px;
}
#bodyhead{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set41_05.png);
background-repeat:no-repeat;
height:107px;
width:100%;
}
#headborder{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set41_05.png);
background-repeat:no-repeat;
height:107px;
width:100%;
z-index:8;
}
.headborder{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set41_05.png);
background-repeat:no-repeat;
height:107px;
width:100%;
z-index:8;
}
#bodyarea{
float:left;
width:71%;
margin-top:30px;
z-index:2;
}
#maincontent{
float:left;
width:71%;
margin-top:30px;
z-index:2;
}
#bodycontent{
padding:20px;
margin-top:-80px;
margin-bottom:-80px;
}
#bodyborder{
padding:80px;
*padding:40px;
margin-top:-80px;
margin-bottom:-100px;
z-index:9;
position:relative;
font-size: 1.15em; 
line-height: 28px;
letter-spacing: 3px;
}
.bodyborder{
padding:80px;
*padding:40px;
margin-top:-80px;
margin-bottom:-100px;
position:relative;
font-size: 1.15em; 
line-height: 28px;
letter-spacing: 3px;
z-index:9;
}
#bodyfootmidc{
	behavior: url(adminfolder/iepngfix.htc);
width:100%;
background:url(../images/set4/set41_09.png)!important;background:url(../images/set4/set41_09.gif);
background-repeat:no-repeat!important;background-repeat:no-repeat;
background-position:right bottom!important;background-position:right bottom;
height:117px;
z-index:8;
position:relative;
}
.bodyfootmidc{
	behavior: url(adminfolder/iepngfix.htc);
width:100%;
background:url(../images/set4/set41_09.png)!important;background:url(../images/set4/set41_09.gif);
background-repeat:no-repeat!important;background-repeat:no-repeat;
background-position:right bottom!important;background-position:right bottom;
height:117px;
z-index:8;
position:relative;
}

#contentshow{
margin:auto;
width:635px;
}
#bodyfoot{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set41_09.png)!important;background:url(../images/set4/set41_09.gif);
background-repeat:no-repeat!important;background-repeat:no-repeat;
background-position:right bottom!important;background-position:right bottom;
height:117px;
}
#footarea{
	behavior: url(adminfolder/iepngfix.htc);
width:100%;
margin-top:40px;
background:url(../images/set4/set42_03.png)!important;background:url(../images/set4/set42_03.gif);
background-repeat:no-repeat!important;background-repeat:no-repeat;
background-position:228px 0px!important;background-position:228px 0px;
}
#footareaheadleft
{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set42_02.png);
width:228px;
height:96px;
float:left;
}
#footareaheadtitle{
	behavior: url(adminfolder/iepngfix.htc);
background:url(../images/set4/set45_03.png)!important;background:url(../images/set4/set45_03.gif);
background-position:bottom !important;background-position:bottom;
background-repeat:no-repeat !important;background-repeat:no-repeat;
width:723px;
height:48px;
*height:36px !important;*height:43px;
margin-left:auto;
margin-right:auto;
float:left;
padding-top:48px;
*padding-top:60px !important;*padding-top:45px;
text-align:center;
}
.keyword{
font-size:13px;
font-weight:normal;
font-variant:normal;;
margin:0px;
padding:0px;
display:inline;
}
#footlink{
*margin-top:-20px;
}
#footlink a {
margin-left:10px;
}
#copyright{
margin-left:8%;
}
#copyright p
{
color:#ffffff;
}
#titlebanners{
position:relative;
top:-600px;
left:450px;
border:1px solid black;
width:200px;
height:43px;
padding-top:20px;
display:none;
}
#apraisees{
margin-top:-15px;
text-align:center;
}
#apraisecs{
text-align:center;
}
#slogon{
word-spacing:4px;
position:absolute;
left:100px;
top:0px;
display:block;
}
#slogon p{
margin-top:2px;
margin-bottom:2px;
color:#FFFFFF;
font-weight:bolder;
font-family:"Verdana","標楷體";
}
#fslogon{
font-size:1.1em;
}
#tslogon{
text-align:center;
}
#foslogon{
text-align:right;
}
#fislogon{
font-size:0.8em;
}
#sislogon{
font-size:0.7em;
text-align:right;
}
#titlebanner{
display:none;
}
#headtitlec{
width:95%;
height:117px;
text-align:center;
vertical-align:middle;
padding-left:40px;
}
#headtitlec p{
padding-top:40px;
}

#headtitlec hr{
width:90%;
}
#reback{

position:relative;

index:5;

}

#reback p{

text-align:center;

}

#reback p input{

margin:auto;

}
#nowtime{
display:none;
}
#servicetitle{
background:url(../images/set4/set47_04.gif);
width:175px;
height:21px;
}
#toturdatatitle{
background:url(../images/set4/set417_07.gif);
width:188px;
height:21px;
}
#lessontitle{
background:url(../images/set4/set418_11.gif);
width:143px;
height:22px;
}
#newslisttitle{
background:url(../images/set4/set420_09.gif);
width:167px;
height:23px;
}
#datasubject{
font-size:1.15em;
width:90%;
text-align:left;
}
#datatime{
text-align:right;
padding-right:40px;
}
#oeuvertitle{
width:133px;

height:21px;

background:url(../images/set4/set47_08.gif);

margin-top:15px;

float:left;
}
#oeuverimg{
background:url(../images/set4/set47_11.gif);
width:20px;
height:17px;
margin-top:15px;
margin-left:30px;
float:left;
}
#newstitle{
width:138px;

height:20px;

background:url(../images/set4/set47_14.gif);

margin-top:15px;

float:left;
}
#newsimg{
background:url(../images/set4/set47_11.gif);
width:20px;
height:17px;
margin-top:15px;
margin-left:30px;
float:left;
}
.newslist ul{

font-size:1em;

list-style:url(../images/news.gif);

}
#decob{
width:607px;
height:145px;
position:absolute;
top:0px;
left:0px;
}

#panelhead{
height:89px;
background:url(../images/pw/pw_02.gif);
background-repeat:no-repeat;
display:none;
}
#panelcontent{
background:url(../images/pw/pw_03.gif);
background-repeat:repeat-y;
*padding-left:20px;
margin-top:-13px;
margin-bottom:-13px;
z-index:1;
color:#FFFFFF;
display:none;
}
.
#panelfoot{
background:url(../images/pw/pw_05.gif);
background-repeat:no-repeat;
height:19px;
z-index:0;
display:none;
}
a#facechange{
width:200px;
height:600px;
z-index:10;
position:fixed!important;position:absolute;
top:30px;
left:98.7%;
cursor:pointer;
overflow:hidden;
color:#FFFFFF;
background:url(../images/screw.gif);
background-repeat:no-repeat;
display:none;
}
a#facechange div{
float:left;
left:0px;
margin-top:0px;
}
a#facechange:hover{
*background:!important;*background:#999999;
background-repeat:no-repeat;
}
a#facechange ul{
position:relative;
visibility:visiable;
width:200px;
left:-92%;
*left:-112%!important;*left:-75%;
float:left;
overflow:auto;
list-style:none;
}
a#facechange:hover ul{
visibility:visible;

}
#colordiv{
position:relative;
top:0px;
left:-1000px;
}
a#facechange table{
}
a#facechange ul li{
}
#themesec{
padding-top:20px;
}
.withshort{
overflow:visible;
visibility:hidden;
position:relative;
left:-50px;
top:10px;
z-index:10;
}
.shortdescribe{
left:50px;
*left:50px !important;*left:100px;
list-style:none;
position:absolute;
z-index:30;
}
.shorthead{
background:url(../images/short_01.gif);
background-repeat:no-repeat;
height:21px;
width:160px;
margin-bottom:-2px;
}
.shortcontent{
background:url(../images/short_02.gif);
background-repeat:repeat-y;
width:140px;
padding:10px;
}
.shortcontent{
color:#000000;
z-index:30;
}
.shortfoot{
margin-top:0px;
background:url(../images/short_04.gif);
background-repeat:no-repeat;
height:8px;
width:160px;
}

a:hover div{
visibility:visible;
}
#pagechange{
padding:10px;
width:170px;
margin:auto;
}
#pagechange a{
display:block;
margin-left:1em;
float:left;

cursor:pointer;
}

a#fpage{
background:url(../images/first.gif);
background-repeat:no-repeat;
width:14px;
height:18px;
}
a#fpage:hover{
color:#F1F1F1;
background:url(../images/firstr.gif);
background-repeat:no-repeat;
}
a#fpreg{
background:url(../images/preg.gif);
background-repeat:no-repeat;
width:15px;
height:18px;
}
a#fpreg:hover{
background:url(../images/pregr.gif);

}
a#fnext{
background:url(../images/next.gif);
width:15px;
height:18px;
}
a#fnext:hover{
background:url(../images/nextr.gif);
}
a#flast{
background:url(../images/last.gif);
background-repeat:no-repeat;
width:14px;
height:18px;
}
a#flast:hover{
background:url(../images/lastr.gif);
background-repeat:no-repeat;
}
@charset "utf-8";
/* CSS Document */
#introduce{
background:url(../images/reporter.gif);
background-repeat:repeat-x;
background-position:right top;
position:fixed!important;position:absolute;
display:block;
width:450px;
text-decoration:none;
left:-430px !important;left:-490px;
top:170px;
*top:150px;
z-index:30;
}
#introduce:hover{
background:;

}
#introduce:hover div{
visibility:visible;
}
#introduce div{
position:relative;
visibility:hidden;
left:99%;
*left:90%;
}
a#introduce{
background:url(../images/reporter.gif);
background-repeat:repeat-x;
background-position:right top;
position:fixed!important;position:absolute;
display:block;
width:450px;
text-decoration:none;
left:-430px !important;left:-490px;
top:170px;
*top:150px;
z-index:30;
}
a#introduce:hover{
background:;

}
a#introduce:hover div{
visibility:visible;
}
a#introduce div{
position:relative;
visibility:hidden;
left:99%;
*left:90%;
}
#intro{
width:356px;
list-style:none;
margin-left:40px;
*margin-left:150px;
}
#topintro{
background:url(../images/i_03.gif);
width:356px;
height:14px;
margin-bottom:-1px;
}
#contentintro{
color:#000000;
background:url(../images/i_05.gif);
width:336px;
padding:10px;
}
#footintro{
background:url(../images/i_07.gif);
height:45px;
width:356px;
}
#intropeople{
background:url(../images/i_09.gif);
background-repeat:no-repeat;
width:202px;
height:204px;
margin-top:-30px;
}