@charset "utf-8";
/* common parts */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  color:#000;
  font:12px/18px Arial, Helvetica, sans-serif;
  margin:0 auto;
  background:#f9f9f9;
  min-width:320px;
  position:relative;
}
html {-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
nav ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
a {
  margin:0;
  padding:0;
  vertical-align:baseline;
  -webkit-tap-highlight-color: rgba(255,255,255,0.4);
  text-decoration:none;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}
p{margin:0 5px 10px;}
input, select {
  vertical-align:middle;
}
.input-text,
textarea,
select{
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:12px 10px;
  width:100%;
  display:block;
  vertical-align:top;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border:1px #bbb solid;
  border-radius:5px;
  font:14px/18px Arial, Helvetica, sans-serif;
  color:#000;
  outline:none;
}
.input-text:-moz-placeholder{color:#bbb;}
.input-text::-moz-placeholder{color:#bbb;}
.input-text::-webkit-input-placeholder{color:#bbb;}
.input-text:-ms-input-placeholder{color:#bbb;}
.input-text::placeholder{color:#bbb;}
textarea{
  height:100px;
  width:100% !important;
  overflow:auto;
}
input[type=radio]{
  appearance:none;
  -webkit-appearance:none;
  margin:0 12px 0 0;
  float:left;
  padding:0;
  width:22px;
  height:22px;
  border:0;
  border-radius:0;
  background:url(../images/bg-radio.png) no-repeat;
  background-size:22px 47px;
  outline:none;
  overflow:hidden;
}
input[type=radio]:checked{background-position:0 -25px;}
input[type=checkbox]{
  appearance:none;
  -webkit-appearance:none;
  margin:0 12px 0 0;
  float:left;
  padding:0;
  width:22px;
  height:22px;
  border:0;
  background:url(../images/bg-checkbox.png) no-repeat;
  background-size:22px 47px;
  outline:none;
  border-radius:0;
  overflow:hidden;
}
input[type=checkbox]:checked{background-position:0 -25px;}
select{
  padding:0 30px 0 10px;
  font-size:14px;
  line-height:42px;
  height:44px;
  background:url(../images/bg-select.png) no-repeat 100% 50%;
  background-size:30px 42px;
}
#wrapper .mb3{margin-bottom:3px !important;}
#wrapper .mb5{margin-bottom:5px !important;}
#wrapper .mb7{margin-bottom:7px !important;}
#wrapper .mb10{margin-bottom:10px !important;}
#wrapper .mb12{margin-bottom:12px !important;}
#wrapper .mb15{margin-bottom:15px !important;}
#wrapper .mb0{margin-bottom:0 !important;}
#wrapper .mt15{margin-top:15px !important;}
#wrapper .pb8{padding-bottom:8px !important;}
#wrapper .pt0{padding-top:0 !important;}
#wrapper .pb0{padding-bottom:0 !important;}
#wrapper .fs14{
  font-size:14px;
  line-height:18px;
}
#wrapper .text-left {
  text-align: left;
}
/* main styles */
#wrapper{
  position:relative;
  overflow:hidden;
}
#main{padding:10px;}
#main.float-footer{padding-bottom:120px;}
#main.float-footer2{padding-bottom:66px;}
#main.float-footer3{padding-bottom:80px;}
#main.float-footer4{padding-bottom:50px;}
.block{
  margin-bottom:10px;
  border:1px #ddd solid;
  padding:0 14px;
  border-radius:4px;
  background:#fff;
  overflow:hidden;
}
.block .heading{
  margin:0 -14px;
  padding:13px 14px 12px;
  background:#eee;
  border-bottom:1px #ddd solid;
  border-radius:4px 4px 0 0;
}
.block .heading h2{
  margin:0;
  font:bold 14px/18px Arial, Helvetica, sans-serif;
}
.block-section{
  margin:0 -10px 10px;
  border:1px #bbb solid;
  border-width:1px 0;
  padding:8px 14px;
  background:#fff;
  overflow:hidden;
}
.block-section.bottom{
  margin-bottom:0;
  border-top-color:#ccc;
  border-bottom-width:0;
}
.confirm-info,
.confirm-total{
  padding:1px 0;
  color:#777;
  overflow:hidden;
}
.confirm-info dt,
.confirm-total dt{
  width:48%;
  padding-right:10px;
  float:left;
}
.confirm-info dd,
.confirm-total dd{
  display:block;
  text-align:right;
  overflow:hidden;
}
.confirm-total{
  margin:4px 0 1px;
  color:#000;
  font:bold 14px/18px Arial, Helvetica, sans-serif;
}
.confirm-total dd{color:#f44336;}
.form-row{
  padding:15px 0 4px;
  border-bottom:1px #eee solid;
  overflow:hidden;
}
.block .form-row:last-child,
.block .form-row.last{border:0;}
.form-row .input-text,
.form-row textarea,
.form-row select{margin:0 0 10px;}
.form-row .label{
  margin:0 10px 10px 0;
  width:29.4%;
  float:left;
  color:#777;
}
.form-row .label.mid{margin-top:13px;}
.form-row .holder{overflow:hidden;}
.form-row .label .required,
.heading .required{
  display:inline-block;
  vertical-align:top;
  width:34px;
  height:19px;
  text-indent:-9999px;
  background:url(../images/ico-req.png) no-repeat;
  background-size:34px 19px;
  overflow:hidden;
}
.heading .required{margin-left:4px;}
.form-row p.notes{
  margin:-5px 0 6px;
  color:#999;
}
p.notes mark{color:#f44336;}
p.notes.nt{line-height:15px;}
p.notes.dark{color:#000;}
.form-row p.result{
  margin:0 0 10px 0;
  font-size:14px;
  line-height:18px;
}
.link-right{
  text-align:right;
  font-size:14px;
  line-height:18px;
}
.link-right a{color:#367dff;}
.form-row .link-right{margin:12px 0 7px;}
.radio-list{
  list-style:none;
  overflow:hidden;
}
.radio-list.botsep{
  margin-bottom:12px;
  border-bottom:1px #eee solid;
  padding-bottom:6px;
}
.radio-list li{
  margin-bottom:18px;
  overflow:hidden;
}
.radio-list.sep li{
  border-bottom:1px #eee solid;
  padding-bottom:12px;
  margin-bottom:15px;
}
.radio-list li:last-child,
.radio-list.sep li:last-child{
  margin-bottom:10px;
  border:0;
}
.radio-list label{
  display:block;
  font-size:14px;
  line-height:22px;
  overflow:hidden;
}
.radio-list label .link{display:block;}
.radio-list label .link a{color:#367dff;}
.btn-bl-round{
  margin:10px 0;
  display:block;
  border:1px #367dff solid;
  border-radius:4px;
  font:bold 14px/18px Arial, Helvetica, sans-serif;
  color:#367dff;
  padding:12px 5px;
  text-align:center;
}
.form-row .sel-row .division{overflow:hidden;}
.form-row .year,
.form-row .sel-row{
  margin-bottom:10px;
  overflow:hidden;
}
.form-row .year select,
.form-row .sel-row .division select{
  width:100px;
  float:left;
  margin:0 8px 0 0;
}
.form-row .sel-row .month,
.form-row .sel-row .day{float:left;}
.form-row .month select,
.form-row .day select{
  width:80px;
  float:left;
  margin:0 8px 0 0;
}
.form-row .txt{
  margin-right:8px;
  float:left;
  font-size:14px;
  line-height:44px;
}
.form-row .day .txt{margin:0;}
.button-holder{
  margin:15px 33px 5px;
  overflow:hidden;
}
.button-holder.wide{margin:15px 0 5px;}
.button-holder.full-wide{margin:0 -10px;}
.button-holder.two-buttons{margin:15px 5px 5px;}
.button-holder.fixed-bottom{
  margin:0;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
}
.btn-delete,
.btn-confirm{
  margin:0;
  padding:0;
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  display:block;
  box-shadow:none;
  -webkit-box-shadow:none;
  outline:none;
  border:0;
  font:bold 16px/50px Arial, Helvetica, sans-serif;
  color:#fff;
  background:#367dff;
  border-radius:7px;
  text-align:center;
}
.button-holder.full-wide .btn-confirm,
.button-holder.fixed-bottom .btn-confirm{border-radius:0;}
.btn-confirm.mark{background:#feb318;}
.btn-delete{background:#777;}
.radio-list .btn-confirm{
  font-size:14px;
  line-height:44px;
}
.button-holder.two-buttons .btn-delete{
  width:48%;
  float:left;
}
.button-holder.two-buttons .btn-confirm{
  width:48%;
  float:right;
}
.error-box{
  border:1px #f44336 solid;
  background: #fff;
  color:#f44336;
  font:bold 12px/18px Arial, Helvetica, sans-serif;
  border-radius:4px;
  padding:8px 15px;
  margin-bottom:12px;
  display:none;
  overflow:hidden;
}
.form-error .error-box{display:block;}
.error-box p{margin:0;}
.error-box p a{color:#f44336;}
.error-box .dark,
.error-box .dark a{color:#000;}
.form-row p.error{
  margin:-6px 0 6px;
  color:#f44336;
  font-weight:bold;
  display:none;
}
.form-row.form-error .error{display:block;}
.text-box{padding:15px 0 4px;}
#wrapper .text-box.fs14{line-height:21px;}
.text-box.sep{border-bottom:1px #eee solid;}
.text-box p{margin:0 0 5px;}
.text-box.ttl p{margin:0 0 7px;}
.text-box.cont{
  font-size:14px;
  line-height:24px;
  padding:10px 0 4px;
}
.text-box.border{
  border-bottom:1px #eee solid;
  overflow:hidden;
}
.full-holder{
  margin:-1px -14px 0;
  padding:0 14px;
  border-top:1px #ddd solid;
  position:relative;
  overflow:hidden;
}
/* complete box */
.complete-box{
  padding-top:44px;
  text-align:center;
  overflow:hidden;
}
.complete-box h2{
  margin:0 0 26px;
  font:16px/24px Arial, Helvetica, sans-serif;
}
.complete-box.purchase h2{
  font:bold 18px/27px Arial, Helvetica, sans-serif;
  margin-bottom:20px;
}
.complete-box h3{
  margin:0 0 27px;
  font:14px/24px Arial, Helvetica, sans-serif;
}
.complete-box.purchase p{
  margin-bottom:25px;
  font-size:14px;
  line-height:21px;
}
.complete-box .align-left{text-align:left;}
/* history box */
.history-area{padding-top:5px;}
.history-box{
  margin:0 -10px 10px;
  overflow:hidden;
}
.history-box .date{
  display:block;
  margin:0 15px 3px;
  font-size:12px;
  line-height:16px;
}
.history-box .item{
  border:1px #ddd solid;
  border-width:1px 0;
  padding:11px 15px 12px;
  background:#fff;
  overflow:hidden;
}
.history-box .holder{
  padding-bottom:6px;
  overflow:hidden;
}
.history-box .holder .image{
  margin-right:15px;
  float:left;
  width:80px;
  height:80px;
  text-align:center;
}
.history-box.home .holder .image{
  width:100px;
  height:100px;
  margin:0 12px 9px 0;
}
.history-box .holder .image img{
  vertical-align:top;
  height:100%;
  width:auto;
}
.history-box .holder .text{
  overflow:hidden;
}
.history-box h3{
  margin:0 0 7px;
  font:bold 12px/18px Arial, Helvetica, sans-serif;
}
.history-box .price{
  margin:0;
  text-align:right;
}
.history-box .info-row{overflow:hidden;}
.history-box .info-row .info{
  width:47.83%;
  float:left;
  overflow:hidden;
}
.history-box .info-row .info:last-child{
  float:right;
}
.history-box .info-row .info dl,
.history-box .info-row .info-table dl{
    overflow:hidden;
  border-bottom:1px #cfd8dc solid;
  padding:4px 0;
}
.history-box .info-row .info dl:last-child,
.history-box .info-row .info-table dl:last-child{border:0;}
.history-box .info-row .info dt{
  float:left;
  width:39%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right:5px;
  color:#777;
}
.history-box .info-row .info dd,
.history-box .info-row .info-table dd{
    overflow:hidden;
}
.history-box .info-row .info-table dt {
  float:left;
  width:39%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-right:5px;
  color:#777;
}
.history-box .bottom-row{
  margin-top:6px;
  padding-top:12px;
  border-top:1px #cfd8dc solid;
  overflow:hidden;
}
.history-box .bottom-row label{
  margin-right:8px;
  line-height:34px;
}
.input-number{
  display:inline-block;
  vertical-align:top;
  border:1px #ccc solid;
  border-radius:3px;
  position:relative;
  overflow:hidden;
}
.input-number:after{
  content:'';
  position:absolute;
  top:0;
  left:32px;
  width:34px;
  height:34px;
  background:rgba(0,0,0,0);
}
.input-number .dec,
.input-number .inc{
  float:left;
  width:32px;
  height:32px;
  position:relative;
  background:#367dff;
  border-radius:2px 0 0 2px;
}
.input-number.lblue .dec,
.input-number .dec.inactive,
.input-number .inc.inactive,
.input-number.lblue .inc{
  background-color:#b6caf2;
}
.input-number .inc{border-radius:0 2px 2px 0;}
.input-number .dec:before,
.input-number .inc:before,
.input-number .inc:after,
.history-box .btn-add span:before,
.history-box .btn-add span:after,
.btn-rounded.add span:before,
.btn-rounded.add span:after{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:12px;
  height:2px;
  margin:-1px 0 0 -6px;
  background:#fff;
}
.input-number .inc:after,
.history-box .btn-add span:after,
.btn-rounded.add span:after{
  width:2px;
  height:12px;
  margin:-6px 0 0 -1px;
}
.input-number input{
  appearance:none;
  -webkit-appearance:none;
  float:left;
  width:34px;
  height:32px;
  outline:none;
  text-align:center;
  font:bold 12px/18px Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding:7px 2px;
  color:#000;
  background:#fff;
  border:1px #ccc solid;
  border-width:0 1px;
  border-radius:0;
}
.history-box .btn-add,
.btn-rounded,
.btn-rounded-coupon{
  float:right;
  padding:0 20px;
  border:1px #367dff solid;
  border-radius:4px;
  font:bold 14px/32px Arial, Helvetica, sans-serif;
  color:#367dff;
}
.button-round-holder{
  margin:18px 0 9px;
  overflow:hidden;
}
.btn-rounded,
.btn-rounded-coupon{
  float:none;
  display:block;
  padding:0;
  text-align:center;
  margin:0 5px 6px;
  font-size:16px;
  line-height:18px;
  padding:12px 3px;
}
.history-box .btn-add span,
.btn-rounded.add span{
  padding-left:20px;
  position:relative;
  vertical-align:top;
}
.btn-rounded.add span{padding-left:25px;}
.history-box .btn-add span:before,
.history-box .btn-add span:after,
.btn-rounded.add span:before,
.btn-rounded.add span:after{
  margin-left:0;
  left:0;
  background:#367dff;
}
.history-box .btn-add span:after,
.btn-rounded.add span:after{margin-left:5px;}
/* pagination box */
.pagination-box{padding: 10px 0;}
.pagination-box .page-sum{
	text-align:center;
	float:left;
	padding-left:5px;
}
.pagination-box .page-sum strong{font-size: 16px;}
.pagination-box .page-unit{
	text-align: right;
	padding-right:5px;
}
.pagination-box .btn-page{
	margin:0;
	padding:0;
	width:48%;
	appearance:none;
	-webkit-appearance:none;
	display:block;
	box-shadow:none;
	-webkit-box-shadow:none;
	outline:none;
	border:1px solid #367dff;
	font:bold 16px/50px Arial, Helvetica, sans-serif;
	color:#367dff;
	background:#fff;
	border-radius:7px;
	text-align:center;
	position: relative;
}
.pagination-box .btn-prev{float: left;}
.pagination-box .btn-next{float: right;}
.pagination-box .btn-prev:before{
	content: "";
	position: absolute;
	background: url(../images/arrow-blue-left.png) no-repeat 0 50%;
	background-size: 12px;
	width: 12px;
	height: 48px;
	left: 12px;
}
.pagination-box .btn-next:after{
	content: "";
	position: absolute;
	background: url(../images/arrow-blue-right.png) no-repeat 0 50%;
	background-size: 12px;
	width: 12px;
	height: 48px;
	right: 12px;
}
/* subscription box */
.subscription{
  margin:-1px 5px 0;
  position:relative;
  z-index:1;
}
.subscription .item{
  background:none;
  position:relative;
  padding:11px 0 3px;
}
.subscription .holder{padding-bottom:0;}
.subscription .holder .text{padding-top:5px;}
.subscription.home .holder .text{padding-top:0;}
.subscription .item .btn-close{
  position:absolute;
  top:14px;
  right:0;
  width:25px;
  height:25px;
  background:url(../images/bg-btn-close.png) no-repeat;
  background-size:25px;
  text-indent:-9999px;
  overflow:hidden;
}
.subscription h3{
  padding-right:35px;
  margin-bottom:9px;
}
.subscription.home h3{
  padding-right:0;
  margin-bottom:4px;
}
.subscription .price-row{
  margin-bottom:9px;
  overflow:hidden;
}
.subscription.home .price-row{margin-bottom:0;}
.subscription .price-row .price{
  float:right;
  line-height:34px;
}
.subscription .price-row .amount{line-height:34px;}
.subscription .price-row label{
  margin-right:8px;
  line-height:34px;
}
.subscription .info-row .info dt{width:44%;}
.subscription .info-row .info dl{padding:5px 0;}
.float-order-bar{
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background:#fff;
  border-top:1px solid #bbb;
  z-index:100;
}
.float-order-bar .txt-holder{
  margin:0 15px;
  padding:5px 0;
  color:#777;
  border-bottom:1px #ddd solid;
  overflow:hidden;
}
.float-order-bar .txt-holder p{margin:4px 0;}
.float-order-bar .hold{
  padding:6px 6px 6px 15px;
  overflow:hidden;
}
.float-order-bar .subtotal{
  width:48%;
  float:left;
  font-size:12px;
  line-height:44px;
  margin:0;
}
.float-order-bar .subtotal strong{
  font-size:24px;
  line-height:44px;
}
.float-order-bar .btn-proceed{
  width:50%;
  float:right;
  background:#ffab00;
  border-radius:3px;
  text-align:center;
  color:#fff;
  font:bold 16px/44px Arial, Helvetica, sans-serif;
}
.order-bot-text{
  text-align:center;
  margin:0 -10px;
  padding:10px 10px 0;
  background:#fff;
  border-top:1px #ccc solid;
  overflow:hidden;
}
.order-bot-text h3{
  margin:0 0 14px;
  font:14px/18px Arial, Helvetica, sans-serif;
}
.order-bot-text p{margin:0 0 8px;}
#wrapper .order-bot-text p.link-center{
  text-align:center;
  margin-bottom:8px;
}
.order-bot-text p.link-center a{
  color:#367dff;
  text-decoration:underline;
}
.order-bot-text .checkbox-row{margin-bottom:12px;}
.order-bot-text .checkbox-row input{
  display:inline-block;
  vertical-align:top;
  float:none;
}
.order-bot-text .checkbox-row label{
  display:inline-block;
  vertical-align:top;
  font-size:12px;
}
.link-top-blue{
  background:#367dff;
  color:#fff;
  display:block;
  margin:0 -10px 1px;
  padding:13px 16px;
  font:14px/18px Arial, Helvetica, sans-serif;
}
.link-top-blue span{
  display:block;
  padding-right:10px;
  background:url(../images/arrow-right.png) no-repeat 100% 50%;
  background-size:8px 12px;
}
/* form elements */
.checkbox-row,
.select-row,
.radio-list-hold{
  margin-bottom:15px;
  overflow:hidden;
}
.checkbox-row.sep,
.select-row.sep,
.radio-list-hold.sep{
  padding-bottom:14px;
  border-bottom:1px #eee solid;
}
.input-coupon-hold.sep{padding-bottom:14px;}
.checkbox-row label,
.select-row label,
.radio-list-hold > label{
  display:block;
  font-size:14px;
  line-height:22px;
  overflow:hidden;
}
.select-row label{
  line-height:18px;
  margin-bottom:9px;
}
.select-row select{margin:0;}
.select-row p.txt{
  margin:2px 0 ;
  font-size:14px;
  line-height:18px;
}
.radio-list-hold > label{margin-bottom:8px;}
.radio-list-hold .radio-list li:last-child{margin-bottom:0;}
.goods-text{padding:12px 0;}
.goods-text.sep{
  border-bottom: 1px #eee solid;
  overflow:hidden;
}
.goods-text .ttl-info{
  margin-bottom:10px;
  overflow:hidden;
}
.goods-text .ttl-info dt{
  width:28%;
  padding-right:10px;
  float:left;
}
.goods-text .ttl-info dd{
  display:block;
  overflow:hidden;
}
.goods-text p{margin:0;}
.goods-text .info{overflow:hidden;}
.goods-text .info dt{
  margin-right:5px;
  display:inline-block;
  vertical-align:top;
}
.goods-text .info dd{
  display:inline-block;
  vertical-align:top;
}
.goods-text .total{overflow:hidden;}
.goods-text .total dt{
  width:48%;
  float:left;
  padding-right:10px;
}
.goods-text .total dd{
  text-align:right;
  display:block;
  overflow:hidden;
}
.block .heading .notes{
  margin:3px 0 0;
  color:#777;
}
.shipping-info{margin-bottom:20px;}
.shipping-info .info{
  padding:12px 0;
  overflow:hidden;
}
.shipping-info .info.sep{border-bottom:1px #eee solid;}
.shipping-info .info dt{
  width:30.5%;
  padding-right:5px;
  float:left;
  color:#777;
}
.shipping-info .info dd{
  display:block;
  font-size:14px;
  line-height:18px;
  overflow:hidden;
}
.label-light{
  display:block;
  color:#777;
  margin-bottom:10px;
}
.order-tb{
  margin:0 0 27px;
  border:1px #ddd solid;
  border-radius:3px;
  background:#fff;
  text-align:left;
  overflow:hidden;
}
.order-tb .title{
  font:bold 14px/18px Arial, Helvetica, sans-serif;
  border-bottom:1px #ddd solid;
  background:#eee;
  padding:13px;
}
.order-tb .cont{
  padding:13px;
  font-size:14px;
  line-height:18px;
}
#wrapper .link-center{
  margin:0 0 30px;
  font-size:12px;
  line-height:18px;
}
.link-center a{
  color:#367dff;
  text-decoration:underline;
}
.purchase-txt-box{
  margin:0 -10px;
  padding:14px 15px;
  border-bottom:1px #c8c7cc solid;
  position:relative;
  z-index:5;
  overflow:hidden;
}
.repurchase-txt{
  margin:0 0 2px;
  color:#777;
}
.purchase-txt{
  margin:0;
  font-size:14px;
  line-height:18px;
}
.total-section{
  margin:-1px 0 26px;
  border-top:1px #cfd8dc solid;
  overflow:hidden;
}
.total-section .hold{
  border-bottom:1px #cfd8dc solid;
  margin-bottom:8px;
  padding:8px 0;
  overflow:hidden;
}
.total-section .info{
  font-size:14px;
  line-height:18px;
  padding:2px;
  overflow:hidden;
}
.total-section .info dt{
  width:50%;
  float:left;
  color:#777;
}
.total-section .info dd{
  display:block;
  text-align:right;
  overflow:hidden;
}
.total-section .info.total dd{
  font-size:16px;
  font-weight:bold;
}
/* popup */
.fader {
  background: rgba(0,0,0,.5);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.popup {
  display: none;
  left: 0;
  width:240px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1001;
  background:#fff;
  border-radius:8px;
}
.popup-content{
  padding:12px;
  overflow:hidden;
}
.popup h3{
  margin:0;
  font:16px/26px Arial, Helvetica, sans-serif;
  color:#222;
  text-align:center;
}
.popup.order-complete h3{
  font-weight:bold;
  margin-bottom:9px;
}
.popup.order-complete p{
  font-size:14px;
  line-height:18px;
}
.popup .next-time,
.popup .alarm{
  text-align:center;
  margin:0 0 2px;
}
.popup-buttons{
  border-top:1px #eee solid;
  display:table;
  vertical-align:middle;
  width:100%;
  border-collapse:collapse;
}
.popup-buttons a{
  display:table-cell;
  vertical-align:middle;
  height:50px;
  width:50%;
  padding:0 5px;
  color:#777;
  text-align:center;
  border-right:1px #eee solid;
  font:16px/26px Arial, Helvetica, sans-serif;
}
.popup-buttons a:last-child{border:0;}
.popup-buttons a.btn-ok{color:#367dff;}

@media only screen and (max-width: 360px) {
  .form-row .label{width:28.5%;}
  .form-row .month select,
  .form-row .day select{
    margin-right:5px;
    padding:0 27px 0 5px;
    width:66px;
  }
  .form-row .txt{margin-right:6px;}
  .form-row .day .txt{margin:0;}
  .float-order-bar .btn-proceed{width:44%;}
  .float-order-bar .subtotal{width:55%;}
  .float-order-bar .subtotal strong{letter-spacing:-0.5px;}
  #main.float-footer{padding-bottom:135px;}
}

.regular-buy_title {
  height: 21px;
  width: 84px;
  color: #777777;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  display: block;
  margin-bottom: 12px;
}

.regular-buy_block.cart {
  margin-bottom: 12px;
}

.regular-buy_accordion {
  color: #367DFF;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  display: block;
  text-align: center;
  margin-top: 8px;
}

.regular-buy_accordion:after {
  content: '';
  background-image: url('../images/ic_expand_arrow.png');
  background-size: 12px 8px;
  background-repeat: no-repeat;
  width: 12px;
  height: 8px;
  position: absolute;
  margin: 4px 0 0 8px;
}

.regular-buy_accordion.open:after {
  background-image: url('../images/ic_contract_arrow.png');
}

.regular-buy_text {
  color: #777777;
  font-size: 11px;
  line-height: 16px;
}

.regular-buy_text.notification {
  margin-top: 8px;
  margin-bottom: 12px;
}

.regular-buy_text.accordion {
  margin-top: 12px;
  margin-bottom: 31px;
  display: none;
}

.regular-buy_text a {
  color: #367dff;
}