@charset "utf-8";
/* CSS Document */
@import url("reset.css");

/*----最外框的浮動共用----*/
#FloatMouse { width:75px; height:125px; right:-75px; top:175px; position:absolute;}
#FloatMouse h1 a{ display:block; width:75px; height:125px; background:url(../images/mouse_out.png) no-repeat; text-indent:-9999px;}
#FloatMouse h1 a:hover{ background:url(../images/mouse_over.png) no-repeat;}

#WAPPER { width:920px; margin:0 auto;}
#WAPPER #HEADER { width:920px; height:165px; position:relative; margin:0 auto;}
#WAPPER #HEADER h1 { margin-left:25px; margin-top:25px; position:absolute;}
#WAPPER #HEADER h1 a { display:block; width:325px; height:70px; text-indent:-9999px; background:url(../images/logo.jpg) no-repeat;}
#WAPPER #HEADER h2 { width:570px; height:110px; position:absolute; right:0px;}
#WAPPER #HEADER h3 { width:920px; height:15px; position:absolute; bottom:0px; background:url(../images/menu/menufooter.jpg) no-repeat;}

/*----共用選單----*/
#WAPPER #HEADER #Menu { width:920px; height:40px; position:absolute; top:110px; z-index:100; margin:0 auto;}
#WAPPER #HEADER #Menu ul { clear:both;}
#WAPPER #HEADER #Menu li { float:left;}

#WAPPER #HEADER #Menu li.About a { display:block; width:160px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_01.jpg) top;}
#WAPPER #HEADER #Menu li.About a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.About a:hover { background:url(../images/menu/btn_01.jpg) bottom;}

#WAPPER #HEADER #Menu li.Life a { display:block; width:150px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_02.jpg) top;}
#WAPPER #HEADER #Menu li.Life a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.Life a:hover { background:url(../images/menu/btn_02.jpg) bottom;}

#WAPPER #HEADER #Menu li.Project a { display:block; width:150px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_03.jpg) top;}
#WAPPER #HEADER #Menu li.Project a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.Project a:hover { background:url(../images/menu/btn_03.jpg) bottom;}

#WAPPER #HEADER #Menu li.China a { display:block; width:150px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_04.jpg) top;}
#WAPPER #HEADER #Menu li.China a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.China a:hover { background:url(../images/menu/btn_04.jpg) bottom;}

#WAPPER #HEADER #Menu li.Memeber a { display:block; width:150px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_05.jpg) top;}
#WAPPER #HEADER #Menu li.Memeber a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.Memeber a:hover { background:url(../images/menu/btn_05.jpg) bottom;}

#WAPPER #HEADER #Menu li.Event a { display:block; width:160px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_06.jpg) top;}
#WAPPER #HEADER #Menu li.Event a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.Event a:hover { background:url(../images/menu/btn_06.jpg) bottom;}

/*----主視覺區----*/
#WAPPER #CONTOP { clear:both; width:900px; height:380px; position:relative; margin:0 auto;}
#WAPPER #CONTOP h1 { display:block; width:700px; height:360px; position:absolute; margin-left:0px;}
#WAPPER #CONTOP ul { position:absolute; margin-left:705px; margin-top:5px; background-color:#FFFFFF;}
#WAPPER #CONTOP li { display:block; width:195px; height:120px; vertical-align:bottom;}
#WAPPER #CONTOP h2 { display:block; width:900px; height:20px; position:absolute; margin-top:360px; background:url(../images/index/cont_footer.jpg) no-repeat;}

/*----主視覺區下方----*/
#WAPPER #CONBottom { clear:both; width:900px; height:265px; position:relative; margin:0 auto; background-color:#FFFFFF;}
#WAPPER #CONBottom #About { position:absolute; margin-left:0px; width:450px; height:265px;}
#WAPPER #CONBottom #About ul {} 
#WAPPER #CONBottom #About li { float:left; width:215px;}
#WAPPER #CONBottom #About li h1 { width:200px; height:45px; margin-left:5px; display:block;}
#WAPPER #CONBottom #About li h2 { width:200px; height:120px; margin-left:5px; display:block;}
#WAPPER #CONBottom #About li h3 { width:200px; height:75px; margin-left:5px; margin-top:10px;
font-size:12px; color:#535353; text-align:justify; line-height:18px; font-weight:100;}
#WAPPER #CONBottom #About li h3 a { text-decoration:none; color:#535353;}
#WAPPER #CONBottom #About li h3 a:hover { color:#FF0000;}

#WAPPER #CONBottom #About li h4 { width:45px; height:15px; margin-left:160px;}
#WAPPER #CONBottom #About li h4 a { display:block; width:45px; height:15px; text-indent:-9999px; background:url(../images/index/more_out.jpg);}
#WAPPER #CONBottom #About li h4 a:hover { background:url(../images/index/more_out.jpg) bottom;}
#WAPPER #CONBottom #About li.span { display:block; width:10px; height:265px; background:url(../images/index/cont_span.jpg) no-repeat;}

#WAPPER #CONBottom #School { position:absolute; margin-left:450px; width:245px; height:265px;}
#WAPPER #CONBottom #School h1 { width:230px; height:45px; margin-left:5px; display:block;}
#WAPPER #CONBottom #School ul { margin-left:5px;}
#WAPPER #CONBottom #School li { display:block; width:200px; height:30px; background:url(../images/index/con2list_bg.jpg) no-repeat; padding-left:30px;
line-height:30px;}
#WAPPER #CONBottom #School li a { color:#535353; text-decoration:none;}
#WAPPER #CONBottom #School li a:hover { color:#FF0000;}
#WAPPER #CONBottom #School h4 { width:45px; height:15px; margin-left:190px; margin-top:10px;}
#WAPPER #CONBottom #School h4 a { display:block; width:45px; height:15px; text-indent:-9999px; background:url(../images/index/more_out.jpg);}
#WAPPER #CONBottom #School h4 a:hover { background:url(../images/index/more_out.jpg) bottom;}

#WAPPER #CONBottom #School h2 { width:230px; height:45px; margin-left:5px; display:block;}


#WAPPER #CONBottom span { position:absolute; display:block; width:10px; height:265px; margin-left:695px; background:url(../images/index/cont_span.jpg) no-repeat;}
#WAPPER #CONBottom #Event { position:absolute; margin-left:705px; width:195px; height:265px;}
#WAPPER #CONBottom #Event h1 { display:block; width:195px; height:150px; margin-top:5px;}
#WAPPER #CONBottom #Event h2 { display:block; width:195px; height:105px; margin-top:5px;}

/*----Footer共用----*/
#WAPPER #FOOTER { width:910px; height:170px; margin:0 auto; margin-top:10px;}
#WAPPER #FOOTER h1 { width:910px; height:15px; background:url(../images/footer/span.jpg) no-repeat;}
#WAPPER #FOOTER ul { width:470px; height:70px; margin:0 auto;}
#WAPPER #FOOTER ul img { border:0px;}
#WAPPER #FOOTER li { float:left;}
#WAPPER #FOOTER h2 { width:620px; height:15px; background:url(../images/footer/span2.jpg) no-repeat; margin:0 auto;}
#WAPPER #FOOTER h3 { text-align:center; color:#707070; font-weight:100; line-height:18px;}
#WAPPER #FOOTER h3 a { color:#707070; text-decoration:none;}
#WAPPER #FOOTER h3 a:hover { color:#FF0000; text-decoration:underline;}