/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template/shop-homepage)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-shop-homepage/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
  font-family: arial,"Microsoft JhengHei","微軟正黑體";
}
.list-group a{color:#888;}
.list-group a:hover{color:#fff;background-color: #888;text-decoration: none;}
.list-search {text-align:center;}
#keyword {margin:10px 0;padding:4px 0 4px 4px;border:1px solid rgba(0,0,0,.125);}
#search_submit {color:#fff;height:34px;background-color: #FFBF00;border:0px;}
.card-text{color:#888;}
.card-body2{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:4px;}
.my-5{margin-top: 2rem!important;margin-bottom: 0rem!important;}
.col-lg-7{vertical-align:top;}
.col-lg-5{height: 100%!important;}
.proinfo{line-height:30px;}
#sendinfo{height:24px;}
.proprice {font-weight:bold;font-size:24px;margin-top:10px;color:#666}
.proorder {text-align:center;font-size:16px;}
.font-weight-light{font-weight:bolder;color:#FFBF00;font-family:Microsoft YaHei}
.card-main{padding:4px;display: block;    width: 100%;    min-height: .01%;    overflow-x: auto;}
.cart-list{border:1px solid rgba(0,0,0,.125);color:#888;width:812px;font-size:12px;text-align:center;}
.cart-list-left{border-left:1px solid rgba(0,0,0,.125);border-bottom:1px solid rgba(0,0,0,.125);}
.btn-order {    color: #fff;    background-color: #FFBF00;    border-color: #FFBF00;}
.page-main{padding:16px;display: block;    width: 100%;    min-height: .01%;    overflow-x: auto;}
.pro { border: 1px solid rgba(0,0,0,.125); /*height:440px;*/}
.kf{text-align:center;}
.block1{margin-top: 1.5rem!important;}
.inputX {margin:10px 0;padding:4px 0 4px 4px;border:1px solid rgba(0,0,0,.125);}
.memopic {width:100%;}
.order1 {background-color:#f6f6f6 !important;}
.order3 {width:20%;font-size:14px;text-align:right;}
.order4 {width:100px;font-size:14px;text-align:right;}
a:link{color:#4d4f4f;text-decoration:none;outline:none;}
a:visited{color:#4d4f4f;text-decoration:none;outline:none;}
a:hover{color:#DD678C;text-decoration:underline;}
a:active{opacity:0.5;}
.navbar {
    padding: .1rem 1rem;
}



/* =pagination */
.breadcrumbs{margin-top:-5px;padding-bottom:10px;padding-left:10px;font-weight:bold;position:relative;}
.breadcrumbs a:link, .breadcrumbs a:visited{font-weight:normal;text-decoration:underline;}
.pagination{padding:10px 0 5px;font-size:13px;font-weight:bold;text-align:right;clear:both;}
.pagination a{color:#808080;margin-left:3px;padding:2px 5px;background-color:#fff;border:1px solid #ccc;}
.pagination a:hover{color:#fff;background-color:#343a40;}
.pagination a.current{color:#fff;background-color:#999;border:1px solid #999;}
.pagination a.current:hover{color:#343a40;}
.pagination span{padding:3px 6px;}
.pagination .total{color:#333;}


/* arrow 40px */
.toTop-arrow {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 4rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 18px;
	height: 5px;
	border-radius: 3px;
	background: #f90;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.5rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.5rem;
}
.toTop-arrow:focus {outline: none;}
 
 
/* 48px */
.toTop-arrow {
	width: 3rem;
	height: 3rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 4rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 25px;
	height: 6px;
	border-radius: 3px;
	background: #f90;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.42rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.42rem;
}
.toTop-arrow:focus {outline: none;}
 
/* 56px */
.toTop-arrow {
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 4rem;
	display: none;
}
.toTop-arrow::before, .toTop-arrow::after {
	width: 31px;
	height: 7px;
	border-radius: 3px;
	background: #f90;
	position: absolute;
	content: "";
}
.toTop-arrow::before {
	transform: rotate(-45deg) translate(0, -50%);
	left: 0.4rem;
}
.toTop-arrow::after {
	transform: rotate(45deg) translate(0, -50%);
	right: 0.4rem;
}
.toTop-arrow:focus {outline: none;}


/* BackCart-arrow 40px */
.BackCart-arrow {
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 4rem;
	display: none;
	background-image:url(../img/buy.png);
	background-repeat:no-repeat;
    background-size:cover;
}

 
 
/* 48px */
.BackCart-arrow {
	width: 3rem;
	height: 3rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 8rem;
	display: none;
	background-image:url(../img/buy.png);
	background-repeat:no-repeat;
    background-size:cover;
}

 
/* 56px */
.BackCart-arrow {
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 33%;
	opacity: 0.6;
	background: #000;
	cursor: pointer;
	position:fixed;
	right: 1rem;
	bottom: 8rem;
	display: none;
	background-image:url(../img/buy.png);
	background-repeat:no-repeat;
    background-size:cover;
}