* {
  outline: none;
  padding: 0px;
  letter-spacing: normal;
}
.noscroll {
  overflow: hidden !important;
}
html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-y: scroll;
}
body {
  position: relative;
  font-family: 'Roboto Condensed', 'Microsoft JhengHei', Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #db4331;
  margin: auto;
  padding: 0px;
  background-repeat: no-repeat;
  background-position: center top;
}
a {
  text-decoration: none;
  cursor: pointer;
}
p,
ul,
ol {
  margin: 0px;
  padding: 0px;
}
table {
  border-collapse: collapse;
  border-spacing: 0px;
}
table tr td {
  vertical-align: top;
}
img {
  max-width: 100%;
  height: auto;
  font-size: 0px;
  vertical-align: middle;
  border: 0px;
  -ms-interpolation-mode: bicubic;
}
button {
  cursor: pointer;
}
.clearboth {
  clear: both;
}
#main-frame {
  position: relative;
  display: block;
  width: 1484px;
  height: 784px;
  border: 8px #db432f solid;
  margin: auto;
}
#main-frame-inner {
  position: relative;
  display: block;
  width: 1370px;
  height: 100%;
  margin: auto;
}
#content-container-1 {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
#content-container-2 {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: transparent;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #db4331;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #db4331;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #db4331;
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.inner-large-title {
  position: absolute;
  display: block;
  top: 51px;
  right: 0px;
}
.inner-page-content {
  position: relative;
  float: left;
  width: 1080px;
}
.inner-title {
  position: relative;
  float: left;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  background: #db432f;
  line-height: 20px;
  text-align: left;
}
.inner-title2 {
  background: transparent;
}
.inner-title-row-1 {
  position: relative;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  line-height: 24px;
}
.inner-title-row-2 {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin-top: 5px;
  line-height: 22px;
}
.inner-title-row-3 {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  line-height: 28px;
}
.inner-title-row-4 {
  position: relative;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
  margin-top: 15px;
  line-height: 28px;
}
.inner-content {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  color: #db4331;
  line-height: 22px;
}
.inner-content span {
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
}
#content-mask {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 55px;
  background: url(img/common/content-mask.png);
  background-repeat: repeat-x;
  z-index: 10;
}
#copyright {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
  color: #db4331;
}
#copyright-2 {
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  bottom: 24px;
  right: 0px;
}
#footer-logo {
  position: absolute;
  display: block;
  width: 169px;
  height: 66px;
  bottom: 48px;
  left: 0px;
}
#extra-footer {
  margin-top: 12px;
}
#popup {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  overflow-y: scroll !important;
  z-index: 9999;
}
#popup-inner {
  position: relative;
  margin: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  border: 4px #db432f solid;
  border-radius: 5px;
}
#popup .popup-video {
  background: #000;
  width: 854px;
  height: 480px;
}
#content-left-1 {
  position: relative;
  float: left;
  width: 282px;
  height: 395px;
}
#content-left-2 {
  position: relative;
  float: left;
  width: 282px;
  height: 430px;
  margin-top: 26px;
}
#main-menu-1 {
  position: absolute;
  top: 204px;
  left: 83px;
  z-index: 1000;
}
#main-menu-2 {
  position: absolute;
  top: 234px;
  left: 83px;
  z-index: 1000;
}
#menu-list {
  position: relative;
  list-style: none;
}
#menu-list .item {
  position: relative;
  display: block;
}
#menu-list .item > a {
  position: relative;
  display: block;
  width: 86px;
  height: 30px;
  background-image: url(img/menu/menu-0.png);
  background-repeat: no-repeat;
}
#menu-list .item > a:hover {
  background-image: url(img/menu/menu-5.png);
}
#menu-list .item-actived > a {
  background-image: url(img/menu/menu-5.png);
}
#menu-list .item-1 > a {
  background-position: 0px 0px;
  margin-top: 0px;
}
#menu-list .item-2 > a {
  background-position: 0px -52px;
  margin-top: 22px;
}
#menu-list .item-3 > a {
  background-position: 0px -104px;
  margin-top: 22px;
}
#menu-list .item-4 > a {
  background-position: 0px -156px;
  margin-top: 22px;
}
#menu-list .item .sub-menu-list {
  position: absolute;
  display: none;
  width: 238px;
  height: 366px;
  background: url(img/common/drop-down-menu.png);
  background-repeat: no-repeat;
  top: -10px;
  left: 64px;
  padding-top: 10px;
  list-style: none;
}
#menu-list .item .sub-menu-list .sub-item {
  position: relative;
  padding-left: 18px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#menu-list .item .sub-menu-list .sub-item > a {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  line-height: 18px;
}
#menu-list .item .sub-menu-list .sub-item-actived > a {
  background: none;
  color: #db4331;
}
#menu-list .item .sub-menu-list .sub-item > a:hover {
  color: #db4331;
}
#menu-list .item:hover>.sub-menu-list {
  display: block;
}
#content-middle-1 {
  position: relative;
  float: left;
  padding-left: 12px;
  padding-right: 12px;
  z-index: 90;
}
#introduction-title {
  position: absolute;
  display: block;
  width: 326px;
  height: 276px;
  top: 27px;
  right: 0px;
}
#introduction-content {
  position: relative;
  width: 775px;
  height: 270px;
  margin-top: 100px;
}
#home-popup {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0.5);
  z-index: 9999;
}
#home-popup-img {
  position: relative;
  padding: 20px;
  background: #fff;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  width: 1000px;
}
#close-popup-btn {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  top: 0px;
  right: 0px;
  background: none;
  border: 0px;
}
#content-middle-2 {
  margin-top: 162px;
}
#exhibition-content {
  margin-top: 45px;
  width: 1031px;
  height: 390px;
}
#content-middle-3 {
  margin-top: 207px;
}/*953795e33e25c16a067bcfa2a5842f5b*/
#exhibits-content {
  width: 1031px;
  height: 457px;
}
#exhibits-content-inner {
  margin-top: 25px;
}
.exhibits-video {
  position: relative;
  margin-left: 40px;
  margin-bottom: 10px;
  height: 200px;
  overflow: hidden;
}
.exhibits-video a {
  display: block;
  width: 345px;
}
.exhibits-video img {
  margin-top: -30px;
}
.video-play-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url(img/common/video-icon.png);
  background-repeat: no-repeat;
  background-position: center;
}
#content-middle-4 {
  margin-top: 174px;
}
#masters-list {
  position: relative;
  display: block;
  width: 1000px;
  list-style: none;
}
#masters-list li {
  float: left;
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  font-weight: bold;
  color: #211f1f;
}
#masters-list .item > a {
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #211f1f;
  text-transform: uppercase;
}
#masters-list .item-actived > a {
  color: #db4331;
}
#masters-list .item > a:hover {
  color: #db4331;
}
#content-middle-4-left {
  position: relative;
  float: left;
  margin-top: 28px;
  width: 420px;
}
#content-middle-4-right {
  position: relative;
  float: left;
  margin-top: 28px;
  width: 584px;
}
#masters-archive-content {
  position: relative;
  width: 395px;
  height: 406px;
}
#cur-master-photo {
  position: absolute;
  display: block;
  background: rgba(255,255,255,0.8);
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
#cur-master-photo-inner {
  position: relative;
  width: 260px;
  padding: 10px;
  margin: auto;
  margin-top: 18px;
  -webkit-box-shadow: 0px 0px 20px 5px rgba(216,216,216,0.8);
  -moz-box-shadow: 0px 0px 20px 5px rgba(216,216,216,0.8);
  box-shadow: 0px 0px 20px 5px rgba(216,216,216,0.8);
}
#content-middle-4-right-shortcut {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.master-shortcut-link {
  position: relative;
  display: block;
  float: left;
  width: 144px;
  height: 130px;
  margin-bottom: 5px;
}
#content-middle-5 {
  margin-top: 202px;
}
#content-middle-5-left {
  position: relative;
  float: left;
  width: 420px;
}
#content-middle-5-right {
  position: relative;
  float: left;
  width: 612px;
}
#exhibits-styles-content {
  width: 394px;
  height: 450px;
}
#exhibits-styles-content-inner {
  margin-top: 26px;
}
#exhibits-styles-videos {
  height: 450px;
}
.video-group {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #db4331;
  font-weight: bold;
}
.video-item {
  position: relative;
  margin-bottom: 20px;
}
.video-item-photo {
  position: relative;
  height: 162px;
  overflow: hidden;
}
.video-item-photo img {
  margin-top: -23px;
}
.video-item-left {
  float: left;
  width: 48%;
}
.video-item-right {
  float: right;
  width: 48%;
}
.video-item-name {
  font-size: 15px;
  color: #db432f;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-item-play {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: url(img/common/video-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px;
}
#content-middle-6 {
  margin-top: 133px;
}
#weapons-tools-list {
  width: 1000px;
  height: 83px;
}
#weapons-tools-list ul {
  list-style: none;
}
#weapons-tools-list ul li {
  float: left;
  height: 22px;
  line-height: 22px;
  font-size: 15px;
  font-weight: bold;
  color: #211f1f;
}
#weapons-tools-list ul li .item {
  font-size: 15px;
  font-weight: bold;
  color: #211f1f;
  text-transform: uppercase;
}
#weapons-tools-list ul li .item-actived {
  color: #db4331;
}
#weapons-tools-list ul li .item:hover {
  color: #db4331;
}
#content-middle-6-left {
  position: relative;
  float: left;
  margin-top: 28px;
  width: 400px;
}
#exhibits-training-content {
  width: 394px;
  height: 400px;
}
#content-middle-6-right {
  position: relative;
  float: left;
  margin-top: 14px;
  width: 635px;
  background: #000;
}
#exhibits-training-videos {
  background: #000;
  padding: 20px;
  padding-right: 10px;
  width: auto;
  height: 400px;
}
#credits-content {
  margin-top: 100px;
  height: 390px;
  width: 1031px;
}
.credits-item {
  position: relative;
  margin-top: 30px;
}
.credits-item-1 {
  margin-top: 0px;
}
.credits-item-sub {
  margin-top: 10px;
}
.credits-item-sub .inner-title {
  padding-left: 30px;
}
.credits-item-left {
  position: relative;
  float: left;
  width: 35%;
  margin-right: 10%;
}
.credits-item-right {
  position: relative;
  float: left;
  width: 55%;
}