@charset "big5";
/* CSS Document */
@font-face {
  font-family:"MicrosoftJhengHei";
  font-style:normal;
  font-weight:normal;
  src:local("Microsoft JhengHei"),
      local("MSJHBD.ttf");
}
@font-face {
  font-family:"SimHei";
  font-style:normal;
  font-weight:normal;
  src:local("SimHei"),
      local("SimHei.ttc");
}

body {margin: 0px;}
h1{margin:0; padding:0; height:0; text-indent:100%; white-space:nowrap; overflow:hidden;}

#index{background:url(../images/bg.gif) center top repeat #1d96d5;}
#top div{height:170px; background-position:center top; background-repeat:no-repeat;}
#top-1{background-image:url(../images/index_01.jpg);}
#top-2{background-image:url(../images/index_02.jpg);}

#containter{margin:0 auto; padding:10px 0; width:980px;}
#containter #left{width:530px; float:left;}
#containter #right{width:440px; float:right;}
#containter #bottom{clear:both;}

#containter #right{background-color:#660000;}
#right .border-top,#containter #right .border-foot{height:15px;}
#right .border-top{background-image:url(../images/prbg_01.gif);}
#right .border-foot{background-image:url(../images/prbg_03.gif);}
#right .content{padding:0 5px; background:url(../images/prbg_02.gif) center top repeat-y;}

#main{background-color:#FFFFFF; clear:both;}
#main .begin{height:1px;}
#main .foot{height:10px; clear:both;}

#main h2{margin:10px; padding:0; border-bottom:solid 3px; position:relative; clear:both;}
#main h2 img{position:absolute; right:0; z-index:0;}
#main h2 span{font-size:21px; line-height:30px; letter-spacing:3px; font-family:"µØ±d²Ó¶êÅé", "¶WÃC¿A²Ó¶ê","MicrosoftJhengHei", "SimHei"; position:relative; z-index:1; text-shadow:0 0 2px #FFFFFF,0 0 2px #FFFFFF;}
#main h2 span::before{content:"¡i";}
#main h2 span::after{content:"¡j";}

#main h3{margin:5px 10px; padding:5px; color:#FFFFFF; font-size:18px; line-height:18px; letter-spacing:2px; font-family:"µØ±d²Ó¶êÅé", "¶WÃC¿A²Ó¶ê","MicrosoftJhengHei", "SimHei"; border-radius:3px;}
#main h3 i{margin-right:3px; float:left; position:relative; top:-2px;}

#main p{margin:0 15px; padding:0 0 10px; color:#333333; font-size:13px; line-height:19px; text-align:justify;}
#main p img{margin-left:10px; width:144px; height:108px; float:right; border-radius:5px; cursor:zoom-in;}
@keyframes imgexpand{from{width:144px; height:108px;} to{width:200px; height:150px;}}
#main p img:hover{width:200px; height:150px; animation:imgexpand 0.5s;}

#menu a{display:block; padding-top:5px; width:20%; color:#FFFFFF; font-size:21px; line-height:21px; font-family:"µØ±d²Ó¶ÂÅé","MicrosoftJhengHei", "SimHei"; text-align:center; float:left;}
#menu a.tag{margin-top:10px; padding-bottom:5px; cursor:pointer;}
@keyframes menu_hover{from{margin-top:10px; padding-bottom:5px;} to{margin-top:0px; padding-bottom:15px;}}
#menu a.tag:hover,#menu a.selected{margin-top:0px; padding-bottom:15px; font-weight:bold; background-image:url(../images/menu.png); _background-image:url(../images/menu.gif); background-position:0 0; background-repeat:repeat-x;}
#menu a.tag:hover{animation:menu_hover 0.1s linear;}

#menu-1 a{background-color:#000066;}
#menu-1 a.tag:hover,#menu-1 a.selected{color:#0000CC;}
#menu-2 a{background-color:#883300;}
#menu-2 a.tag:hover,#menu-2 a.selected{color:#883300;}
#menu-3 a{background-color:#880033;}
#menu-3 a.tag:hover,#menu-3 a.selected{color:#880033;}
#menu-4 a{background-color:#004400;}
#menu-4 a.tag:hover,#menu-4 a.selected{color:#004400;}
#menu-5 a{background-color:#660066;}
#menu-5 a.tag:hover,#menu-5 a.selected{color:#660066;}
#menu-6 a{background-color:#660066;}
#menu-6 a.tag:hover,#menu-6 a.selected{color:#660066;}

#menu-mobile{display:none; padding:0 10px;}
#menu-mobile select,#menu-mobile option{width:100%; font-size:24px; letter-spacing:3px;}

#section-1 h2{color:#000066;}
#section-1 h3{background-color:#000066;}
#section-2 h2{color:#883300;}
#section-2 h3{background-color:#883300;}
#section-3 h2{color:#880033;}
#section-3 h3{background-color:#880033;}
#section-4 h2{color:#004400;}
#section-4 h3{background-color:#004400;}
#section-5 h2{color:#660066;}
#section-5 h3{background-color:#660066;}
#section-6 h2{color:#660066;}
#section-6 h3{background-color:#660066;}

.t_map{text-align:center;}
.t_map a{display:inline-block; background-color:#CC4400;}
.t_map a:hover{background-color:#FF00FF;}
.t_map .map_title{display:inline-block; margin:35px 5px 0; width:27px; color:#FFFFFF; font-size:27px; line-height:30px; font-family:"µØ±d²Ó¶êÅé", "¶WÃC¿A²Ó¶ê","MicrosoftJhengHei", "SimHei"; vertical-align:top;}
.t_map em{display:inline-block; margin:3px; background:#FFFFFF; float:right;}
.t_map em img{display:block;}
.t_map a:hover em img{opacity:0.5; filter:alpha(opacity=50);}

#jump{display:none;}
#jump div{padding:5px 0; background-color:#FFFFFF; color:#0000FF; font-size:24px; font-weight:bold; letter-spacing:1px; text-align:center;}
#jump b{font-size:48px; font-weight:normal; position:relative; top:8px;}

.hotline{width:94%; background:url(../images/line.gif) center bottom repeat-x;}