/* CSS Document */

/*頁面總設定
------------------------------------------------------------------------------*/
body{margin:0;padding:0;text-align:center;color:#000;background:#d1d1d1;background:url(images/bg.gif) no-repeat scroll center 33px white}
 img {border:0;}
        h1, h2, h3, h4, h5, h6, ul, ol, li, p, div, blockquote, cite, em, tt, dfn{margin:0px;padding:0px}
        dfn, strong, em{font-style:normal;}

body,html{font-family:Arial,Verdana,MingLiU,sans-serif;font-size:100%;}
li{list-style:none;}
a{color:#1643a7}

b{color:#990033;font-weight:bold}
table{border-collapse:collapse;}
.clear {clear:both;display: block;}
span{display:none}
.wrap a img{border:1px solid #CCCCCC}

/*end頁面總設定*/


/*Web Layout
------------------------------------------------------------------------------*/
.header{
  width:100%;
  margin:0 auto;
  background:#424242;
  }
.header div{
  width:780px;
  margin:0 auto;
  }
  
#wrap{width:1004px; margin:0 auto;text-align:left;
}
.title{background:url(images/title.gif) 0 0 no-repeat;width:1004px;height:362px;position:relative} 
.map{background:url(images/map.jpg) 0 0 no-repeat;width:1004px;height:683px;position:relative}
.iframe{position:absolute;left:821px;top:139px}
a.m1{display:block;width:242px;height:304px;position:absolute;left:232px;top:0}
a.m1:hover{background:url(images/mapr.gif) -232px 0 no-repeat}
a.m2{display:block;width:188px;height:155px;position:absolute;left:512px;top:0}
a.m2:hover{background:url(images/mapr.gif) -512px 0 no-repeat}
a.m3{display:block;width:191px;height:139px;position:absolute;left:568px;top:213px}
a.m3:hover{background:url(images/mapr.gif) -568px -213px no-repeat}
a.m4{display:block;width:213px;height:166px;position:absolute;left:744px;top:350px}
a.m4:hover{background:url(images/mapr.gif) -744px -350px no-repeat}
a.m5{display:block;width:142px;height:193px;position:absolute;left:602px;top:406px}
a.m5:hover{background:url(images/mapr.gif) -602px -406px no-repeat}
a.m6{display:block;width:236px;height:84px;position:absolute;left:616px;top:599px}
a.m6:hover{background:url(images/mapr.gif) -616px -599px no-repeat}
a.m7{display:block;width:184px;height:255px;position:absolute;left:406px;top:406px}
a.m7:hover{background:url(images/mapr.gif) -406px -406px no-repeat}
a.m8{display:block;width:109px;height:221px;position:absolute;left:215px;top:406px}
a.m8:hover{background:url(images/mapr.gif) -215px -406px no-repeat}
a.m9{display:block;width:189px;height:143px;position:absolute;left:26px;top:350px}
a.m9:hover{background:url(images/mapr.gif)  -26px -350px no-repeat}
.menu{background:url(images/menu.gif) no-repeat;width:1004px;height:755px;position:relative}
a.off75{position:absolute;left:0;top:0;display:block;width:395px;height:637px}
a.off75:hover{background:url(images/menur.png) no-repeat}
a.off69{position:absolute;left:411px;top:0;width:451px;height:330px}
a.off69:hover{background:url(images/menur.png) -411px 0 no-repeat}

.top50{width:400px;height:250px;position:absolute;left:502px;top:420px;}
.top50 div.a1{width:150px;  padding-left:7px;position:absolute;left:0;top:0}
.top50 div.a2{position:absolute;left:180px;top:0;width:160px}
.top50 a{background:url(images/p.gif) 0 7px no-repeat;display:block;padding-left:10px;line-height:18px;padding-bottom:10px;font-size:0.8em;line-height:18px;}
.top50 a hover{display:none;color:#060}
.top50 a.more{background:url(images/more.gif) no-repeat;position:absolute;right:30px;bottom:0;width:88px;height:48px}
.top50 a.more:hover{background:url(images/mr.gif) no-repeat}