.input-prepend.input-append input {
  font-size: 24px;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 100px;
  text-align: right;
  height:46px;
  box-sizing:border-box;
}

.bx-wrapper{
 border:none!important;
  box-shadow:none!important;
  left:0!important;
}

.bx-wrapper img{
 width:100%; 
}

.table-bordered th{
 background:#f3f3f3; 
}


#product table{
 width:100%;
  margin-bottom:15px;
}

#product table th,
#product table td{
 border:solid 1px #f0f0f0;
  padding:15px;
}

#product table th{
 background:#f5f5f5;
  width:120px;
}

@media (max-width: 480px) {
#product table tr,
#product table th,
#product table td{
width:100%;
  display:block;
  }
  
}

#loader {

	width: 100%;
	height: 100%;
	margin: 0;
	background: #fff;/*Loaderの背景色としたいものを指定*/
	opacity: 1.0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000; /*一番前面に出るように（今回はbxSlidrの矢印が9999だったのでそれを超えるようにしました）*/
}
#loader img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;/*Loaderの画像を縦方向中央に表示させるため、画像の高さの半分の40pxだけ上に移動*/
	margin-left: -40px;/*同様に画像の幅の半分の40pxだけ左に移動*/
}