@charset "utf-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;	
	font: 12px Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;    
    box-sizing: border-box;         	
}
img{ border:0;}
a {text-decoration:none}

body{
	background:url(../images/bg2.jpg) repeat-x;
}

#wrapper{
	margin:0 auto;
	width:100%;
	max-width:1004px;
	background-color:#FFF;
}

#top{
	width:100%;
	max-width:1004px;
	height:108px;
	position:relative;
	background-image:url(../images/top2.jpg);
}

#logo{
	float:left;
	}
#lang{
	color:#000;
	text-align:right;
	}
#lang a{
	color:#000;
	padding-right:30px;
	}
#lang a:hover{
	color:#FFF;
	}


#menu{
	float:right;
	padding-top:35px;
}
#menu ul{
}
#menu li{
	float:left;
	list-style:none;
	text-align:center;
	padding-right:40px;
}
#menu li a{
	font-size:15px;	
	color:#FFF;
}
#menu li a:hover{
	color:#FF0;
}

#banner{
	width:100%;
	max-width:1004px;
	max-height: 193px;
}
#banner img{
	width:100%;
}

#master{
	width:100%;
}
#left{
	float:left;
	width:261px;
}
#right{
	float:left;
	width: calc(100% - 261px);
}
#content{
	width:100%;
	padding:0 10px;
	line-height:22px;
}

#submenu-title{
	width:261px;
	height:48px;
	background:url(../images/smtitle.jpg) no-repeat;
	text-align: center;
}

#submenu-title span{
	/*
	float:left;
	*/
	width: 250px;
	display: block;
	padding-top: 22px;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	
}
#submenu-bottom{
}

.submenu{
	width:244px;
	margin: 1px 0 0 2px;
	padding-bottom:60px;
	border:1px solid #CCC;
	height:auto;
}
.submenu li a.current{color:#000}

.menu_head {
	width:190px;
	text-align:center;
	display:block;
	margin-left:25px;
	border-bottom:1px dashed #999;
}
.menu_head a{
	color: #000;
	line-height:2.2em;
	}
.menu_head a:hover{
	color: #666;
}
.menu_body {
	/*display:none;*/
}
.menu_body ul{}
.menu_body li{
	width:190px;
	margin-left:25px;
	padding: 5px 0 5px 0;
	list-style:none;
	display:block;
	text-align:center;
}
.menu_body li a{
	color: #069;
}
.menu_body li a:hover{
	color:#0d95cd;
}

#header{
	height:60px;
	background:url(../images/header.jpg) no-repeat;
	}
#path{
	color:#4f4f4f;
	padding:10px 0 0 30px;
	}
#path a{
	color:#4f4f4f;
}
#path a:hover{
	color: #069;
}
h1{
	color:#F00;
	font-size:15px;
	padding:3px 0 0 20px;
	font-weight:normal;
}
h2{
	color:#4f4f4f;
	font-weight:normal;
	line-height:1.7em;
	margin-bottom:20px;
}
h2 a{color:#4f4f4f;}

.au01{
	width:710px;
	background:url(../images/pic03.jpg) no-repeat;
	color: #333333;
	}
.au01 a{
	color: #333333;
	font-weight:bold;
}	
	
.t01{
	font-size:16px;
	color:#0087b9;
	clear:both;
	padding-top:30px;
	}


#footer{
	width:100%;
	background-color:#101010;
}
.ftxt1{
	width:100%;
	max-width:1004px;
	text-align:center;
	margin:0 auto;
	color:#676767;
	padding:20px 0;
}
.ftxt1 a{
	color:#676767;
}

#page {
	clear:both;
	text-align:center;
	font-size: 15px;
	letter-spacing: 1px;
	margin: 0px;
	height: 30px;
	padding: 10px 0 0 0;
	color: #333;
}
#page a {
	font-size: 15px;
	color:#000;
	letter-spacing: 1px;
}
#page a:hover {
	color: #1470c5;
}
#page .current {
	color: #1470c5;
	font-size: 15px;
}
/* products */

.product_list{
	width: 200px;
	height: 210px;
	margin-right:40px;
	float: left;
	display:inline;
}
.product_pic{
	width: 200px;
	height: 150px;
	background:url(../images/pdbg1.jpg) no-repeat center bottom;
}
.product_list_title {
	width:200px;
	text-align:center;
	line-height:1.7em;
}
.product_list_title a{
	color: #000;
}
.product_list_title a:hover{
	color: #069;
}

.products_show {
	width:370px;
	height:300px;
	float:left;
	}
.pdpic {
	width:350px;
	height:233px;
	cursor: pointer;
	}
.pdtop {
	height:330px;
	}
.pdpic img{
	padding-top:20px;
	}
.pdmu {
	margin-top:10px;
	cursor: pointer;
	}
.pdmu img{
	float:left;
	margin:0 7px 5px 0;
	border:1px solid #dcdcdc;	
	}


.btn01{
	float:left;
	width:320px;
	height:40px;
	}	
.btn02{
	width:130px;
	height:18px;
	float:left;
	text-align:center;
	margin-left:1px;
	background:url(../images/btnbg.jpg) no-repeat;
	}	
.btn02 a{
	color:#FFF;
	line-height:1.5em;
	}	
.btn02 a:hover{
	color:#FF0;
	}	

.bkbtn{
	float:left;
	width:130px;
	height:30px;
	line-height:1.7em;
	text-align:center;
	color:#FFF;
	background:url(../images/back.jpg) no-repeat;
	
	}

.products_show_name {
	color:#0087b9;
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
	background:url(../images/box.jpg) no-repeat;
	background-position:left 2px;
	}

.products_show_title {
	float:left;
	width:330px;
	color:#0087b9;
	font-size:15px;
	font-weight:bold;
	padding-left:20px;	
	background:url(../images/box.jpg) no-repeat;
	background-position:left 2px;
	}
.products_show_introduction {
	float:left;
	width:330px;
	color:#F00;
	line-height:1.7em;
	margin-bottom:20px;
	}
.products_show_introduction_2 {
	clear: both;
	width:100%;
	color:#383838;
	margin-bottom: 20px;
	padding-top: 10px;
	}
.pro-choice-color { padding-bottom:0px;}
.pro-choice-color span { display:inline-block; width:30px; height:30px; margin:0 10px 10px 0;cursor: pointer;}
.pro-choice-color span img{ max-width: 100%;max-height: 100%}
.pro-choice-size span { display:inline-block; width:30px; height:30px; margin:0 10px 10px 0; background:#f0f0f0; text-align:center; line-height:30px; color:#21262e; font-size:14px; text-transform:uppercase; cursor:pointer;}
.pro-choice-color span.select,.pro-choice-size span.select{border:1px solid red}
.pro-choice-size span:hover, .pro-choice-size span.current { background:#000; color:#fff;}







/*RESPONSIVE*/

@media only screen and (max-width: 920px) {
	#menu { display: none;}
}

@media only screen and (max-width: 640px) {
	#left { display: none;}
	#right { width: 100%;}
	#lang { display: none;}
}