/*======================================================================== 
	Copyright: 匯豐汽車網路事業
	Author: Shanny
  ========================================================================*/
h2.category{ background: #fadbda; color: #e60039;}
h3.subject{ padding: 5px; margin-top: 15px; background: #dadcdb; color: #fff;}
h3.subject span{ width: 45%; display: inline-block; text-align: right; font-size: 15px;}
h3.subject span b{ margin-left: 10px; font-size: 24px; font-weight: normal;}
h3.subject strong{ width: 50%; margin-left: 4%; display: inline-block;
  font-size: 20px;}
h3.active{ background: #65bbb1; color: #fff;}

.bookInfo { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 15px;}
.bookInfo img{ width: 100%; border: solid 1px #e5e5e5;}
.bookInfo h5{ font-size: 18px; color: #313376; line-height: 135%;}
.bookInfo h5 span{ display: block; color: #666; font-size: 15px;}
.bookPrice{ color: #666; font-size: 15px; margin: 0; line-height: 160%; text-align: right;}
.bookPrice b{ display: block; color: #313376;
  font-size: 18px; font-weight: normal;}
.bookPrice b strong{ color: #e50012; font-size: 24px; font-weight: normal;}

.btn-delete{ width: 100%; background: #f66; color: #fff;
  text-align: center; font-size: 18px; font-weight: bolder;}

.couponInfo{ color: #666; text-align: center; margin-top: -10px;}
.couponInfo strong{ display: block; color: #e50012; font-size: 24px; font-weight: normal;}

.total{ width: 100%; padding-bottom: 15px; font-size: 17px; color: #666; text-align: right;}
.total strong{ margin: 0 5px; display: inline-block;
  color: #e50012; font-size: 24px;  font-weight: normal;}
.total .thePrices{ width: 70px; margin-left: 0;}

.note dt,.note dd b{ color: #e50012; font-size: 15px; font-weight: normal;}
.note dd{ padding-left: 20px; margin: 0; font-size: 15px; color: #666;}
.note dd:before{ content:"◆"; margin: 0 5px 0 -15px;}

.orderDetail{ margin-bottom: 20px; border-bottom: dotted 1px #ccc;}
.orderDetail strong{ color: #e50012; font-weight: normal;}
.orderDetail small{ display: block; margin-bottom: 5px; color: #999;}
.orderDetail dl{ display: flex; flex-wrap: wrap;}
.orderDetail dl dt{ width: 6em; text-align: right;}
.orderDetail dl dd{ width: calc(100% - 6em);}

.accountInfo{ color: #0d6fb8; display: block;}



/* 表單 */
form h4{ width: 100%; margin-top: 5px; color: #004190; font-size: 20px;}
form h4 span{ margin-left: 10px; font-size: 16px; color: #8e4337;}
form .underLine{ border-bottom: dotted 1px #ccc;}
form .underLine .custom-radio{ width: 100%; margin-bottom: 5px;}
form .underLine .custom-radio > div label{ font-weight: bolder; margin-top: 10px;}


/* 加價購 */
.card {
    width: 50px;
}