@charset "utf-8";
/* newstab4 */
.iframe-wrap {
  position: relative;
  width: 100%;
  height:0;
  padding-top:80vh;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.iframe-wrap iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-sizing : border-box;
}

.tabs{
  width:100%;
  margin:10px auto;
  position:relative;
}
.tab-buttons span{
  /*font:400 14px 'open sans',sans-serif;
  color:#333;
  background:#eee;*/
  cursor:pointer;
  /*border-bottom:2px solid #ddd;*/
  /*background: #EFEFEF;*/
    font-weight: bold;
    border-radius: 0.5em 0.5em 0 0;
    border: solid 2px #FFF;
    /*transition: .4s;*/
    background: -webkit-repeating-linear-gradient(-45deg,#FFF 0,#FFF 1px,#EFEFEF 1px,#EFEFEF 4px);
    background: -o-repeating-linear-gradient(-45deg,#FFF 0,#FFF 1px,#EFEFEF 1px,#EFEFEF 4px);
    background: repeating-linear-gradient(-45deg,#DFDFDF 0,#DFDFDF 1px,#EFEFEF 1px,#EFEFEF 4px);

  display:block;
  width:25%;
  float:left;
  text-align:center;
  height:40px;
  line-height:40px;
}
/*.tab-buttons span:hover{
    font-weight: bold;
    background: -webkit-repeating-linear-gradient(-45deg,#E0E43B 0,#E0E43B 2px,#DCE11E 2px,#DCE11E 4px);
    background: -o-repeating-linear-gradient(-45deg,#E0E43B 0,#E0E43B 2px,#DCE11E 2px,#DCE11E 4px);
    background: repeating-linear-gradient(-45deg,#CACF1B 0,#CACF1B 1px,#DCE11E 1px,#DCE11E 4px);
}*/
@media only screen and (max-width: 766px) {
    .tab-buttons span {
    font-size: x-small;
    }
}
.tab-content{
  /*border-bottom:3px solid #ddd;*/
  padding:15px;
  /*background:#eee;*/
  display:inline-block;
  /*font:400 13px 'open sans',sans-serif;
  color:#333;*/
  width:100%;
  height: 85vh;
}
#lamp{
  width:25%;
  height:2px;
  background:#DCE11E;
  display:block;
  position:absolute;
  top:40px;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content2{
  left:25%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content3{
  left:50%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content4{
  left:75%;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}
#lamp.content1{
  left:0;
  transition: all .3s ease-in;
-o-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
}