@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box;}
* > *:last-child{margin-bottom:0;}

@media(min-width:1000px){.only-sp{display:none !important;}}
@media(max-width: 999px){.only-pc{display:none !important;}}

body{color:#333 !important;font-family:"微软雅黑","Microsoft YaHei",'HiraginoSansGB-W3','Helvetica Neue','San Francisco','PingFang SC';}

#kms-article{margin: 0 auto;width: 100%;font-weight: normal;overflow: visible;}

.img-responsive {
    display: block;
    max-width:100%;
    height:auto;
}
.center-block{display:block;margin-left:auto;margin-right:auto}

#kms-main{width: 100%;max-width:1600px;margin: 0 auto;}

.tit0,.tit1,.tit2,.tit3{font-weight: normal;padding: 0;}
.tit0,.tit1,.tit2{text-align: center;}

.tit0{font-size: 48px;line-height: 48px;width: 100%;max-width:1200px;margin: 50px auto 0;}

.tit1{font-size: 48px;line-height: 48px;width: 100%;max-width:1200px;margin: 0 auto 50px;}
.tit0 small,.tit1 small{font-size: 24px;line-height: 24px;margin-top: 15px;padding-top: 10px;font-family: "微软雅黑","Microsoft YaHei",'HiraginoSansGB-W3','Helvetica Neue','San Francisco','PingFang SC';display: block;border-top: 1px solid #ccc;}


.tit2{font-size: 30px;line-height: 30px;margin-bottom: 40px;}

.tit1 + .tit2{margin-top: 100px;}

.blank{background-image: url(/assets/img/media/exhibition/2016/target-blank.png);background-position: right top;background-repeat: no-repeat;}

.kms-eyesight{background:url(/assets/img/media/exhibition/2016/kms-eyesight-textarea.jpg) center top /100% no-repeat #b4c9d7;margin-bottom: 30px;}
.kms-eyesight p{padding: 33px 50px;font-size: 18px;line-height: 31px;}

.kms-es-imgs{display: table;width: 100%;table-layout: fixed;}
.kms-es-simg{display: table-cell;vertical-align: middle;width: 25%;}
.kms-es-simg p{text-align: center;font-size: 14px;line-height: 30px;text-align: center;padding: 0;}

.btn-kms{background-color: #666;border:3px solid #666;color:#fff;font-size: 18px;display: block;text-align: center;line-height: 60px;}

.btn-small{width: 100%;max-width: 400px;margin: 0 auto;}
.btn-medium{width: 100%;max-width: 800px;margin: 0 auto;}
.btn-modal{width: 100%;max-width: 550px;margin: 30px auto 0;line-height: 50px;}

a[class*="btn-"]:hover{opacity:.8;}

.btn-kms .fa-angle-right{margin-left: 0.5em;}
.kms-eyesight-txt{text-align: center;margin: 30px 0;font-size: 24px;line-height: 41px;}

.column-row{margin:-8px -4px 0;}
.column-row:after{content:"";display: table;clear: both;}
div[class*="col-"]{padding:0 4px;float: left;margin-top: 8px;}



.kms-concept-txt{padding: 25px;font-size: 18px;line-height: 31px;background: #92c5df;}

.kms-activities{background: #1b3d8c;padding:20px 15px;color:#fff;}

.tit3{margin-top: 15px;margin-bottom: 10px;font-size: 18px;line-height: 18px;}
.kms-activities p{font-size: 14px;line-height: 24px;}
.wset1200under{max-width: 1200px;width: 100%;margin: 0 auto;}
.wset1200under img{max-width:1200px;width: 100%;height: auto;}




.accessmap{background: #f7f7f7;}
.accessmap .tit2{font-size: 24px;height: 24px;}

.graybox{padding: 8px;background: #f7f7f7;margin:0 0 30px;}

a.bg-cover{background-size: cover;background-repeat: no-repeat;padding-bottom: 100%;display: block;}

/* modal */
.white-popup-block {
    background: #FFF;
    padding: 20px;
    max-width: 800px;
    margin: 40px auto;
    position: relative;
    font-weight: normal;
}
.white-popup-block p{font-size: 24px;line-height: 24px;text-align: center;}

.tit-popup{
  position: absolute;
  top: 20px;
  left: 20px;
  background: #333;
  font-size: 48px;
  line-height: 34px;
  padding: 8px;
  color:#fff;
  width: 100px;
  font-weight: normal;
  padding:12px 8px 4px;
}
.tit-popup small{font-size: 16px;line-height: 16px;margin-right: 0.5em;}
.modal-img{width:100%;max-width: 480px;margin: 0 auto 30px;}

div[id*="kms-modal"] button.mfp-close,
div[id*="kms-modal"] button.mfp-arrow {
  background-color: transparent;
}

div[id*="kms-modal"] .mfp-close {
  width: 100%;
  max-width: 38px;
  height: 100%;
  max-height: 37px;
  line-height: 37px;
  right: 20px;
  top: 20px;
  opacity: 0.5;
  color: transparent;
    background:url(/assets/img/media/exhibition/2016/modal-close.png) center center /100% no-repeat;
  }

div[id*="kms-modal"] .mfp-close:active {top: 19px; }


/* margin */
.mt20{margin-top: 20px;}

.mb1{margin-bottom: 1px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb150{margin-bottom: 150px;}

.nav-top{width: 160px;float: right;}

#kms-nav{font-weight: bold;padding-top: 61px;}
#kms-nav ul{list-style: none;text-align: center;}
#kms-nav li + li{margin-top: 2px;}
#kms-nav li a{background: #333b9f;color:#fff;display: block;font-size: 16px;line-height: 19px;padding: 10px;}

#kms-nav li a:hover,
#kms-nav li a:active,
#kms-nav li.active a{background: #6db9eb;color:#fff;}


#kms01{padding-top: 90px;}
#kms02{padding-top: 90px;margin-top: 60px;}
#kms03{padding-top: 90px;margin-top: 60px;}
#kms04{padding-top: 90px;margin-top: 60px;}
#kms05{padding-top: 90px;margin-top: 60px;}
#kms06{padding-top: 90px;margin-top: 60px;}


.kms-container,.kms-container-fluid{}

.area-section{}



@media(min-width:1000px){
    #kms-article{max-width: 1600px;}
    .kms-container{margin:0 200px;}
    .kms-container-fluid{width: 100%;}
    .kms-es-simg{width: 25%;}
    .accessmap{padding:50px;}
    .accessmap img{max-width:700px;height: auto;}

    .col-l6{width: 50%;}
    .col-l4{width: 33.3333%;}
    .col-l3{width: 25%;}
    .col-l2{width: 16.6666%;}

}
@media(max-width: 999px){
    #kms-article{max-width:999px;}
    .kms-container{width: 100%;padding:0 20px;}
    .width-fluid{margin: 0 -3.65vw;}
    .kms-eyesight p {padding: 20px;}
    .kem-es-imgs{padding:0 3.5vw;}
    .kms-es-simg{width: 50%;}
    #main br{display: inline;}
    .kms-concept-txt{padding: 20px;}
    .accessmap{padding:50px 10px;}

    .col-s12{width: 100%;}
    .col-s6{width: 50%;}
    .col-s4{width: 33.3333%;}
    .col-s3{width: 25%;}
    .col-s2{width: 16.6666%;}

    .col-s12 + .col-s12{margin-top: 10px;}
}

@media(max-width: 900px){
.mfp-container {
    padding-left: 1vw;
    padding-right: 1vw;
  }
}
/* extension - nav */
@media screen and (max-width: 1240px) {
  .header .sec_nav .sec_nav_list ul li {
    width: 148px;
  /*  background: rgba(255, 255, 255, 0.8); */
  }
}

@media screen and (max-width: 1110px) {
  .header .sec_nav .sec_nav_list ul li {
    width: auto;
    padding: 0 10px;
  }
  .header .sec_nav .sec_nav_list {
    margin-right: 10px;
  }
}

@media screen and (max-width: 800px) {
  .header .sec_nav .sec_nav_list ul li {
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  #kms01 {
    padding-top: 20px;
  }
  #kms02,#kms03,#kms04 {
    padding-top: 10vw;
    margin-top: 12vw;
  }
  #kms05,#kms06 {
    margin-top: 7.5vw;
    padding-top: 8vw;
  }
  .white-popup-block {
    padding: 3vw;
  }
  .tit-popup {
    top: 3vw;
    left: 3vw;
    font-size: 7.4vw;
    line-height: 0.5;
    width: 15.6vw;
    padding: 2.7vw 0px 0.4vw 1vw;
  }
  .tit-popup small {
    font-size: 0.3em;
    line-height: 1.2;
    margin-right: 0.5em;
  }
  div[id*="kms-modal"] .mfp-close {
    max-width: 6vw;
    max-height: 6vw;
    right: 3vw;
    top: 3vw;
  }
  .mfp-wrap{
    max-width: 100%;
    width: 100%;
    overflow-x: hidden;
    /*height: 70vw !important;*/
    height: 520px !important;
  }
  .mfp-image-holder .mfp-content {
    max-width: 100%;
    width: 100%;
    overflow-x: hidden;
     vertical-align: top
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  top: 0.5em;
  font-size: 1rem;
  }
  
  .modal-img {
    width: calc(480/768*120vw);
    max-width: 480px;
    margin: 0 auto 20px;
  }
  .white-popup-block p {
    font-size: calc(29/768*100vw);
    line-height: 1;
  }
  .btn-modal {
    margin: 4.5vw auto 0;
    max-width: 86vw;
  }
  .kms-eyesight {
    margin-bottom: 20px;
  }
  
  
  .kms-eyesight p {
    padding: 3vw 3.5vw;
    font-size: 2.78vw;
    line-height: 1.8;
  }
  .kms-es-simg p {
    font-size: 2vw;
    line-height: 1.2;
    padding: 10px 0;
    height: 40px !important;
  }
  .kms-eyesight-txt {
    margin: 18px 0;
    font-size: 3.8vw;
    line-height: 1.8;
  }
  .kms-concept-txt {
    padding: 12px 12px;
    font-size: 2.8vw;
    line-height: 5vw;
  }
  .tit3 {
    font-size: 2.8vw;
    line-height: 1;
    margin-bottom: 5px !important;
    margin-top: 10px !important;
  }
  .kms-activities p {
    font-size: 2vw;
    line-height: 1.5;
  }
  .mb40 {
    margin-bottom: 25px;
  }
  .mt20 {
    margin-top: 15px;
}
  .accessmap {
    padding: 22px 1.8vw 25px;
    margin-top: 10vw;
  }
  .accessmap .tit2 {
    font-size: 3.7vw;
    height: 25px;
  }
  .btn-small {
    max-width: 238px;
  }
  .btn-kms {
    font-size: 2.6vw;
    line-height: 7.2vw;
  }
  .tit1 + .tit2 {
    margin-top: 53px;
  }
  .tit0,.tit1 {
    font-size: 7.5vw;
    line-height: 3vw;
    margin: 40px auto 0 !important;
  }
  .tit1 {
    margin: 0 auto 30px;
  }
  .tit2 {
    font-size: 4.7vw;
    margin-bottom: 16px;
  }
  .tit0 small, .tit1 small {
    font-size: 3.7vw;
    line-height: 1vw;
    margin-top: 4.5vw;
    margin-bottom: 9vw;
    padding-top: 3.5vw;

  }
  
  
.kms-container {
    padding: 0 3.4vw;
}
  
div[class*="col-"] {
    padding: 0 2px;
    float: left;
    margin-top: 4px;
}
  .blank{
    background-size: 3vw;
  }
  .mb1 {
    margin-bottom: 1px;
  }
  .col-s12 + .col-s12 {
    margin-top: 5px;
  }
  .kms-activities{
    padding: 3vw 3vw;
  }
  .btn-kms{
    width: 100% !important;
  }
  .l-footer .btn-top{
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    bottom: 2.5rem !important;
  }
  .l-footer .btn-top .icon-arrow {
    font-size: 0.5rem;
    margin-top: 0.1rem;
  }
  
}

@media screen and (max-width: 640px) {
    h2 img, .map-wrap img {
    width: auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 320px){
.width-fluid {
    margin: 0 -4.55vw;
  }
  .kms-concept-txt {
    font-size: 1.2vw;
    line-height: 4.5vw;
  }
}

@media only screen and (min-width: 568px) and (max-width: 746px) {  
  .mfp-zoom-in.mfp-ready .mfp-with-anim{
    width: 64vw;
    margin: 0 auto;
  }
  .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
    top: 0.2em;
    font-size: 1.5rem;
  }
}