body{
  margin:0;
  padding:0;
  overflow-x:hidden;
  font-family: Microsoft JhengHei, simhei, Arial;
  font-size:1em;
  -webkit-text-size-adjust:none;
  -moz-text-size-adjust:none;
  -ms-text-size-adjust:none;
  text-size-adjust:none;
  background: #f5f9ec;
  background-image: url('../img/bg_body.jpg');
}
@media screen and (max-width:1280px) {
  body{
    font-size:0.9em;
  }
}
*{
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
a:link,
a:visited,
a:hover{
  text-decoration:none;
}
:focus{
  outline: 3px solid #ff9900;
}

.TOP{
  position: relative;
  display: inline-block;
}

.active_button {
  cursor: pointer;
  -webkit-animation: attention 3s ease infinite;
  animation: attention 3s ease infinite;
}
@-webkit-keyframes attention {
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2) rotate(6deg);
            transform: scale(1.2) rotate(6deg);
  }
  25% {
    -webkit-transform: scale(1.2) rotate(-10deg);
            transform: scale(1.2) rotate(-10deg);
  }
  30% {
    -webkit-transform: scale(1.2) rotate(8deg);
            transform: scale(1.2) rotate(8deg);
  }
  35% {
    -webkit-transform: scale(1.2) rotate(0deg);
            transform: scale(1.2) rotate(0deg);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes attention {
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2) rotate(6deg);
            transform: scale(1.2) rotate(6deg);
  }
  25% {
    -webkit-transform: scale(1.2) rotate(-10deg);
            transform: scale(1.2) rotate(-10deg);
  }
  30% {
    -webkit-transform: scale(1.2) rotate(8deg);
            transform: scale(1.2) rotate(8deg);
  }
  35% {
    -webkit-transform: scale(1.2) rotate(0deg);
            transform: scale(1.2) rotate(0deg);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  90% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/******************************************************************************/
.header{
  width:100%;
  height:40px;
}
.header .link{
  width: 100%;
  max-width:1380px;
  margin:0 auto;
  height:40px;
  
}
.header .link .link_column{
  width:100%;
}
.header .link .link_column ul{
  float:left;
  margin:0 0 0 0px;
  padding: 0px;
  list-style: none;
}
.header .link .link_column ul li{
  float:left;
  margin: 0 5px 0 0;
}
.header .link .link_column ul li img{
  vertical-align:text-top;
  float:left;
  position:relative;
  top:1px;
  margin:1px 0 0 0;
}
.header .link .link_column ul li a{
  color:#999;
  line-height:40px;
  font-size:1em;
  display:inline-block;
}
.header .link .link_column ul li a:hover{
  color:#000;
}

/*column_copyright*/
.column_copyright{
  position:relative;
  clear:both;
  width:100%;
  padding:30px 0 20px 0;
  margin:0 auto;
  color:#fff;
  /*z-index:9;*/
  overflow:hidden;
  background:#1b797b;
}
.column_copyright .block_style{
  position:relative;
  display:none;
  width:1100px;
  background:#fff;
  height:25px;
  overflow:hidden;
  margin:0 auto;
  -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  -webkit-border-radius:0 0 15px 15px;
  -moz-border-radius:0 0 15px 15px;
  border-radius:0 0 15px 15px;
}
@media screen and (max-width:1100px) {
  .column_copyright .block_style{
    width:100%;
  }
}
.column_copyright .column{
  border-top:none;
  max-width:1070px;
  margin:0 auto;
}
.column_copyright .column .fb{
  float:left;
  margin:30px 0 20px 0;
}
.column_copyright .column .link{
  float:right;
  width:600px;
  margin:50px 0 20px 0;
}
.column_copyright .column .link ul{
  text-align:center;
  width:100%;
}
.column_copyright .column .link ul li{
  display:inline-block;
  line-height:30px;
  font-size:1.000em;
  margin:0 10px 0 10px;
}
.column_copyright .column .link ul li a{
  display:inline-block;
  line-height:30px;
  height:30px;
  color:#fff;
}
.column_copyright .column .link ul li a:hover{
  border-bottom:1px dashed #fff;
}
.column_copyright .column .counts{
  clear:both;
  width:100%;
  text-align:center;
  font-size:0.938em;
  
  color:#fff;
  margin:20px auto 0 auto;
  padding:20px 0 0 0;
  border-top:0px dotted rgba(0, 0, 0, 0.1);
}
.column_copyright .column .counts img{
  position:relative;
  top:1px;
}
.column_copyright .column .info{
  width:100%;
  text-align:center;
  font-size:0.938em;
  
  color:#fff;
  margin:20px 0 0 0;
  padding:0 10px;
  line-height:20px;
}
.column_copyright .column .info .host,
.column_copyright .column .info .address{
  display:inline-block;
}
.column_copyright .column .info .service_msg{
  clear:both;
}
@media screen and (max-width:1100px) {
  .column_copyright .column .fb{
    float:none;
    width:90%;
    max-width:400px;
    margin:30px auto 20px auto;
    overflow:hidden;
  }
  .column_copyright .column .link{
    display:none;
  }
  .column_copyright .column .info .host,
  .column_copyright .column .info .address,
  .column_copyright .column .info .service_msg{
    display:block;
  }
}
.column_copyright .column .e-mail{
  width:100%;
  text-align:center;
  font-size:0.875em;
  color:#fff;
  margin:0 0 0 0;
  line-height:20px;
}
.column_copyright .column .e-mail a{
  color:#fff;
}
.column_copyright .column .e-mail a:hover{
  color:#fff1d9;
}
/**************************/