/* Space out content a bit */


.well h4{
	font-weight: bold !important;
	}
	
.well p{
	font-size: 90% !important;
	}
	
	
.navbar-nav li img{
	height: 30px !important;
	width: auto !important;
	}

/* Custom page  */
.header {
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 10px;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  color:#333;
}

/* Custom page footer */
.footer {
  margin-bottom: 70px;
  padding-top: 19px;
  color: #777;
  font-size: 80%;
  text-align:center;
}

.form-group input{
margin: 0 auto;
font-size: 200%;
vertical-align:middle;
text-align:center;
}

/*Webkit*/
::-webkit-input-placeholder    {
text-align:center;
vertical-align: middle;
line-height: 50px;
height: 50px;
color: #eee;
font-size: 50%;
}
 
/*Firefox 19以降*/
::-moz-placeholder    {
text-align:center;
vertical-align: middle;
line-height: 50px;
height: 50px;
color: #eee;
font-size: 50%;
}
 
/*Firefox 18以前*/
:-moz-placeholder    {
text-align:center;
vertical-align: middle;
line-height: 50px;
height: 50px;
color: #eee;
font-size: 50%;
}
 
/*Windows IE*/
:-ms-input-placeholder    {
text-align:center;
vertical-align: middle;
line-height: 50px;
height: 50px;
color: #eee;
font-size: 50%;
}


.well p{
	font-size: 80%;
}



.info-icon{
	font-size:150%;
	margin-right: 10px;
	vertical-align: middle;
	height: 30px;
}

.info-icon2{
	font-size:150%;
	margin-right: 10px;
	vertical-align: middle;
	height: 25px;
}


.col-md-7{
		margin-top: 20px;
}
.col-md-9 p{
	padding-top: 10px;
}

.list-group-title{
vertical-align: middle;
line-height: 30px;
}

.panel-body p{
font-size: 80%;
color: #555;
}

.header h3{
font-size: 150%;
line-height: 1.2em;
}


.enter-code{
width:255px;
margin: 0 auto;
padding-bottom: 20px;	
}

.enter-key{
margin-bottom: 7px;
margin-right: 8px;
}

.enter-key2{
margin-bottom: 5px;
}

.enter-btn{
padding:17px;

}

.enter-btn01{
padding-top: 17px;
padding-bottom: 17px;
padding-left: 14px;
padding-right: 14px;
font-size: 90%;

}

.enter-btn02{
padding-top: 17px;
padding-bottom: 17px;
padding-left: 15px;
padding-right: 15px;
font-size: 80%;
}

.submit-search{
padding-left: 50px;
padding-right: 50px;
}

.menu-panel{
padding-left:15px;
}

.panel-wrap{
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
}

.h5{height: 5px;}
.h10{height: 10px;}
.h20{height: 20px;}
.h30{height: 30px;}
.h40{height: 40px;}
.h50{height: 50px;}
.h60{height: 60px;}
.h70{height: 70px;}
.h80{height: 80px;}
.h90{height: 90px;}
.h100{height: 100px;}



.pagetop {
	position: fixed;
	bottom: 30px;
	right: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #428bca;
	border-radius: 5px;   
    -webkit-border-radius: 5px;   
    -moz-border-radius: 5px;  
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	line-height: 50px;
}
.pagetop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.img-sns img{
	height: 28px;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

.info-bar{
padding-top:10px;
padding-bottom:5px;
padding-left: 12px;
padding-right: 12px;
}


.menu-box{
width: 100%
display: table;

}

.menu-item{	
	 display: table-cell;
	 vertical-align:middle;
}

.menu-text{	
padding: 10px;
}

.menu-item img{
	width: 80px;
}


.heed{
	text-align:center;
	font-size: 80%;
	color:#888;
	
}

.heed2{
	text-align:center;
	font-size: 80%;
	color:#888;
	
}


.qrcode{
text-align: center;
padding-top: 20px;
padding-bottom: 10px;

}


@media (max-width: 640px) {

.menu-item img{
	width: 60px;
}

.menu-text{	
font-size: 90%;
}


.heed{
text-align: left;
}

}




/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 730px;
  }

.menu-panel{
padding-left:0px;
}
  
.panel-wrap{
padding-top: 15px;
padding-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 15px;
}
  
  .col-md-9{
	margin-top: 0px;
}

  .col-md-7{
	margin-top: 0px;
}



}
.container-narrow > hr {
  margin: 30px 0;
}


/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}


}



/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  


}