/* SP Elements Style
*****************************************************************************/
/* mod_spheader
-----------------------------------------*/
.mod_spheader{
  display: none;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.mod_spheader{
  display: block;
  position: relative;
  background-color: #FFF;
  padding: 20px 10px 10px 10px;
}
.mod_spheader_item{
  position: relative;
  overflow: hidden;
}
.mod_spheader_item p.splogo{
  float: left;
  position: relative;
  top:-3px;
}
.mod_spheader_item p.splogo img{
  width: 185px;
  height: auto;
}
/* spbtn */
.mod_spheader_item ul.spbtn{
  float: right;
  text-align: right;
}
.mod_spheader_item ul.spbtn li{
  display: inline-block;
}
.mod_spheader_item ul.spbtn li.headerbarMenu a{
   display:table;
   width:55px;
   height:30px;
  color:#CCC;
  background:#1d1d1d;
   background-size:10px;
    /*border-radius*/
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.mod_spheader_item ul.spbtn li.headerbarMenu a:after{
  display:table-cell;
  padding:0 6px 7px 0;
  vertical-align:middle;
  content: " \f0DD";
  font-family: FontAwesome;
  font-size:120%;
}
.mod_spheader_item ul.spbtn li.headerbarMenu a span{
 display:table-cell;
 vertical-align:middle;
 text-align: left;
 font-size:12px;
 width:55px;
 overflow:visible;
 box-sizing:border-box;
 padding:0 0 0 8px;
}
.mod_spheader_item ul.spbtn li.headerbarTop a{
 display:table;
 padding: 0 10px 0 10px;
 height:30px;
 color:#CCC;
 background:#1d1d1d;
  /*border-radius*/
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.mod_spheader_item ul.spbtn li.headerbarTop a span{
  display:table-cell;
  vertical-align: middle;
  font-size: 12px;
}
/* mod_spheader_nav */
.mod_spheader_nav.close{
  display: none;
}
.mod_spheader_nav{
  position: absolute;
  top: 65px;
  left: 0;
  right: 0;
  z-index: 99;
  border-top: solid 1px #1d1d1d;
}
.mod_spheader_nav ul li{
  width: 100%;
}
.mod_spheader_nav ul li{
  background-color: #3e3e3e;
  border-bottom: solid 1px #1d1d1d;
}
.mod_spheader_nav ul li a{
  position: relative;
  display: block;
  padding:20px 15px 20px 15px;
  color: #FFF;
}
.mod_spheader_nav ul li a:after{
  position: absolute;
  top:50%;
  right: 10px;
  margin-top: -8px;
  content: " \f054";
  font-family: FontAwesome;
}
.mod_spheader_nav p.closebtn{
 display:block;
 text-align:center;
 padding:15px 20px 15px 20px;
 background-color: #1d1d1d;
}
.mod_spheader_nav p.closebtn span{
 display:inline-block;
 background-color:#FFF;
 padding:5px 10px 5px 10px;
  /*border-radius*/
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.mod_spheader_nav p.closebtn span:before{
 display:inline-block;
 margin:0 10px 0 0;
 content: " \f00d";
 font-size:120%;
 font-family: FontAwesome;
}
}