/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
	color: #7E7E7E;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.pager {
  margin-top: 20px;
  text-align: center;
}
.pager a {
  padding: 2px 4px;
  display: inline-block;
  border: 1px solid #645C49;
  margin: 0 2px;
  color: #332F28;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.pager a:hover {
  background: #645C49;
  color: #fff;
}
.pager .current {
  background: #645C49;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .pager {
    width: 100%;
    margin-top: 50px;
    text-align: center;
    font-size: 0.95em;
  }
}
.ar_img img {
  width: 100%;
}
.ar_img figcaption {
  font-size: 200%;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.hint {
  text-align: right;
}
.hint img {
  max-width: 350px;
  width: 90%;
}

.step_list {
  background: url(../images/move/ar_stepbg.jpg) repeat-x left bottom;
  margin-top: 15px;
  padding: 5px;
}
.step_list:before {
  content: "";
  display: table;
}
.step_list:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.step_list em {
  font-style: normal;
  display: block;
}
.step_list .num, .step_list .step_con {
  float: left;
}
.step_list .num {
  width: 80px;
  padding: 25px;
  text-align: center;
  background: url(../images/move/ar_stepnum.png) no-repeat left bottom;
}
.step_list .num h3 {
  border-left: 3px solid #b2b3b6;
  padding: 0;
  margin: 0;
  font-size: 160%;
  line-height: 1;
}
.step_list .num h3 em {
  font-size: 250%;
}
.step_list .step_con {
  width: calc(100% - 180px);
}
.step_list .step_con p {
	margin: 0;
	padding-top: 15px;
	padding-left: 10px;
	text-align: left;
}

.step {
	position: relative;
	padding-top: 30px;
	text-align: right;
}
.step h3 {
  text-align: center;
  font-size: 150%;
}
.step h3 i {
	font-style: normal;
	text-align: right;
}
.step h2 {
  text-align: center;
  font-size: 150%;
  margin-bottom: 30px;
  margin-top: 30px;
  color: #7c7775;
}
.step figure.qrcode {
  position: absolute;
  top: -20px;
  right: 0;
}

@media only screen and (max-width: 768px) {
  .step_list .step_con p {
    padding-top: 0;
  }

  .step figure.qrcode {
    top: -30px;
  }

  .ar_img {
    margin: 0;
  }
}
@media only screen and (max-width: 480px) {
  .step_list .num, .step_list .step_con {
    float: none;
  }
  .step_list .num {
    width: auto;
    padding: 10px;
    margin-right: 10px;
    text-align: center;
    background: url(../images/move/ar_stepnum.png) no-repeat left top;
  }
  .step_list .num h3 {
    font-size: 110%;
    line-height: 1;
    width: auto;
    text-align: left;
    padding-left: 5px;
  }
  .step_list .num h3 em {
    font-size: 220%;
    display: inline-block;
  }
  .step_list .step_con {
    width: 96%;
    margin: auto;
  }
  .step_list .step_con p {
    margin: 0;
    padding-top: 0;
    padding-left: 0;
  }

  .step {
    padding-top: 0;
  }
  .step h3 {
    font-size: 140%;
    width: 65%;
  }
  .step h3 i {
    display: block;
  }
  .step figure.qrcode {
    margin: 0;
    position: absolute;
    top: -35px;
    right: 0;
  }
}
.arfilm {
  margin-top: 30px;
}
.arfilm h3 {
  color: #645c49;
  font-size: 160%;
  font-weight: normal;
  text-align: center;
}
.arfilm h3 em {
  font-style: normal;
  font-size: 80%;
  padding-left: 10px;
}

.film_con {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.film_con > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px;
  border-radius: 15px 15px 0 0;
}

.lanbtn {
  text-align: right;
  margin-top: 20px;
}
.lanbtn li {
  width: 150px;
  padding: 8px;
  background-color: #ddd;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}
.lanbtn li a {
  font-size: 120%;
  color: #645c49;
}
.lanbtn li.check {
  background-color: #645c49;
}
.lanbtn li.check a {
  color: #fff;
}

.downloadbtn {
  text-align: right;
  margin-top: 30px;
}

@media only screen and (max-width: 480px) {
  .lanbtn {
    text-align: center;
  }
  .lanbtn ul {
    margin: 0;
    padding: 0;
  }
  .lanbtn ul li {
    width: 45%;
  }

  .downloadbtn {
    text-align: center;
  }
}
.move h2 {
  text-align: center;
}
.move h2 em {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75em;
}
.move .tabs li {
  background: url(../images/move/move_icon.png) #E4E1D8 no-repeat;
  font-size: 1.3em;
}
.move .tabs li.check {
  background: url(../images/move/move_icon.png) #51BBD4 no-repeat;
}
.move .tabs li.check:first-child {
  background-position: 55px -297px;
}
.move .tabs li.check:nth-child(2) {
  background-position: 50px -152px;
}
.move .tabs li.check:nth-child(3) {
  background-position: 50px 0;
}
.move .tabs li:first-child {
  background-position: 55px -365px;
}
.move .tabs li:nth-child(2) {
  background-position: 50px -225px;
}
.move .tabs li:nth-child(3) {
  background-position: 50px -75px;
}

@media only screen and (max-width: 768px) {
  .move .tabs li.check:first-child {
    background-position: 15px -297px;
  }
  .move .tabs li.check:nth-child(2) {
    background-position: 10px -152px;
  }
  .move .tabs li.check:nth-child(3) {
    background-position: 10px 0;
  }
  .move .tabs li:first-child {
    background-position: 15px -365px;
  }
  .move .tabs li:nth-child(2) {
    background-position: 10px -225px;
  }
  .move .tabs li:nth-child(3) {
    background-position: 10px -75px;
  }
}
@media only screen and (max-width: 480px) {
  .move h2 {
    font-size: 1.3em !important;
  }
  .move .tabs li {
    background: url(../images/move/move_icon.png) #E4E1D8 no-repeat;
    background-size: 40px;
    font-size: 1em;
    padding-left: 25px;
    width: calc((100% - 85px)/3);
  }
  .move .tabs li a {
    height: auto;
  }
  .move .tabs li.check {
    background: url(../images/move/move_icon.png) #51BBD4 no-repeat;
    background-size: 40px;
  }
  .move .tabs li.check:first-child {
    background-position: 0 -170px;
  }
  .move .tabs li.check:nth-child(2) {
    background-position: 0 -85px;
  }
  .move .tabs li.check:nth-child(3) {
    background-position: 0 7px;
  }
  .move .tabs li:first-child {
    background-position: 0 -215px;
  }
  .move .tabs li:nth-child(2) {
    background-position: 0 -128px;
  }
  .move .tabs li:nth-child(3) {
    background-position: 0 -37px;
  }
}
.ar_list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ar_list:before {
  content: "";
  display: table;
}
.ar_list:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.ar_list li {
  float: left;
  width: calc(100% / 8);
  margin-top: 15px;
  position: relative;
}
.ar_list li a img {
  width: 100%;
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.ar_list li a span {
  position: absolute;
  text-align: right;
  top: 2px;
  right: 2px;
  color: #fff;
  text-shadow: black 0.1em 0.1em 0.2em;
  font-size: 0.95em;
}

@media only screen and (max-width: 768px) {
  .ar_list li {
    width: calc(100% / 3.5);
    margin-left: 4%;
  }
}
@media only screen and (max-width: 480px) {
  .ar_list li {
    width: calc(100% / 2.5);
    margin-left: 6%;
  }
}
.voice_item {
  padding-bottom: 10px;
  margin-top: 15px;
}
.voice_item:before {
  content: "";
  display: table;
}
.voice_item:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.voice_item .list {
  width: calc(93% / 3);
  margin: 0.5%;
  float: left;
  padding: 5px;
  border: 1px solid #ddd;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}
.voice_item .list a {
  display: block;
  background-color: #E4E1D8;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  color: #645c49;
  padding-bottom: 10px;
}
.voice_item .list a:hover {
  background-color: #51BBD4;
  color: #fff;
}
.voice_item .list a p {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  padding-left: 15px;
}
.voice_item .list a i {
  font-size: 500%;
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: -15px;
  left: 5px;
}
.voice_item .list a span {
  padding-left: 15px;
  font-size: 130%;
  display: block;
  margin-top: -10px;
}
.voice_item .list a .voice_title {
  width: 95%;
  margin-left: 5%;
  padding-top: 30px;
  padding-bottom: 10px;
  background: url(../images/move/voice_title.png) no-repeat 95% 98%;
}
.voice_item .list a .voice_title:before {
  content: "";
  display: table;
}
.voice_item .list a .voice_title:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.voice_item .list a .voice_title h3, .voice_item .list a .voice_title img {
  float: left;
  border-bottom: 3px solid #fff;
}
.voice_item .list a .voice_title img {
  width: 90px;
  padding-right: 15px;
}
.voice_item .list a .voice_title h3 {
  width: calc(100% - 130px);
  font-size: 180%;
  margin: 0;
  padding-top: 47px;
}

@media only screen and (max-width: 768px) {
  .voice_item .list {
    width: 46.5%;
    margin-left: 1%;
  }
}
@media only screen and (max-width: 480px) {
  .voice_item .list {
    width: 96%;
  }
}
.movie_item {
  padding-bottom: 10px;
  margin-top: 15px;
}
.movie_item:before {
  content: "";
  display: table;
}
.movie_item:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.movie_item .list {
  width: calc(96% / 4);
  margin: 1% 0.5%;
  float: left;
}
.movie_item .list a img {
  width: 95%;
  margin: auto;
  display: block;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.movie_item .list a h3 {
  font-size: 130%;
  text-align: center;
  color: #646464;
  margin: 0;
  font-weight: normal;
  line-height: 1.2;
  padding-top: 10px;
}
.movie_item .list a h3 em {
  font-style: normal;
  font-size: 70%;
  display: block;
}

@media only screen and (max-width: 768px) {
  .movie_item .list {
    width: calc(96% / 3);
  }
  .movie_item .list a h3 {
    font-size: 110%;
  }
}
@media only screen and (max-width: 480px) {
  .movie_item .list {
    width: calc(96% / 2);
  }
}
.voicecon .title h2 {
  text-align: center;
}
.voicecon .title h2 em {
  display: block;
  font-style: normal;
  font-weight: normal;
  font-size: 0.75em;
}
.voicecon img {
  width: 100%;
}
.voicecon .voice {
  width: 300px;
  margin: 0 auto;
}
.voicecon .voice audio {
  width: 100%;
}
.voicecon p {
  font-size: 1.1em;
  line-height: 160%;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
.voicecon p.en {
  font-family: Verdana, Geneva, sans-serif;
}
.voicecon p.sp {
  text-align: center;
  font-size: 1.3em;
}
.voicecon p em {
  font-size: 0.75em;
  font-style: normal;
}
.voicecon .voicelist {
  margin: 0;
  padding: 0;
}
.voicecon .voicelist figure {
  width: calc(93% / 3);
  display: inline-block;
  position: relative;
  margin: 1%;
  overflow: hidden;
  background: #ffffff;
  text-align: left;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.voicecon .voicelist figure img {
  width: 100%;
  vertical-align: top;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.voicecon .voicelist figure figcaption {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  z-index: 1;
  max-width: 250px;
}
.voicecon .voicelist figure figcaption h3 {
  opacity: 0;
  margin: 0 0 5px;
  text-transform: uppercase;
  -moz-transform: translate(-20px, -20px);
  -ms-transform: translate(-20px, -20px);
  -webkit-transform: translate(-20px, -20px);
  transform: translate(-20px, -20px);
  color: #fff;
  font-size: 1.5em;
  letter-spacing: 0.05em;
  font-weight: normal;
}
.voicecon .voicelist figure a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 3;
}
.voicecon .voicelist figure i {
  position: absolute;
  left: 7px;
  bottom: 7px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  z-index: 1;
  text-align: center;
}
.voicecon .voicelist figure i img {
  width: 30px;
  display: block;
  margin: 7px;
}
.voicecon .voicelist figure:before {
  background: #645c49;
  width: 50px;
  height: 50px;
  position: absolute;
  top: -80px;
  right: 15px;
  content: "";
  opacity: 0;
  border-radius: 50%;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  z-index: 1;
}
.voicecon .voicelist figure:after {
  background: #645c49;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 7px;
  bottom: 7px;
  content: "";
  border-radius: 50%;
  -moz-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}
.voicecon .voicelist figure:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}
.voicecon .voicelist figure:hover:before {
  -moz-transform: scale(9);
  -ms-transform: scale(9);
  -webkit-transform: scale(9);
  transform: scale(9);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
  -moz-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.voicecon .voicelist figure:hover:after {
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -webkit-transform: scale(2.5);
  transform: scale(2.5);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
  opacity: 0.75;
}
.voicecon .voicelist figure:hover h3 {
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.voicecon .voicelist figure:hover i {
  -moz-transform: scale(1.35) translate(7px, -7px);
  -ms-transform: scale(1.35) translate(7px, -7px);
  -webkit-transform: scale(1.35) translate(7px, -7px);
  transform: scale(1.35) translate(7px, -7px);
}
.voicecon .voicelist figure:hover i img {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.voicecon .voicepage {
  text-align: center;
}
.voicecon .voicepage a {
  display: inline-block;
  padding: 5px 25px 5px 25px;
  margin: 5px;
  position: relative;
  color: #000;
  background-color: #e4e1d8;
}
.voicecon .voicepage a i {
  position: absolute;
  top: 6px;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.voicecon .voicepage a i img {
  width: auto;
}
.voicecon .voicepage a.pre i {
  left: 10px;
}
.voicecon .voicepage a.pre:hover i {
  left: 5px;
}
.voicecon .voicepage a.next i {
  right: 10px;
}
.voicecon .voicepage a.next:hover i {
  right: 5px;
}

@media only screen and (max-width: 768px) {
  .voicecon .voicelist {
    margin-top: 15px;
  }
  .voicecon .voicelist figure {
    width: calc(93% / 2);
    margin: 1% 1.5%;
  }

  .voicecon .title h2 {
    font-size: 1.4em;
  }
  .voicecon p {
    font-size: 1em;
    width: 95%;
  }
}
@media only screen and (max-width: 480px) {
  .voicecon figure {
    margin: 1em auto;
    width: 95%;
  }
  .voicecon p {
    width: 88%;
  }
  .voicecon p.sp {
    text-align: center;
    font-size: 1.35em;
  }
  .voicecon .voicelist {
    margin-top: 15px;
  }
  .voicecon .voicelist figure {
    width: 95%;
    margin: 1% 1.5%;
  }
}
.ebook {
  padding-top: 50px;
}

.ebookarea {
  height: 65vh;
  width: 100%;
  background-color: #333;
}

.fullscreen {
  background-color: #333;
  width: 100%;
  height: 95vh;
}

.ebookcon {
  width: 100%;
}

.ebooklist {
  width: 100%;
}
.ebooklist .ebooklistcon span {
  font-size: 0.85em;
  text-align: center;
  display: block;
}
.ebooklist .ebooklistcon img {
  width: 85%;
  display: block;
  margin: 0 auto;
}

.pt15 {
  padding-top: 15px;
}

.css-table {
  background-color: transparent;
  text-align: center;
  line-height: 2;
}
.css-table .tbody:before {
  content: "";
  display: table;
}
.css-table .tbody:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.css-table .thead {
  display: none;
}
.css-table .tr {
  display: block;
  border: #ccc 1px solid;
  margin-bottom: 5px;
  background: #fffaef;
  width: 98%;
  padding: 1%;
}
.css-table .tr:nth-child(odd) {
  background: #fff;
}
.css-table .th, .css-table .td {
  display: block;
  width: 100%;
  border: none;
}
.css-table .td:before {
  content: attr(data-title);
  text-align: center;
  font-weight: bold;
  font-size: 1.2em;
  display: block;
  width: 100%;
  background: #6f6348;
  color: #fff;
}
.css-table .td ul, .css-table .td ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

@media only screen and (min-width: 768px) {
  .css-table {
    width: 99.9%;
    background-color: #FFF4E7;
    border-collapse: collapse;
    margin-bottom: 20px;
    display: table;
  }
  .css-table .thead {
    display: table-header-group;
  }
  .css-table .tbody {
    display: table-row-group;
  }
  .css-table .tr {
    display: table-row;
  }
  .css-table .td, .css-table .th {
    padding: 10px;
    display: table-cell;
    vertical-align: middle;
  }
  .css-table .td:first-child, .css-table .th:first-child {
    width: 20%;
  }
  .css-table .td {
    color: #666;
    border: #ddd 1px solid;
  }
  .css-table .td ol {
    margin: 0;
  }
  .css-table .td ol ul {
    padding: 0;
    margin: 0;
  }
  .css-table .td:before {
    content: "";
  }
  .css-table .th {
    background-color: #6f6348;
    color: #fff;
    border: #ccc 1px solid;
    text-align: center;
  }
}
.sisnews {
  position: relative;
  padding-bottom: 50px;
}
.sisnews a.sisbtn {
  padding: 10px;
  background: #51bbd4;
  color: #ffffff;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  bottom: 0;
  right: 10px;
}
.sisnews a.sisbtn:hover {
  background: #007e9c;
}
.sisnews .video-container {
  padding-top: 0;
  border: none;
}
.sisnews .video-container:before {
  content: "";
  display: table;
}
.sisnews .video-container:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.sisnews .video-container .sisvideo {
  float: left;
  width: 48%;
}
.sisnews .video-container .sisvideo iframe {
  display: block;
  width: 95%;
  height: 280px;
  margin: 0 auto;
  margin-top: 20px;
}

@media only screen and (max-width: 480px) {
  .sisnews .video-container .sisvideo {
    float: none;
    width: 100%;
  }
  .sisnews .video-container .sisvideo iframe {
    height: 200px;
  }
}
.contact_anchor {
  color: #d3a244;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.contact_anchor a {
  color: #d3a244;
}

.contactDetails:before {
  content: "";
  display: table;
}
.contactDetails:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.contactDetails .desc {
  width: 65%;
  margin-left: 5%;
  float: left;
  padding-top: 100px;
}
.contactDetails .desc h4 {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
}
.contactDetails .desc p a {
  color: #333;
  text-decoration: underline;
}
.contactDetails .desc p a:hover {
  text-decoration: none;
}
.contactDetails .contactimg {
  width: 30%;
  float: right;
}

.traffic {
  background: url(../images/bg_map.jpg) no-repeat;
  height: 630px;
  background-position: left top;
  width: 100%;
}
.traffic h4 {
  text-align: center;
  background: #43a5bc;
  color: #fff;
  padding: 5px 0;
  margin: 0;
  margin-top: 2%;
  max-width: 961px;
  width: 100%;
}

.directionTabsWrapper {
  padding-left: 60px;
  max-width: 500px;
  width: 100%;
}
.directionTabsWrapper .directionTabs {
  margin-top: 30px;
}
.directionTabsWrapper .directionTabs ul {
  margin: 0;
  padding: 0;
  background: #93d6e6;
}
.directionTabsWrapper .directionTabs ul:before {
  content: "";
  display: table;
}
.directionTabsWrapper .directionTabs ul:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.directionTabsWrapper .directionTabs ul li {
  float: left;
  width: 48%;
  list-style-type: none;
  padding: 17px 0 13px 10px;
  cursor: pointer;
}
.directionTabsWrapper .directionTabs ul li:first-child a {
  background: url(../images/car_icon.png) no-repeat left center;
  padding-left: 83px;
  display: inline-block;
  color: #fff;
}
.directionTabsWrapper .directionTabs ul li:nth-child(2) a {
  background: url(../images/bus_icon.png) no-repeat left center;
  display: inline-block;
  padding-left: 83px;
  color: #fff;
}
.directionTabsWrapper .directionTabContent {
  background: #51bbd4;
  padding: 10px 0 15px 0;
  color: #fff;
}
.directionTabsWrapper .directionTabContent p {
  padding: 0 20px;
}
.directionTabsWrapper .directionTabContent a {
  color: #fff;
  text-decoration: underline;
}
.directionTabsWrapper .directionTabContent ul {
  font-size: 0.95em;
}
.directionTabsWrapper .directionTabContent ul li {
  padding: 10px;
}

.contactFormWrapper:before {
  content: "";
  display: table;
}
.contactFormWrapper:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.contactFormWrapper h4 {
  padding: 0;
  margin: 0;
  margin-top: 40px;
  font-size: 1.3em;
  font-weight: bolder;
}
.contactFormWrapper .contactForm_content {
  float: left;
  width: 75%;
  color: #333;
}
.contactFormWrapper .contactForm_content .contactForm {
  width: 90%;
  margin-top: 20px;
}
.contactFormWrapper .contactForm_content .contactForm .formleft {
  float: left;
  width: 50%;
}
.contactFormWrapper .contactForm_content .contactForm .formright {
  float: left;
  width: 50%;
}
.contactFormWrapper .contactForm_content .contactForm .formright .ckbtn {
  margin-right: 10px;
  margin-top: 25px;
}
.contactFormWrapper .contactForm_content .contactForm input[type=text], .contactFormWrapper .contactForm_content .contactForm textarea {
  display: block;
  width: 90%;
  border: 1px solid #dcdcdc;
  line-height: 1.5;
}
.contactFormWrapper .contactForm_content .contactForm p {
  margin: 0;
  padding: 0;
  margin: 5px 0;
}
.contactFormWrapper .contactForm_img {
  float: left;
  width: 15%;
  padding-top: 40px;
}

@media only screen and (max-width: 768px) {
  .contactFormWrapper .contactForm_content {
    float: none;
    width: 100%;
  }
  .contactFormWrapper .contactForm_img {
    display: none;
  }

  .directionTabsWrapper .directionTabs ul li {
    width: 48%;
  }
}
@media only screen and (max-width: 480px) {
  .contactDetails .desc {
    padding-top: 20px;
    width: 96%;
  }
  .contactDetails .contactimg {
    display: none;
  }

  .directionTabsWrapper {
    padding: 0;
    font-size: 0.85em;
  }
  .directionTabsWrapper .directionTabs {
    margin-top: 0;
  }
  .directionTabsWrapper .directionTabs ul li {
    width: auto;
    padding: 0;
    padding: 0 5px;
    line-height: 3.5;
  }
  .directionTabsWrapper .directionTabs ul li:first-child a {
    padding-left: 73px;
  }
  .directionTabsWrapper .directionTabs ul li:nth-child(2) a {
    padding-left: 73px;
  }
  .directionTabsWrapper .directionTabContent {
    font-size: 1.1em;
  }
  .directionTabsWrapper .directionTabContent ul {
    margin: 0;
  }
  .directionTabsWrapper .directionTabContent ul li {
    padding: 5px;
  }

  .contactFormWrapper .contactForm_content {
    width: 96%;
    margin: 0 auto;
    float: none;
  }
  .contactFormWrapper .contactForm_content .contactForm .formleft {
    float: none;
    width: 100%;
  }
  .contactFormWrapper .contactForm_content .contactForm .formright {
    float: none;
    width: 100%;
  }
  .contactFormWrapper .contactForm_content .contactForm .formright .ckbtn {
    width: 45%;
    height: 35px;
    margin-top: 10px;
  }
  .contactFormWrapper .contactForm_content .contactForm input[type=text], .contactFormWrapper .contactForm_content .contactForm textarea {
    width: 100%;
  }
}
.mindex {
  background-image: url(../images/indexbg.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  padding-top: 70px;
  padding-bottom: 20px;
}
.mindex .menuimg {
  width: 90%;
  margin: 3% auto;
}
.mindex .menuimg img {
  width: 100%;
}
.mindex .menuimgtwo {
  background: url(../images/menu5.png) no-repeat;
  background-size: contain;
  width: 95%;
  background-position: 20px 0;
}
.mindex .menuimgtwo a {
  display: inline-block;
  height: 60px;
  text-indent: -9999px;
}
.mindex .menuimgtwo a:first-child {
  margin-left: 14px;
  width: 154px;
  margin-right: 3px;
}
.mindex .menuimgtwo a:last-child {
  width: 129px;
}

@media only screen and (max-width: 768px) {
  .mindex .menuimgtwo {
    background-size: cover;
    height: 134px;
  }
}
@media only screen and (max-width: 480px) {
  .mindex .menuimgtwo {
    background-size: contain;
  }
}
.rulescon h3 {
  background: url(../images/rules1icon.png) left center no-repeat;
  padding: 20px 0;
  padding-left: 80px;
  margin: 0;
}
.rulescon ol {
  padding-left: 100px;
  margin: 0;
}
.rulescon ol li {
  margin: 20px 0;
}

.mainhallrule h3 {
  background: url(../images/rules2icon.png) left center no-repeat;
}

@media only screen and (max-width: 480px) {
  .rulescon ol {
    padding-left: 40px;
    padding-right: 10px;
  }
}
.guestsel {
  width: 99%;
  border-bottom: 8px solid #51BBD4;
}
.guestsel ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.guestsel ul li {
  width: 33%;
  color: #5a5442;
  background: #E4E1D8;
  padding: 15px 0;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  font-size: 1.1em;
}
.guestsel ul li a {
  color: #5a5442;
  font-weight: bolder;
}
.guestsel ul li span {
  font-size: .75em;
}
.guestsel .check {
  background: #51BBD4;
}
.guestsel .check a {
  color: #fff;
}
.guestsel .check span {
  color: #b2e7f4;
}

.tab1:before {
  content: "";
  display: table;
}
.tab1:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.tab1 .tab1L {
  width: 70%;
  float: left;
}
.tab1 .tab1L ol li {
  line-height: 2;
}
.tab1 .tab1L ol ol {
  list-style-type: lower-alpha;
}
.tab1 .tab1R {
  width: 30%;
  float: right;
}
.tab1 a {
  color: #333;
  text-decoration: underline;
}

.tab2 .dine {
  padding-left: 80px;
  background: url(../images/restaurant_icon.png) left top no-repeat;
}
.tab2 .dine:before {
  content: "";
  display: table;
}
.tab2 .dine:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.tab2 .dine .dinezone {
  width: 30%;
  margin-left: 3%;
  float: left;
  min-height: 660px;
  padding-bottom: 10px;
}
.tab2 .dine .dinezone h5 {
  font-size: 1.2em;
  margin: 0;
  padding: 0;
}
.tab2 .dine .dinezone .detail {
  font-weight: bolder;
  font-size: .9em;
}

.tab3:before {
  content: "";
  display: table;
}
.tab3:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.tab3 .lendcon {
  width: 30%;
  margin-left: 3%;
  float: left;
  text-align: center;
  padding-top: 60px;
}
.tab3 .lendcon h5 {
  margin: 10px 0;
  padding: 0;
  font-size: 1.5em;
}

@media only screen and (max-width: 768px) {
  .guestsel {
    width: 100%;
  }
  .guestsel ul li {
    width: 32.9%;
  }
  .guestsel ul li span {
    font-size: .7em;
  }

  .tab1 .tab1L {
    width: 65%;
  }
  .tab1 .tab1R {
    width: 33%;
    margin-right: 2%;
  }

  .tab2 .dine .dinezone {
    width: 47%;
  }
}
@media only screen and (max-width: 480px) {
  .guestsel ul li {
    width: 32.3%;
  }
  .guestsel ul li a {
    display: inline-table;
    line-height: .95;
    height: 80px;
  }
  .guestsel ul li span {
    font-size: .7em;
  }

  .tab1 .tab1L {
    width: 100%;
    float: none;
  }
  .tab1 .tab1R {
    float: none;
    width: 100%;
  }
  .tab1 .tab1R:before {
    content: "";
    display: table;
  }
  .tab1 .tab1R:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1;
  }
  .tab1 .tab1R figure {
    float: left;
    width: 55%;
    margin-left: 20%;
  }
  .tab1 .tab1R figure img {
    width: 95%;
  }

  .tab2 .dine .dinezone {
    width: 95%;
    min-height: auto;
  }
  .tab2 .dine .dinezone img {
    width: 90%;
  }

  .tab3 .lendcon {
    width: 90%;
    float: none;
  }
}
.visitorAttraction {
  margin: 0;
  padding: 0;
}

.visitorAttractionMap {
  background: url("../images/attractions/bmc_map.jpg") no-repeat left top;
}

.visitorAttractionMapTitle {
  margin: 0;
  padding: 0 0 0 103px;
}

.visitorAttractionMapImg img {
  z-index: 8888;
  width: 960px;
  height: 634px;
}

.visitorAttraction .visitorAttractionDefault {
  margin: 0;
  padding: 0;
}

.visitorAttraction .fo_guang_big_buddha_on {
  background: url("../images/attractions/fo_guang_big_buddha_on.png") no-repeat;
  background-position: 571px -98px;
}

.visitorAttraction .main_hall_on {
  background: url("../images/attractions/main_hall_on.png") no-repeat;
  background-position: 593px -25px;
}

.visitorAttraction .bodhi_wisdom_concourse_on {
  background: url("../images/attractions/bodhi_wisdom_concourse_on.png") no-repeat;
  background-position: 484px 50px;
}

.visitorAttraction .grand_photo_terrace_on {
  background: url("../images/attractions/grand_photo_terrace_on.png") no-repeat;
  background-position: 454px 96px;
}

.visitorAttraction .two_assemblies_pagoda_on {
  background: url("../images/attractions/two_assemblies_pagoda_on.png") no-repeat;
  background-position: 490px 115px;
}

.visitorAttraction .eightfold_panda_pagoda_on {
  background: url("../images/attractions/eightfold_panda_pagoda_on.png") no-repeat;
  background-position: 250px 42px;
}

.visitorAttraction .front_hall_on {
  background: url("../images/attractions/front_hall_on.png") no-repeat;
  background-position: 160px 223px;
}

.visitorAttraction .camphor_groves_tea_house_on {
  background: url("../images/attractions/camphor_groves_tea_house_on.png") no-repeat;
  background-position: 0px 0px;
}

.visitorAttraction .twin_pavilion_on {
  background: url("../images/attractions/twin_pavilion_on.png") no-repeat;
  background-position: 594px 234px;
}

.visitorAttraction .stories_of_the_buddha_teaching_the_dharma_on {
  background: url("../images/attractions/stories_of_the_buddha_teaching_the_dharma_on.png") no-repeat;
  background-position: 566px 110px;
}

.visitorAttraction .chan_art_and_stories_on {
  background: url("../images/attractions/chan_art_and_stories_on.png") no-repeat;
  background-position: 470px 37px;
}

.visitorAttraction .life_protection_murals_on {
  background: url("../images/attractions/life_protection_murals_on.png") no-repeat;
  background-position: 235px 95px;
}

.audioTour {
  position: absolute;
  top: 12px;
}
.audioTour a {
  display: inline-block;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  margin-left: 10px;
}
.audioTour a:hover {
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.audioTour a + a {
  margin-left: 0;
}
.audioTour img {
  max-width: 70px;
}

.back-to-map {
  position: fixed;
  bottom: 2em;
  right: 0;
  color: #000;
  background-color: rgba(235, 235, 235, 0.8);
  background-color: #ebebeb\9;
  font-size: 12px;
  padding: 1em;
  display: none;
}

.attractionContent .attractionHeader {
  font-size: 1.2em;
  color: #333;
  margin: 9px 0 0 0;
  padding: 32px 0 32px 88px;
  background: url(../_images/rule1_icon.png) center left no-repeat;
  position: relative;
}

.attractionContent p {
  margin: 0;
  padding: 10px 0 10px 0;
  color: #333;
}
.attractionContent p.underline {
  margin: 0 0 30px 0;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #ccc;
}
.attractionContent p a {
  color: #333;
  text-decoration: underline;
}
.attractionContent p a:visited {
  color: #333;
  text-decoration: underline;
}
.attractionContent p a:hover {
  color: #333;
  text-decoration: none;
}
.attractionContent p.video {
  text-align: center;
}
.attractionContent p img {
  display: block;
  margin: 0 auto;
}
.attractionContent p.photoContainer {
  margin: 0 auto;
  width: 640px;
}
.attractionContent p .photoWrapper {
  margin: 0;
  padding: 0;
  width: 640px;
  display: block;
}
.attractionContent p .photoWrapper:before {
  content: "";
  display: table;
}
.attractionContent p .photoWrapper:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.attractionContent p .photo {
  margin: 0;
  padding: 0;
  float: left;
}
.attractionContent p .photo1 .num1 {
  width: 640px;
}
.attractionContent p .photo2 .num1 {
  margin: 0 20px 0 0;
  width: 310px;
}
.attractionContent p .photo2 .num2 {
  width: 310px;
}
.attractionContent p span.caption {
  color: #333;
  font-size: 87.5%;
  text-align: center;
  display: block;
}
.attractionContent p span.header {
  font-size: 130%;
}
.attractionContent p span.title {
  font-size: 115%;
  border-bottom: none;
  position: relative;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.attractionContent p span.title .audioTour {
  position: absolute;
  left: 170px;
  top: -10px;
}
.attractionContent p span.title .audioTour.sl {
  left: 70px;
}
.attractionContent p span.title .audioTour.long {
  left: 250px;
}

.mapMoblie {
  display: none;
}

@media only screen and (max-width: 768px) {
  .visitorAttractionMap {
    background-size: contain;
  }

  .visitorAttractionMapImg img {
    width: 100%;
    height: 500px;
  }

  .visitorAttraction .eightfold_panda_pagoda_on {
    background-position: 150px -20px;
  }

  .mapMoblie {
    display: block;
    list-style-type: none;
  }
  .mapMoblie:before {
    content: "";
    display: table;
  }
  .mapMoblie:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1;
  }
  .mapMoblie li {
    float: left;
    width: 29%;
    height: 50px;
    margin: 1%;
    padding: 1%;
    background: rgba(235, 235, 235, 0.8);
    cursor: pointer;
  }
  .mapMoblie li:before {
    content: "";
    display: table;
  }
  .mapMoblie li:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1;
  }
  .mapMoblie li img {
    width: 18%;
    float: left;
    padding-left: 12px;
    padding-top: 3px;
  }
  .mapMoblie li span {
    display: block;
    padding-top: 10px;
    font-size: 1em;
    padding-left: 55px;
  }
  .mapMoblie li a {
    color: #333;
  }

  .visitorAttractionContents {
    padding-bottom: 150px;
  }

  .back-to-map {
    bottom: 150px;
    right: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .visitorAttractionMapImg img {
    width: 100%;
    height: 230px;
  }

  .mapMoblie {
    margin: 0;
    padding: 0;
  }
  .mapMoblie li {
    width: 46%;
    height: 50px;
  }
  .mapMoblie li img {
    width: 25%;
    padding-left: 5px;
    padding-top: 8px;
  }
  .mapMoblie li span {
    padding-top: 10px;
    font-size: 0.95em;
    padding-left: 50px;
  }
  .mapMoblie li span.twobr {
    padding-top: 5px;
  }

  .visitorAttractionContents {
    padding-bottom: 0;
  }

  .back-to-map {
    bottom: 10px;
    right: 10px;
  }

  .attractionContent p img {
    width: 95%;
    height: auto;
  }
  .attractionContent p .photoWrapper {
    width: 100%;
  }
  .attractionContent p.photoContainer {
    width: 100%;
  }
  .attractionContent p .photo1 .num1 {
    width: 100%;
  }
  .attractionContent p .photo1 .num1 img {
    width: 100%;
  }

  .tab2 .dine {
    padding-left: 10px;
    padding-top: 85px;
  }
}
.mount ul {
  margin: 0;
  padding: 0;
  padding-top: 3%;
  list-style-type: none;
  background: url(../images/mountain_timeline.png) left 30% no-repeat;
}
.mount ul li {
  width: 16%;
  color: #c1c1c1;
  padding: 35px 0;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  background: url(../images/bg_mountain_timeline_year.png) center top no-repeat;
}
.mount ul li a {
  color: #c1c1c1;
  font-weight: bolder;
}
.mount .check {
  background: url(../images/bg_mountain_timeline_year_selected.png) center top no-repeat;
}
.mount .check a {
  color: #51bbd4;
}
.mount .tab_container {
  width: 98%;
  margin: 0 auto;
}
.mount .tab_container h4 {
  font-size: 1.1em;
}

@media only screen and (max-width: 768px) {
  .mount {
    width: 100%;
  }
  .mount ul {
    background-position: left 25%;
  }
}
@media only screen and (max-width: 480px) {
  .mount ul {
    background: none;
    padding-top: 0;
  }
  .mount ul li {
    width: 32%;
    background: none;
    padding: 10px 0;
    background-color: #E4E1D8;
    margin-top: 10px;
  }
  .mount ul li a {
    display: inline-table;
    color: #5a5442;
    line-height: 0.95;
    font-size: 0.95em;
  }
  .mount .check {
    background: none;
    background-color: #51BBD4;
  }
  .mount .check a {
    color: #fff;
  }
}
.title h3 {
  width: 80%;
  text-align: center;
  margin: 0 auto;
  padding-bottom: 40px;
  background: url(../images/intro_divider.png) center bottom no-repeat;
}

.oricon {
  border-bottom: 1px solid #ddd;
}
.oricon h3 {
  background: url(../images/timelineicon.png) no-repeat;
  background-position: left center;
  padding: 30px 0;
  padding-left: 80px;
}
.oricon ul {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.oricon ul:before {
  content: "";
  display: table;
}
.oricon ul:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.oricon ul li {
  width: 24%;
  float: left;
  margin-right: 1%;
  list-style-type: none;
}
.oricon ul li img {
  width: 98%;
}
.oricon ul li h5 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .oricon ul li {
    width: 49%;
  }
}
.biocon {
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.timeline h3 {
  background: url(../images/timelineicon.png) no-repeat;
  background-position: left center;
  margin: 0;
  padding: 30px 0;
  padding-left: 80px;
  font-size: 1.5em;
}

.storyTimeline {
  margin: 0 0 20px 0;
  padding: 0 0 40px 0;
}
.storyTimeline .storyTimelineWrapper {
  background: url(../images/timelinebg.png) no-repeat;
  background-position: left bottom;
  max-width: 960px;
  width: 100%;
  height: 127px;
  position: relative;
  font-size: 0.87em;
}
.storyTimeline dl {
  margin: 0;
  padding: 0;
}
.storyTimeline dt {
  margin: 0;
  padding: 23px 0 0 0;
  width: 110px;
  height: 20px;
  background: url(../images/timeline_year.png) top center no-repeat;
  cursor: pointer;
  color: #c1c1c1;
  text-align: center;
  position: absolute;
  bottom: -34px;
}
.storyTimeline dd {
  margin: 0;
  padding: 0 13px 0 13px;
  height: 110px;
  color: #333;
  line-height: 1.5em;
  position: absolute;
  top: 0px;
  border-left: 1px solid #666;
  display: none;
}

.storyTimeline dl.story_1 dt {
  left: 5px;
  background: url(../images/timeline_selected.png) top center no-repeat;
  color: #666;
}
.storyTimeline dl.story_2 dt {
  left: 290px;
}
.storyTimeline dl.story_3 dt {
  left: 595px;
}
.storyTimeline dl.story_4 dt {
  left: 670px;
}
.storyTimeline dl.story_5 dt {
  left: 730px;
}
.storyTimeline dl.story_6 dt {
  left: 860px;
}

.storyTimeline dl.story_1 dd {
  left: 55px;
  width: 820px;
  display: block;
}
.storyTimeline dl.story_2 dd {
  left: 340px;
  width: 535px;
}
.storyTimeline dl.story_3 dd {
  right: 315px;
  width: 560px;
  border-left: none;
  border-right: 1px solid #666;
}
.storyTimeline dl.story_4 dd {
  right: 240px;
  width: 635px;
  border-left: none;
  border-right: 1px solid #666;
}
.storyTimeline dl.story_5 dd {
  right: 180px;
  width: 695px;
  border-left: none;
  border-right: 1px solid #666;
}
.storyTimeline dl.story_6 dd {
  right: 45px;
  width: 820px;
  border-left: none;
  border-right: 1px solid #666;
}

@media only screen and (max-width: 768px) {
  .storyTimeline .storyTimelineWrapper {
    background-size: contain;
  }

  .storyTimeline dl.story_2 dt {
    left: 145px;
  }
  .storyTimeline dl.story_3 dt {
    left: 400px;
  }
  .storyTimeline dl.story_4 dt {
    left: 480px;
  }
  .storyTimeline dl.story_5 dt {
    left: 550px;
  }
  .storyTimeline dl.story_6 dt {
    left: 655px;
  }

  .storyTimeline dl.story_1 dd {
    width: 600px;
  }
  .storyTimeline dl.story_2 dd {
    left: 200px;
  }
  .storyTimeline dl.story_3 dd {
    right: 300px;
    width: 400px;
  }
  .storyTimeline dl.story_4 dd {
    right: 220px;
    width: 505px;
  }
  .storyTimeline dl.story_5 dd {
    right: 145px;
    width: 550px;
  }
  .storyTimeline dl.story_6 dd {
    right: 45px;
    width: 650px;
  }
}
@media only screen and (max-width: 480px) {
  .timeline {
    display: none;
  }
}
.intro, .info, .media {
  width: 99%;
}

.introt, .infot, .mediat {
  padding-top: 30px;
}
.introt:before, .infot:before, .mediat:before {
  content: "";
  display: table;
}
.introt:after, .infot:after, .mediat:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.introt h3, .infot h3, .mediat h3 {
  font-size: 2em;
  padding-top: 10px;
}
.introt a, .infot a, .mediat a {
  background-color: #0A92B2;
  padding: 10px 15px;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 25px;
  width: 100px;
  display: block;
  text-align: center;
}
.introt img, .infot img, .mediat img {
  float: right;
}
.introt .tcon, .infot .tcon, .mediat .tcon {
  float: left;
  width: 58%;
}

.infot .tcon a {
  margin-bottom: 20px;
}

.mediat .tcon {
  width: 45%;
  margin-left: 5%;
}
.mediat .hidden {
  display: none;
}
.mediat .media-right {
  float: right;
  margin-bottom: 20px;
}
.mediat .media-right .video {
  border: 10px solid #dcdcdc;
  width: 450px;
  height: 250px;
}
.mediat .media-right .video iframe {
  width: 100%;
  height: 250px;
}

.introM, .infoM, .mediaM {
  background-color: #DBD5C7;
  padding-bottom: 20px;
}
.introM:before, .infoM:before, .mediaM:before {
  content: "";
  display: table;
}
.introM:after, .infoM:after, .mediaM:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.introM h3, .infoM h3, .mediaM h3 {
  background-color: #978B6E;
  text-align: center;
  margin: 0;
  padding: 0;
  padding: 4px 0;
  color: #fff;
}
.introM .Mcon, .infoM .Mcon, .mediaM .Mcon {
  width: 32%;
  margin-left: 1%;
  float: left;
  text-align: center;
  padding-top: 20px;
  height: 480px;
  position: relative;
}
.introM .Mcon h5, .infoM .Mcon h5, .mediaM .Mcon h5 {
  font-size: 1.3em;
  margin: 0;
  padding: 0;
  padding: 5px 0;
}
.introM .Mcon p, .infoM .Mcon p, .mediaM .Mcon p {
  width: 90%;
  margin: 0 auto;
}
.introM .Mcon a, .infoM .Mcon a, .mediaM .Mcon a {
  background-color: #FFF;
  color: #007e9c;
  width: 80px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -40px;
  font-weight: bolder;
}

.infoM .Mcon {
  height: auto;
  padding-bottom: 60px;
}

.mediaM .Mcon {
  width: 48%;
  height: auto;
}
.mediaM .Mcon p {
  display: none;
}
.mediaM .Mcon a {
  padding: 5px 10px;
  width: 40%;
  position: static;
  margin: 0 auto;
}

.introB, .infoB, .mediaB {
  background: url(../images/question.png) no-repeat;
  padding-top: 20px;
  background-position: left 20px;
  margin-bottom: -20px;
}
.introB:before, .infoB:before, .mediaB:before {
  content: "";
  display: table;
}
.introB:after, .infoB:after, .mediaB:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.introB h5, .infoB h5, .mediaB h5 {
  margin: 0;
  font-size: 1.2em;
  padding-left: 100px;
}
.introB p, .infoB p, .mediaB p {
  padding-left: 100px;
}
.introB img, .infoB img, .mediaB img {
  float: right;
}
.introB .Bcon, .infoB .Bcon, .mediaB .Bcon {
  float: left;
  width: 70%;
}

@media only screen and (max-width: 768px) {
  .introt {
    padding-top: 10px;
  }
  .introt img {
    width: 50%;
  }
  .introt .tcon {
    width: 50%;
  }

  .mediat .tcon {
    width: 30%;
    margin-left: 5%;
  }

  .infot {
    padding-top: 10px;
  }
  .infot img {
    width: 35%;
    margin-top: 180px;
  }
  .infot .tcon {
    width: 65%;
  }

  .introM .Mcon {
    height: 530px;
  }

  .mediaM .Mcon a {
    width: 60%;
  }

  .introB, .infoB, .mediaB {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .introt, .infot {
    padding-top: 0;
  }
  .introt img, .infot img {
    display: none;
  }
  .introt .tcon, .infot .tcon {
    width: 100%;
    padding-bottom: 40px;
  }
  .introt h3, .infot h3 {
    margin: 0;
  }

  .mediat .tcon {
    width: 98%;
    float: none;
  }
  .mediat .tcon h3 {
    margin: 0;
  }
  .mediat .hidden {
    display: none;
  }
  .mediat .media-right {
    float: none;
    width: 98%;
  }
  .mediat .media-right .video {
    width: 98%;
    height: 180px;
    margin-top: 20px;
  }
  .mediat .media-right .video iframe {
    height: 180px;
  }

  .introM .Mcon, .infoM .Mcon, .mediaM .Mcon {
    width: 100%;
    float: none;
    height: auto;
    padding-bottom: 60px;
  }

  .introB h5, .infoB h5, .mediaB h5 {
    padding-left: 80px;
  }
  .introB p, .infoB p, .mediaB p {
    padding-left: 20px;
  }
  .introB img, .infoB img, .mediaB img {
    display: none;
  }
  .introB .Bcon, .infoB .Bcon, .mediaB .Bcon {
    width: 95%;
  }
}
body, html {
  height: 100%;
}

.mintro {
  background: url(../images/intro.jpg) no-repeat;
  position: relative;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.mintro .btn {
  position: absolute;
  top: 45%;
}
.mintro .btn a {
  display: inline-block;
  width: 90px;
  border: 1px solid #fff;
  color: #fff;
  padding: 5px 15px;
  text-align: center;
  margin-left: 40px;
  font-size: 1.3rem;
}

@media only screen and (min-width: 320px) {
  .mintro .btn a {
    margin-left: 25px;
    width: 90px;
  }
}
@media only screen and (min-width: 360px) {
  .mintro .btn a {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 410px) {
  .mintro .btn a {
    margin-left: 50px;
    width: 100px;
  }
}
@media only screen and (min-width: 768px) {
  .mintro {
    background: url(../images/intropad.jpg) no-repeat;
    background-size: cover;
    background-position: center;
  }
  .mintro .btn a {
    width: 175px;
    font-size: 2rem;
    margin-left: 120px;
    border: 2px solid #fff;
  }
}
.gucon {
  margin-top: 20px;
}
.gucon:before {
  content: "";
  display: table;
}
.gucon:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.gucon a {
  color: #000;
  display: block;
}
.gucon a:hover {
  font-weight: bolder;
}
.gucon h4 {
  background: #E8D4AF;
  -moz-border-radius: 8px 8px 0 0;
  -webkit-border-radius: 8px;
  border-radius: 8px 8px 0 0;
  padding: 3px;
  text-align: center;
  color: #7F382B;
  font-weight: bolder;
  font-size: 1.2em;
  margin: 5% 0;
}
.gucon .pager a {
  display: inline;
}
.gucon .gunew {
  float: left;
  width: 21%;
  margin-right: 2%;
  padding-top: 40px;
}
.gucon .gunew .block {
  border-bottom: 1px dashed #797154;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.gucon .gunew .block:last-child {
  border-bottom: none;
}
.gucon .gunew .block h6 {
  margin: 0;
  padding: 0;
  color: #797154;
  font-size: 1em;
}
.gucon .gunew .block ul {
  margin: 0;
  padding: 0;
}
.gucon .gunew .block ul li {
  list-style-type: none;
  padding-left: 5px;
  font-size: 0.95em;
  line-height: 1.8;
}
.gucon .gunew .readlist ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.gucon .gunew .readlist ol li {
  padding-left: 25px;
  position: relative;
  padding-top: 20px;
  font-size: 0.95em;
  display: block;
}
.gucon .gunew .readlist ol li::before {
  content: attr(data-num);
  font-size: 0.8em;
  width: 8px;
  height: 18px;
  padding: 1px 6px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background: #930;
  display: block;
  position: absolute;
  left: 0;
  color: #fff;
}
.gucon .gunew .readlist ol li span {
  position: absolute;
  top: 0;
  left: 20px;
  font-size: 0.9em;
  color: #930;
}
.gucon .gunew .issuu span {
  text-align: center;
  display: block;
  padding: 10px;
}
.gucon .gunew .issuu img {
  display: block;
  margin: 0 auto;
  width: 80%;
}
.gucon .gulist {
  float: left;
  width: 76%;
}
.gucon .gulist .gutitle {
  background: url(../images/gutitle.jpg) no-repeat, url(../images/gutitlebg.png) no-repeat;
  background-position: left center, right top;
  width: 100%;
  text-indent: -9999px;
  height: 50px;
}
.gucon .gulist .listmenu {
  background: #DFCEB2;
  padding: 5px 20px;
}
.gucon .gulist .listmenu h4 {
  display: none;
}
.gucon .gulist .listmenu ul {
  margin: 0;
  padding: 0;
}
.gucon .gulist .listmenu ul:before {
  content: "";
  display: table;
}
.gucon .gulist .listmenu ul:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.gucon .gulist .listmenu ul li {
  list-style-type: none;
  float: left;
  width: 16%;
  text-align: center;
  line-height: 2;
}
.gucon .gulist .listmenu ul li a {
  color: #333;
}
.gucon .gulist .listmenu ul li.leaf_text a {
  display: block;
  background: url(../images/leaftext01.png);
  height: 28px;
  width: 86px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  margin-left: 15px;
}
.gucon .gulist .listmenu ul li.leaf_text a:hover {
  background: url(../images/leaftext01_.png);
}
.gucon .gulist .listview {
  margin-top: 20px;
}
.gucon .gulist .listview:before {
  content: "";
  display: table;
}
.gucon .gulist .listview:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.gucon .gulist .listview .viewblock {
  width: 42%;
  margin: 1%;
  background: #FDECDC;
  float: left;
  padding: 20px;
  height: 180px;
}
.gucon .gulist .viewblock {
  position: relative;
}
.gucon .gulist .viewblock .num {
  font-size: 0.95em;
  color: #803B2D;
  font-weight: bolder;
}
.gucon .gulist .viewblock .gudes:before {
  content: "";
  display: table;
}
.gucon .gulist .viewblock .gudes:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.gucon .gulist .viewblock .gudes .guimg {
  float: left;
}
.gucon .gulist .viewblock .gudes .guimg img {
  width: 100px;
}
.gucon .gulist .viewblock .gudes .guimg span {
  display: block;
  text-align: center;
}
.gucon .gulist .viewblock .gudes h5, .gucon .gulist .viewblock .gudes ul, .gucon .gulist .viewblock .gudes .num {
  margin: 0;
  padding: 0;
  margin-left: 115px;
}
.gucon .gulist .viewblock .gudes h5 {
  font-size: 1em;
}
.gucon .gulist .viewblock .gudes ul {
  padding-left: 15px;
}
.gucon .gulist .viewblock .gudes ul li a {
  display: inline;
  line-height: 1.8;
}

.listconview {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmNmM2VhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(5%, #ffffff), color-stop(5%, #fcf3ea), color-stop(100%, #ffffff));
  background-image: -moz-linear-gradient(top, #ffffff 0%, #ffffff 5%, #fcf3ea 5%, #ffffff 100%);
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 5%, #fcf3ea 5%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 5%, #fcf3ea 5%, #ffffff 100%);
  min-height: 700px;
}
.listconview .listtitle {
  background: url(../images/list_03.png) no-repeat;
  padding-top: 27px;
  padding-bottom: 20px;
  padding-left: 5px;
  font-size: 0.85em;
  margin-top: 20px;
  color: #803b2d;
  font-weight: bolder;
}
.listconview ul {
  margin: 0;
  padding: 0;
  padding-left: 10px;
}
.listconview ul li {
  list-style-type: none;
  position: relative;
  font-size: 1.05em;
  padding: 0.5em;
}
.listconview ul li .num {
  position: absolute;
  top: 7px;
  left: 0;
  border-color: #E8D4AF transparent transparent #E8D4AF;
  border-style: solid solid solid solid;
  border-width: 15px;
  margin: 5px;
  height: 0px;
  width: 0px;
}
.listconview ul li .num span {
  position: absolute;
  top: -16px;
  left: -16px;
  font-size: 0.85em;
  color: #803B2D;
  font-style: italic;
  font-weight: bolder;
}
.listconview ul li a {
  display: inline-block;
  padding-left: 40px;
}

.gaucon h2 {
  font-size: 1.5em;
}
.gaucon .site {
  text-align: right;
  display: block;
  padding: 10px;
  color: #423f31;
}

@media only screen and (max-width: 768px) {
  .gucon .pager {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .gucon .gulist .listmenu ul li {
    width: 20%;
  }
  .gucon .gulist .listview .viewblock {
    width: 90%;
  }

  .gaucon h2 {
    text-align: center;
  }
  .gaucon .gauart img {
    width: 95%;
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .gucon {
    position: relative;
  }
  .gucon .site {
    text-align: center;
  }
  .gucon h4 {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  .gucon .gunew h4 {
    position: fixed;
    left: 2px;
    top: 68px;
    width: 46%;
    margin: 0;
    z-index: 10;
  }
  .gucon .gunew .gublock {
    background: #EBD8B5;
    position: fixed;
    top: 105px;
    left: -210px;
    z-index: 9;
    width: 200px;
    height: 84%;
    overflow-y: scroll;
    -moz-transition: left 1s;
    -o-transition: left 1s;
    -webkit-transition: left 1s;
    transition: left 1s;
  }
  .gucon .gunew .gushow-left {
    -moz-transition: left 1s;
    -o-transition: left 1s;
    -webkit-transition: left 1s;
    transition: left 1s;
    left: 0px;
  }
  .gucon .gunew .readlist {
    display: none;
  }
  .gucon .gunew .issuu {
    position: absolute;
    top: 20px;
    width: 60px;
  }
  .gucon .gunew .issuu span {
    font-size: 0.8em;
  }
  .gucon .gunew .issuu h4 {
    display: none;
  }
  .gucon .gulist {
    float: none;
    width: 95%;
  }
  .gucon .gulist .gutitle {
    background: url(../images/gutitle.jpg) no-repeat, none;
    background-position: center center;
    width: 100%;
    margin-top: 30px;
  }
  .gucon .gulist .listmenu {
    background: none;
  }
  .gucon .gulist .listmenu ul {
    position: fixed;
    top: 105px;
    right: -210px;
    z-index: 9;
    width: 200px;
    -moz-transition: right 1s;
    -o-transition: right 1s;
    -webkit-transition: right 1s;
    transition: right 1s;
  }
  .gucon .gulist .listmenu ul li {
    float: none;
    width: 95%;
    background: #EBD8B5;
  }
  .gucon .gulist .listmenu .gushow-right {
    -moz-transition: right 1s;
    -o-transition: right 1s;
    -webkit-transition: right 1s;
    transition: right 1s;
    right: -7px;
  }
  .gucon .gulist .listmenu h4 {
    display: block;
    margin: 0;
    position: fixed;
    right: 2px;
    width: 48%;
    top: 68px;
    z-index: 10;
  }
  .gucon .gulist .listview {
    margin-top: -20px;
  }
  .gucon .gulist .listview .viewblock {
    width: 90%;
    margin-top: 20px;
  }
  .gucon .gulist .listview .viewblock ul li a {
    font-size: 0.9em;
  }

  .listconview {
    min-height: auto;
    margin-left: 1em;
  }
  .listconview .listtitle {
    margin-top: 0;
  }
}
.video-container {
  width: 100%;
  padding-top: 30px;
  border-bottom: 1px solid #eee;
}
.video-container:before {
  content: "";
  display: table;
}
.video-container:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.video-container .video-left {
  width: 50%;
  float: left;
  padding-top: 10px;
}
.video-container .video-left iframe {
  width: 478px;
  height: 350px;
}
.video-container .video-right {
  width: 50%;
  float: left;
  padding-bottom: 10px;
}
.video-container .video-right h3 {
  background: none;
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  color: #d3a244;
}

.playlist {
  margin: 0;
  padding: 0;
  margin-top: 20px;
}
.playlist:before {
  content: "";
  display: table;
}
.playlist:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.playlist li {
  width: 12%;
  margin-left: 0.5%;
  float: left;
  list-style-type: none;
}
.playlist li img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .video-container {
    padding-top: 10px;
  }
  .video-container .video-left {
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 10px;
  }
  .video-container .video-left iframe {
    width: 80%;
    height: 350px;
    margin: 0 auto;
    display: block;
  }
  .video-container .video-right {
    width: 100%;
    float: none;
  }

  .playlist li {
    width: 24%;
  }
}
@media only screen and (max-width: 480px) {
  .video-container .video-left {
    width: 95%;
  }
  .video-container .video-left iframe {
    width: 95%;
    height: 220px;
  }
  .video-container .video-right {
    width: 100%;
  }
  .video-container .video-right h3 {
    font-size: 1.2em;
  }

  .playlist li {
    width: 48%;
    margin-left: 1%;
  }
}
.download ul:before {
  content: "";
  display: table;
}
.download ul:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.download ul li {
  float: left;
  width: 43%;
  list-style-type: none;
  padding: 20px;
}
.download ul li:before {
  content: "";
  display: table;
}
.download ul li:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.download ul li a {
  color: #333;
  font-size: 1.2em;
  display: inline-block;
  float: left;
  width: 90%;
  margin-top: 5px;
}
.download ul li a span {
  float: right;
  width: 5%;
  margin-top: -5px;
}

@media only screen and (max-width: 480px) {
  .download ul {
    margin: 0;
    padding: 0;
  }
  .download ul li {
    float: none;
    width: 95%;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
  }
  .download ul li:last-child {
    border-bottom: none;
  }
  .download ul li a {
    font-size: 1em;
  }
}
.publishlist:before {
  content: "";
  display: table;
}
.publishlist:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.publishlist .publishdetail {
  width: 30%;
  float: left;
  border-bottom: 1px solid #f0f0f0;
  margin-top: 3%;
  padding-left: 2%;
  padding-right: 1%;
  margin-bottom: 2%;
  padding-bottom: 1%;
  height: 210px;
}
.publishlist .publishdetail .img img {
  width: 122px;
}
.publishlist .publishdetail .publishtitle {
  width: 75%;
}
.publishlist .publishdetail .publishtitle a {
  color: #d3a244;
}

.publish_detail {
  border-bottom: 1px solid #f0f0f0;
  width: 98%;
  margin: 0 auto;
}
.publish_detail h4 {
  font-size: 1.3em;
  font-weight: normal;
  margin: 0;
  margin-bottom: 10px;
}
.publish_detail .time {
  margin-bottom: 10px;
}
.publish_detail img {
  width: 98%;
  display: block;
  margin: 0 auto;
}

.publish_control {
  text-align: center;
}
.publish_control a {
  display: inline-block;
  padding: 10px;
  color: #d3a244;
}
.publish_control a:hover {
  color: #A2A2A2;
}

@media only screen and (max-width: 768px) {
  .publishlist .publishdetail {
    width: 28%;
    margin-left: 1%;
  }
  .publishlist .publishdetail .img img {
    display: block;
    margin: 0 auto;
  }
  .publishlist .publishdetail .publishtitle {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .publishlist .publishdetail {
    width: 45%;
    margin-left: 2%;
  }
  .publishlist .publishdetail .publishtitle {
    font-size: .95em;
    text-align: left;
  }

  .publish_control a {
    width: 41%;
    margin-left: 1%;
    display: inline-block;
  }
}
.articlelist {
  margin-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 10px;
}
.articlelist:last-child {
  border-bottom: none;
}
.articlelist a h4 {
  color: #d3a244;
  font-size: 1.2em;
  line-height: 2;
  font-weight: normal;
  margin: 0;
}
.articlelist a p {
  color: #333;
  font-size: 0.95em;
  width: 100%;
  margin: 0;
}

.exhilist:before {
  content: "";
  display: table;
}
.exhilist:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.exhilist .exhidetail {
  width: 47%;
  height: 220px;
  float: left;
  margin: 20px 0;
  margin-left: 5%;
  border-bottom: 1px solid #f0f0f0;
}
.exhilist .exhidetail:before {
  content: "";
  display: table;
}
.exhilist .exhidetail:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.exhilist .exhidetail:nth-child(2n+1) {
  margin-left: 0;
}
.exhilist .exhidetail .img {
  width: 30%;
  float: left;
}
.exhilist .exhidetail .de {
  width: 70%;
  float: left;
  padding-top: 20px;
}
.exhilist .exhidetail .de a {
  color: #333;
}
.exhilist .exhidetail .de .exhititle a {
  color: #d3a244;
}
.exhilist .exhidetail.yearslist {
  width: 95%;
  height: auto;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.exhilist .exhidetail.yearslist > .img {
  width: 150px;
  padding-top: 20px;
}
.exhilist .exhidetail.yearslist > .de {
  width: calc(98% - 150px);
}
.exhilist .exhidetail.yearslist ul li {
  margin-left: 0;
  margin-top: 10px;
  margin-right: 2px;
}
.exhilist .yearslist h4 {
  margin: 0;
  padding: 0;
}
.exhilist .yearslist ul {
  margin: 0;
  padding: 0;
}
.exhilist .yearslist ul:before {
  content: "";
  display: table;
}
.exhilist .yearslist ul:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.exhilist .yearslist ul li {
  list-style: none;
  float: left;
  margin-left: 10px;
  background-color: #d3a244;
  padding: 3px 8px;
}
.exhilist .yearslist ul li:first-child {
  margin-left: 0;
}
.exhilist .yearslist p {
  margin: 0;
  padding: 0;
  font-size: 0.85em;
}
.exhilist .yearslist .pt7 {
  padding-top: 7px;
}

.exhic_detail {
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}
.exhic_detail h4 {
  font-size: 1.3em;
  font-weight: normal;
  margin: 0;
  margin-bottom: 10px;
}
.exhic_detail .time {
  margin-bottom: 10px;
}
.exhic_detail img {
  width: 98%;
  display: block;
  margin: 0 auto;
}

.exhic_control {
  text-align: center;
}
.exhic_control a {
  display: inline-block;
  padding: 10px;
  color: #d3a244;
}
.exhic_control a:hover {
  color: #A2A2A2;
}

@media only screen and (max-width: 768px) {
  .exhilist .exhidetail {
    width: 50%;
    height: 250px;
    margin-left: 0;
    margin: 10px 0;
  }
  .exhilist .exhidetail .img {
    width: 100%;
    float: none;
    text-align: center;
  }
  .exhilist .exhidetail .de {
    width: 80%;
    margin: 0 auto;
    float: none;
    padding-top: 0;
  }
  .exhilist .exhidetail .de .exhititle {
    text-align: center;
  }
  .exhilist .exhidetail.yearslist > .img {
    float: left;
  }
  .exhilist .exhidetail.yearslist > .de .exhititle {
    text-align: left;
  }
}
@media only screen and (max-width: 480px) {
  .exhilist .exhidetail {
    width: 100%;
    margin-left: 0;
    font-size: 0.85em;
    height: auto;
    padding-bottom: 15px;
  }
  .exhilist .exhidetail .img {
    width: 27%;
    float: left;
    text-align: center;
  }
  .exhilist .exhidetail .img img {
    width: 90%;
  }
  .exhilist .exhidetail .de {
    width: 73%;
    margin: 0 auto;
    float: left;
    padding-top: 15px;
  }
  .exhilist .exhidetail .de .exhititle {
    text-align: left;
  }
  .exhilist .exhidetail.yearslist > .img {
    width: 100px;
    padding-top: 15px;
  }
  .exhilist .exhidetail.yearslist > .de {
    width: calc(98% - 100px);
  }
  .exhilist .exhidetail.yearslist ul li {
    width: auto;
    padding: 5px;
  }
  .exhilist .yearslist .img {
    padding-top: 20px;
  }
  .exhilist .yearslist ul li {
    width: 30%;
    margin: 0;
    margin: 5px 10px 5px 0;
    text-align: center;
  }

  .exhic_control a {
    width: 42%;
    margin-left: 1%;
    display: inline-block;
  }
}
@media only screen and (max-width: 320px) {
  .exhilist .exhidetail {
    font-size: 0.8em;
  }
  .exhilist .exhidetail .img {
    width: 24%;
  }
  .exhilist .exhidetail .de {
    width: 76%;
  }
}
.type_group h4 {
  margin: 0;
  padding: 0;
  font-size: 120%;
  font-weight: normal;
  margin-left: 10px;
  margin-bottom: 10px;
}

.type_item span {
  display: inline-block;
  padding: 5px 10px;
  border: 2px solid #b3a688;
  margin-left: 10px;
  cursor: pointer;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.type_item span:hover {
  background-color: #b3a688;
  color: #fff;
}
.type_item span.on {
  background-color: #b3a688;
  color: #fff;
}

@media only screen and (max-width: 480px) {
  .type_group h4 {
    text-align: left;
  }

  .type_item {
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
  }
  .type_item span {
    width: calc(100% / 3.2);
    padding: 10px;
  }
}
.webbtn {
  margin-top: 30px;
  margin-bottom: 30px;
  position: absolute;
  top: 0;
  right: 10px;
}
.webbtn a {
  border: 2px solid #b3a688;
  padding-top: 15px;
  padding-right: 65px;
  padding-bottom: 15px;
  padding-left: 25px;
  font-size: 1.1em;
  color: #b3a688;
  background-image: url(../images/website.png);
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right center;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.webbtn a:hover {
  -moz-box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.5);
  box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.5);
  background-color: #b3a688;
  background-image: url(../images/website_white.png);
  color: #fff;
}

@media only screen and (max-width: 480px) {
  .webbtn {
    position: static;
  }
}
.newslist {
  height: 100px;
  border-bottom: 1px solid #f0f0f0;
}
.newslist:before {
  content: "";
  display: table;
}
.newslist:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.newslist .date {
  float: right;
  width: 13%;
  padding-top: 10px;
}
.newslist .newsdetail {
  float: left;
  width: 85%;
  padding-bottom: 10px;
  padding-left: 2%;
}
.newslist .newsdetail h4, .newslist .newsdetail p {
  margin: 0;
  padding: 0;
}
.newslist .newsdetail a h4 {
  color: #d3a244;
  font-size: 1.2em;
  line-height: 2;
  font-weight: normal;
}
.newslist .newsdetail a p {
  color: #333;
  font-size: 0.95em;
  width: 95%;
}

.detailnews .fs {
  width: 98%;
  padding-right: 2%;
  text-align: right;
}
.detailnews .fs span {
  display: inline-block;
  text-align: center;
  border: 1px solid #b9b8b8;
  padding: 3px 7px;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.detailnews .fs span.on {
  background: #e20505;
  color: #fff;
}

.share h5 {
  margin: 0;
  font-size: 1.2rem;
  background: url(../images/share.png) no-repeat right center;
  width: 90px;
  padding-top: 5px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .newslist {
    height: auto;
  }
  .newslist .date {
    float: none;
    width: 100%;
  }
  .newslist .newsdetail {
    float: none;
    width: 100%;
  }
}
.con:before {
  content: "";
  display: table;
}
.con:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.con .detailnews {
  float: left;
  width: 65%;
}
.con .detailnews h4 {
  font-size: 1.5em;
  margin: 0;
  margin-top: 20px;
}
.con .detailnews .detailnewsp {
  border-right: 1px dashed #ccc;
  width: 98%;
  padding-right: 2%;
  margin-bottom: 5%;
  margin-top: 2%;
}
.con .detailnews .detailnewsp img {
  display: block;
  margin: 0 auto;
  width: 80%;
}
.con .hot {
  float: left;
  width: 32%;
  padding-left: 2%;
  font-size: 0.95em;
}
.con .hot h5 {
  margin: 0;
  padding: 0;
  padding-top: 85px;
  font-size: 1.2em;
}
.con .hot .hotlist {
  padding: 10px 0;
}
.con .hot .hotlist .hotdetail a {
  color: #333;
}
.con .hot .hotlist .hotdetail a h4 {
  color: #d3a244;
  margin: 0;
  padding: 0;
}
.con .hot .hotlist .hotdetail a p {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .skdslider ul.slide-navs {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .con .detailnews {
    width: 100%;
    float: none;
  }
  .con .detailnews .detailnewsp {
    margin-bottom: 0;
    border-right: none;
  }
  .con .detailnews .detailnewsp img {
    width: 95% !important;
  }
  .con .hot {
    width: 100%;
    float: none;
    padding-left: 0;
  }
  .con .hot h5 {
    padding-top: 10px;
  }
  .con .hot .hotlist {
    padding: 0;
    border-bottom: 1px solid #eee;
  }
  .con .hot .hotlist .hotdetail a p {
    display: none;
  }
  .con .hot .hotlist:last-child {
    border-bottom: none;
  }
}
.famous {
  border-bottom: 1px dashed #645C49;
  color: #645C49;
  font-size: 1.5em;
}

.famouslist ul {
  margin: 0;
  padding: 0;
}
.famouslist ul:before {
  content: "";
  display: table;
}
.famouslist ul:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.famouslist ul li {
  float: left;
  list-style-type: none;
  width: 150px;
  height: 150px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border-radius: 150px;
  background: #FFF;
  margin: 10px 10px 35px 10px;
  padding: 5px;
  border: 2px solid #E6E0E0;
}
.famouslist ul li a {
  color: #000;
}
.famouslist ul li a:hover {
  color: #645C49;
}
.famouslist ul li img {
  width: 150px;
  height: 150px;
  border-radius: 150px;
}
.famouslist ul li img:hover {
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.famouslist ul li h5 {
  text-align: center;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  font-size: 1.2em;
}
.famouslist ul li:hover {
  background: #645C49;
}

@media only screen and (max-width: 480px) {
  .famouslist ul li {
    width: 120px;
    height: 120px;
    -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
    border-radius: 120px;
    margin: 10px 15px 35px 15px;
  }
  .famouslist ul li img {
    width: 120px;
    height: 120px;
    -moz-border-radius: 120px;
    -webkit-border-radius: 120px;
    border-radius: 120px;
  }
}
@media only screen and (max-width: 300px) {
  .famouslist ul li {
    width: 100px;
    height: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    margin: 10px 15px 35px 15px;
  }
  .famouslist ul li img {
    width: 100px;
    height: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
  }
}
.famousdetail figure {
  display: block;
  margin: 0;
  padding: 0;
  margin: 1.5em 0;
}
.famousdetail figure img {
  display: block;
  margin: 0 auto;
}
.famousdetail h4 {
  margin: 0;
  padding: 0;
  margin: 0.5em 0;
  font-weight: bolder;
}
.famousdetail h4 span {
  font-weight: normal;
  color: #3C3C3C;
}
.famousdetail p {
  margin: 0;
  padding: 0;
}

.title {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.title h2 {
  text-align: center;
  font-size: 1.8em;
  margin: 0;
  padding: 0;
  margin-top: 2%;
}

.con h3 {
  background: url(../images/news_icon.png) no-repeat;
  background-position: left center;
  padding: 30px 0 30px 80px;
}
.con .timelist {
  border-bottom: 1px solid #f0f0f0;
  padding: 20px 0;
}
.con .timelist:before {
  content: "";
  display: table;
}
.con .timelist:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.con .timelist .date {
  float: left;
  width: 15%;
}
.con .timelist .timedetail {
  float: left;
  width: 80%;
}
.con .timelist .timedetail h4 {
  margin: 0;
}
.con .timelist .timedetail h4 a {
  color: #d3a244;
}
.con .timelist .timedetail p {
  margin: 0;
}
.con .timelist .more {
  display: none;
}
.con .timelist:last-child {
  border-bottom: none;
}
.con .years_con time {
  margin-top: 2%;
  display: block;
}
.con .years_con h4 {
  color: #714C3F;
  font-size: 1.4em;
  margin: 0;
  padding-top: 2%;
}
.con .years_con p {
  width: 98%;
  margin: 2% auto;
}

@media only screen and (max-width: 767px) {
  .title h2 {
    margin-top: 1%;
    margin-bottom: 1%;
  }
  .title .selectstyle {
    text-align: center;
  }
  .title .selectstyle select:first-of-type {
    width: 35%;
    display: inline-block;
  }
}
@media only screen and (max-width: 480px) {
  .con h3 {
    padding: 20px 0 20px 80px;
    margin: 0;
    margin-top: 10px;
  }
  .con .timelist {
    position: relative;
  }
  .con .timelist .date, .con .timelist .timedetail {
    float: none;
  }
  .con .timelist .date {
    width: 96%;
    padding-left: 2%;
    font-size: 1.2em;
    padding-bottom: 5px;
  }
  .con .timelist .timedetail {
    width: 100%;
  }
  .con .timelist .more {
    display: block;
    position: absolute;
    bottom: 0;
    right: 10px;
  }
}
.menu {
  margin: 0;
  padding: 0;
  float: left;
}
.menu:before {
  content: "";
  display: table;
}
.menu:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.menu li {
  float: left;
  list-style-type: none;
}
.menu li a {
  padding: 25px 18px 18px 9px;
  display: block;
}
.menu li ul {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 55px;
  background-color: #877e69;
  width: 40%;
  padding: 0 30%;
  min-width: 1000px;
  z-index: 1;
}
.menu li ul:before {
  content: "";
  display: table;
}
.menu li ul:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.menu li ul li {
  float: left;
}
.menu li ul li a {
  color: #fff;
  padding-left: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.menu li ul li span {
  display: block;
  font-size: 0.8em;
}
.menu li:hover > ul {
  display: block;
}
.menu li:hover > ul li a {
  white-space: nowrap;
}
.menu li.withsub {
  background-image: url(../images/arr1.png);
  background-repeat: no-repeat;
  background-position: 115% center;
}
.menu li.withsub:hover {
  background-color: #877e69;
  background-image: url(../images/arr2.png);
  background-repeat: no-repeat;
  background-position: 115% center;
  display: block;
}
.menu li.withsub:hover a {
  color: #ffc600;
}
.menu li.withsub:hover ul li a {
  color: #fff;
}
.menu li.withsub + .on {
  background-image: url(../images/arr3.png);
  background-repeat: no-repeat;
  background-position: 115% center;
}
.menu li.withsub + .on a {
  color: #ffc600;
}
.menu li.withsub + .on:hover {
  background-image: url(../images/arr2.png);
  background-repeat: no-repeat;
  background-position: 115% center;
}
.menu li.withsub + .on ul li a {
  color: #fff;
}
.menu li.on a {
  color: #ffc600;
}
.menu li.withsub ul li, .menu li.on ul li {
  background-image: none;
}
.menu li.withsub ul li a:hover, .menu li.on ul li a:hover {
  color: #333;
}
.menu li.eng a {
  color: #ffc600;
}

.msocial li a {
  padding: 20px 0 0 0;
}
.msocial li .fb {
  width: 30px;
}
.msocial li.fb, .msocial li.search, .msocial li.fgs {
  width: 60px;
  line-height: 0;
}
.msocial li.search {
  padding-left: 0;
}
.msocial li.search a {
  padding-left: 0;
  cursor: pointer;
  padding-bottom: 5px;
}
.msocial li.search .searchstyle {
  float: right;
  height: 40px;
  padding-top: 10px;
  margin-right: 20%;
}
.msocial li.withsub {
  background-position: 115% 65%;
}
.msocial li.fgs img {
  display: block;
  margin-top: -15px;
}

.pl {
  padding-left: 100px;
}

@media only screen and (max-width: 1170px) {
  .menu li ul {
    padding: 0.5em 20%;
  }
}
@media only screen and (max-width: 1024px) {
  .menu li ul {
    padding: 0.5em 13%;
  }
}
@media only screen and (max-width: 768px) {
  .mmenu {
    position: fixed;
    left: -250px;
    top: 65px;
    background: #333;
    z-index: 3;
    width: 250px;
    height: 90%;
    -moz-transition: left 1s;
    -o-transition: left 1s;
    -webkit-transition: left 1s;
    transition: left 1s;
  }

  .show-left {
    -moz-transition: left 1s;
    -o-transition: left 1s;
    -webkit-transition: left 1s;
    transition: left 1s;
    left: 0;
  }

  .menu {
    overflow-y: scroll;
  }
  .menu li {
    float: none;
  }
  .menu li a {
    padding: 7px 0px 7px 20px;
  }
  .menu li.fgs a {
    padding: 15px 0 2px 15px;
  }
  .menu li ul {
    position: static;
    padding: 0;
    width: auto;
    min-width: auto;
    padding-left: 15px;
    line-height: 1.3;
    display: block;
    background: #333;
  }
  .menu li ul li {
    float: none;
  }
  .menu li ul li a {
    color: #F1E4C3;
  }
  .menu li.withsub {
    background-position: right center;
  }
  .menu li.withsub:hover, .menu li.withsub.show {
    background-position: right 10%;
  }
  .menu li.withsub ul li a {
    color: #F1E4C3;
  }
  .menu li.show ul {
    display: block;
  }

  .msocial {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    height: auto;
    overflow-y: visible;
  }
  .msocial li.search a {
    position: absolute;
    top: 0;
    right: 55px;
  }
  .msocial li.search ul {
    position: fixed;
    top: 65px;
    display: none;
    padding: 0;
    width: 100%;
  }
  .msocial li.search ul li {
    padding: 0;
  }
  .msocial li.search ul.show-top {
    display: block;
  }
  .msocial li.search .searchstyle {
    margin-right: 10%;
  }
  .msocial li.fb a {
    position: absolute;
    top: 0;
    right: 100px;
  }

  .pl {
    padding: 0;
  }
}
@media only screen and (max-width: 480px) {
  .msocial {
    display: none;
  }
}
footer {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  color: #fff;
  position: relative;
}
footer:before {
  content: "";
  display: table;
}
footer:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
footer .sitemap {
  float: left;
  width: 68%;
  margin-right: 2px;
  background: #A2A2A2;
}
footer .sitemap:before {
  content: "";
  display: table;
}
footer .sitemap:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
footer .sitemap .map {
  float: left;
  width: 16.5%;
  padding: 12px 0;
  padding-left: 2%;
  font-size: 0.9em;
}
footer .sitemap .map a {
  display: block;
  padding-top: 5px;
  color: #fff;
  line-height: 1.2;
}
footer .sitemap .map .submap {
  padding-left: 10px;
}
footer .attractions {
  float: left;
  width: 31%;
  background: url(../images/bg_footer_attraction.jpg) no-repeat;
  height: 212px;
}
footer .attractions p {
  margin: 0;
  padding: 0;
  padding: 5%;
}
footer .attractions .dbtn {
  padding: 2%;
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 31%;
  margin-left: 3%;
  text-align: center;
}
footer .attractions .dbtn a {
  color: #007e9c;
  font-weight: bolder;
  font-size: 1.1em;
  font-family: serif;
}
footer h4 {
  background: #7e7e7e;
  padding: 5px 10px;
  margin: 0;
  font-weight: normal;
}
footer h4 a {
  color: #fff;
}
footer .subscribe {
  position: absolute;
  top: 50%;
  left: 49%;
}
footer .subscribe a {
  color: #fff;
}
footer .subscribe .paper {
  display: block;
  position: relative;
}
footer .subscribe .paper a {
  color: #e6faff;
  background: #27a7c5;
  border: 0;
  padding: 7px 5px;
  display: inline-block;
  font-size: 0.95em;
  text-align: center;
}
footer .subscribe .paper .lb {
  display: inline-block;
  position: absolute;
  top: 0;
  right: -10px;
}
footer .subscribe .paper .lb a {
  background: none;
  padding: 0;
}
footer .subscribe .paper .lb img {
  height: 36px;
}
footer .subscribe .social span img {
  width: 37px;
  margin-top: 10px;
}
footer .subscribe .mfb, footer .subscribe .mfgs, footer .subscribe .msearch {
  display: none;
}

@media only screen and (max-width: 768px) {
  footer {
    display: none;
  }
  footer .subscribe {
    top: 45%;
    left: 51%;
  }
  footer .subscribe .paper a {
    padding: 8px 10px;
    display: none;
  }
  footer .subscribe .paper .lb {
    position: static;
    margin-top: 3px;
  }
  footer .subscribe .social span img {
    width: 25px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 480px) {
  footer {
    margin-bottom: 20px;
  }
  footer .sitemap, footer .attractions {
    display: none;
  }
  footer .subscribe {
    font-size: 0.75em;
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
    display: block;
    background: rgba(101, 92, 73, 0.85);
  }
  footer .subscribe:before {
    content: "";
    display: table;
  }
  footer .subscribe:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1;
  }
  footer .subscribe .paper a {
    width: 100%;
    padding: 0;
    background: none;
    color: #fff;
  }
  footer .subscribe .paper .lb {
    display: none;
  }
  footer .subscribe .social {
    display: none;
  }
  footer .subscribe .paper, footer .subscribe .mfgs, footer .subscribe .mfb {
    display: block;
    float: left;
    border-right: 1px solid #fff;
    padding: 10px 5px;
  }
  footer .subscribe .paper:before, footer .subscribe .mfgs:before, footer .subscribe .mfb:before {
    content: "";
    display: table;
  }
  footer .subscribe .paper:after, footer .subscribe .mfgs:after, footer .subscribe .mfb:after {
    content: "";
    display: table;
    clear: both;
    zoom: 1;
  }
  footer .subscribe .paper img, footer .subscribe .mfgs img, footer .subscribe .mfb img {
    display: block;
    float: left;
  }
  footer .subscribe .msearch {
    padding-top: 8px;
    display: block;
  }
  footer .subscribe .msearch input[type=text] {
    width: 29%;
    height: 20px;
    padding-left: 2px;
    margin-left: 2px;
    color: #655c49;
  }
  footer .subscribe .msearch input[type=submit] {
    width: 40px;
    background: rgba(101, 92, 73, 0.85);
    border: none;
  }
}
@media only screen and (max-width: 320px) {
  footer .subscribe .msearch input[type=text] {
    width: 69px;
    padding-left: 0;
  }
}
.ifooter {
  color: #fff;
  background-color: #a2a2a2;
}
.ifooter h3 {
  background: #7e7e7e;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  margin: 0;
  margin-bottom: 10px;
}
.ifooter ul.infolist {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 20px;
}
.ifooter ul.infolist:before {
  content: "";
  display: table;
}
.ifooter ul.infolist:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.ifooter ul.infolist li {
  float: left;
  width: 28%;
  list-style-type: none;
  margin: 1% 2%;
  text-align: center;
}
.ifooter ul.infolist li img {
  display: block;
  margin: 0 auto;
}
.ifooter ul.infolist li a {
  color: #fff;
}
.ifooter p {
  text-align: center;
  position: relative;
}
.ifooter p a {
  color: #fff38c;
}
.ifooter p .subscribe {
  display: inline-block;
}
.ifooter p .subscribe a {
  color: #007b98;
  background: #b4f1ff;
  border: 0;
  padding: 8px;
  font-size: 1em;
  text-align: center;
  margin-top: 10px;
}
.ifooter p .subscribe a:hover {
  color: #b4f1ff;
  background: #007b98;
}
.ifooter p .linebf img {
  height: 39px;
  position: absolute;
  top: -8px;
  right: 0;
}

.ifooterinfo {
  background: #7e7e7e;
}

.ifooterinfoarea {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  margin: 0 auto;
  padding-top: 2%;
}
.ifooterinfoarea:before {
  content: "";
  display: table;
}
.ifooterinfoarea:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.ifooterinfoarea .finfol {
  float: left;
  width: 45%;
  padding-left: 5%;
  padding-right: 5%;
}
.ifooterinfoarea .finfol p {
  text-align: left;
  margin: 0.5em;
}
.ifooterinfoarea .finfol p small {
  font-size: 0.95rem;
  color: #fff080;
}
.ifooterinfoarea .finfor {
  float: left;
  padding-right: 10%;
  margin: 0 auto;
}

.banner {
  margin-top: -12px;
}
.banner .slide_desc {
  left: 0;
  padding: 15px;
  position: absolute;
  bottom: 15%;
  max-width: 85%;
  display: inline-block;
  background: url("../images/slider/slide_desc.png") repeat scroll 0 0 transparent;
  line-height: 1.1;
}
.banner .slide_desc .slide_header a, .banner .slide_desc .slide_title a {
  color: #CFDB0C;
  font-size: 2em;
  padding-bottom: 10px;
  display: block;
}
.banner .slide_desc p {
  margin: 0;
  padding: 0;
}
.banner .slide_desc p a {
  color: #fff;
  line-height: 1;
  font-size: 1.3em;
}

.latestnews {
  width: 100%;
  height: 70px;
  padding-top: 20px;
  overflow: hidden;
}
.latestnews .latestnewscon {
  background: url(../images/latestnews_icon.png) left top no-repeat;
  padding: 5px 0 5px 72px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.latestnews .latestnewscon:before {
  content: "";
  display: table;
}
.latestnews .latestnewscon:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.latestnews .latestnewscon time {
  float: left;
  padding-top: 17px;
  padding-left: 5px;
  font-size: 1.2em;
}
.latestnews .latestnewscon a h3 {
  float: left;
  padding-left: 5px;
  color: #d3a244;
}
.latestnews .latestnewscon a p {
  float: left;
  padding-top: 5px;
  padding-left: 5px;
  color: #aaa;
}

.attractionSlider {
  background: #51bbd4;
  padding: 0 0 18px 0;
}
.attractionSlider .attractcon {
  margin-top: 10px;
  color: #fff;
}
.attractionSlider .attractcon h3 {
  text-align: center;
  color: #fff;
  background-color: #43a5bc;
  padding: 5px 0;
  margin: 0;
  margin-bottom: 10px;
}
.attractionSlider .bxslider {
  padding-bottom: 5px;
}
.attractionSlider .bxslider:before {
  content: "";
  display: table;
}
.attractionSlider .bxslider:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.attractionSlider .bxslider li {
  float: left;
}
.attractionSlider .attractionSliderWrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.attractionSlider .attractionSliderWrapper:before {
  content: "";
  display: table;
}
.attractionSlider .attractionSliderWrapper:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
.attractionSlider .attractionSliderWrapper img {
  float: left;
  width: 212px;
}
.attractionSlider .attractionSliderWrapper .attractionSlider_detail {
  float: left;
  width: 70%;
  padding-left: 2%;
}
.attractionSlider .attractionSliderWrapper .attractionSlider_detail h4 {
  font-size: 1.1em;
}
.attractionSlider .attractionSliderWrapper .attractionSlider_detail a {
  color: #fff;
  text-decoration: underline;
}
.attractionSlider .attractionSliderWrapper .attractionSlider_detail a:hover {
  text-decoration: none;
}
.attractionSlider .attractionSliderWrapper .attractionSlider_detail .attractionSlider_link span {
  width: 100px;
  height: 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #8ED3E3;
  padding: 10px 20px;
  margin-right: 10px;
  text-align: center;
}
.attractionSlider .attractionSliderWrapper .attractionSlider_detail .attractionSlider_link span a {
  color: #007e9c;
  font-weight: bolder;
}

.attractionSlider2 {
  background: #ffce82;
  padding: 0 0 18px 0;
}
.attractionSlider2 li h4 {
  margin: 0;
  font-size: 1.6em;
}
.attractionSlider2 li p {
  margin: 0;
  margin-bottom: 5px;
}
.attractionSlider2 li a {
  width: 100px;
  height: 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #8ED3E3;
  padding: 7px 10px;
  margin-right: 10px;
  text-align: center;
  margin-bottom: 20px;
  color: #007e9c;
  font-weight: bolder;
  display: block;
}

body {
  font-family: "Helvetica Neue", "Helvetica", "Arial", "STHeitiTC-Light", "Microsoft YaHei", "Microsoft JhengHei", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

header {
  width: 100%;
  background-color: #645c49;
  position: relative;
}
header a {
  color: #fff;
}
header a:hover {
  color: #ffc600;
}
header .header {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
header .header:before {
  content: "";
  display: table;
}
header .header:after {
  content: "";
  display: table;
  clear: both;
  zoom: 1;
}
header .header h1 {
  margin: 0;
  text-indent: -9999px;
  background: url(../images/bmc_logo.png) no-repeat;
  width: 105px;
  height: 105px;
  position: absolute;
  z-index: 2;
}
header .header .btn {
  display: none;
}

article {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 20px;
}
article .banner {
  padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  header {
    background: #645c49;
    height: 65px;
    position: fixed;
    top: 0;
    z-index: 9999;
  }
  header .header h1 {
    left: 50%;
    top: 10px;
    margin-left: -125px;
    z-index: 1;
    background: url(../images/bmc_mlogo.png) no-repeat;
    width: 250px;
    height: 46px;
    background-size: contain;
  }
  header .header .btn {
    position: absolute;
    top: 15px;
    left: 2px;
    display: block;
    z-index: 4;
  }

  article {
    margin: 0 auto;
    margin-top: 75px;
    width: 98%;
  }
}
.nob {
  border-bottom: none;
}