@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: arial, roboto, '微軟正黑體';
  background: #fff url(../images/jp123_bg.jpg) center 0 repeat-x;
}

area, a, img {
  border: none;
  outline: none;
}

.container {
  width: 960px;
  margin: 0 auto;
}

.top_btn {
  width: 100%;
  height: 38px;
  display: block;
  position: absolute;
  bottom: 0;
}

.row {
  overflow: hidden;
  *zoom: 1;
}

ul {
  margin: 0;
  padding: 0;
}
ul.list-unstyle li {
  list-style-type: none;
}
ul.list-inline li {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}

.mainNav {
  text-align: center;
  padding: 24.5px 0;
}
.mainNav li {
  margin: 0 10px;
}
.mainNav li a {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
.mainNav .btn1 {
  width: 224px;
  height: 33px;
  background: url(../images/btn_btn1_normal.png) 0 0 no-repeat;
}
.mainNav .btn1:hover {
  background: url(../images/btn_btn1_hover.png) 0 0 no-repeat;
}
.mainNav li {
  margin: 0 10px;
}
.mainNav li a {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
.mainNav .btn2 {
  width: 166px;
  height: 33px;
  background: url(../images/btn_btn2_normal.png) 0 0 no-repeat;
}
.mainNav .btn2:hover {
  background: url(../images/btn_btn2_hover.png) 0 0 no-repeat;
}
.mainNav li {
  margin: 0 10px;
}
.mainNav li a {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
.mainNav .btn3 {
  width: 152px;
  height: 33px;
  background: url(../images/btn_btn3_normal.png) 0 0 no-repeat;
}
.mainNav .btn3:hover {
  background: url(../images/btn_btn3_hover.png) 0 0 no-repeat;
}
.mainNav li {
  margin: 0 10px;
}
.mainNav li a {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}
.mainNav .btn4 {
  width: 109px;
  height: 33px;
  background: url(../images/btn_btn4_normal.png) 0 0 no-repeat;
}
.mainNav .btn4:hover {
  background: url(../images/btn_btn4_hover.png) 0 0 no-repeat;
}

.view-box {
  width: 665px;
  height: 473px;
  margin-top: 40px;
  margin-left: 180px;
  padding: 16px 26px;
  overflow-x: hidden;
}
.view-box h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  color: #cc5e8e;
  overflow: hidden;
  *zoom: 1;
}
.view-box h2.mt-m {
  margin-top: 40px;
}
.view-box span, .view-box small {
  font-size: 15px;
  color: #cc5e8e;
}
.view-box p {
  text-indent: 24px;
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 1px;
}

.banner {
  width: 960px;
  height: 653px;
  background: url(../images/banner.jpg) 0 0 no-repeat;
  position: relative;
}

.banner-ani {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
}
.banner-ani > img {
  position: absolute;
  display: none;
}
.banner-ani .txt1 {
  top: 333px;
  left: 159px;
}
.banner-ani .txt2 {
  top: 305px;
  left: 244px;
}
.banner-ani .txt3 {
  top: 256px;
  left: 365px;
}
.banner-ani .txt4 {
  top: 198px;
  left: 554px;
}
.banner-ani .txt5 {
  top: 21px;
  left: 560px;
}
.banner-ani .txt6 {
  top: 18px;
  left: 733px;
}

.book {
  width: 228px;
  height: 340px;
  position: absolute;
  top: 297px;
  left: 710px;
  z-index: 999;
}

.book-caption {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 9px;
}

.section1 {
  width: 960px;
  height: 679px;
  background: url(../images/section1.jpg) 0 0 no-repeat;
  position: relative;
}

.word_menu {
  width: 500px;
  position: absolute;
  top: 30px;
  left: 106px;
}
.word_menu li {
  height: 221px;
  margin-right: 43px;
  margin-top: 43px;
}
.word_menu li img {
  opacity: 0;
  filter: alpha(opacity=0);
}
.word_menu li.noset {
  margin-right: 0;
}
.word_menu li.wm6 {
  margin-right: 46px;
}
.word_menu li.wm7 {
  margin-right: 42px;
}

.word_box {
  width: 813px;
  margin: 48px auto 0;
  position: relative;
  display: none;
}
.word_box.is-open {
  display: block;
}

.wordT {
  margin: 0 auto;
  background: url(../images/word/word_bg.png) 0 0 repeat;
}

.word-close {
  width: 28px;
  height: 28px;
  background: url(../images/word/close_btn.png) 0 0 no-repeat;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  /* Fix for IE7 */
  *display: inline;
  /* Fix for IE7 */
  position: absolute;
  top: 14px;
  right: 15px;
}

.section2 {
  position: relative;
}

.section3 {
  width: 960px;
  height: 628px;
  background: url(../images/section3.jpg) 0 0 no-repeat;
  position: relative;
}

.section4 {
  position: relative;
}
.section4 .top_btn {
  bottom: 20px;
}