@charset "UTF-8";
* {
  padding: 0;
  margin: 0; }

body {
  font-size: 16px;
  font-family: '微軟正黑體', sans-serif;
  background: url(../image/bg2.png) repeat-x left bottom fixed #bc2163; }

ul, ol, li {
  list-style-type: none; }

a {
  text-decoration: none; }

#header, #main, #footer {
  margin: 0 auto;
  width: 1280px; }

#header {
  background: url(../image/header.png);
  height: 240px;
  position: relative; }

#logo {
  background: url(../image/logo.png);
  height: 210px;
  width: 320px;
  position: absolute;
  top: 20px;
  right: 20px; }
  #logo a {
    width: 100%;
    height: 100%;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }

#social {
  position: absolute;
  top: 10px;
  left: 30px;
  background: url(../image/social_bg.png) no-repeat;
  width: 200px;
  height: 70px;
  list-style-type: none;
  padding-left: 20px; }
  #social li {
    background: #eee;
    width: 50px;
    height: 70px;
    float: left;
    margin-right: 5px; }
    #social li a {
      width: 100%;
      height: 100%;
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
    #social li:nth-child(1) {
      background: url(../image/social1.png); }
    #social li:nth-child(1):hover {
      background: url(../image/social1_hover.png); }
    #social li:nth-child(2) {
      background: url(../image/social2.png); }
    #social li:nth-child(2):hover {
      background: url(../image/social2_hover.png); }
    #social li:nth-child(3) {
      background: url(../image/social3.png); }
    #social li:nth-child(3):hover {
      background: url(../image/social3_hover.png); }

#pagenews {
  color: #000e5d;
  width: 850px;
  height: 100px;
  position: absolute;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 50px; }
  #pagenews h2 {
    font-size: 26px; }
  #pagenews p {
    text-indent: 32px; }

#main {
  background: url(../image/main.png);
  overflow: hidden; }

#nav {
  width: 320px;
  float: left; }
  #nav li {
    background: url(../image/sprite.png) -43px 0;
    height: 85px;
    padding: 15px 0 0 77px;
    margin: 0 14px 0 43px;
    cursor: pointer;
    transition: all .5s;
    color: #FFFFFF;
    font-size: 26px;
	font-weight: bold;
	text-shadow: 1px 1px #000;
    text-align: center;
    line-height: 70px;
    letter-spacing: 1px;
	}
    #nav li:hover {
      background-position: -43px -100px;
      color: #fff; font-weight:normal;}
    #nav li.active {
      background-position: -43px -200px;
      font-weight: bolder;
      font-size: 26px; }
      #nav li.active:hover {
        background-position: -43px -300px;
        color: #fff;
        font-weight:bold; }

#content {
  float: left;
  width: 850px;
  padding: 30px; }
  #content h1 {
    background: url(../image/h1.png);
    width: 240px;
    height: 105px;
    padding-left: 140px;
    padding-top: 25px;
    line-height: 80px;
    color: #fff;
    font-size: 26px; }
  #content h2 {
    background: url(../image/h2.png) no-repeat #00a99d;
    height: 50px;
    line-height: 50px;
    padding-left: 80px;
    color: #fff;
    margin: 20px 0;
    border-radius: 0 20px 20px 0;
    -webkit-box-shadow: 1px 1px 1px #000;
    box-shadow: 1px 1px 1px #000;
    width: 80%; }
  #content h3 {
    color: #6c4b02; }
  #content p {
    text-indent: 32px;
    line-height: 30px;
    color: #000e5d;
    padding-left: 30px; }

#footer {
  text-align: center;
  padding: 10px 0;
  font-size: 14px; }