/* CSS Document */
#HIBox_Cart{
	max-width: 97.00000%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	margin-bottom: 10px;
	
}
#HIBox_Cart span{
	font-size: 24px;
	color: #000;
	margin-right: 20px;
	
}
.HrCrtRed {
	height: 1px;
	max-width: 97.00000%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B51118;
}
#BoxCart{
	max-width: 97.00000%;
	margin-right: auto;
	margin-left: auto;
}
#BoxCart .BoxTitleCart {
	float: left;
	font-size: 18px;
	font-weight: bold;
}
#BoxCart .BoxTitleForget {
	font-size: 18px;
	font-weight: bold;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}

.BoxBtnCart {
	float: right;
	width: 350px;
}
.BoxBtnCart .Btn {
	overflow: hidden;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#BoxCart table {
	margin-top: 10px;
	margin-bottom: 10px;
}

.TableHeadCart {
	font-size: 15px;
}
#BoxCart table tr td strong {
	color: #000;
}

.TableHeadCartRemove {
	font-size: 15px;
	color: #F00;
}
.ImgProCsd {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.ImgProCsd img {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 50px;
}
.ImgProCsd img.img1 {
}
.ImgProCsd img.img2 {
}
.TableHeadSt2 {
	font-size: 16px;
	color: #000;
}
.TableSt2 table {
	font-size: 14px;
}
.TxtFldLg {
	width: 100%;
	border: 1px solid #999;
}
.BoxFootReg {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #B2B2B2;
	padding: 10px;
}
.RegTable {
	padding: 10px;
}
.RegTable .Td {
	float: left;
	width: 50%;
	height: 60px;
}
.RegTable .Td .Txt {
	font-size: 14px;
	color: #000;
	height: 20px;
}
.RegTable .Td .FrmFld {
}
.ForGetTable {
	padding: 10px;
}
.ForGetTable .Td {
	width: 50%;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
}
.ForGetTable .Td .Txt {
	font-size: 14px;
	color: #000;
	height: 20px;
}
.ForGetTable .Td .FrmFld {
}

.TxtFldReg {
	border: 1px solid #999;
	width: 90%;
	height: 22px;
}
.Stp3Table {
	margin-top: 20px;
}
.Stp3Table .Td {
	color: #000;
	font-size: 14px;
	float: left;
	width: 50%;
	height: 40px;
}
.Stp3Table .Td span {
	font-weight: bold;
}
.TableCnfOrder .TableHeadCart {
}
.TableCnfOrder .TableHeadCart span {
	color: #AF040C;
	font-weight: bold;
}
.TableCnfOrder .TableDetail strong {
	font-size: 12px;
}

.TableCnfOrder .TableItemNm span {
	font-size: 16px;
	color: #000;
}


.BxLoginLeft{
}
.BxLoginLeft .text1{
min-height: 40px;
}
.BxLoginLeft .text2{
height: 200px;
display: table-cell;
vertical-align: middle;
}
.BxLoginRight{
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.BxLoginRight .text1{
min-height: 40px;
}
.BxLoginRight .text2{
min-height: 40px;
}
.BxLoginRight .bxL{
min-height: 40px;
float: left;
width: 25%;
}
.BxLoginRight .bxR{
min-height: 40px;
float: left;
width: 75%;
}
.BxLoginRight .bx2L{
min-height: 40px;
width: 50%;
float: left;
}
.BxLoginRight .bx2R{
min-height: 40px;
width: 50%;
float: left;
text-align: right;
}














.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}



.customSelect {
	text-indent:3px;
	padding-top:3px;
	font-size:14px;
	background-repeat: no-repeat;
	background-position: right center;
	color: #000;
	background-image: url(/images/slt_r.png);
}
.customSelect.customSelectOpen {
}
.customSelect.customSelectFocus {
}
.customSelectInner {
}



/*==========STYLE_1000px===========*/
@media (max-width:1017px){
}

/*==========STYLE_800px===========*/
@media (max-width:817px){
#BoxCart .BoxTitleCart{
float: none;
width: 100%;
text-align: center;
}
.BoxBtnCart{
float: none;
width: 270px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
.ImgProCsd img {
	margin-left: 10px;
	width: 97%;
	margin-bottom: 10px;
	margin-top: 10px;
}
.ImgProCsd img.img1 {
}
.ImgProCsd img.img2 {
}
}

/*==========STYLE_600px===========*/
@media (max-width:617px){
	.Stp3Table .Td{
		width:100%;
	}
	.BxLoginLeft{
		width:90%;
	}
	.BxLoginLeft .text1{
	text-align: center;
	}
	.BxLoginLeft .text2{
	height: 50px;
text-align: center;
display: block;
	}
	.BxLoginLeft .text3{
	margin-bottom: 50px;
text-align: center;
	}
	.BxLoginRight{
		width:90%;
	}
	.BxLoginRight .text1{
		text-align: center;
	}
	.BxLoginRight .text2{
		text-align: center;
	}
	.BxLoginRight .bxL{
		width: 100%;
float: none;
text-align: center;
min-height: 20px;
	}
	.BxLoginRight .bxR{
		width: 100%;
float: none;
text-align: center;
	}
}

/*==========STYLE_550px===========*/
@media (max-width:567px){
}

/*==========STYLE_500px===========*/
@media (max-width:517px){
.RegTable .Td {
width: 97%;
}
.ForGetTable .Td {
width: 97%;
}
#BoxCart .BoxTitleForget{
width: 97%;
}
}

/*==========STYLE_400px===========*/
@media (max-width:417px){
.cart_pro_img{
	width:90%;
	max-width:130px;
}
}