@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0; border: 0;}

.clear { 
	clear: both;
 	display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.f-left{float:left;}
.f-right{float:right;}
.relate{position:relative;}

.red{color:red;}

/* Hyper Link */
a:link    {color:#FFFFFF;text-decoration:none;}
a:visited {color:#FFFFFF;text-decoration:none;}
a:hover   {color:#FFFFFF;text-decoration:none;}
a:active  {color:#FFFFFF;text-decoration:none;}

.opa{filter:alpha(opacity=100);   /* Internet Explorer 5-9 */
 -moz-opacity:1.0;           /* Mozilla 1.6 and below   */
 -khtml-opacity: 1.0; 		 /* Safari 1.x (pre WebKit!) */
 opacity: 1.0;               /* Modern!  Firefox 0.9+, Safari 2?, Chrome any? Opera 9+, IE 9+ CSS-3 */}
 
ul{
}
li{float:left;list-style:none;cursor:pointer;}
img{border:none;}
body{
	font-family:arial;
	font-size:12px;
	color:#4c4c4c;
}
/*********************** Header **************************/
.bg{
	width:1280px;
	margin:auto;
	padding:20px 0 0px 0;
}
#top{
	width:950px;
	margin:0 auto 10px auto;
}
#top .top-left{
	float:left;
}
#top .top-right{
	float:right;
	font-size:18px;
	font-weight:bold;
	margin-top:5px;
	color: #4c4c4c;
}
#top .top-right img:first-child{
	margin-right: 25px;
}
#top .top-right img{
	vertical-align:middle;
}
#header{
	width:950px;
	height:95px;
	margin:auto;
}
#logo{
	width:185px;
	height:60px;
	margin:12px 0;
	float:left;
}
#menu-top{
	float:left;
	padding-top: 43px;
	margin-left:20px;
}
#menu-top li{
	margin:0 25px;
}
#menu-bar{
	width: 514px;
	margin: auto;
	visibility:hidden;
}
#menu-bar  img:first-child{
	
}
#menu-bar  img:nth-child(2){
	margin-left: 24px;
}
#menu-bar  img:nth-child(3){
	margin-left: 26px;
}
#menu-bar  img:last-child{
	margin-left: 30px;
}
.current{
	visibility:visible;
}
#user{
	float:right;
	width:280px;
}
#register-btn, #logout-btn{
	float:right;
}
#login{
	margin-top:15px;
}
#loginpass{
	float:left;
	margin-left:10px;
	font-size:14px;
}
#login-frame form{
	float:left;
	margin-left:10px;
}
#login-frame form img:first-child{
	margin-right:5px;
}
#login-frame form #login_email, #login-frame form #login_password{
	background:url(../image/menu/05.png) no-repeat;
	width:88px;
	height:7px;
	padding:5px;
	border:0;
}
#login-frame{
	float:right;
}
#forgetpass-frame{
	float:right;
	display:none;
}
#forgetpass-frame form #forgetpass{
	background:url(../image/menu/fotget-box.png) no-repeat;
	width:181px;
	height:7px;
	padding:5px;
	border:0;
}
.login-text{
	text-align:right;
	font-size:10px;
	color:#F00;
	cursor:pointer;
	display:none;
}
.forget-text{
	text-align:right;
	font-size:10px;
	color:#F00;
	cursor:pointer;
}
#login form button{
	width:17px;
	height:17px;
	border:0;
	position: relative;
	top: 4px;
}
#login img:first-child{
}
#login img:nth-child(2){
	margin:0 5px;
}
#login img:nth-child(3){
}
#login img:nth-child(4){
}
#slide{
	width:1280px;
	margin:auto;
}
#slider{
	width:950px;
	height:280px;
	position:relative;
}
/*********************** Footer **************************/
#bg_footer{
	background:url(../image/banner/shade.png) repeat;
	min-height:190px;
}
#footer{
	background:url(../image/banner/shade.png) repeat;
	width:1280px;
	margin:auto;
}
#footer>div{
	width:950px;
	margin:auto;
	font-size:11px;
	color:#7d7d7c;
	padding: 30px 0;
}
#address{
	float:left;
	margin-top:15px;
}
.footer-nav {
	margin: 71px 40px 0 40px;
	font-size: 11px;
	color: #7d7d7c;
}
.footer-nav a {
	color: #7d7d7c;
}
#copyright{
	float:right;
	margin-top:71px;
}
/**********************************************************/
/*********************** Content **************************/
/**********************************************************/
#about-content{
	background:url(../image/about/About_02.png) no-repeat;
	width:1280px;
	height:515px;
	margin:auto;
}
.shade{
	background:url(../image/banner/shade-body.png) repeat-x;
}
.about-shade{
	background:url(../image/banner/shade-body.png) repeat-x;
}
.about-shade2{
	background:url(../image/banner/shade-body.png) repeat-x;
	width:1280px;
	margin:auto;
	padding-top:12px;
}
#bg_content{
	background:url(../image/banner/shade-body.png) repeat-x;
	width:1280px;
	margin:auto;
	padding-top:35px;
}
#content{
	width:950px;
	margin: 0px auto 5px auto;
}
#about-content2{
	width:950px;
	margin: 0px auto 0px auto;
}
#home{
	/*width:565px;*/
	width:430px;
	margin:auto;
	padding: 10px 0 30px 0;
}
#title{
	font-size:24px;
	margin-bottom:10px;
	color:#222222;
}
#title2{
	font-size:40px;
	color:#222222;
	margin-bottom:35px;
}
#title img{
	margin-right:15px;
}
#home .box{
	width:180px;
	height:140px;
	text-align:center;
	float:left;
}
#home .box a span{
	color:#4c4c4c;
}
#home .box a img{
	margin-bottom:5px;
}
#home .box2{
	width:180px;
	height:140px;
	text-align:center;
	float:left;
	margin-left:70px;
}
#home .box2 a span{
	color:#4c4c4c;
}
#home .box2 a img{
	margin-bottom:5px;
}
/**************************** About us *****************************/
#about{
	color:#7f7f7f;
	min-height:403px;
}
#about-text{
	padding: 15px 20px 0px 20px;
	line-height:20px;
	font-size: 16px;
}
#about-text p:first-child{
}
/**************************** Product *****************************/
#product{
	color:#7f7f7f;
	min-height: 150px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 20px;
}
#paper{
	font-size:32px;
	margin-bottom:10px;
	color:#222222;
}
#order-title{
	font-size: 40px;
	margin-bottom:10px;
	color:#222222;
}
#product-left {
	width: 490px;
	padding-bottom:10px;
	float: left;
}
#product-right {
	width: 410px;
	float: right;
}
#product-right img{
	float:left;
}
#product-right p{
	float: left;
	width:280px;
	margin-left:20px;
}
.line2{
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#7f7f7f;
	margin:20px 0;
}
.product-pic{
	/*width:560px;*/
	width:430px;
	margin: 30px auto;
}
.product-box{
	width:180px;
	text-align:center;
	float:left;
	cursor:pointer;
}
.product-box img{
	margin-bottom:5px;
}
.product-box2{
	width:180px;
	text-align:center;
	float:left;
	margin-left:70px;
	cursor:pointer;
}
.product-box2 img{
	margin-bottom:5px;
}
.product-cat>img{
	margin-left: 55px;
}
.product-cat2>img{
	margin-left: 35px;
}
.table1>div, .table2>div, .table3>div{
	width:950px;
	margin:auto;
}
.table1{
	background:#dfdfdf;
	min-height: 207px;
	padding-top: 10px;
	padding-bottom: 40px;
	position:relative;
	font-size: 16px;
}
.table1 table tr:nth-child(2), .table1 table tr:nth-child(3), .table1 table tr:nth-child(4), .table1 table tr:nth-child(5){
	background: #ECECEC;
}
.table2{
	background:#999999;
	min-height: 207px;
	padding-top: 10px;
	padding-bottom: 40px;
	position:relative;
	font-size: 16px;
	color: #ffffff;
}
.table2 table tr:nth-child(2), .table2 table tr:nth-child(3), .table2 table tr:nth-child(4), .table2 table tr:nth-child(5){
	background: rgba(128, 128, 128, 1);
}
.table3{
	background:#f08262;
	min-height: 207px;
	padding-top: 10px;
	padding-bottom: 40px;
	position:relative;
	font-size: 16px;
	color: #ffffff;
}
.table3 table tr:nth-child(2), .table3 table tr:nth-child(4), .table3 table tr:nth-child(6){
	background: rgba(255, 162, 134, 1);
}
table{
	width:950px;
	margin:auto;
}
table tr:first-child{
	background-color:#bfdbdd;
}
table th{
	color: #4c4c4c;
	height:30px;
	font-size:12px;
}
table td{
	text-align:center;
	padding:15px 0;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#bcbcbc;
	font-size:14px;
}
#gotop{
	width:950px;
	margin:auto;
	position:relative;
}
#gotop img{
	position: absolute;
	bottom: 40px;
	right: -135px;

}
/**************************** Order *****************************/
#order{
	font-size:16px;
}
.order-table{
	margin-top:30px;
}
.order-table input[type='text']{
	width: 60px;
	padding:3px;
	text-align: center;
}
.order-table table th:first-child{
	border-top-left-radius:15px;
}
.order-table table th:last-child{
	border-top-right-radius:15px;
}
.order-table table tr:not(:first-child){
	background:#e4edef;
}
#checkout{
	background:url(../image/order/8.png) no-repeat;
	width:951px;
	height:76px;
	text-align:right;
	margin-bottom:20px;
}
#checkout span{
	color: #ffffff;
	font-size: 20px;
	display: inline-block;
	vertical-align: top;
	margin-top: 25px;
}
#checkout input[type='text']{
	background-image:url(../image/order/7.png);
	background-repeat:no-repeat;
	width:261px;
	height:36px;
	border:0;
	background: rgba(255, 255, 255, 0.17);
	margin: 15px 0 0 10px;
	vertical-align: top;
}
#checkout input[type='image']{
	padding: 14px 10px 0 10px;
}
#client{
	width:950px;
	text-align:center;
	margin:20px 0;
}
/**************************** Payment *****************************/
#payment{
	font-size:16px;
	line-height:20px;
}
#payment-left {
	width: 490px;
	padding-bottom:10px;
	float: left;
}
#step{
	width:950px;
	margin:30px 0;
}
#step img:first-child{
	margin-left:5px;
}
#step img:not(:first-child){
	margin-left:20px;
}
.payment1-table{
}
.payment1-table table th{
	background-color:#FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;
}
.payment1-table table tr td.product{
	text-align:left;
	width: 20px;
	padding-left: 30px;
}
.payment1-table table tr td.price{
	text-align:right;
	width: 85px;
	padding-right: 34px;
}
.payment1-table table tr td.del a{
	color:red;
	font-weight:bold;
	cursor:pointer;
}
.payment1-table table tr td.total{
	text-align:right;
	font-size:16px;
}
.line3{
	background-color:#FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;
}
.back{
	cursor:pointer;
	padding: 14px 10px 0 10px;
	float:left;
}

.payment2-table{
	
}
.payment2-table table{
}
.payment2-table table th{
	text-align:left;
	background-color:#FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;
	font-size: 20px;
}
.payment2-table table th:last-child{
	padding-left:25px;
}
.payment2-table table td{
	text-align:left;
}
.payment2-table .table td:first-child{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bcbcbc;
}
.payment2-table table td:last-child{
	padding-left:25px;
}
.payment2-table table tr td.total{
	text-align:right;
	font-size:16px;
}
.payment2-table table tr td.price{
	text-align:right;
	width: 85px;
	padding-right: 34px;
}
.payment2-table label{
	width:150px;
	height:auto;
}
.payment2-table input[type='text']{
	width: 265px;
	height: 20px;
	background-color:#e2e2e2;
}
.payment2-table select{
	width: 277px;
	height: 30px;
	padding: 5px;
	background-color:#e2e2e2;
	border-color: #bfbfbf;
	border-width: 1px;
	border-style: solid;
}


.payment3-left{
	width: 400px;
	float: left;
	margin-right: 30px;
}

.payment3-left input[type='radio']{
	float:left;
	margin: 6px 10px 0 0;
}
.payment3-left .payby{
	float:left;
}
.payment3-right{
	width: 400px;
	float: left;
	margin-right: 30px;
}
.payment3-right table{
	width: 340px;
	margin: 0;
}
.payment3-right table th{
}
.payment3-right table th{
	background-color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7f7f7f;
}
.payment3-right table td{
	border-bottom-width: 0;
	padding:3px 0;
}
.payment3-right table td:first-child{
	text-align:left;
}
.payment3-right table tr td.price, .payment3-right table tr th.price{
	text-align:right;
	width: 100px;
	padding-right: 15px;
}
.sum{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #7f7f7f;
	padding:15px 0 0 0;
	height:auto;
}
.sum2{
	padding:0 0 15px 0;
	height:auto;
}
.head{
	background-color: #f6f6f6;
	padding: 15px 20px;
	font-size: 20px;
}
.text{
	background-color: #fbfbfb;
	padding: 15px 20px;
}

.payment4-table{
}
.payment4-table label{
	width:150px;
	height:auto;
}
.payment4-table .table th{
	text-align:left;
	background-color:#FFFFFF;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;
	font-size: 20px;
}
.payment4-table .table th:last-child{
	padding-left:25px;
}
.payment4-table .table td{
	text-align:left;
}
.payment4-table .table td:first-child{
	padding-left:25px;
	background-color:#e4edef;
}
.payment4-table .table td:last-child{
	padding-left:25px;
	background-color:#bfdbdd;
}
.payment4-table table tr td.product{
	text-align:left;
	width: 20px;
	padding-left: 30px;
}
.payment4-table table tr td.total{
	text-align:right;
	font-size:16px;
}
.payment4-table table tr td.price{
	text-align:right;
	width: 85px;
	padding-right: 34px;
}
/**************************** Register *****************************/
#register{
	font-size:16px;
	line-height:20px;
}
#register-left {
	width: 490px;
	padding-bottom:10px;
	float: left;
}
.register-table label{
	width:150px;
	height:auto;
}
.register-table input[type='text'], .register-table input[type='password']{
	width: 265px;
	height: 20px;
	background-color:#e2e2e2;
}
.register-table select{
	width: 277px;
	height: 30px;
	padding: 5px;
	background-color:#e2e2e2;
	border-color: #bfbfbf;
	border-width: 1px;
	border-style: solid;
}
#register-box{
	padding:12px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;	
}
#register-box2{
	padding:12px 0;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #7f7f7f;	
}
/**************************** Contact *****************************/
#contact{
	color:#7f7f7f;
}
#contact-left{
	float:left;
	margin-bottom:20px;
}
label{
	display:inline-block;
	width:100px;
	height:30px;
}
input[type='text'], input[type='password']{
	width:520px;
	padding: 5px;
	border-width:1px;
	border-style:solid;
	border-color:#bfbfbf;	
}
textarea{
	width:520px;
	padding: 5px;
	height:140px;
	border-width:1px;
	border-style:solid;
	border-color:#bfbfbf;	
}
#contact-right{
	float:right;
	line-height:17px;
}
.line{
	border-width:1px;
	border-style:solid;
	border-color:#bfbfbf;	
	margin:10px 0;
}
#map-head{
	font-size:24px;
	color:#4c4c4c;
}
#bg_map{
	background: #e30613 ;
	width:1280px;
	margin:auto;
}
#map{
	background: #e30613 url(../image/contact/4.png) no-repeat center;
	height:520px;
	text-align:center;
}
/************************************** POPUP *********************************************/
#popup-container{
	background:rgba(204, 204, 204, 0.2);
	width:100%;
	height:100%;
	position:fixed;
	z-index:99;
	top:0;
	left:0;
	display:none;
}
.popup-warning{
	background:url(../image/order/02.png) no-repeat;
	width:800px;
	height:460px;
	position:absolute;
	margin-top:-230px;
	margin-left:-400px;
	top:50%;
	left:50%;
	text-align:center;
	display:none;
}
.popup-warning p{
	font-size: 44px;
	margin: 155px 0 100px 0;
}