@font-face {
  font-family: "JF Flat Regular";
  src: url("http://f9ir.github.io/acc/acc/font/JF-Flat-regular.eot");
  src: url("http://f9ir.github.io/acc/acc/font/JF-Flat-regular.eot?#iefix") format("embedded-opentype"), url("http://f9ir.github.io/acc/acc/font/JF-Flat-regular.svg#JF Flat Regular") format("svg"), url("http://f9ir.github.io/acc/acc/font/JF-Flat-regular.woff") format("woff"), url("http://f9ir.github.io/acc/acc/font/JF-Flat-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  background: #F2A648;
  margin:0 5%;
}

* {
  margin: 0 auto;
  padding: 0;
}

.accordion {
  margin: 0px auto 50px;
  cursor: pointer;
}
.accordion .item h3 {
  vertical-align: middle;
    text-indent:-0.8em;
    margin-top: 1.8%;
  padding-left: 2.5em;
  font-family: "JF Flat Regular";
  font-size: 28px;
  font-weight: 800;
}

.accordion .item h3:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.accordion .item:first-of-type {
  color: #fff;
}
.accordion .item:nth-of-type(2) {
  color: #ffe9c1;
}
.accordion .item:nth-of-type(3) {
  color: #fff;
}
.accordion .item:nth-of-type(4) {
  color: #ffe9c1;
}
.accordion .item:nth-of-type(5) {
  color: #fff;
}
.accordion .item:nth-of-type(6) {
  color: #ffe9c1;
}
.accordion .item:nth-of-type(7) {
  color: #fff;
}
.accordion .item:nth-of-type(8) {
  color: #ffe9c1;
}
.accordion .item:nth-of-type(9) {
  color: #fff;
}
.accordion .item:nth-of-type(10) {
     color: #ffe9c1;
}

.accordion .item:nth-of-type(11) {
  color: #fff;
}
.accordion .item:nth-of-type(12) {
  color: #ffe9c1;
}
.accordion .item:nth-of-type(13) {
  color: #fff;
}
.accordion .item:last-of-type {
  color: #ffe9c1;
}

.accordion p {
  font-family: "JF Flat Regular";
  font-size: 20px;
  padding: 15px;
  display: none;
  box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.2);
  padding-left:20px;
  background-color:#fff;
  opacity:0.6;
  margin-left: 6%;
  border-radius: 10px;
  line-height: 1.4em;    
}

.home-header{
    display: inline-block;
    }
.home-btn-area{
  float: right;  
  
    }
.home-button {
     cursor: pointer;
     color: #fef4e9;
     border: solid 1px #fff;
     outline: none;
     text-decoration: none;
     font:'Microsoft yahei',Arial, Helvetica, sans-serif;
     padding: 3px 20px;
     -webkit-border-radius: .5em; 
     -moz-border-radius: .5em;
     border-radius: .5em;
    font-size: 18px;
}
    
.home-button:hover {
    color: #ffffff;
    font-size: 21px;
}