body {
  padding-top: 70px;
}
.bglogo{ background: center repeat-x;height:350px; margin-bottom:20px;}
.line-left{ background:url(/uploads/image/shfirst_time/bg-left.gif) 10px top repeat-y;}
.time-bg{ background:#f0ece2;border-radius: 4px;}
.col-xs-offset-0-1{ margin-left:35px;}
.col-xs-offset-0-2{ margin-left:25px;}
.padding{ padding-left:3px; padding-right:3px; margin-bottom:10px;}
.margintop1{ margin-top:5px}
.yuan{ background:url(/uploads/image/shfirst_time/yuan.png) 10px top no-repeat; paddin-left:25px; *background-position:10px top; }
.greayfont a{ color:#696969;}
.text-right{ text-align:right;}

.list-group-item1.active, .list-group-item1.active:hover, .list-group-item1.active:focus{
background-color: #f9d900;
border-color: #917f19;
}



@media screen and (max-width:767px)
{
	.time-bg{ background:none;}
	.text-center{ text-align:left;}
	.text-right{ text-align:left;}
	.col-xs-7 { width:100%}
	.bglogo{ background: center repeat-x;height:300px; margin-bottom:20px;}
	body{ padding-top:30px;}
	

}
@media screen and (max-width:550px)
{
	  

}

/*
 * off canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}