.gn-content ul li {
  color:#B1228B;
  font-weight:bold;
  margin-bottom:0px;
  margin-top:0px;
  padding-left:0px;
}

.gn-content ul li::before {
  width:0px;
}

.top_content{
  font-size:18px;
  font-weight:normal;
  line-height:1.5em;
}


.top_msg_title{
  font-size:32px;
  font-weight:normal;
  line-height:12px;
}

.inbox_title{
  line-height:1.5em;
  font-size:16px;
  font-weight:bold;
  margin-bottom:0px;
}


.sub_msg_title{
  font-size:18px;
  font-weight:normal;
  line-height:12px;
}

// inherited selectors //
.wrap-sm{
  width:1500px;
  margin:0 auto;
}

.manual_link{
  color:#B1228B;
  font-weight:bold;
}

a {
  font-weight:bold;
}

li {
  color:#B1228B;
  font-weight:bold;
  margin-bottom:0px;
  margin-top:18px;
}


// web design //


.box-items{
  margin:0px 0px 0px 0px;
}

.article_title{
  min-width:350px;
  height:50px;
  background:#E9E9E9;
  margin-left:auto;
  margin-right:auto;
  margin:40px 100px 0px 0px;
  cursor:pointer;
  word-break:normal;
}

.title_line{
  color:#B1228B;
  font-weight: bold;
}

.item_icon{
  float:left;
  margin:10px 0px 0px 10px;
  width:30px;
  height:30px;
}

.item_string{
  float:left;
  margin:18px 0px 0px 10px;
  color:#B1228B;
  font-weight:bold;
  color:#B1228B;
  word-wrap:normal;
}

.article_content{
  display:none;
  min-width:320px;
  margin:20px 100px 0px 20px;
  font-size:16px;
  clear:both;
}

.inbox_title_common{
  color:#B1228B;
  inline-height:16px;
  padding:0px 0px 0px 0px;
}

.inbox_title_large{
  font-size:16px;
  margin-bottom:0px;
  font-weight:bold;
  inline-height:0px;
}

.inbox_letters_detail{
  margin:0px 0px 0px 0px;
  line-height:1.5em;
  word-break:normal;
  padding-bottom:1em;
}

.faq_answer{
  padding: 0px 40px 0px 0px;
  margin-left:auto;
  margin-right:auto;
}

.faq_answer_detail{
  line-height:1.5em;
  padding: 0px 20px 0px 20px;
}

.arrow {
    position: relative;
    float: right;
    display: inline-block;
    padding-left: 0px;
    width: 50px;
    height: 50px;
    background: #B1228B;
    transition: ease-out 0.25s;
}

.arrow::before{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135eg);
  transform: rotate(135deg);
  position: absolute;
  top: 20px;
  left: 20px;
  margin-top: -4px;
}

.inbox_letters_list{
  padding-left:0px;
  background:#ffffff;
  list-style:disc;
}
.inbox_letters_list::before{
  content:'';
  width:0px;
  height:0px;
  position: relative;
  top: 0px;
  left: 0px;
  background:#ffffff;
}

#top_banner{
width:100%;
height:100%;
max-width:auto;
max-height:auto;
}

/*
div {
  -webkit-transform:scale(1.0);
}

.mobile_center_img {
    -webkit-animation: mobile_center_img 3s infinite;
}

@-webkit-keyframes mobile_center_img {
    0%{
        -webkit-transform:scale(1.0);
    }
    60%{
        -webkit-transform:scale(1.0);
    }
    70%{
        -webkit-transform:scale(1.05);
    }
    80%{
        -webkit-transform:scale(1.0);
    }
    90%{
        -webkit-transform:scale(1.05);
    }
    100%{
        -webkit-transform:scale(1.0);
    }
}
*/
// responsive web design //

@media(min-width:0px){
  .item_string{
    font-size:14px;
  }
  .top_msg_title{
    text-aling:center;
  }
  .sub_msg_title{
    text-aling:center;
  }
  .box-items{
    margin:0px 0px 0px 0px;
  }
  .article_content{
    margin:20px 0px 0px 30px;
  }
  .article_title{
    margin:40px 0px 0px 0px;
  }
  .inbox_title_large{
    font-size:16px;
    line-height:8px;
  }
  .inbox_title{
    font-size:14px;
  }
  .inbox_letters_detail{
    font-size:14px;
  }
  .faq_answer_detail{
    font-size:14px;
  }


}

@media(min-width:690px){
  .item_string{
    font-size:18px;
  }
  .article_content{
    margin:20px 50px 0px 80px;
  }
  .article_title{
    margin:40px 50px 0px 50px;
  }
  .inbox_title_large{
    font-size:20px;
  }
  .inbox_title{
    font-size:18px;
  }
  .inbox_letters_detail{
    font-size:16px;
  }
  .faq_answer_detail{
    font-size:16px;
  }
}

@media(min-width:1012px){
  .item_string{
    font-size:18px;
  }
  .article_content{
    margin:20px 100px 0px 160px;
  }
  .article_title{
    margin:40px 100px 0px 100px;
  }
  .inbox_title_large{
    font-size:24px;
  }
  .inbox_title{
    font-size:18px;
  }
  .inbox_letters_detail{
    font-size:18px;
  .faq_answer_detail{
    font-size:18px;
  }
}
