/**               
 * Template designed by 7templates.net
 * 7templates.net - Free ecommerce templates and design services
 *
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */
/** Generated by FG **/
body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #e5edf5;
	}
a img {border: none; }
h1 {
	font-size: 1.5em;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 3px;
}

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	margin: 0;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 100%;
	margin-bottom: 10px !important;
	}

input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 11em;
	}

LABEL.inputLabelPayment {
	width: 15em;
	float: left;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
	width: 12em;
	float: left;
	}

ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}
.forward, .float-right {
	float: right;
}
.back, .float-left {
	float: left;
}
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #000000;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}
.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.hiddenField {
	display: none !important;
}
.visibleField {
	display: inline;
}
#loginDefault select, #loginDefault textarea, #loginDefault input[type="text"], #loginDefault input[type="password"], #loginDefault input[type="email"], #loginDefault input[type="tel"]{
	margin-bottom:5px;
}
#loginDefault .alert, #createAcctDefault .alert{padding:0;border:none;}
#loginDefault fieldset, #createAcctDefault fieldset{margin-bottom:5px;}
@media (max-width: 767px) {
	#createAcctDefault LABEL.hiddenField, #createAcctDefault LABEL.inputLabel{width:100%;display:block;}
	#loginDefault LABEL.hiddenField, #createAcctDefault LABEL.inputLabel{width:100%;display:block;}
	#loginDefault select, #loginDefault textarea, #loginDefault input[type="text"], #loginDefault input[type="password"], #loginDefault input[type="email"], #loginDefault input[type="tel"]{
		width:98%;
		border: 1px solid #d2d2d2;
		margin-bottom:0px;
	}
}




/* Form lists */
/* Grouped fields */
/*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/
.form-list li { margin:0 0 8px; }
.form-list label { color:#111; font-weight:bold; position:relative; z-index:0; }
.form-list label.required {}
.form-list label.required em { float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }




.form-list label { margin: 0 0 5px; font-weight: normal; font-size: 15px; }
.form-list .control label { margin: 0; vertical-align: middle; }
.form-list li { margin-bottom: 10px; }
.form-list li.wide .input-box { width: auto; }
.form-list textarea { width: 98%; }
.form-list select { width: 250px; }
.form-list li.wide textarea,
.form-list li.wide select,
.form-list li.wide input.input-text { width: 100%; max-width: 525px; }
.form-list .input-box { width: auto; }
.form-list input.input-text,
.form-list select,
.form-list textarea,
.discount .input-text {
    font-size: 15px;
    padding: 7px 0;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #aaa;
    border-color: #aaa #ccc #ccc #ccc;
    padding: 6px 4px;
}
.form-list input.input-text:focus,
.form-list select:focus,
.form-list textarea:focus { background-color: #fafafa; }
.form-list label.required em { right: -10px; }




.page-title {padding: 7px 0 8px;}
.page-head {padding: 3px 0 4px; margin-bottom: 4px;}
.page-title h1,
.page-title h2 { font-size:2em; }
.page-head-alt { padding: 7px 0 8px; margin: 0 0 7px; }
.page-head-alt h3,
.page-head-alt h2 { font-size:24px; font-weight: normal; }
/* Page Heading */
.page-title { border-bottom:1px solid #ddd; padding:0 0 5px; margin:0 0 10px; }
.page-title h1,
.page-title h2 { font-size:18px; color:#000; }
.page-title .separator { margin:0 3px; }
.page-title .link-rss { float:right; }
.title-buttons { text-align:right; }
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }


button.button span {
    height:39px;
    font: bold 12px/39px Tahoma, Arial, Helvetica, sans-serif;
    color: #fff;
   
}
button.btn-alt:hover span{float: left;background-color:#666666;color:#ffffff;}
.page-title .btn-continue { float: left; clear: left; background-color:#000; }

button.button span span { padding: 0 14px; }
button.btn-checkout::-moz-focus-inner,
button.btn-suggest-cart::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.btn-checkout,
button.btn-suggest-cart { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.btn-checkout,
button.btn-suggest-cart { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.btn-checkout span,
button.btn-suggest-cart span { font: bold 15px/38px Arial, Helvetica, sans-serif !important; height: 39px !important; }
input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
.btn-cart span,  .btn-cart span, button.btn-checkout span{border-color:#f61d4b;background-color:#f61d4b;color:#ffffff;}
.btn-cart:hover span, .btn-cart:hover span, button.btn-checkout:hover span{border-color:#990000;background-color:#990000;color:#ffffff;}

input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:#000; cursor:pointer; }
button.button span { float:left; text-align:center; white-space:nowrap; }



.adaptive-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* 调整两栏之间的间距 */
    padding: 5px; /* 调整容器内的边距 */
    max-width: 1200px; /* 最大宽度 */
    margin: 0 auto; /* 居中 */
}

.adaptive-container .left-column,
.adaptive-container .right-column {
    flex: 1;
    min-width: 300px; /* 最小宽度 */
}

.adaptive-container .left-column img {
    width: 100%;
    height: auto;
    display: block;
}

.adaptive-container .right-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    border: 1px solid #ddd; /* 可选的边框 */
    background-color: #f9f9f9; /* 可选的背景颜色 */
}

.adaptive-container h1 {
    margin-bottom: 10px;
}

.adaptive-container p {
    margin-top: 0;
}