@charset "UTF-8";

/** common **/
body, html {
	height: 100%;
}

body {
	font-size: 14px;
	letter-spacing: -0.25px;
}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td,
	form, fieldset, legend, input, textarea, button, select {
	margin: 0;
	padding: 0;
}

a {
	color: #555;
}

li {
	list-style: none;
}

b, strong {
	font-weight: 600;
}

body>.container {
	padding: 120px 15px;
	overflow: hidden;
}

.text-point {
	color: #111d76 !important;
}

/* form */
.form-control {
	font-size: 14px;
}

.form-check-label {
	word-break: break-all;
}

/* card */
.card {
	width: 18rem;
}

.card-header, .list-group-item {
	padding: .5rem 1rem;
}

/* button */
.btn {
	font-size: 16px;
}

.btn-global {
	color: #fff;
	background-color: #555;
	border-color: #555;
	border-radius: 0;
}

.btn-global:hover {
	color: #fff;
}

.btn-del {
	color: #fff;
	background-color: #cdcdcd;
	border-color: #cdcdcd;
	border-radius: 0;
}

.btn-del:hover {
	color: #fff;
}

/* nav */
.navbar {
	background: #fff;
	border-bottom: 1px solid #eee;
}

.navbar-brand {
	margin-right: 1.5rem;
}

.nav-link {
	cursor: pointer;
}

.nav-link:hover {
	color: #111d76;
}

.dropdown-item {
	font-size: 14px;
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #111d76;
}

#logo {
	max-width: 80%;
}

/* footer */
.footer {
	border-top: 1px solid #eee;
	padding: 15px 0;
}

/* Login */
.login-cont {
	width: 100%;
	height: 100%;
	min-height: 100%;
	padding: 0 15px;
  background: #eee;
}

.form-login {
	width: 100%;
	max-width: 400px;
	position: relative;
	margin: 0 auto;
	background: #fff;
  padding: 30px;
}

.form-login .form-control {
	position: relative;
	height: auto;
	padding: 10px;
}

.form-login .form-control:focus {
	z-index: 2;
}

/* product */
.product-item {
	margin: 15px 0 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
}

.product-item .name {
	display: inline-block;
	word-break: break-all;
}

.product-item .label {
	color: #999;
}

.product-item .memo {
	font-size: 12px;
	color: #555;
}

.product-item .badge {
	background: #111d76;
	color: #fff;
	font-weight: 600;
}

.product-item .promotion-icon {
	border: 0;
	width: 15px;
	background: #cdcdcd;
	font-size: 12px;
	color: #fff;
	border-radius: .25rem;
}

input.count {
	width: 60px;
	padding-left: 5px;
}

.cont-title {
	margin-bottom: 30px;
}

.box-title {
	font-size: 18px;
	font-weight: 600;
	word-break: break-all;
}

.box-title--border {
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 5px;
}

.price-box {
	font-size: 24px;
}

.price-box--bg {
	background: #eee;
	padding: 10px;
	font-size: 18px;
}

/* cart */
.cart-list>.form-check {
	border-top: 1px solid #555;
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cart-item__list {
	padding: 10px;
	border-bottom: 1px solid #eee;
}

/* po */
.shipbox, .billbox {
	display: block;
}

/* Extra small devices (portrait phones, less than 576px) */
@media ( max-width : 575.98px) {
	.product-item .label, .product-item .cont {
		display: inline-block;
	}
	.product-item .cont {
		float: right;
	}
	.cont-title {
		font-size: 24px;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media ( max-width : 767.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media ( max-width : 991.98px) {
	#logo {
		max-width: 50%;
	}
	body>.container {
		padding: 70px 15px 30px;
	}
	.navbar-brand {
		margin-right: 0;
	}
}

/* Large devices (desktops, less than 1200px) */
@media ( max-width : 1199.98px) {
}