@import url("reset.css");

/*----------------------------- ALL ----------------------------- */
body{
	position:relative;
	background:#f5eedc url(../images/bg_light.jpg) repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#000;
}


/* CLEARFIX */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	
}

.clearfix {display:block;}


.bg_top{
    height:278px;
    background:#f6ad00 url(../images/bg_yellow.jpg) repeat;
    position:relative;
}
.bg_bar{
    height:24px;
    background:url(../images/bg_bar.png) repeat-x bottom;
    position:relative;
}
.bg_bottom{
    height:298px;
    background:#f6ad00 url(../images/bg_yellow.jpg) repeat;
    position:relative;
}



#wrapper{
	width:952px;
	/*min-height:1000px;*/
	margin:-275px auto 20px;
	position:relative;
	/*border:1px solid black;*/
}

#wrapper5 {
	width:952px;
	/*min-height:1000px;*/
	margin:-275px auto 20px;
	position:relative;
	/*border:1px solid black;*/
}


a:link, a:visited{
	color:#000;
	text-decoration:none;
}

a:hover, a:active{
	color:#4e280d;
	text-decoration:none;
}
	
a:focus { -moz-outline-style: none;}



/* ----------------------------- HEADER ----------------------------- */
#header{
	height:100px;
	background:url(../images/line.jpg) repeat-x bottom;
}
.logo{
    width:396px;
	height:65px;
	background:url(../images/logo.png) no-repeat top center;
	text-indent:-5000px;
	position:absolute;
    left:0;
    top:15px;
}
.logo a{
        display:block;
        width:396px;
	    height:65px;
    }
.lang{
    position:absolute;
	top:15px;
    right:0;
    /*top:0;*/
}
.member{
    position:absolute;
    right:0;
    top:25px;
    color:#4e280d;
}
.member a:link, .member a:visited{
	color:#4e280d;
	text-decoration:none;
}

.member a:hover, .member a:active{
	color:#000;
	text-decoration:none;
}
.subnav{
    position:absolute;
    right:190px;
    top:50px;
    font-size:14px;
	margin-right:40px;
}
    .subnav a{
        display:inline-block;
        padding:8px 12px;
    }
.search{
    width:200px;
	height:28px;
	background:url(../images/bg_search.png) no-repeat top center;
	border:1px solid #daae4f;
	position:absolute;
    right:0;
    top:50px;
}
    .search input.go{
        border:none;
        background:none;
        text-indent:-5000px;
        width:35px;
        height:30px;
        cursor:pointer;
    }
    .search input.keyword{
        border:none;
        background:none;
        height:30px;
        width:165px;
        font-size:small;
    }
 

/*  ----------------------------- NAV  ----------------------------- */
#nav{
    margin-left:110px;
}
#nav ul ul {
	display: none;
}

#nav ul li:hover > ul {
    display: block;
    z-index:999;
}
#nav ul {
	padding: 0 20px;
	list-style: none;
	position: relative;
	display: inline-table;
}
#nav ul:after {
    content: ""; clear: both; display: block;
}
#nav ul li {
	float: left;width:185px;
}
	#nav ul li:hover {
		background: #4e280d;
	}
		#nav ul li:hover a {
			color: #fff;
		}
	
	#nav ul li a {
	    font-size:14px;
	    color:#4e280d;
		display: block;
		padding: 25px 20px;text-align:center;
		text-decoration: none;
	}

#nav ul ul {
	background: #6a3611; 
	padding: 0;
	position: absolute;
	top: 100%;
}
	#nav ul ul li {
		float: none; 
		border-top: 1px solid #402009;
		border-bottom: 1px solid #8c4f24;
		position: relative;
	}
		#nav ul ul li a {
			/*padding: 15px 60px;*/
			padding: 15px 30px;
			text-align:center;
			color: #fff;
		}	
			#nav ul ul li a:hover {
				background: #4e280d;
			}

#nav ul ul ul {
	position: absolute; left: 100%; top:0;
}




/*  ----------------------------- SLIDER  ----------------------------- */
.slider {
    width:945px;
    height:310px;
    position:relative;
    padding-bottom:26px;
    z-index:1;
}

.sliderContent {
    width:935px;
    height:300px;
    clear:both;
    position:relative;
    overflow:hidden;
    border:6px solid #fff;
    -moz-box-shadow: 2px 1px 5px #a88f6f;
    -webkit-box-shadow: 2px 1px 5px #a88f6f;
    box-shadow: 2px 1px 5px #a88f6f;
    z-index:2;
}

.sliderArrows a {
    display:block;
    text-indent:-9999px;
    outline:none;
    z-index:50;
    background-image:url(../images/prev_next.png);
    width:42px;
    height:42px;
    position:absolute;
    top:50%;
    margin-top:-34px;
}

.prev {
    background-position:0 0;
    left:15px;
}

.prev:hover {
    background-position:0 -44px;
}

.next {
    right:15px;
    background-position:-44px 0;
}

.next:hover {
    background-position:-44px -44px;
}

.sliderContent .item {
    position:absolute;
    width:800px;
    height:300px;
    background:#fff;
}

.sliderBullets {
    position:absolute;
    bottom:0;
    left:50%;
    z-index:50;
    margin-left:-45px;
}

.sliderBullets a {
    display:block;
    float:left;
    text-indent:-9999px;
    outline:none;
    margin-left:10px;
    width:10px;
    height:11px;
    background:url(../images/bullets.png) no-repeat;
}

.sliderBullets .active {
    background-position:0 -11px;
}

.sliderContent a {
    outline:none;
}

/*  -----------------------------ADBOX  ------------------------------- */
.adbox {
    width:195px;
    height:140px;
    clear:both;
    position:relative;
    overflow:hidden;
    -moz-box-shadow: 2px 1px 5px #a88f6f;
    -webkit-box-shadow: 2px 1px 5px #a88f6f;
    box-shadow: 2px 1px 5px #a88f6f;
    z-index:2;
}

.adboxContent .item {
    position:absolute;
}


/*  ----------------------------- Middle  ----------------------------- */
#middle{
    margin:20px 0 0 0;
    /*border:1px solid red;*/
}
.left{
    float:left;
    width:725px;
    overflow:hidden;
    /*border:1px solid blue;*/
}
.right{
    float:right;
    width:200px;
    overflow:hidden;
    /*border:1px solid green;*/
}

#hotProduct, #news, .news, #event, .event, .product, .box{
    -moz-box-shadow: 2px 1px 5px #a88f6f;
    -webkit-box-shadow: 2px 1px 5px #a88f6f;
    box-shadow: 2px 1px 5px #a88f6f;
}

#news, .news, #event, .event{
    float:left;
    width:350px;
    margin:28px 0;
    background:#fff;

}

.about2 {line-height: 28px;padding: 22px 22px 20px 22px;color:#4d270d;}

.list2{border-top:1px solid #f7f2ed;
        padding-top:5px;}	

.list2 li{line-height:31px;height:29px;color:#b89054;white-space:nowrap; overflow:hidden; text-indent:10px; /*text-overflow:ellipsis;*/}	
.list2 li a{color:#b89054;}	
.list2 li a:hover{color:#af0707;}
.list2 span{ float:right; color:#b0a79c}
.ico1 li{ background:url(../images/dot03.jpg) left center no-repeat;}

.list5{ line-height:24px;padding-bottom:10px;}
.list5 img{ display:block; margin:0 15px 0px 0; float:left}

#event{margin-left:20px;}

h1.titlebox, h2.titlebox{
    background:#4e280d;
    color:#fff;
    font-size:12px;
    text-shadow:2px 0px 4px #000000;
    padding:6px 10px 6px 35px;
    letter-spacing:1px;
    height:18px;
    line-height:20px;
    overflow:hidden;
}

h1.titlebox a{

    color:#fff;
    font-size:12px;

}


h2.titlebox{
    text-align:center;
    padding:6px 10px 6px 10px;
}

.box{
    width:195px;
    margin-bottom:25px;
}

.fb-like-box{
    width:195px;
    /*height:636px;*/
    height:783px;
    margin-top:30px;
    border:1px solid blue;
}


/*  ----------------------------- hotProduct  ----------------------------- */
#hotProduct{
    width:720px;
    /*height:207px;*/
    height:260px;
    background:#fff;
    position:relative;
    overflow:hidden;
}
    #hotProduct .cut{
        margin-left:60px;
        overflow:hidden;
        width:600px;
    }
    #hotProduct ul{
        width:3000px;
    }
    #hotProduct ul li{
        float:left;
        /*margin:15px 10px;*/
        margin:47px 10px;
    }
    #hotProduct ul li span{
        display:block;
        text-align:center;
        color:#cbab7c;
        width:130px;
        margin-top:10px;
    }
    a.arrow_left{
        width:43px;
        height:43px;
        display:block;
        background:url(../images/prev_next.png) no-repeat 0 -43px;
        position:absolute;
        /*top:90px;*/
        top:110px;
        left:15px;
    }
    a.arrow_right{
        width:43px;
        height:43px;
        display:block;
        background:url(../images/prev_next.png) no-repeat -43px -43px;
        position:absolute;
        /*top:90px;*/
        top:110px;
        right:15px;
    }


/*  ----------------------------- Product  ----------------------------- */
.product{
    float:left;
    width:330px;
    background:#fff;
    padding:10px;
    margin-bottom:20px;
}
    .even{margin-left:20px;}
    .product a{
        text-align:center;
        display:block;
        margin:5px 0;
    }
    .product .data{
        border-top:1px solid #f7f2ed;
        padding-top:10px;
    }
    .product .data p{
        width:230px;
        float:left;
        overflow:hidden;
        line-height:20px;
    }
    .product .data .pd_name{
        color:#b89054;
        font-size:14px;
    }
    .product .data .pd_detail{
        color:#b0a79c;
    }
    .product .data .pd_price{
        color:#b0a79c;
    }
    .pd_price span{
        /*text-decoration:line-through;*/
    }
    .pd_price em{
        color:#af0707;
        font-size:17px;
    }
    .pd_price b{
        color:#af0707;
        font-size:12px;
    }
    .product .btn_cart1{
        width:89px;
        height:51px;
        background:url(../../../images/frontpage/TW/btn_cart1.png) no-repeat;
        border:none;
        cursor:pointer;
        text-indent:-5000px;
        float:right;
        margin-top:-35px;
    }




/*----------------------------- FOOTER----------------------------- */
#footer{
    width:952px;
	height:210px;
	background:url(../images/line.jpg) repeat-x bottom;
	margin:0 auto;
}
    #footer ul{
        float:left;
        margin:30px 65px 0 55px;
    }
    #footer ul li.title{
        font-size:14px;
        margin-bottom:10px;
        margin-left:-3px;
    }
	
    #footer ul li.title2{
        font-size:14px;
        margin-top:10px;
        margin-bottom:10px;
        margin-left:-3px;
    }
    #footer ul li a{
        display:block;
        font-size:12px;
        margin-bottom:3px;
    }
    #footer a:link, #footer a:visited{
        color:#4e280d;
        text-decoration:none;
    }
    #footer a:hover, #footer a:active{
        color:#000;
    }

#copyright{
    width:852px;
	margin:15px auto;
	font-size:12px;
	line-height:18px;
}
#copyright span{ margin:0 5px;}


/*----------------------------- scrollTop ----------------------------- */
.scrollTop{
	position:fixed;
	top:40%;
	right:-5px;
	background:#fff;
	border:1px solid #d1c0a7;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	z-index:5000;
}
    .scrollTop .inner{
        border:3px solid #e3dacd;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding:5px 10px;
    }
    .scrollTop .inner a{
        display:block;
        margin:5px 0;
        color:#c6af8b;
        text-align:center;
        border-bottom:1px solid #f7f2ed;
        padding:10px 0;
    }
    .scrollTop .inner a.cart span{
        width:10px;
        display:block;
        margin-left:7px;
        font-size:14px;
    }
    .scrollTop .inner a.count{
        width:30px;
        height:55px;
        padding-bottom:10px;
    }
    .scrollTop .inner a.count span{
        width:10px;
        display:block;
        margin-left:7px;
        font-size:14px;
        color:#764820;
    }
    .scrollTop .inner a.top{
        width:31px;
        height:41px;
        text-indent:-5000px;
        border-bottom:none;
        padding-bottom:0;
    }


.src5{width:670px; height:454px; position:relative; float:left; display:inline; margin-left:23px;}
.src5 div{width:670px; height:414px; position:absolute; left:0; top:0;}
.src5 div ins{height:29px; width:670px; background:url(../images/bg8.png) repeat; text-decoration:none; font-family:"微软雅黑"; font-size:14px; font-weight:bold; text-align:center; line-height:29px; position:absolute; left:0; bottom:0; z-index:2; color:#FFF;}
.src6{width:220px; height:414px; position:relative; float:left;}
.src7{width:181px; height:345px; position:relative; top:33px; overflow:hidden; margin:0 auto;}
a.np5,a.np6{width:220px; height:22px; display:block; background:url(../images/bg37.gif) no-repeat; position:absolute; left:0;}
a.np5{background-position:0 0; top:0;}
a.np5:hover{background-position:-220px 0;}
a.np6{background-position:0 -22px; bottom:0;}
a.np6:hover{background-position:-220px -22px;}
.src7 ul{position:absolute; height:2000em;}
.src7 ul li{padding-bottom:3px;}
.src7 ul li a{width:181px; height:113px; display:block; position:relative; overflow:hidden;}
.src7 ul li a ins{width:181px; height:113px; background:url(../images/bg9.png) repeat; left:0; top:0; z-index:2; position:absolute;}
.src7 ul li a span{height:19px; width:181px;text-indent:2000em; background:url(../images/bg8.png) repeat; text-decoration:none; font-family:"宋体"; font-size:12px; font-weight:normal; text-align:center; line-height:19px; position:absolute; left:0; bottom:0; z-index:3; color:#FFF; display:none;}
.src7 ul li a.current ins{left:-181px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}