@charset "UTF-8";
@import url("layout.css");

/* index */
#content{
	position: absolute;
	width:100%;height:100%;
}
#h_center{
	position:relative;
	width:250px;
	height:353px;
	top:50%;
	margin:-172px auto 0 auto;
}


/* header */
#header .logo{
	width: 385px;height: 55px;
	background: url(../images/bg_logo.jpg) no-repeat;
	text-indent: -99999px;
	position: absolute;
	bottom: 0;
}
#header .logo a{display: block;width: 385px;height: 55px;}
#header .link{
	position: absolute;
	right: 0;bottom: 40px;
}
#header .link a{
	display: block;
	float: left;
	text-indent: -99999px;
}
#header .link .onlineShop{
	width: 130px;height: 30px;
	background: url(../images/icon_shop.jpg) no-repeat;
}
#header .link .onlineShop:hover{
	background: url(../images/icon_shop_r.jpg) no-repeat;
}
#header .link .taobaoShop{
	width: 30px;height: 30px;
	background: url(../images/icon_taobao.jpg) no-repeat;
	margin-right: 3px;
}
#header .link .yahooShop{
	width: 30px;height: 30px;
	background: url(../images/icon_yahoo.jpg) no-repeat;
	margin-right: 3px;
}
#header .link .home{
	width: 30px;height: 30px;
	background: url(../images/icon_home.jpg) no-repeat;
}
#header .funcArea{
	position: absolute;
	bottom: 0;right: 0;
	width: 370px;
}
#header .funcArea .facebookLike{float: left;margin-top: 5px;}
#header .funcArea .addThisBtn{float: left;margin: 0 5px;}
#header .funcArea .addThisBtn a{
	display: block;
	width: 30px;height: 30px;
	background: url(../images/icon_addthis.jpg) no-repeat;
}
#header .funcArea .addThisBtn a:hover{
	background: url(../images/icon_addthis_r.jpg) no-repeat;
}
.addthis_button_compact span{background: none;}
#header .funcArea .rssBtn{float: left;}
#header .funcArea .rssBtn a{
	display: block;
	width: 30px;height: 30px;
	background: url(../images/icon_rss.jpg) no-repeat;
}
#header .funcArea .rssBtn a:hover{
	background: url(../images/icon_rss_r.jpg) no-repeat;
}
.searchBar{
	width: 195px;height: 25px;
	background: #fff;
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	-o-border-radius:8px;
	border-radius:8px;
	float: right;
}
.searchBar .searchInput{
	border: none;background: none;
	font-size: 12px;
	margin:1px 0 0 10px;
	color: #999;
	width:140px;height: 17px;
}
.searchBar .searchSubmit{
	position: absolute;
	right: 10px;
	top:5px;
}

/* nav */
.nav{
	width: 960px;
	line-height: 45px;
	background: url(../images/bg_navi.jpg);
}
.nav li{
	float: left;
	width: 96px;
	text-align: center;
	font-size: 11px;
	position: relative;
	color: #ffffff;
}
.nav li a{
	display: block;
	width:96px;height: 45px;
}
.nav li a:hover{
	background: url(../images/bg_navihover.png);
}
.nav li.selected{
	background: url(../images/bg_navihover.png);
	color: #fff;
}
.nav li.selected a:hover{
	background: none;
}
.nav li ul.subNav{
	display: none;
	position: absolute;
	top:45px;left: 0;
	z-index: 999999;
}
.nav li.subhover ul.subNav{
	display: block;
	cursor: pointer;
}
ul.subNav li{
	background: url(../images/bg_navi.jpg);
}
.nav li.selected ul.subNav li a:hover{
	background: url(../images/bg_navihover.png);
}
/* mainContent */
#mainContent{
	/*padding: 10px 10px 30px 10px;*/
	height: 100%;
}
#slideshow{
	width: 560px;
	height: 250px;
	float: left;
	margin: 10px 15px 10px 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cacaca;
}
#showReel{
	width: 365px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cacaca;
	float: left;
	position: relative;
	margin-top: 10px;
}
#showReel span{
	display: block;
	width: 65px;height: 45px;
	background: url(../images/btn_video.png) no-repeat;
	position: absolute;
	top:50%;left: 50%;
	margin: -22px 0 0 -32px;
}
h1.subject{
	clear: both;
	font-size: 18px;color: #333;
	width: 940px;margin: 0 auto;
	padding-bottom:10px;
	border-bottom: 1px solid #cacaca;
	font-weight: 100;
}
.latestPost{
	padding: 10px 0 0 10px;
}
.latestPost li{
	width: 220px;height: 180px;
	float: left;
	margin:0 0 10px 20px;
	position: relative;
}
.latestPost li a{
	display: block;
	width: 220px;height: 180px;
}
.latestPost li.row{
	margin-left: 0;
	clear: both;
}
.latestPost li .info{
	position: absolute;
	width: 210px;height: 170px;
	left:0;top:0;
	background: url(../images/bg_latestpost.png);
	/*background: rgba(0,0,0,.8);*/
	padding: 5px;
}
.latestPost li h3{
	font-size: 18px;color: #d6bb46;
	font-weight: 100;
	margin: 5px 0 5px 0;
}
.latestPost li span{
	display: block;
	font-size: 12px;color: #fff;
	line-height: 16px;
}

/* tagArea */
.tagArea{
	padding: 10px 0;
}
.tagArea li{
	float: left;
	margin-left: 10px;
}
.tagArea li a{
	display: block;
	padding: 5px 10px;
	background: #8f7929;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.tagArea li a:hover{
	background: #333;
}
.tagArea li a.selected{
	background: #333;
}
/* dataList */
.dataList{
	padding: 10px 10px 30px 10px;
}
.dataList li{
	width: 220px;
	float: left;
	margin: 0 0 15px 20px;
	position: relative;
}
.dataList li a{
	display: block;
	width: 220px;
}
.dataList li.row{
	margin-left: 0;
	clear: both;
}
.dataList li span.new{
	display: block;
	position: absolute;
	background: url(../images/icon_newstab.png) no-repeat;
	width: 75px;height: 75px;
	right:-7px;top:-7px;
}
.dataList li p{
	font-size: 12px;color: #333;
	margin-top: 5px;
	line-height: 15px;
	height: 2.2em;
}
.dataList li a:hover p{
	color: #dcbb5f;
}
.dataList li .tag{
	font-size: 11px;
	color: #baa33d;
	padding-top: 5px;
}
.dataList li .tag a{width:auto;color: #baa33d;display: inline;}
.dataList li .tag a:hover{color: #333;}
.pageCount{
	text-align: center;
	margin: 10px 0;
}
.pageCount .prevBtn{
	display: inline-block;
	width: 15px;height: 15px;
	background: url(../images/btn_prev.png) no-repeat;
	text-indent: -9999px;
}
.pageCount .nextBtn{
	display: inline-block;
	width: 15px;height: 15px;
	background: url(../images/btn_next.png) no-repeat;
	text-indent: -9999px;
}
.pageCount a{
	font-size: 12px;color: #333;
	padding: 0 5px;
}
.pageCount a:hover{
	color: #dcbb5f;
}
.pageCount span{
	font-size: 20px;color: #d6bb46;
	padding: 0 5px;
}
.newsContent{
	/*padding: 40px 60px 0 60px;*/
	display: table;
}
/*.insideBg{
	width: 240px;height: 440px;
	background: url(../images/bg_insidebg.jpg) no-repeat;
	position: absolute;
	right: 0;bottom: 0;
	z-index: 1;
}*/
.newsContent .img{
	width:500px;height: 100%;
	display: table-cell;
	padding:40px 70px 30px 70px;
	background: #fff;
	*float:left;
	_float:left;
	/*border-right: 1px solid #cacaca;*/
}
.newsContent .img img{margin-bottom: 10px;width:500px;}
.newsContent .img {
	font-size: 12px;color: #333;
	line-height: 18px;
	letter-spacing: .1em;
}
.newsContent .img a{color: #bfa534;}
.newsContent .img a:hover{color: #dcbb5f;}
.newsContent .text{
	width:250px;
	vertical-align: top;
	padding:40px 35px 30px 35px;
	position: relative;
	z-index: 2;
	display: table-cell;
	background: url(../images/bg_insidebg.jpg) right bottom no-repeat;
	*float:left;
	_float:left;
}
.newsContent .text .date{
	font-size: 11px;color: #333;
	padding-bottom: 10px;
}
.newsContent .text h2{
	font-size: 15px;color: #d6bb46;
	padding-bottom: 20px;
	line-height: 18px;
	letter-spacing: .1em;
}
.newsContent .text .content{
	font-size: 12px;color: #333;
	line-height: 18px;
	letter-spacing: .1em;
	word-break: break-all;
}	
.newsContent .text .content a{
	color: #bfa534;
}
.newsContent .text .content a:hover{
	color: #dcbb5f;
}
.blogLink a{
	display: block;
	text-align: right;
	font-size: 11px;color: #333;
	padding: 10px 0;
}
.blogLink a:hover{color: #dcbb5f;}
.shareArea{padding: 10px 0;}
.shareArea .facebook{
	display: inline-block;
	width: 145px;height: 25px;
	line-height: 25px;
	font-size: 10px;
	text-align: left;
}
.shareArea .facebook a{
	display: block;
	padding-left:30px;
	color: #333;
	background: url(../images/icon_facebook02.png) left top no-repeat;
}
.shareArea .facebook a:hover{
	background: url(../images/icon_facebook02_r.png) left top no-repeat;
}
.shareArea .twitter{
	display: inline-block;
	width:80px;height: 25px;
	line-height: 25px;
	font-size: 10px;
	text-align: left;
}
.shareArea .twitter a{
	display: block;
	padding-left: 30px;
	color: #333;
	background: url(../images/icon_twitter02.png) left top no-repeat;
}
.shareArea .twitter a:hover{
	background: url(../images/icon_twitter02_r.png) left top no-repeat;
}
.likeFacebook{padding: 10px 0;}
.connect_widget_not_connected_text{font-size: 10px;}
.postPager{
	margin-top:10px;
	text-align:center;
	border-top: 1px solid #cacaca;
	padding-top: 15px;
}
.postPager a{
	font-size: 11px;color: #333;
}
.postPager a:hover{color: #dcbb5f;}
.postPager .recent{float:left;}
.postPager .older{float:right;}
.postPager .top{width: 50px;margin: 0 auto;}
.tagDisplay{
	padding:20px 0 10px 0;
	border-top:1px solid #cacaca;
	color: #999;
}
.tagDisplay span{font-size: 11px;}
/* about */
.aboutContent{
	padding: 30px 30px 0 30px;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
.profile{
	width: 300px;
	float: left;
	margin-right: 30px;
}
.profile h1{font-size: 18px;font-weight: normal;}
.profile h2{font-size: 14px;color: #d6bb46;font-weight: 100;padding-bottom: 10px;}
.profile h3{font-size: 11px;font-weight: normal;}
.profile img{padding: 10px 0;}
.profile p{margin-bottom: 1em;}
.profile hr{border:none;border-bottom: 1px dashed #cacaca;}
.exper{
	width: 540px;
	float: left;
}
.experience{margin-bottom: 30px;}
.exper h1{
	font-size: 14px;color: #d6bb46;
	font-weight: 100;
	padding-bottom: 10px;
}

/* products */
.productArea{
	padding: 30px 10px 10px 10px;
}
.productArea .intro{
	width: 700px;
	padding-bottom: 30px;
	margin: 0 auto;
}
.productArea .intro h1{
	font-size: 16px;color: #333;
	padding-bottom: 20px;
	font-weight: 100;
}
.productArea .intro .img{text-align:center;margin-bottom: 20px;}
.productArea .intro p{
	font-size: 12px;color: #333;
	line-height: 16px;
	letter-spacing: .1em;
	margin-bottom: 10px;
}
/* shop */
.shopText{
	float: left;
	width: 210px;height: 320px;
	margin: 20px 0 0 30px;
}
.shopText p{
	font-size: 12px;color: #333;
	line-height: 18px;
	margin-bottom: 15px;
}
.shopMap{
	float: left;
	width: 230px;height: 320px;
	margin: 20px 0 0 25px;
}
.shopMap h1{
	font-size: 16px;color: #867024;
	padding-bottom: 5px;
	font-weight: normal;
}
.shopMap p{
	font-size: 12px;color: #333;
	line-height: 18px;
}
.shopBrand{
	margin:0 20px;
	border-top: 1px solid #cacaca;
	border-bottom:1px solid #cacaca;
	padding-top: 10px;
}
.shopBrand li{
	float: left;
	margin:0 10px 10px 0;
}
.shopArea{
	padding: 20px 0 20px 20px;
	position: relative;
}
.shopArea .block{
	width: 209px;
	min-height: 500px;
	height: auto !important;
	height: 400px;
	float: left;
	margin-right: 20px;
	border-right: 1px solid #cacaca;
}
.shopArea .lastBlock{border-right: none;}
.shopArea .block h1{
	font-size: 12px;color: #d6bb46;
	margin-bottom:20px;
}
.shopArea .block li{
	font-size: 12px;
}
.shopArea .block a{
	display: block;
	color: #333;
	margin-bottom: 10px;
}
.shopArea .block a:hover{color: #d6bb46;}
.shopArea .block p{
	padding-bottom: 5px;
}
.shopArea .block span{
	color: #999;
	line-height: 16px;
}
.shopArea .block p{
	font-size: 12px;
}
.attention{
	background: #e7e3db;
}
.attention .top{
	height: 10px;
	background: url(../images/bg_attentiontop2.png) no-repeat;
}
.attention .text{padding:5px 10px;color: #333;line-height: 16px;}
.attention .bottom{
	height: 25px;
	background: url(../images/bg_attentionbottom2.png) no-repeat;
}
.poper{
	padding:10px 0 0 20px;
}
/* download */
.downloadArea{
	padding: 30px 10px 30px 10px;
}
.downloadArea .content{
	width: 709px;
	border-right: 1px solid #cacaca;
	float: left;
	padding-bottom: 30px;
}
.downloadArea .content h1{
	font-size: 16px;color: #333;
	padding-bottom: 20px;
	font-weight: 100;
}
.wPaperList{margin-bottom: 10px;}
.wPaperList img{margin-bottom: 10px;}
.wPaperList .size{font-size:11px;text-align: right;padding-right: 10px;}
.wPaperList .size a{
	color: #999;
	padding: 0 5px;
}
.wPaperList .size a:hover{color: #d6bb46;}
.downloadArea .sidebar{
	width: 220px;
	float: left;
	margin-left: 10px;
	position: relative;
	z-index: 2;
}
.downloadArea .sidebar li{
	font-size: 12px;
	color: #d6bb46;
	padding-bottom: 10px;
}
.downloadArea .sidebar li a{color: #333;}
.downloadArea .sidebar li a:hover{color: #d6bb46;}
/*.downloadArea .content li{
	width: 220px;
	float: left;
	margin: 0 16px 10px 0;
}
.downloadArea .content li a{
	display: block;
	width: 220px;
}
.downloadArea .content li span{
	font-size: 12px;color: #333;
	margin-top: 5px;
	line-height: 16px;
	min-height: 3em;
}*/

.downloadArea .content ul.filmList li{
	width: 320px;
	float: left;
	margin: 0 10px 15px 15px;
	position: relative;
	height: 250px;
}
.downloadArea .content ul.filmList li span{
	display: block;
	width: 65px;height: 45px;
	background: url(../images/btn_video.png) no-repeat;
	position: absolute;
	top:50%;left: 50%;
	margin: -25px 0 0 -32px;
}
.downloadArea .content ul.filmList li .downloadFilm{
	margin: 5px 0 0 0;
}
.downloadArea .content ul.filmList li .downloadFilm p{
	font-size: 12px;color: #333333;
	width: 230px;
	white-space:normal; 
	word-break:break-all;
	float: left;
}
.downloadArea .content ul.filmList li .downloadFilm a{
	display: block;
	float: right;
	color: #333333;
}
.downloadArea .content ul.filmList li .downloadFilm a img{
	padding:0 2px 3px 0;
	vertical-align: middle;
}
.downloadArea .content ul.filmList li .downloadFilm a:hover{
	text-decoration: underline;
}
/* partners */
.partnersArea{
	padding: 10px 10px 30px 10px;
}
.partnersArea li{
	width: 150px;height: 130px;
	float: left;
	margin:0 0 8px 8px;
	position: relative;
}
.partnersArea li.row{margin-left:0;}
.partnersArea li span{
	display: block;
	width: 130px;height: 110px;
	background: url(../images/bg_partnershover.png) no-repeat;
	position: absolute;
	top:0;left:0;
	padding: 10px;
}
.partnersArea .psText{
	text-align: right;
	font-size: 11px;color: #999;
	margin-top: 10px;
}
/* contact */
.contactArea{
	padding: 30px 10px 30px 10px;
}
.contactArea .form{
	width: 709px;height: 500px;
	border-right: 1px solid #cacaca;
	float: left;
}
.contactArea .form h1{
	font-size: 16px;color: #333;
	padding-bottom: 20px;
	font-weight: 100;
}
.formTable{
	width: 660px;
	padding: 20px;
	background: #e3dfd6;
	font-size: 12px;color: #333;
}
.formTable table{width:660px;}
.formTable td{padding-bottom: 10px;}
.formTable input{
	width: 310px;height: 30px;
	border: none;
	padding: 0 5px;
	color: #333;
}
.formTable textarea{
	width: 660px;height: 200px;
	border: none;
}
.submitBtn{margin: 10px 10px 0 0;text-align: right;}
.submitBtn a{
	width: 210px;line-height: 50px;
	font-size: 14px;text-align: center;
	background: #bfbbb2;
	display: inline-block;
}
.submitBtn input.submit{
	width: 210px;line-height: 50px;
	font-size: 14px;text-align: center;
	background: #bfbbb2;
	display: inline-block;
	border: none;
	color: #ffffff;
}
.submitBtn a:hover{background: #d6bb46;}
.contactArea .infoText{
	width: 220px;
	float: left;
	margin-left: 10px;
}
.contactArea .infoText p{
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
.contactArea .infoText hr{border:none;border-bottom: 1px solid #cacaca;}
.contactArea .infoText p a.mail{color: #333;}
.contactArea .infoText p a.mail:hover{color: #d6bb46;}
/* footer */
.copyRight{
	line-height: 25px;
	background: url(../images/bg_copyright.jpg);
	font-size: 11px;color: #fff;
	letter-spacing: ;
	font-family: Helvetica, Arial;
	font-weight: 100;
	text-align: center;
	margin-bottom: 10px;
}
.copyRight a:hover{
	color: #dcbb5f;
}
#footer .navigation{
	margin-left: 20px;
	width: 300px;height: 200px;
	float: left;
}
#footer .navigation h1,#footer .getIntouch h1{
	font-size: 18px;
	font-weight: 100;
	color: #d6bb46;
	padding: 30px 0 20px 0;
}
#footer .navigation li{
	width: 100px;line-height: 22px;
	float: left;
	font-size: 11px;
}
#footer .navigation li a:hover{
	color: #dcbb5f;
}
#footer .getIntouch{
	margin-left: 20px;
	width: 200px;height: 200px;
	float: left;
}
#footer .getIntouch li{
	width: 33px;height: 33px;
	margin: 0 17px 15px 0;
	float: left;
}
#footer .logo{
	text-indent: -99999px;
	background: url(../images/bg_logo2.png) no-repeat;
	width: 195px;height: 120px;
	position: absolute;
	right: 20px;top:30px;
}
#footer .logo a{
	display: block;
	width: 195px;height: 120px;
}

/* 404 error */
.errorMsg404{
	padding: 30px 50px;
	position: relative;
	z-index: 2;
}
.oops{
	width: 425px;height: 190px;
	background: url(../images/bg_oops.png);
	float: left;
	margin:70px 50px 0 120px;
}
.mailman{
	width: 325px;height: 300px;
	background: url(../images/icon_mailman.png);
	float: left;
}

/* brand's page */
.brandHeader{text-align: center;}
.brandInfo{
	
	font-size: 12px;
	line-height: 22px;
}
.brandInfo table{width: 100%;}
.brandInfo td{padding-top: 10px;}
.brandInfo .zh{width: 380px;padding-right: 20px;}
.brandInfo .en{width: 380px;}
.brandInfo td p{
	margin-bottom: 1em;
}
.brandContact{
	margin-top:10px;
}
.brandContact p img{padding-right: 5px;}
.brandContact p{
	margin-bottom: 1em;
}
.brandContact p a{
	font-size: 12px;
	color: #af954c;
	text-decoration: underline;
}
.brandContact p a:link{
	color: #af954c;
}
.brandContact p a:hover{
	color: #dcbb5f;
}


#downloadNav li{
	text-transform: uppercase;
}