@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
@import url(https://fonts.googleapis.com/css?family=Quicksand);
/*---Default---*/
* {
  margin: 0;
  padding: 0;
}

body, html {
  font-size: 16px;
  position: relative;
  height: 100%;
  color: #050000;
}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  font-size: 100%;
  font-weight: normal;
  font-family: "Microsoft JhengHei", 'Quicksand', arial;
}

body[lang="default"] {
  font-family: 'Quicksand', arial;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
}

select {
  outline: none;
  color: black;
}

a, input[type="submit"], input[type="reset"], input[type="button"] {
  cursor: pointer;
}

a, input, textarea {
  text-decoration: none;
  outline: none;
  color: #020202;
}

a:focus {
  color: #020202;
  text-decoration: none;
}
a:hover {
  color: #c70019;
  text-decoration: none;
}

a, button {
  -moz-transition: linear 0.1s;
  -o-transition: linear 0.1s;
  -webkit-transition: linear 0.1s;
  transition: linear 0.1s;
}

img {
  vertical-align: bottom;
}

img, input[type="radio"], input[type="checkbox"] {
  vertical-align: middle;
}

img, form {
  border: none;
}

li {
  list-style-type: none;
}

.clear {
  clear: both;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

/* 共用 */
.more_btn {
  color: white;
  background: #c70019 url("../images/index_moreArr.png") right 20px center no-repeat;
  text-align: center;
  padding-right: 15px;
  -moz-box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.4);
}
.more_btn:hover {
  color: white;
  background: #d9a300 url("../images/index_moreArr.png") right 15px center no-repeat;
}

.marginAuto {
  margin: 0 auto;
}
.marginAuto:after {
  height: 0;
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}

/*  header  */
.languageBar {
  background: #fafafa;
}

.languageBox {
  font-size: 80%;
  padding: 8px 0;
  margin-left: 30px;
  color: #050000;
  float: right;
}

.dr_right {
  right: 0;
  left: initial;
}
.dr_right > li > a:hover, .dr_right > li > a:focus {
  background-repeat: repeat-x;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZTRkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5e4da));
  background: -moz-linear-gradient(top, #ffffff 0%, #f5e4da 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f5e4da 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f5e4da 100%);
}

.btn-default {
  color: #87682d;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1ZTRkYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5e4da));
  background: -moz-linear-gradient(top, #ffffff 0%, #f5e4da 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #f5e4da 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f5e4da 100%);
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.focus, .btn-default.active, .btn-default .open > .dropdown-toggle.btn-default {
  color: #87682d;
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZTRkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5e4da), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(top, #f5e4da 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #f5e4da 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #f5e4da 0%, #ffffff 100%);
}

.navbar-fixed-top .container {
  position: relative;
}

.navbar {
  font-size: 95%;
  margin-bottom: 0;
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid #b5b5b6;
}

@media only screen and (max-width: 767px) {
  .nav > li {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.nav > li > a {
  padding: 30px 15px 30px 20px;
  color: #c70019;
  background: url("../images/header_arr2.png") 5px center no-repeat;
}
@media only screen and (max-width: 767px) {
  .nav > li > a {
    padding: 10px 15px;
  }
}
.nav > li > a:hover, .nav > li > a:focus {
  color: white;
  background: #c70019 url("../images/header_arr.png") 10px center no-repeat;
}
@media only screen and (max-width: 767px) {
  .nav > li > a:hover, .nav > li > a:focus {
    background: transparent url("../images/header_arr2.png") 5px center no-repeat;
    color: #c70019;
  }
}
@media only screen and (max-width: 767px) {
  .nav .open > a {
    background: transparent url("../images/header_arr2.png") 5px center no-repeat;
    color: #c70019;
  }
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  color: white;
  background: #c70019 url("../images/header_arr.png") 10px center no-repeat;
}
@media only screen and (max-width: 767px) {
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: transparent url("../images/header_arr2.png") 5px center no-repeat;
    color: #c70019;
  }
}

@media only screen and (max-width: 767px) {
  .navbar-nav {
    float: none;
    margin: 7.5px 0;
  }
}
@media only screen and (max-width: 767px) {
  .navbar-nav > li a > {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.navbar-nav > li > .dropdown-menu {
  background: #c70019;
  min-width: unset;
}
@media only screen and (max-width: 767px) {
  .navbar-nav > li > .dropdown-menu {
    margin-left: 10px;
  }
}
.navbar-nav > li > .dropdown-menu > li > a {
  font-size: 90%;
}
@media only screen and (max-width: 767px) {
  .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus {
    background: transparent url("../images/header_arr2.png") 5px center no-repeat;
  }
}

@media only screen and (max-width: 767px) {
  .navbar-header {
    position: relative;
    margin: 0;
  }
}

.dropdown-menu > li {
  margin: 10px 0;
}
.dropdown-menu > li > a {
  color: white;
  background: transparent url("../images/header_arr.png") 5px center no-repeat;
}
@media only screen and (max-width: 767px) {
  .dropdown-menu > li > a {
    color: #c70019;
  }
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: white;
  background: transparent url("../images/header_arr.png") 10px center no-repeat;
}
@media only screen and (max-width: 767px) {
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #c70019;
  }
}

.navbar-right {
  margin-left: 130px;
}
@media only screen and (max-width: 767px) {
  .navbar-right {
    margin-left: 0;
  }
}
.navbar-right li {
  position: relative;
}
.navbar-right li .dropdown-menu {
  right: auto;
  left: 0;
}
.navbar-right li:last-child .dropdown-menu {
  position: absolute;
  right: 0;
}

a.menu:after, .dropdown-toggle:after {
  content: none;
}

.navbar-toggle {
  border-color: #c70019;
}
.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: #c70019;
}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
  background-color: #fffafa;
}
.navbar-toggle .icon-bar {
  background-color: #c70019;
}

@media only screen and (max-width: 767px) {
  .navbar-collapse.collapse {
    border-top: solid 1px rgba(0, 0, 0, 0.6);
  }
}

.header_down {
  -moz-box-shadow: 0px 2px 5px rgba(1, 1, 1, 0.1);
  -webkit-box-shadow: 0px 2px 5px rgba(1, 1, 1, 0.1);
  box-shadow: 0px 2px 5px rgba(1, 1, 1, 0.1);
}

.logo {
  position: absolute;
  top: 50%;
  margin-top: -31px;
  padding: 0;
  width: 119px;
  height: 63px;
  background: transparent url("../images/logo02.png") center no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .logo {
    margin-top: -18px;
    margin-left: 15px;
    width: 95.2px;
    height: 50.4px;
    background: transparent url("../images/logo02.png") center no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
  }
}

.top {
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 25px;
  display: none;
  background: #c70019 url("../images/top_arr.png") center 10px no-repeat;
  font-size: 86%;
  color: white;
  cursor: pointer;
  position: fixed;
  bottom: 100px;
  right: 100px;
  z-index: 10;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

/* KV */
.kv {
  height: 600px;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1199px) {
  .kv {
    height: 550px;
  }
}
@media only screen and (max-width: 1023px) {
  .kv {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .kv {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .kv {
    height: 300px;
  }
}
@media only screen and (max-width: 599px) {
  .kv {
    height: 200px;
  }
}

.slick-slider {
  margin-bottom: 0;
}

.KV_box {
  position: relative;
  margin-top: 81px;
}
@media only screen and (max-width: 767px) {
  .KV_box {
    margin-top: 51px;
  }
}
.KV_box .slick-dots {
  bottom: 0px;
  z-index: 100;
}
.KV_box .slick-dots li {
  width: 15px;
  height: 15px;
  margin: 0 8px;
  background: rgba(199, 0, 25, 0.6);
  border: solid 1px transparent;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
@media only screen and (max-width: 767px) {
  .KV_box .slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 5px;
  }
}
.KV_box .slick-dots li:hover {
  background: white;
  border: solid 1px rgba(199, 0, 25, 0.6);
}
.KV_box .slick-dots li.slick-active {
  background: white;
  border: solid 1px rgba(199, 0, 25, 0.6);
}
.KV_box .slick-dots li button {
  width: 100%;
  height: 100%;
}
.KV_box .slick-dots li button:before {
  content: '';
}

.kv_shadow {
  height: 31px;
  background: url("../images/kv_shadow.png") center bottom no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}

.kv_shadow_box {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
}

/* index-style1 */
.style1_bg {
  background: white;
  padding-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .style1_bg {
    padding-bottom: 10px;
  }
}

.index_title {
  background: #c70019;
  letter-spacing: 2px;
  text-align: center;
  margin-bottom: 30px;
  padding: 20px 0;
}
@media only screen and (max-width: 1199px) {
  .index_title {
    margin-bottom: 20px;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_title {
    margin-bottom: 10px;
  }
}
.index_title h2 {
  font-size: 190%;
  margin: 0;
  color: white;
}
@media only screen and (max-width: 991px) {
  .index_title h2 {
    font-size: 170%;
  }
}
@media only screen and (max-width: 767px) {
  .index_title h2 {
    font-size: 150%;
  }
}
.index_title h4 {
  font-size: 112%;
  color: white;
  padding-top: 5px;
  line-height: 22px;
}
@media only screen and (max-width: 991px) {
  .index_title h4 {
    font-size: 108%;
  }
}
@media only screen and (max-width: 767px) {
  .index_title h4 {
    font-size: 105%;
  }
}

.index_title2 {
  background: none;
  border-bottom: 1px solid #898989;
}
@media only screen and (max-width: 767px) {
  .index_title2 {
    margin-bottom: 20px;
  }
}
.index_title2 h2 {
  color: black;
}
.index_title2 h4 {
  color: #c70019;
}

.index_title3 {
  background: #c70019;
}
.index_title3 h2 {
  color: white;
}
.index_title3 h4 {
  color: white;
}

.style1_a {
  width: 180px;
  display: block;
  padding-bottom: 20px;
  margin: 0 auto;
}
.style1_a .style1_image {
  width: 180px;
  height: 135px;
  display: inline-block;
  overflow: hidden;
  background: white;
  padding: 2px;
  border: 1px solid #e7e7e7;
}
.style1_a .style1_image img {
  width: 100%;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  padding: 5px;
  border: 2px solid black;
  -moz-transition: linear 0.1s;
  -o-transition: linear 0.1s;
  -webkit-transition: linear 0.1s;
  transition: linear 0.1s;
}
.style1_a:hover .style1_image img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.style1_text {
  font-size: 100%;
  margin-top: 15px;
  color: black;
}

.style1_line {
  width: 30px;
  height: 2px;
  background: #d9a300;
  margin: 10px auto;
}

.style1_text2 {
  font-size: 93%;
  color: #c70019;
}

@media only screen and (max-width: 450px) {
  .style1_box {
    width: 100%;
  }
}

/* index-style2 */
.style2_bg {
  position: relative;
  padding: 0;
  background: none;
  padding-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .style2_bg {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .style2_bg {
    padding-bottom: 20px;
  }
}

.style2_text {
  color: #050000;
  line-height: 30px;
  text-align: justify;
}

.style2_image {
  padding-bottom: 20px;
}
.style2_image img {
  max-width: 100%;
}

/* index-style3 */
.style3_bg {
  padding-bottom: 40px;
  position: relative;
  background: url("../images/style_bg3.png") center;
}
@media only screen and (max-width: 991px) {
  .style3_bg {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .style3_bg {
    padding-bottom: 0;
  }
}

.style3_box {
  padding-top: 30px;
}
@media only screen and (max-width: 767px) {
  .style3_box {
    padding-top: 15px;
  }
}

.style3_list {
  margin-bottom: 40px;
}

.style3_theOne {
  max-width: 485px;
  position: relative;
}
.style3_theOne:before {
  z-index: -1;
  position: absolute;
  content: '';
  bottom: 10px;
  right: 7%;
  width: 30%;
  top: 80%;
  max-width: 90%;
  background: rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  -moz-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

.style3_a {
  position: relative;
  display: block;
}

.style3_image {
  width: 180px;
  height: 180px;
  overflow: hidden;
  position: relative;
  background-position: center 0;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .style3_image {
    width: auto;
    height: 300px;
  }
}
.style3_image img {
  width: 100%;
  -moz-transition: linear 0.2s;
  -o-transition: linear 0.2s;
  -webkit-transition: linear 0.2s;
  transition: linear 0.2s;
}

.style3_img {
  float: left;
}
@media only screen and (max-width: 991px) {
  .style3_img {
    float: none;
  }
}

.style3_imageOn {
  width: 100%;
}

.style3_num {
  width: 60px;
  height: 60px;
  color: white;
  font-size: 200%;
  text-align: center;
  line-height: 60px;
  background: #efbaba;
  position: absolute;
  top: -15px;
  left: 0;
  z-index: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.style3_text {
  width: 300px;
  height: 180px;
  float: left;
  position: relative;
  padding: 0 25px;
  border-radius: solid 2px #c70019;
  background: rgba(73, 73, 73, 0.6);
}
@media only screen and (max-width: 1199px) {
  .style3_text {
    width: 275px;
  }
}
@media only screen and (max-width: 991px) {
  .style3_text {
    width: auto;
    height: auto;
    float: none;
  }
}

.style3_tit {
  color: white;
  padding: 18px 0 15px 0;
  margin: 0;
  border-bottom: solid 1px white;
}
@media only screen and (max-width: 767px) {
  .style3_tit {
    text-align: center;
    padding: 15px 0 12px 0;
    border: 0 none;
  }
}

.style3_t {
  color: white;
  line-height: 22px;
  font-style: italic;
  padding: 10px 0;
  font-size: 80%;
}

.style3_btn {
  width: 130px;
  height: 30px;
  display: block;
  line-height: 30px;
  position: absolute;
  bottom: 0;
}
.style3_btn:hover {
  color: white;
  background: #d9a300 url("../images/index_moreArr_hover.png") right 15px center no-repeat;
}

.side_map {
  cursor: pointer;
  border-bottom: solid 1px white;
}

.side_ul {
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
}
.side_ul:after {
  height: 0;
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
.side_ul li {
  width: 125px;
  float: left;
  font-weight: bold;
  color: white;
}

.mapCont {
  padding: 15px 0;
  display: block;
}

.mapList {
  padding: 0;
  margin: 0;
}
.mapList:after {
  height: 0;
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
.mapList li {
  min-height: 1px;
  width: 125px;
  float: left;
}

.mapBox li {
  margin: 0 0 10px 0;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 130%;
}
.mapBox li:before {
  content: '-';
  margin-left: -10px;
}
.mapBox li:last-child {
  margin: 0 0 0 0;
}

.slick-next {
  right: 5%;
}

.slick-prev {
  left: 5%;
}

.slick-prev:before, .slick-next:before {
  color: #d9a300;
  font-size: 250%;
}

.slick-dots li button:before {
  font-size: 180%;
}

/* contact */
.contact_us {
  padding-bottom: 20px;
  background: white;
}

.form-control {
  margin: 0 auto;
  margin-bottom: 25px;
}
.form-control ::-webkit-input-placeholder {
  color: #c9caca;
}
.form-control :-moz-placeholder {
  color: #c9caca;
}
.form-control ::-moz-placeholder {
  color: #c9caca;
}
.form-control :-ms-input-placeholder {
  color: #c9caca;
}
@media only screen and (max-width: 767px) {
  .form-control {
    margin-bottom: 15px;
  }
}

select.form-control {
  color: #c9caca;
}

textarea.tareaH {
  height: 330px;
}

.input_s_wid {
  width: 100px;
  display: inline-block;
  margin-bottom: 10px;
}

.img_vr {
  width: 100px;
  height: 34px;
  margin: 0 10px 0 10px;
  vertical-align: top;
  margin-bottom: 10px;
}

.input_submit {
  width: 130px;
  background: #c70019 url("../images/index_moreArr.png") right 20px center no-repeat;
  padding-right: 30px;
  color: white;
  border: solid 1px white;
  vertical-align: top;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.input_submit:hover {
  background: #d9a300 url("../images/index_moreArr_hover.png") right 15px center no-repeat;
  color: white;
}

.form-group {
  margin-bottom: 0;
}

.glyphicon {
  font-size: 150%;
  vertical-align: middle;
  margin-right: 10px;
  color: #050000;
}

/* footer */
.footer {
  background: #050000;
  padding: 20px 0 0 0;
  font-size: 80%;
  color: white;
  line-height: 24px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 991px) {
  .footer {
    padding: 15px 0 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    padding: 10px 0 0 0;
  }
}
.footer a {
  color: white;
}
.footer > .container {
  margin: 20px auto;
}
@media only screen and (max-width: 991px) {
  .footer > .container {
    margin: 15px auto;
  }
}
@media only screen and (max-width: 767px) {
  .footer > .container {
    margin: 10px auto;
  }
}

.footer_list {
  padding: 0 10px 15px 10px;
}
.footer_list:after {
  height: 0;
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}
@media only screen and (max-width: 599px) {
  .footer_list {
    padding: 0 10px 10px 10px;
  }
}

.footer_tit {
  width: 65px;
  text-align: center;
  float: left;
  background: #c70019;
}
@media only screen and (max-width: 599px) {
  .footer_tit {
    width: 60px;
    padding: 0 5px;
  }
}

.footer_text {
  padding-left: 80px;
}

.footer_addrBox {
  padding-top: 30px;
}
@media only screen and (max-width: 991px) {
  .footer_addrBox {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_addrBox {
    padding-top: 15px;
  }
}

.copyright {
  text-align: center;
  font-size: 75%;
  padding: 15px 0 15px 0;
  color: #898989;
  background: #313131;
}

.ins_prd_box {
  margin-bottom: 10px;
}

.ins_prd_image {
  width: 232px;
  height: 232px;
  border: 5px solid white;
  display: inline-block;
  overflow: hidden;
  display: inline-block;
  background: white;
  padding: 2px;
  border: solid 1px #e7e7e7;
}

/* info */
.info {
  margin-top: 81px;
  padding: 80px 0 100px 0;
  background-color: #f5f5f5;
  background-position: right 0;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .info {
    padding: 60px 0 80px 0;
  }
}
@media only screen and (max-width: 1199px) {
  .info {
    padding: 40px 0 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .info {
    padding: 0 0 50px 0;
    margin-top: 51px;
  }
}

.info_box {
  padding: 0;
  background: rgba(255, 255, 255, 0.5);
  position: relative;
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}

.container .info_title {
  margin-bottom: 0;
  background: #c70019;
  border-bottom: 0 none;
}

.info_contentPadding {
  padding: 15px 0 25px 0;
}
@media only screen and (max-width: 767px) {
  .info_contentPadding {
    padding: 15px 0 15px 0;
  }
}
.info_contentPadding .row {
  margin: 0px;
  padding: 0px;
}
.info_contentPadding .imageTextBox {
  margin: 0 calc(10% - 15px);
  border-top: solid 1px #898989;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 991px) {
  .info_contentPadding .imageTextBox {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .info_contentPadding .imageTextBox {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.info_contentPadding .imageTextBox:first-child {
  border-top: none 0;
}
@media only screen and (max-width: 991px) {
  .info_contentPadding .imageTextBox:first-child {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .info_contentPadding .imageTextBox:first-child {
    padding-top: 10px;
  }
}
.info_contentPadding .textBox {
  padding: 20px 0;
}
.info_contentPadding hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border-top: 1px solid #898989;
}

.location {
  padding: 10px 10%;
  color: white;
  background: black;
  font-size: 87%;
  line-height: 20px;
}

.location_link {
  float: left;
  color: white;
}

.location_arr {
  width: 5px;
  height: 20px;
  padding: 0 15px;
  float: left;
  background: url("../images/list_icon.png") center no-repeat;
}

.inside_cont {
  clear: both;
  position: relative;
}
.inside_cont img {
  width: 100%;
}
.inside_cont p {
  letter-spacing: 2px;
}

.inside_list {
  padding: 30px 5%;
}

.inside_numBox {
  margin-bottom: 45px;
}
.inside_numBox .inside_num {
  font-family: 'Droid Sans', sans-serif;
  font-size: 200%;
  background: #01b3c9;
  color: white;
  padding: 3px 13px;
  text-align: center;
}
.inside_numBox .inside_tit {
  font-size: 180%;
  font-weight: 600;
  padding: 3px 0;
  letter-spacing: 5px;
  padding-left: 5px;
}
.inside_numBox .inside_text {
  height: 100px;
  overflow: hidden;
  line-height: 30px;
  font-weight: 600;
  padding-top: 10px;
  letter-spacing: 2px;
}

.download_list {
  padding: 20px 0;
  clear: both;
}

.download_a {
  display: block;
  padding: 6px 15px 6px 50px;
  margin-bottom: 10px;
  border: solid 2px transparent;
  background: url("../images/download_icon1.png") left 15px center no-repeat;
  -moz-border-radius: 120px;
  -webkit-border-radius: 120px;
  border-radius: 120px;
}
.download_a:hover {
  border: 2px solid #d3d3d4;
}

.download_icon {
  float: right;
}

.inside_cont .download_icon {
  width: initial;
  float: right;
}

.s_image {
  width: 90px;
  height: 90px;
  border: solid 2px white;
  display: inline-block;
  overflow: hidden;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.single-info-prd {
  margin-bottom: 60px;
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
}
.single-info-prd .slick-next {
  right: 15px;
}
.single-info-prd .slick-prev {
  left: 15px;
}

.info_contentPadding .single-info-prd ul {
  margin-bottom: -5px;
}
.info_contentPadding .single-info-prd ul > li:before {
  display: none;
}
.info_contentPadding .single-info-prd ul > li:before button {
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
}
.info_contentPadding .single-info-prd ul > li:before button:before {
  color: white;
  font-size: 250%;
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.info_contentPadding .single-info-prd .slick-dots li.slick-active button {
  text-shadow: 0px 0px 0px transparent;
}
.info_contentPadding .single-info-prd .slick-dots li.slick-active button:before {
  color: #c70019;
}

.imageList {
  padding: 0;
}

.imageList_textBox {
  padding: 0 0 0 25px;
}
@media only screen and (max-width: 767px) {
  .imageList_textBox {
    padding: 0;
  }
}

.imageList_img {
  width: 100%;
}

.imageList_tit, .info_htmlContent .caption, .imageList_title {
  font-size: 150%;
  color: #c70019;
  padding-bottom: 10px;
  margin-bottom: 10px;
  text-align: center;
  background: url("../images/imageTitle_line.png") center bottom no-repeat;
}
.imageList_tit a, .info_htmlContent .caption a, .imageList_title a {
  color: #c70019;
}
.imageList_tit a:hover, .info_htmlContent .caption a:hover, .imageList_title a:hover {
  color: #050000;
}
@media only screen and (max-width: 991px) {
  .imageList_tit, .info_htmlContent .caption, .imageList_title {
    font-size: 130%;
  }
}
@media only screen and (max-width: 767px) {
  .imageList_tit, .info_htmlContent .caption, .imageList_title {
    font-size: 110%;
  }
}

.info_htmlContent {
  padding: 0px calc(10% - 15px) 15px;
}

.imageList_text {
  line-height: 28px;
  font-size: 100%;
  padding-bottom-bottom: 10px;
}
@media only screen and (max-width: 991px) {
  .imageList_text {
    line-height: 26px;
    font-size: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .imageList_text {
    line-height: 24px;
    font-size: 90%;
  }
}

.info_more_btn {
  width: 100px;
  height: 25px;
  line-height: 25px;
  margin-top: 20px;
  display: inline-block;
  background-position: right 10px center;
}
.info_more_btn:hover {
  background-position: right 5px center;
}
@media only screen and (max-width: 991px) {
  .info_more_btn {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .info_more_btn {
    margin-top: 10px;
  }
}

.pages_list {
  font-family: 'PMingLiU';
  text-align: center;
}

.pagination {
  margin: 20px 0;
}
@media only screen and (max-width: 991px) {
  .pagination {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .pagination {
    margin: 0;
  }
}
.pagination .page_arr {
  margin: 0 3px 0 12px;
}
.pagination > li {
  margin: 0 10px;
  display: inline-block;
  margin-right: -4px;
  border: 0 none;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.pagination > li > a, .pagination > li > span {
  border: 0 none;
  font-weight: 700;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  background-color: black;
  color: white;
  font-size: 80%;
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  color: #050000;
  background-color: white;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active a:focus, .pagination > .active span:focus {
  color: white;
  background-color: #c70019;
  border-color: transparent;
  cursor: default;
}
.pagination .previous a {
  width: 73px;
  height: 35px;
  background: transparent url("../images/page_prev.png") center no-repeat;
  background-position: left center;
}
.pagination .previous a:hover {
  background-color: transparent;
}
.pagination .next a {
  width: 73px;
  height: 35px;
  background: transparent url("../images/page_next.png") center no-repeat;
  background-position: right center;
}
.pagination .next a:hover {
  background-color: transparent;
}

.back {
  width: 90px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  position: absolute;
  background: #c70019;
  text-indent: -8px;
  bottom: -17px;
  left: 50%;
  margin-left: -45px;
  color: white;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.back:hover {
  background: white;
}

.hr {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #dcdddd;
}

.imageTextBox {
  margin: 0;
  clear: both;
  padding: 25px 0;
}

.textList_textBox {
  padding: 0 0;
}

img[src='images/footer_logo_en.png'] {
  width: 70%;
}

img[src='images/footer_logo.png'] {
  width: 70%;
}

.newsText_tit {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 15px;
  margin-bottom: 10px;
  color: #c70019;
  background: url("../images/imageTitle_line.png") left bottom no-repeat;
}
.newsText_tit a {
  font-size: 125%;
  color: black;
  padding-left: 20px;
  background: url("../images/list_icon.png") left center no-repeat;
}
@media only screen and (max-width: 991px) {
  .newsText_tit a {
    font-size: 130%;
  }
}
@media only screen and (max-width: 767px) {
  .newsText_tit a {
    font-size: 110%;
  }
}
.newsText_tit a:hover {
  color: #c70019;
}

.newsText_tit2 {
  background: none;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-right: 100px;
}
@media only screen and (max-width: 767px) {
  .newsText_tit2 {
    padding-right: 0;
  }
}
.newsText_tit2 .newsText_date {
  bottom: 3px;
}
@media only screen and (max-width: 767px) {
  .newsText_tit2 .newsText_date {
    display: none;
  }
}

.newsText_date {
  position: absolute;
  right: 0;
  bottom: -3px;
  font-size: 80%;
}
@media only screen and (max-width: 991px) {
  .newsText_date {
    font-size: 70%;
  }
}
@media only screen and (max-width: 767px) {
  .newsText_date {
    font-size: 62.5%;
  }
}

.imageList_img2 {
  border: solid 3px white;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ins_imageBox {
  padding: 30px 0 0 0;
  clear: both;
  text-align: center;
}

.index_title.gallery-heading {
  margin-bottom: 0px;
  text-align: center;
}
.index_title.gallery-heading h4 {
  margin-bottom: 0px;
}

.s_image {
  width: 90px;
  height: 90px;
  border: solid 2px white;
  display: inline-block;
  overflow: hidden;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.responsive2 {
  margin-bottom: 20px;
  padding: 15px calc(10% - 15px);
}
.responsive2:after {
  height: 0;
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
}

.s_a {
  width: 90px;
  display: block;
  margin: 20px auto;
}

.ins_image {
  padding-bottom: 20px;
}

.inside_productsList {
  padding-bottom: 30px;
}

.ins_prd_text {
  height: 22px;
  color: #c70019;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .ins_prd_text {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .ins_prd_text {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .ins_prd_text {
    margin-top: 0;
  }
}

.ins_prd_text2 {
  height: 40px;
  overflow: hidden;
}

.ins_prd_image img {
  width: 100%;
  padding: 5px;
  border: solid 2px black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  -moz-transition: linear 0.1s;
  -o-transition: linear 0.1s;
  -webkit-transition: linear 0.1s;
  transition: linear 0.1s;
}
.ins_prd_image img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}

.text-left {
  text-align: left;
  background-position: left bottom;
}

.text-right {
  text-align: right;
}

.inside_picBox {
  padding-top: 50px;
  padding-bottom: 20px;
  margin: 0 calc(10% - 15px);
}

.prd_right_text {
  padding-bottom: 20px;
  margin-left: 3%;
}

.slick-prev, .slick-prev:focus {
  background: url("../images/icon_img_prev.png") no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
.slick-prev:hover, .slick-prev:focus:hover {
  background: url("../images/icon_img_prev.png") no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.slick-next, .slick-next:focus {
  background: url("../images/icon_img_next.png") no-repeat;
  -moz-background-size: contain;
  -o-background-size: contain;
  -webkit-background-size: contain;
  background-size: contain;
}
.slick-next:hover, .slick-next:focus:hover {
  background: url("../images/icon_img_next.png") no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.slick-prev, .slick-next {
  width: 29px;
  height: 46px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
  margin-top: -23px;
}
.slick-prev:before, .slick-next:before {
  content: '';
}

/* 首頁效果 退場 */
#card1 {
  padding: 30px 0;
  position: relative;
  top: -100px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  #card1 {
    padding: 15px 0;
  }
}

#card2 {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.style3_list {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

#formLeft {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

#formRight {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}