*{padding:0;margin:0;box-sizing:border-box;}
.pc_container{
	max-width:1260px;
	margin:0 auto;
	padding:10px 5px;
}
.notify{
	background-color:#eee;
}
.uppercase{text-transform:uppercase;}

.head{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;border-bottom:1px solid black;}

.head .logo{padding-left:18px;}
.head .logo img{width:auto !important;max-width:none !important;}
.head .login{justify-content: flex-end;}
.head .head_right{flex-basis:100%;display:flex;justify-content:flex-end;}
.input_row{position:relative;}
.search_button{line-height:2rem;line-height: 100%;position: absolute;border: none;top:0px;right:0px;height: 100%;border-left:1px solid gray;background:none;}
.search_button svg{height:2rem;width:2rem;}
.search_form{width:60%;padding:10px 20px;text-align:center;}
.search_form input[name=keywords]{height:2rem;line-height:2rem;width:100%;padding:3px 0px 3px 5px;}

.login{display:flex;flex-flow:row nowrap;align-items: center;}
.login>div{padding:0 5px;}
.minicart-link{display:block;padding-top:5px;}
.minicart-link .cart{height:2rem;}
.minicart-quantity{display:block;height:1.8rem;font-size:1rem;line-height:1.8rem;color:black;}
.minicart{
    display: flex;
    flex-flow: row nowrap;
}
button{cursor:pointer;}
a.wave_link{
	color: #333;
    font-size: 18px;
	text-decoration: underline;
    text-decoration-color: #2196f3;
	text-decoration-style: wavy;
}
a.link-button{
	
	text-decoration: none;
    background-color: #307272;
    font-size: .8rem;
    margin-left: .12em;
    margin-right: .12em;
    min-width: 2.5em;
    padding-left: 0.6em;
    padding-right: .6em;
    display: inline-block;
    color: #fff;
    background-color: black;
    border-color: rgba(0, 0, 0, 0.05);
    line-height: 30px;
	font-weight:500;
}
a{text-decoration:none;}
img{max-width:100%;}
.section{margin:10px 0px;}
.nav_menu{display:flex;flex-flow:row wrap;}
.nav_menu li{
	list-style-type:none;
	margin-right:24px;
	line-height: 2rem;
}
.nav-link{
	color: #463833;
}
.nav_menu .category-nav-link{
	background-color: #2196F3;
    padding: 5px 5px;
    color: white;
    font-weight: 800;
    border: 1px solid black;
}
.nav_menu .activated{
	text-decoration:underline;
	background-color: black !important;
}

.content{
	margin-top:20px;
}

.flex-box{
	display:flex;
	flex-flow:row wrap;
	width:100%;
}
.flex-box li{list-style-type:none;}
.thumbnail{width:80px;height:80px;}
.thumbnail-container li{
	padding:10px;
}

h1, h2, h3, h4, h5, h6 {

}
h1.product-title{
	font-size: 20px;
	line-height: 24px;
	color:#3c3434;
	font-weight:700;
}
.inline-row{margin:10px 0px;}
.add-to-cart-button{
	border: none;
    background-color: green;
    /* width: 20rem; */
    /* height: 2rem; */
    font-size: 1.1em;
    padding: 10px 60px;
    color: white;
    border-radius: 1rem;
}
.module_title {text-align:center;margin:10px 0px;}

.section{padding:10px 0px;}
.hr-top{border-top:1px solid gray;padding-top:20px;margin-top:20px;}


footer{background-color:#eee;padding:20px 10px;}
.footer_list{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:20px 0px;}
.footer_list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px;}
.footer_list>div{width:180px;margin-bottom:15px;white-space: nowrap;}
.footer_list li{list-style-type:none;}
.footer_list li{color:#444;padding:5px 0px;}
.footer_list h4{font-size:18px;}
footer .footer_title{margin-bottom:10px;} 

footer .shared{display:flex;margin-top:20px;margin-bottom:10px;}
footer .shared li{list-style-type:none;padding:0px 15px 0 0px;}
footer .shared svg{width:20px;height:20px;}
footer .copywrite{font-size:12px;}

footer a {
    color: #444;
    text-decoration: none;
}

/*breadcrumb*/
.breadcrumb li{display:flex;align-items:center;}
.breadcrumb li:last-child{max-width:300px;}
.breadcrumb ul li a{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
}

pre{
	    white-space: pre-wrap;
}


/*list-product*/
.list-product-grid{
	display:flex;
	flex-flow:row wrap;
}
.list-product-grid>div{
	width:20%;
	padding:10px;
}
.list-product-grid .list-product-img{
	text-align:center;
	
}
.list-product-grid .list-product-img img{
	height:250px;
}
.list-product-grid .list-product-title{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:18px;
}
.list-product-grid a{color:black;}
.list-product-grid .list-product-price{font-size:20px;}
.list-product-grid .p-box{margin:0 0 10px 0px;}

@media (max-width: 900px) {
	.breadcrumb li{display:flex;align-items:center;max-width:none !important;}
	.list-product-grid>div{
		width:50%;
		padding:10px;
	}
	.login{
		width:auto !important;
	}
	.head{flex-flow:column nowrap;}
	.head .logo{padding-left:0px;}
	.head .head_right{width:100%;}
	.search_form{width:100%;padding:10px 5px;text-align:center;}
	
	.list-product-grid .list-product-img img{
		height:200px;
	}
}

.static-html-page-content{
	padding-bottom:150px;
	color:#555555;
}

.static-html-page-content h1{
	font-size:25px;
	margin:10px 0px;
	 color: #333;
}
.static-html-page-content h2{
	font-size:18px;
	margin:8px 0px;
	 color: #333;
}

.static-html-page-content ol{
	padding-left: 1rem;
}
.static-html-page-content h3{
	font-size:16px;
	margin:6px 0px;
	 color: #333;
}
.static-html-page-content p{
	font-size:15px;
	margin-top:20px;
}

.form_container .row{
	margin:10px 0px;
}
.form_container input{
	min-width:25rem;
	max-width:100%;
	height:2rem;
	padding:8px;
	font-size:1rem;
}

.form_container textarea{
	
	padding-left:8px;
	font-size:1rem;
	line-height:1.5rem;
	width:40rem;
	height:15rem;
}
.relate_link {
	display:flex;
	flex-flow:row wrap;
	padding:10px 0px;
}
.relate_link li{display:inline-block;list-style-type:none;padding: 2px 10px;    text-decoration: underline;
    text-decoration-color: #2196f3;
    text-decoration-style: wavy;}
.relate_link a{
	color: #333;
	font-size: 18px;
}
.page_title h1{font-size:25px;}
.page_title{text-align:center;padding:10px 0px;}
@media (max-width: 900px) {
	.form_container input,.form_container textarea{
		width:100%;
		min-width:auto;
	}
}
.form_container .label{
	margin:5px 0px;
	display:inline-block;
}
.form_container button{
	outline:none;
	border:none;
	padding:.5rem 1rem;
	background-color:green;
	color:white;
}
.form_container .must_item{
	color:red;
	display:inline-block;
	margin-left:1rem;
}