.product_note {
	text-align: center;
	color: #ff0000;
	margin: 5px 0px 20px 0px;
	line-height: normal;
}

.product_term {
	text-align: left;
	margin-top: 15px;
	margin-left: 7px;
	font-size: 17px;
	white-space:pre-wrap;
	line-height: 30px;
	padding-left: 1.5%;
	font-weight: bold;
	color:red;
}

.product_img {
	width: 80%;
	margin: 0px auto;
}

/*product img*/
.text-center {
	text-align: center;
}

.textbook_img {
	width: 400px;
	margin: 0 auto;
	padding-top: 40px;
	display: inline;
}

.note_red {
    margin-top: 15px;
    font-size: 16px;
    color: #ff0000;
}

/*add*/
.prdct2 img {
	margin-bottom: 3%;
}

.itms_dscription {
	text-align: left;
    margin: 15px 7px 30px;
    font-size: 18px;
    color: #000;
    line-height: 30px;
    padding-left: 1.5%;
}

.prdct3 img {
	margin-bottom: 3%;
}

span.itms_red {
	color:#bf0000;
}


.textbook_img img {
	width: 100%;
	border-radius: 5px;
}
/*product img*/

/*amount*/
.amount_container {
	margin-top: 5px;
	text-align: center;
	font-size: 20px;
}

input#textbook_amount {
	padding: 7px 15px;
	width: 15%;
	text-align: right;
	font-size: 15px;
	border:1px #B5B5B5 solid
}
h2.second_title{
	padding-left: 5%;
}
h2.second_title_reminders{
	padding-left: 3%;
	font-size: 13px;
    color: #777;
    line-height: 20px;
    margin-bottom: 20px;
}
h2.second_title_products {
	padding-left: 5%;
	font-size: 13px;
    color: #777;
    line-height: 20px;
    margin-bottom: 20px;
}
.quantity_title{
    margin-left: -65px;
    padding-right: 20px;
}
/*amount*/


/*amount error*/
.amount_error{
	display: initial;
	margin: 20px 0;
	color: red;
	font-size: 20px;
}
/*amount error*/

.qty_error{
	width: 100%;
	text-align: center;
	color: red;
}

.qty_error div{
	padding: 10px 0px;
}
/*----------------------------------------------------*/
/* product detail 4*/
div.prod_img{
	padding-top: 30px;
	margin:0 auto;
	width: 350px;
}
.prod_img img{
	width:100%;
	margin:0 auto;
	border-radius: 5px;
}
.prod_list_pc{
	padding: 50px 20px;
}
.prod_list_pc table{
	width:100%;
	text-align: center;
}
.prod_list_pc tr td{
	border: 1px #000 solid;
	padding: 15px 0px;
}
.prod_form{
	width: 60%;
	padding: 0px 20px;
	margin:0 auto;
}
.prod_form form ul li{
	text-align: left;
	padding: 5px 0px;
}
span.lbl{
	display: inline-block;
	width: 33%;
	vertical-align: middle;
}
.prod_form form ul li input{
	padding: 7px 0px;
	width: 55%;
}
div.btn_detail{
	width: 100%;
	margin-top: 50px;
	text-align: center;
}
div.btn_detail button{
	width: 20%;
	padding: 10px 0px;
	font-size: 15px;
	border:none;
	margin:0 10px;
	border-radius: 5px;
	background-color: #ffef00;
}
div.btn_detail button:hover{
	background-color: #ffcf00;
	cursor: pointer;
}

.prod_list_sp{display: none}
/*end of product detail 4*/
/*--------------------------------------------------------*/

/* product 6*/

.bold_red {
	color: red !important;
	font-weight: bold;
}

/*end of product detail 6*/

/* product 7*/

/*towel img position*/
.towel_li li {
    display: inline-block;
    width: 250px;
    height: auto;
    padding-bottom: 20px;
}
.towel_li {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
/*towel img*/
#towel_1{
    width: 180px;
}
/*first textbox position*/
.amount_txt{
    margin-left: 20px;
}
h2.towel_second_title {
    text-align: left;
    margin: 25px 7px 30px;
    font-size: 17px;
    color: #000;
    line-height: 30px;
    padding-left: 1.5%;
}

/* product 8*/

/*slippers img position*/
.slippers_li li {
    display: inline-block;
    height: auto;
    padding-bottom: 20px;
}
.slippers_li {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}
/*slippers img*/
#slippers_img{
    width: 300px;
}
/*--------------------------------------------------------*/

/* product detail 6*/

.shirt_wrap table tr td{
	padding: 5px 5px;
	vertical-align: middle;
	word-break: break-word;
}
.shirt_wrap table tr:first-child td{
	text-align: center;
	background: #FAFFFC;
}
.shirt_wrap table tr td:first-child{
	width: 180px;
	border:1px #000 solid;
}
.shirt_wrap table tr td select{
	width:100%;
	padding: 7px 5px;
}
.shirt_wrap table tr td select:required:invalid {
  color: gray;
}
.shirt_wrap table tr td select option[value=""][disabled] {
  display: none;
}
.shirt_wrap table tr td select option {
  color: black;
}
.shirt_wrap table tr td input{
	width:90%;
	padding: 7px 0px;
	text-indent: 10px;
	box-shadow: none;
	background: #fff;
}
.shirt_wrap table tr td:nth-child(2){
	width: 100px;
	border:1px #000 solid;
}
.shirt_wrap table tr td:last-child{
	width: 100px;
	border:1px #000 solid;
}
.use_wrapper{
	text-align: center;
	padding-top: 10px;
}
div.error-message{
	color: red;
	padding-top: 10px;
}
span.err_qty{
	font-size: 12px;
	line-height: 15px;
}


/* end of product deta_qtyil 6*/
@media screen and (max-width: 840px) {
	.man_con{
		width: 90%;
	}
}

/*----------------------------------------------------*/
/* product detail 4*/
.man_con{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	padding: 30px 20px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #fff;
	border-radius: 5px;
}
.prod_img img{
	width:100%;
	margin:0 auto;
	border-radius: 5px;
}
.prod_list_pc{
	padding: 50px 20px;
}
.prod_list_pc table{
	width:100%;
	text-align: center;
}
.prod_list_pc tr td{
	border: 1px #000 solid;
	padding: 15px 0px;
}
.prod_form{
	width: 60%;
	padding: 0px 20px;
	margin:0 auto;
}
.prod_form form ul li{
	text-align: center;
	padding: 5px 0px;
}
span.lbl{
	display: inline-block;
	width: 33%;
	text-align: left;
	margin-left: -8%
}
.prod_form form ul li input{
	padding: 7px 0px;
	width: 55%;
}
div.btn_detail{
	width: 100%;
	margin-top: 50px;
	text-align: center;
}
div.btn_detail button{
	width: 20%;
	padding: 10px 0px;
	font-size: 15px;
	border:none;
	margin:0 10px;
	border-radius: 5px;
	background-color: #ffef00;
}
div.btn_detail button:hover{
	background-color: #ffcf00;
	cursor: pointer;
}
.prod_list_sp{display: none}
/*end of product detail 4*/
/*--------------------------------------------------------*/
/*product 8*/
.slippers_wrap{
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 15px;
}
.title{
	text-align: left;
	width: 70%;
	display: inline-block;
	padding-bottom: 20px;
}
.slippers_wrap li{
	display: inline-block;
	text-align: left;
	margin:0 30px;
	width:250px;
	height: auto;
	padding-bottom: 20px;
}
.slippers_wrap li span{
	display:block;
}
.slippers_wrap li img{
	width:250px;
}

.slippers_wrap table{
	text-align: center;
	display: inline-block;
}
.slippers_wrap table tr td{
	padding: 5px 5px;
	vertical-align: middle;
	word-break: break-word;
}
.slippers_wrap table tr:first-child td{
	text-align: center;
	background: #FAFFFC;
}
.slippers_wrap table tr td:first-child{
	width: 120px;
	border:1px #000 solid;
}
.slippers_wrap table tr td select{
	width:100%;
	padding: 7px 5px;
}
.slippers_wrap table tr td select:required:invalid {
  color: gray;
}
.slippers_wrap table tr td select option[value=""][disabled] {
  display: none;
}
.slippers_wrap table tr td select option {
  color: black;
}
.slippers_wrap table tr td input{
	width:75%;
	padding: 7px 10px;
	text-indent: 10px;
	box-shadow: none;
	background: #fff;
	text-align: right;
	border:1px #A9A9A9 solid;
	font-size: 15px;
}
.slippers_wrap table tr td:nth-child(2){
	width: 148px;
	border:1px #000 solid;
}
.slippers_wrap table tr td:nth-child(3){
	width: 85px;
	border:1px #000 solid;
}
.slippers_wrap table tr td:nth-child(4){
	width: 80px;
	border:1px #000 solid;
}
.slippers_wrap table tr td:nth-child(5){
	width: 80px;
	border:1px #000 solid;
}
.slippers_wrap table tr td:nth-child(6){
	width: 80px;
	border:1px #000 solid;
}
.slippers_wrap table tr td:last-child{
	width: 80px;
	border:1px #000 solid;
}
/* product detail 6*/

.shirt_wrap{
	width: 100%;
	text-align: center;
	padding-bottom: 30px;
	padding-top: 15px;
}
.title{
	text-align: left;
	width: 70%;
	display: inline-block;
	padding-bottom: 20px;
}
.shirt_wrap li{
	display: inline-block;
	width:250px;
	height: auto;
	padding-bottom: 20px;
}
.shirt_wrap li span{
	display:block;
}
.shirt_wrap li img{
	width:200px;
	margin-top:5px;
}

.shirt_wrap table{
	text-align: center;
	display: inline-block;
}
.shirt_wrap table tr td{
	padding: 5px 5px;
	vertical-align: middle;
	word-break: break-word;
}
.shirt_wrap table tr:first-child td{
	text-align: center;
	background: #FAFFFC;
}
.shirt_wrap table tr td:first-child{
	width: 120px;
	border:1px #000 solid;
}
.shirt_wrap table tr td select{
	width:100%;
	padding: 7px 5px;
}
.shirt_wrap table tr td select:required:invalid {
  color: gray;
}
.shirt_wrap table tr td select option[value=""][disabled] {
  display: none;
}
.shirt_wrap table tr td select option {
  color: black;
}
.shirt_wrap table tr td input{
	width:75%;
	padding: 7px 10px;
	text-indent: 10px;
	box-shadow: none;
	background: #fff;
	text-align: right;
	border:1px #A9A9A9 solid;
	font-size: 15px;
}
.shirt_wrap table tr td:nth-child(2){
	width: 100px;
	border:1px #000 solid;
}
.shirt_wrap table tr td:nth-child(3){
    width: 85px;
    border:1px #000 solid;
}
.shirt_wrap table tr td:nth-child(4){
    width: 80px;
    border:1px #000 solid;
}
.shirt_wrap table tr td:nth-child(5){
    width: 80px;
    border:1px #000 solid;
}
.shirt_wrap table tr td:nth-child(6){
	width: 90px;
	border:1px #000 solid;
}
.shirt_wrap table tr td:nth-child(7){
	width: 126px;
	border:1px #000 solid;
}
.shirt_wrap table tr td:last-child{
    width: 80px;
    border:1px #000 solid;
}
.use_wrapper{
	text-align: center;
	padding-top: 10px;
}
input#vehicle:hover{
	cursor: pointer;
}
.use_wrapper label:hover{
	cursor: pointer;
}
	span.qty{
		margin-right: 10px;
	}
/* end of product detail 6*/
@media screen and (max-width: 840px) {
	.man_con{
		width: 90%;
	}
}

@media screen and (max-width: 767px) {

	.textbook_img {
		width: 80%;
	}
	input#textbook_amount{
		width: 25%
	}

	/*	product detail 4*/
	.prod_img{
		width: 50%!important;
	}
	span.lbl{
		margin-left: -23%
	}
	span.qty{
		margin-right: 0px;
		padding-left: 20px;
	}
	.btn_wrapper button{
		display: block;
		margin: 0 auto;
	}

	.prdct2 img {
    	margin-bottom: 5%;
	}

	.itms_dscription span {
		font-size: 14px;
	}

	.prdct3 img {
    	margin-bottom: 5%;
	}
	.prdct9 img {
    	width: 100%;
	}

}
@media screen and (min-width: 481px) and (max-width: 640px) {
	.slippers_wrap table tr td {
    font-size: 13px;
	}
	.slippers_wrap table tr td input {
	     width: 60%;
	}

	input#textbook_amount {
		font-size: 15px;
		width: 25%;
	}

	.textbook_btn_container button{
		font-size: 13.5px;
	}

	.amount_container,
	.amount_error{
		font-size: 15px;
	}
	/*	product detail 4*/
	.prod_list_sp{display: block}
	.prod_list_sp{
		padding: 50px 20px;
	}
	.prod_list_sp table{
		width:100%;
		text-align: center;
	}
	.prod_list_sp tr td{
		border: 1px #000 solid;
		padding: 15px 0px;
	}
	.prod_list_sp table.tbl_two{
		margin-top:20px;
	}
	.prod_list_sp table tr td:first-child,
	.prod_list_sp table tr td:nth-child(2){
		width:30%;
	}
	.prod_form form ul li input{
		display: inline-block;
		width: 84%;
	}
	div.btn_detail button{
		width: 50%;
		display: inline-block;
		margin-bottom:10px;
	}
	div.prod_list_pc{display: none}
		.btn_wrapper button{
		display: block;
		margin: 0 auto;
	}
	span.lbl{
		width: 45%;
	}
		.shirt_wrap table tr td{
		font-size: 13px;
	}
	.shirt_wrap table tr td input{
		width: 60%;
	}

	/*	product detail 4*/

	/*product 7*/
	#towel_1{
    width: 100%;
	}

	/*first textbox position*/
	.amount_txt{
	    margin-left: 15px;
	}
	h2.towel_second_title {
	    font-size: 15px;
	}

	/*h2.bold_red {
	    font-weight: : bold;
	}*/
	.quantity_title {
    	margin-left: -53px;
	}
	/*end product 7*/

	.prdct2 img {
    	margin-bottom: 5%;
	}

	.itms_dscription span {
		font-size: 16px;
	}

	.prdct3 img {
    	margin-bottom: 5%;
	}
}

@media screen and (min-width: 320px) and (max-width: 480px) {
	.slippers_wrap table tr td input {
    padding: 3px 9px;
    width: 45%;
	}
	.slippers_wrap table tr td {
	    font-size: 11px;
	}

	input#textbook_amount {
		font-size: 12px;
		width: 20%;
		padding: 7px 10px;
	}
	.amount_container,
	.amount_error{
		font-size: 14px;
	}
	/*	product detail 4*/
	.prod_list_pc{display: none}
	.prod_list_sp{display: block}
	.prod_list_sp{
		padding: 50px 0px;
		font-size: 13px;
	}
	.prod_list_sp table{
		width:100%;
		text-align: center;
	}
	.prod_list_sp tr td{
		border: 1px #000 solid;
		padding: 15px 0px;
		vertical-align: middle;
	}
	.prod_list_sp table.tbl_two{
		margin-top:20px;
	}
	.prod_list_sp table tr td:first-child,
	.prod_list_sp table tr td:nth-child(2){
		width:30%;
	}
	.prod_img{
		padding-top: 10px;
		width: 60%!important;
	}
	.prod_form{
		width: 100%;
		padding-left: 0px;
	}
	.prod_form span.lbl{
		margin-left:-20%!important;
	}
	.prod_form form ul li input{
		display: inline-block;
		width: 86%;
	}
	div.btn_detail button{
		width: 85%;
		display: inline-block;
		margin-bottom:5px;
	}
	/*	product detail 4*/

	/*	product detail 6*/
	.shirt_wrap table{
		font-size: 13px;
		padding-top: 10px;
	}
	.shirt_wrap table tr td select{
		font-size: 11.4px;
	}
	table.tbl_two tr:first-child,
	table.tbl_one tr:first-child{
		font-size: 12px;
		word-break:break-word;
	}
	h2.lbl_blue{
		margin: 10px 5px 30px;
		font-size: 20px;
	}
	.use_wrapper{
		font-size: 13px;
	}
	.shirt_wrap li{
		margin: 0 auto;
	}
	.prod_form form ul li{
		font-size: 15px;
	}
	span.pcs{
		font-size: 13px;
	}
	span.qty{
		font-size: 13px;
	}
	.title{
		width: 91% !important;
	}
	.shirt_wrap table tr td input{
		padding: 3px 9px;
		width: 45%;
	}
	.qty_error div{
		font-size: 12px;
	}
	span.qty{
		padding-left: 10px;
	}
	.shirt_wrap table tr td{
		font-size: 11px;
	}
	.shirt_wrap table tr td:first-child{
		width: 114px;
	}
	.shirt_wrap table tr td:nth-child(6){
		width: 90px;
	}
	#towel_1{
    width: 100%;
	}
	h2.towel_second_title {
	    font-size: 12px;
	}
	.towel_li li{
		width: 240px;
	}
	.amount_txt {
    margin-left: 14px;
	}
	.quantity_title {
    	margin-left: -38px;
    	padding-right: 4px;
	}
	#slippers_img{
        width: 285px;
	}

	.prdct2 img {
    	margin-bottom: 5%;
	}

	.itms_dscription span {
		font-size: 12px;
	}

	.prdct3 img {
    	margin-bottom: 5%;
	}
}