@import url(../system/css/editor.css);

@charset "UTF-8";

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font: inherit;

  font-size: 100%;

  vertical-align: baseline;

}



html {

  line-height: 1;

}



ol, ul {

  list-style: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



caption, th, td {

  font-weight: normal;

  vertical-align: middle;

}



q, blockquote {

  quotes: none;

}



q:before, q:after, blockquote:before, blockquote:after {

  content: "";

  content: none;

}



a img {

  border: none;

}



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

  display: block;

}



body {

  margin: 0px;

  padding: 0px;

  line-height: 170%;

  color: #777777;

  letter-spacing: .4px;

  position: relative;
  min-width: 1400px;


}



#fb {

  position: fixed;

  left: 0;

  top: 350px;

  z-index: 9999;

}

#fb a {

  width: 33px;

  height: 141px;

  background: url(../images/fb.png) no-repeat 0 0;

  display: block;

  text-indent: -9999px;

  padding: 0;

}

#fb a:hover {

  opacity: .8;

}



#gotop {

  position: fixed;

  z-index: 999;

  right: 28px;

  bottom: 102px;

}

#gotop a {

  width: 50px;

  height: 50px;

  background: url(../images/footer/gotop.png) no-repeat 0 0;

  display: block;

  text-indent: -9999px;

  padding: 0;

}

#gotop a:hover {

  opacity: .7;

}



#header_box #header #menu ul li a:hover, #header_box #header #menu ul li a.active {

  -webkit-transition: all 200ms linear, color 200ms linear;

  -moz-transition: all 200ms linear, color 200ms linear;

  -o-transition: all 200ms linear, color 200ms linear;

  transition: all 200ms linear, color 200ms linear;

}



body {

  font-family: "微軟正黑體",Arial, Helvetica, sans-serif;

  font-size: 14px;

}



#header_box {

  width: 100%;

  height: 100px;

  background: rgba(255, 255, 255, 0.9);

  position: absolute;

  z-index: 999;

}

#header_box #header {

  width: 1280px;

  position: relative;

  margin: 0 auto 0 auto;

  padding: 0;

}

#header_box #header #logo {

  position: absolute;

  top: 25px;

  left: 0px;

  z-index: 999;

}

#header_box #header #logo a img{

  width: 332px;

  height: 60px;

  /*background: url(../images/logo.png) no-repeat 0 0;*/

  display: block;

  text-indent: -9999px;

  padding: 0;

}

#header_box #header #menu {

  position: absolute;

  left: 633px;

  top: 32px;

}

#header_box #header #menu ul li {

  text-align: center;

  float: left;

  margin-right: 75px;

}

#header_box #header #menu ul li:last-child {

  margin-right: 0;

}

#header_box #header #menu ul li a {

  text-decoration: none;

  font-size: 16px;

  font-weight: bold;

  color: #222222;

  display: block;

  padding-bottom: 23px;

  border-bottom: 3px solid transparentd;

}

#header_box #header #menu ul li a span {

  display: block;

  font-size: 15px;

  color: #D3AD2C;

  font-family: "Times New Roman";

  line-height: 120%;

}

#header_box #header #menu ul li a:hover, #header_box #header #menu ul li a.active {

  border-bottom: 3px solid #D6B23A;

}



#footer_box {

  width: 100%;

  height: 201px;

  background: url(../images/footer/footer_bg.jpg) no-repeat center bottom;

  position: relative;

}

#footer_box #footer {

  width: 1280px;

  height: 200px;

  margin: 0 auto 0 auto;

  padding: 0;

  clear: both;

  position: relative;

}

#footer_box #footer .footer_logo {

  position: absolute;

  top: 41px;

  left: 8px;

  z-index: 999;

}

#footer_box #footer .footer_logo a {

  width: 146px;

  height: 44px;

  background: url(../images/footer/footer_logo.png) no-repeat 0 0;

  display: block;

  text-indent: -9999px;

  padding: 0;

}

#footer_box #footer .community {

  position: absolute;

  left: 8px;

  top: 105px;

}

#footer_box #footer .community ul li {

  width: 30px;

  height: 30px;

  margin: 0 5px 0px 0px;

  list-style: none;

  float: left;

}

#footer_box #footer .community ul li a {

  width: 100%;

  height: 100%;

  margin: 0;

  display: block;

  text-decoration: none;

  -webkit-transition: background 200ms linear, color 200ms linear;

  -moz-transition: background 200ms linear, color 200ms linear;

  -o-transition: background 200ms linear, color 200ms linear;

  transition: background 200ms linear, color 200ms linear;

}

#footer_box #footer .community ul li a.facebook {

  background: url("../images/footer/facebook.png") no-repeat;

}

#footer_box #footer .community ul li a.facebook:hover {

  background: url("../images/footer/facebook.png") no-repeat;

}

#footer_box #footer .community ul li a.twitter {

  background: url("../images/footer/twitter.png") no-repeat;

}

#footer_box #footer .community ul li a.twitter:hover {

  background: url("../images/footer/twitter.png") no-repeat;

}

#footer_box #footer .community ul li a.google {

  background: url("../images/footer/google.png") no-repeat;

}

#footer_box #footer .community ul li a.google:hover {

  background: url("../images/footer/google.png") no-repeat;

}

#footer_box #footer .community ul li a.sina {

  background: url("../images/footer/sina.png") no-repeat;

}

#footer_box #footer .community ul li a.sina:hover {

  background: url("../images/footer/sina.png") no-repeat;

}

#footer_box #footer .community ul li:last-child {

  margin: 0 0px 0 0;

}

#footer_box #footer .footer_info {

  position: absolute;

  left: 201px;

  top: 2px;

  color: #545454;

  border-left: 1px solid #D0CFD1;

  padding-top: 32px;

  padding-left: 45px;

  line-height: 210%;

}

#footer_box #footer .footer_info em {

  color: #212121;

  font-size: 28px;

  font-family: "Times New Roman";

  font-style: italic;

  vertical-align: middle;

  font-weight: bold;

}

#footer_box #footer .footer_info a {

  color: #545454;

  text-decoration: none;

}

#footer_box #footer .copyright {

  position: absolute;

  left: 655px;

  top: 105px;

  color: #999999;

  font-size: 12px;

}

#footer_box #footer .copyright a {

  color: #999999;

  text-decoration: underline;

  margin-right: 6px;

}

#footer_box #footer .copyright a:hover {

  color: #D6B239;

}

#footer_box #footer .copyright a:first-of-type {

  text-decoration: none;

  margin-right: 16px;

}

#footer_box #footer .copyright a:first-of-type:hover {

  color: #999999;

}

#footer_box #footer .qrcode {

  float: right;

  margin-top: 41px;

}

#footer_box #footer .qrcode img {

  width: 96px;

  height: 96px;

  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);

  margin-left: 10px;

}
#footer_box #footer .qrcode li{
  display: inline-block;
}

#footer_box #footer .qrcode span{
  display: none;
}
.container:after,

.editor:after,

.clearfix:after,

.list-h:after,

.row:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content: " ";

    clear: both;

    height: 0;

}