@charset "utf-8";
form, body {
	margin: 0;
}
body {
	font-size: 12px;
	color: #666666;
	background-image: url(../images/bg3.jpg);
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	TEXT-DECORATION: none;
	color: #666666;
}
a:visited {
	TEXT-DECORATION: none;
	color: #666666;
}
a:hover {
	TEXT-DECORATION: none;
	color: #CC0000;
}
/******/
h1 {
	font-size: 18px;
	color: #990000;
}
.sub1 {
	font-size: 12px;
	color: #CC0000;
}
.sub2 {
	font-size: 13px;
	color: #993333;
	font-weight: bold;
	line-height: 30px;
}
.sub3 {
	font-size: 16px;
	color: #990000;
}
.sub4 {
	font-size: 15px;
	color: #6f5433;
}
.sub5 {
	font-size: 12px;
	color: #990000;
}
.sub6 {
	font-size: 16px;
	color: #cc0000;
}
.text1 {
	font-size: 12px;
	color: #333333;
}
.text1 a:link {
	TEXT-DECORATION: none;
	color: #333333;
}
.text1 a:visited {
	TEXT-DECORATION: none;
	color: #666666;
}
.text1 a:hover {
	TEXT-DECORATION: underline;
	color: #CC0000;
}
.text2 {
	font-size: 12px;
	color: #666666;
	line-height: 20px;
}
.text3 {
	font-size: 12px;
	color: #695025;
	line-height: 20px;
}
.text3 a:link {
	TEXT-DECORATION: none;
	color: #695025;
}
.text3 a:visited {
	TEXT-DECORATION: none;
	color: #695025;
}
.text3 a:hover {
	TEXT-DECORATION: none;
	color: #422c17;
	POSITION: relative;
	TOP: 1px;
	LEFT: 1px;
}
.text4 {
	font-size: 12px;
	color: #422c17;
	line-height: 20px;
}
.text4 a:link {
	TEXT-DECORATION: none;
	color: #422c17;
}
.text4 a:visited {
	TEXT-DECORATION: none;
	color: #422c17;
}
.text4 a:hover {
	TEXT-DECORATION: underline;
	color: #422c17;
}
.text5 {
	font-size: 12px;
	color: #9a9083;
}
.text6 {
	font-size: 18px;
	color: #af9f72;
}
.text7 {
	font-size: 12px;
	color: #a98861;
}
.text8 {
	font-size: 10px;
	color: #a98861;
	line-height: 12px;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1c29a;
}
.line2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d5d0b6;
}
.line3 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cbb88f;
}
ul.menu2 {
	margin-bottom: 5px;
}
ul.menu2 li {
	font-size: 13px;
	color: #996633;
	display: inline;
}
ul.menu2 li a:link {
	TEXT-DECORATION: none;
	color: #996633;
}
ul.menu2 li a:visited {
	TEXT-DECORATION: none;
	color: #79522c;
}
ul.menu2 li a:hover {
	TEXT-DECORATION: none;
	color: #990000;
	POSITION: relative;
	TOP: 1px;
	LEFT: 1px;
}
.pic_border {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #dedede;
}
.pic_border2 {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #dedede;
	margin-right: 10px;
}
.shopping_border {
	background-color: #FFFFFF;
	padding: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #dedede;
	border-right-color: #dedede;
	border-left-color: #dedede;
}
.border {
	border: 1px solid #CABE6A;
	font-size: 12px;
	width: 98%;
	background-color: #EEEAD0;
	color: #333333;
}
.login_border {
	border: 1px solid #996633;
	font-size: 12px;
	width: 185px;
	background-color: #fff8e2;
	margin-bottom: 3px;
	color: #6C4824;
}
ul.leftmenu {
	margin-top: 5px;
	margin-bottom: 20px;
}
ul.leftmenu li {
	list-style-image: url(../images/icon2.gif);
	background-image: url(../images/leftmenu_line.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 25px;
	line-height: 25px;
	text-align: left;
	list-style-position: outside;
	padding-left: 5px;
	padding-bottom: 5px;
}
#top {
	position: absolute;
	left: 80%;
}
#top_move {
	position: absolute;
	height: 65px;
	width: 25px;
}
/***index***/

.index_bg2 {
	background-image: url(../images/index_bg2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.index_main1 {
	background-image: url(../images/index_main1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.index_main2 {
	background-image: url(../images/index_main2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.d_bg1 {
	background-image: url(../images/d_bg1_2.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.index_bg1 {
	background-image: url(../images/d_bg1_2.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
    background-size:contain;
}
.web_bg1 {
	background-image: url(../images/web_bg2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
.d_bg2 {
	background-image: url(../images/d_bg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 125px;
}
.leftmenu_bg {
	background-image: url(../images/leftmenu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
/*****qa****/

#list2 {
	WIDTH: 640px;
}
.mytitle2 {
	PADDING-RIGHT: 0.1;
	MARGIN-TOP: 0.5;
	PADDING-LEFT: 37px;
	PADDING-BOTTOM: 0.1;
	CURSOR: pointer;
	PADDING-TOP: 4px;
	background-image: url(../images/qa_q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #990000;
	height: 25px;
	font-size: small;
}
.mytitle {
	PADDING-RIGHT: 0.1;
	MARGIN-TOP: 0.5;
	PADDING-LEFT: 37px;
	PADDING-BOTTOM: 0.1;
	CURSOR: pointer;
	PADDING-TOP: 4px;
	background-image: url(../images/qa_q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: black;
	height: 25px;
	font-size: small;
}
.on .mytitle {
	color: #990000;
}
.off .mytitle {
	color: #333333;
}
.mycontent {
	PADDING-RIGHT: 0.1em;
	PADDING-LEFT: 3.0em;
	PADDING-BOTTOM: 0.1em;
	PADDING-TOP: 0.5em;
	background-image: url(../images/qa_a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: small;
}
.product_bg {
	background-image: url(../images/product_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.newsimg {
	padding: 2px;
	width: 100px;
	border: 1px solid #CCC;
	height: 73px;
	background-color: #FFF;
}
.table1 {
	width: 650px;
}
.table1 th {
}
.table1 td {
	color: #C00;
}
.table1 td a {
	color: #333;
}
.table1 td a:hover {
	color: #C00;
}
.newsbg {
	background: #f5eed8;
}
.red {
	color: #C00;
}
.redtitle {
	color: #900;
	font-size: 16px;
	font-weight: bold;
}
.redtitle2 {
	color: #900;
	font-size: 16px;
	font-weight: bold;
	padding: 10px;
}
.btitle {
	color: #6f5433;
	font-size: 16px;
	font-weight: bold;
	line-height: 12px;
}
.table2 {
	width: 650px;
}
.table2 th {
}
.table2 td {
	color: #C00;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1c29a;
	line-height: 20px;
}
.table2 td a {
	color: #333;
}
.table2 td a:hover {
	color: #C00;
}
.line4 {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d1c29a;
}
.table3 {
	width: 640px;
	padding-top: 10px;
}
.table3 th {
}
.table3 td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #d1c29a;
	line-height: 18px;
}
.table3 td a {
	color: #333;
}
.table3 td a:hover {
	color: #C00;
}
.table4 {
	font-size: 12px;
	width: 100%;
}
.table4 th {
	font-size: 13px;
	text-align: center;
	border-color: #d5d0b6;
	color: #333333;
	font-weight: normal;
	border: 1px solid #D0D0D0;
	padding-top: 7px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
}
.table4 td {
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #d5d0b6;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.line5 {
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d1c29a;
	margin-top: 10px;
	margin-bottom: 10px;
}
.proimg {
	padding: 2px;
	border: 1px solid #CCC;
	background-color: #FFF;
}
.pitem {
	margin-bottom: 5px;
	font-size: 13px;
	color: #996633;
	background-image: url(../images/icon1.gif);
	background-position: left 7px;
	padding-left: 20px;
	background-repeat: no-repeat;
	line-height: 28px;
}
.pitem a {
	text-decoration: none;
	color: #996633;
}
.pitem a:hover {
	text-decoration: none;
	color: #990000;
}
input {
	margin-top: 2px;
	margin-bottom: 2px;
}
.amount {
	text-align: right;
}
.amount input {
	background: #efd7ab;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset;
	border-radius: 3px;
	font-weight: bold;
	width: 20px;
	text-align: center;
}
.order-price {
	color: #FF0000;
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}
#popup-overlay {
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
}
.popup {
	display: none;
	padding: 16px 30px 12px;
	background: #f7e8ce;
	background-image: linear-gradient(#fbf3e3, #f3e1c0);
	background-image: -moz-linear-gradient(#fbf3e3, #f3e1c0);
	background-image: -o-linear-gradient(#fbf3e3, #f3e1c0);
	background-image: -webkit-linear-gradient(#fbf3e3, #f3e1c0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbf3e3), to(#f3e1c0));
	border-radius: 8px;
	position: absolute;
	top: 200px;
	left: 50%;
	z-index: 10000;
}
.popup hr {
	padding: 15px 0;
	background-position: 0 16px;
}
.popup .button {
	font-size: 18px;
}
#popup-register .check-row label {
	width: 100%;
	font-size: 13px;
	font-weight: normal;
	color: #5b3922;
	padding: 0;
}
.popup .close {
	width: 29px;
	height: 29px;
	display: block;
	background: url("../images/sprite.png") no-repeat scroll -150px -400px transparent;
	position: absolute;
	top: -13px;
	right: -13px;
}
.popup h2 {
	font-size: 24px;
	font-family: Georgia, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	color: #321a0a
}
.popup input:last-of-type {
	margin-bottom: 0
}
.popup a {
	color: #b31a05;
	text-decoration: none
}
.popup .links {
	float: right;
	font-size: 12px;
	padding: 10px;
	margin: 0 58px 0 0
}
.popup .button {
	float: right;
	text-transform: uppercase
}
#popup-login {
	width: 355px;
	height: 270px;
	margin-left: -208px
}
#popup-login .input {
	width: 235px
}
#popup-login label {
	width: 100px
}
#popup-login .button {
	width: 255px
}
#popup-login fieldset {
	padding: 10px 0
}
#popup-register {
	width: 455px;
	margin-left: -258px
}
#popup-register input.text {
	width: 285px
}
#popup-register label {
	width: 150px
}
#popup-register .button {
	width: 305px
}
#popup-register .checks {
	width: 305px;
	float: right;
	color: #5b3922;
	font-size: 13px;
	margin-bottom: 10px;
}
#popup-register .check-row {
	overflow: hidden;
	padding: 0 0 10px
}
#popup-register .checkbox {
	margin-right: 4px
}
.newframe {
	background-color: #FFF;
	margin: 10px;
	padding: 3px;
	height: 150px;
	width: 200px;
	border: thin solid #CCC;
	display: block;
	float: left;
}
.newframew {
	margin: 10px;
	padding: 3px;
	line-height: 20px;
}
a img {
	border: none;
}
/*================================= Pop-up */

#popup-overlay {
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
}
.popup {
	display: none;
	padding: 16px 30px 12px;
	background: #fff;
	background-image: linear-gradient(#ebebeb, #ffffff);
	background-image: -moz-linear-gradient(#ebebeb, #ffffff);
	background-image: -o-linear-gradient(#ebebeb, #ffffff);
	background-image: -webkit-linear-gradient(#ebebeb, #ffffff);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#ffffff));
	border-radius: 8px;
	position: absolute;
	top: 150px;
	left: 50%;
	z-index: 10000;
}
.popup hr {
	padding: 15px 0;
	background-position: 0 16px;
}
.popup .button {
	font-size: 15px;
}
#popup-register .check-row label {
	width: 100%;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	padding: 0;
}
.popup .close {
	width: 29px;
	height: 29px;
	display: block;
	background: url("../images/sprite.png") no-repeat scroll -150px -400px transparent;
	position: absolute;
	top: -13px;
	right: -13px;
}
.popup h2 {
	font-size: 24px;
	font-family: Georgia, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	color: #321a0a
}
.popup input:last-of-type {
	margin-bottom: 0
}
.popup a {
	color: #b31a05;
	text-decoration: none
}
.popup .links {
	float: right;
	font-size: 12px;
	padding: 10px;
	margin: 0 58px 0 0
}
.popup .button {
	float: right;
	text-transform: uppercase
}
#popup-login {
	width: 355px;
	height: 270px;
	margin-left: -208px
}
#popup-login .input {
	width: 235px
}
#popup-login label {
	width: 100px
}
#popup-login .button {
	width: 255px
}
#popup-login fieldset {
	padding: 10px 0
}
#popup-register {
	width: 530px;
	margin-left: -258px
}
#popup-register input.text {
	width: 285px
}
#popup-register label {
	width: 150px
}
#popup-register .button {
	width: 100px
}
#popup-register .checks {
	width: 305px;
	float: right;
	color: #5b3922;
	font-size: 13px;
	margin-bottom: 10px;
}
#popup-register .check-row {
	overflow: hidden;
	padding: 0 0 10px
}
#popup-register .checkbox {
	margin-right: 4px
}
.abgne-menu-20140101-1 {
	
	padding-left: 15px;
}
.abgne-menu-20140101-1 input[type="radio"] {
		display: none;
}
.abgne-menu-20140101-1 input[type="radio"] + label {
	display: inline-block;
	cursor: pointer;
	padding: 7px;
	color: #6f5433;
	background-image: url(../images/menu-bg-2.jpg);
	background-repeat: repeat-x;
	font-size: 13px;
	}
.abgne-menu-20140101-1 input[type="radio"]:checked + label {
	background-image: url(../images/menu-bg-1.jpg);
	background-repeat: repeat-x;
	color: #FFF;
}
/*===2020====*/
.top-menu{ position:relative; width:995px; height:52px;}
.top-menu a{position:relative; color:#d9a76c; font-size:14px; line-height:14px; font-weight:bold; width:105px; height:32px; padding-top:20px; float:left; display:block; text-align:center;-webkit-transition: all 250ms ease-in; -o-transition: all 250ms ease-in; -moz-transition: all 250ms ease-in; transition: all 250ms ease-in;}
.top-menu a:hover{padding-top:15px;}
.top-menu em{font-size:12px; opacity:.5; font-weight:normal; font-style:normal; display:block; -ms-transform: scale(.7);-webkit-transform: scale(.7);-moz-transform: scale(.7);-o-transform: scale(.7);transform: scale(.7);}
.top-menu a:before{content:'';position:absolute;top:22px; left:0; width:1px; height:15px; background:#d9a76c; opacity:.5;}
.top-menu a:first-child:before{ display:none;}
.top-menu a.top-menu-big{width:130px; }
.top-menu a { opacity: 0;opacity:1\9\0;/*IE9hack*/ -webkit-animation: fadeInUp 0.9s 1;  animation: fadeInUp 0.9s 1;  -webkit-animation-fill-mode: forwards;  animation-fill-mode: forwards;}
.top-menu a:nth-child(8n+1) {-webkit-animation-delay: 0.2s;  animation-delay: 0.2s;}
.top-menu a:nth-child(8n+2) {-webkit-animation-delay: 0.4s;  animation-delay: 0.4s;}
.top-menu a:nth-child(8n+3) {-webkit-animation-delay: 0.6s;  animation-delay: 0.6s;}
.top-menu a:nth-child(8n+4) {-webkit-animation-delay: 0.8s;  animation-delay: 0.8s;}
.top-menu a:nth-child(8n+5) {-webkit-animation-delay: 1.0s;  animation-delay: 1.0s;}
.top-menu a:nth-child(8n+6) {-webkit-animation-delay: 1.2s;  animation-delay: 1.2s;}
.top-menu a:nth-child(8n+7) {-webkit-animation-delay: 1.4s;  animation-delay: 1.4s;}
.top-menu a:nth-child(8n+8) {-webkit-animation-delay: 1.6s;  animation-delay: 1.6s;}
.top-img{ position:relative; width:995px; height:190px; display:block; background-repeat:no-repeat; text-align:left;}
.top-img:before{content:'';position:absolute; bottom:0; left:0; width:250px; height:40px; background-image: url(../images/login_top.png); background-repeat:no-repeat;z-index: 1;}
.index_top{ position:relative; width:995px; height:140px;}
.top-logo{ margin-left:27px; margin-top:37px;}
.top-sun{ position:absolute; right:0; top:0; z-index:1;}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}