*{
	padding:0;
	margin:0;
	outline:none;
}

::selection{background:#5A6E6E; color:#FFFFFF; }

body{
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:63%;
	color:#787979;
}

img{
	border:none;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{ display:inline-block;}
/*hides from IE-mac\ */
*html .clearfix{ height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

a{
	text-decoration:none;
	color:#797979;
	outline:hidden;
}

a:hover{
	color:#414142;
}

#container{
	width:960px;
	margin:0 auto;
	padding-bottom:160px;
}

#header{
	position:relative;	
}

#header .part{
	float:left;
	margin-left:74px;
	margin-top:3px;
}

#header .part li{
	list-style:none;
	float:left;
	margin-right:15px;
}

#header .part li a{
    background-size: contain;
    background-repeat: no-repeat;
    height: 84px;
    width: 16px;
    display: block;
    text-indent: -9999px;
}
#header .part li.m1 a{
	background-image: url(../images/zh-TW/zhtw_home_onlineshop.png);
}
#header .part li.m2 a{
	background-image: url(../images/zh-TW/zhtw_home_placeintro.png);
}
#header .part li.m3 a{
	background-image: url(../images/zh-TW/zhtw_home_expo.png);
}
#header .part li.m4 a{
	background-image: url(../images/zh-TW/zhtw_home_design.png);
}
#header .part li.m5 a{
	background-image: url(../images/zh-TW/zhtw_home_comsumptionpatterns.png);
}

.loginInfo{
	position:absolute;
	top:14px;
	right:0;
	color:#797979;
}

.loginInfo a{
	margin-left:10px;
}

h1.title{
	display:none;	
}

h1.finishTitle{
	width:104px;
	height:23px;
	text-indent:-9999px;
	background:url(../img/shopping/title_craft.gif) no-repeat left -235px;
	margin-bottom:50px;
}

#post-nav h1{
	text-indent:-9999px;
	display:block;
	float:left;
	margin:0 20px 50px 0;
}

h1.hong-zhi-sheng{
	width:82px;
	height:27px;
	background:url(../img/hong-zhi-sheng/title_h.gif) no-repeat left top;
}

h1.teahouse{
	width:133px;
	height:27px;
	background:url(../img/artist_teahouse/teahouse/title_artists_teahouse.gif) no-repeat left top;
}

h1.build{
	width:108px;
	height:28px;
	background:url(../img/artist_teahouse/architecture/title_at.gif) no-repeat left top;
}

h1.jioufen{
	width:109px;
	height:27px;
	background:url(../img/jioufen/title_teahouse.gif) no-repeat left top;
}

h1.jioufen-bg{
	width:107px;
	height:27px;
	background:url(../img/jioufen/story/title_jf_teahouse_story.gif) no-repeat;
}

h1.space{
	width:107px;
	height:27px;
	background:url(../img/jioufen/space/title_jf_teahouse_interior.gif) no-repeat left top;
}

h1.gallery{
	width:135px;
	height:27px;
	background:url(../img/gallery/title_gallery.gif) no-repeat left top;
}

h1.workshop{
	width:83px;
	height:27px;
	background:url(../img/workshop/title_c.gif) no-repeat left top;
}

#post-nav .sub{
	text-indent:-9999px;
	float:left;
	margin:13px 10px 0 0;
}

#post-nav .artist-job{
	width:151px;
	height:14px;
	background:url(../img/hong-zhi-sheng/title_h.gif) no-repeat -103px -14px;
}

#post-nav .teahouse-sub{
	width:127px;
	height:12px;
	background:url(../img/artist_teahouse/teahouse/title_artists_teahouse.gif) no-repeat -154px -14px;
}

#post-nav .build-sub{
	width:127px;
	height:13px;
	background:url(../img/artist_teahouse/architecture/title_at.gif) no-repeat -136px -15px;
}

#post-nav .jioufen-sub{
	width:84px;
	height:13px;
	background:url(../img/jioufen/title_teahouse.gif) no-repeat -129px -15px;
}

#post-nav .space-sub{
	width:130px;
	height:13px;
	background:url(../img/jioufen/space/title_jf_teahouse_interior.gif) no-repeat -122px -12px;
}

#post-nav .gallery-sub{
	width:105px;
	height:14px;
	background:url(../img/gallery/title_gallery.gif) no-repeat -149px -12px;
}

#post-nav .workshop-sub{
	width:83px;
	height:13px;
	background:url(../img/workshop/title_c.gif) no-repeat -103px -15px;
}

.post h1{
	font-size:1.8em;
	color:#000000;
	margin-bottom:35px;
}

.fb-page-like{
	float:left;
	margin-top:9px;
}

.home #header{
	height:131px;
	padding-top:34px;
}

.home #header .icon{
	position:absolute;
	top:42px;
	right:0;
}

.page #header{
	height:65px;	
}

.page #header .icon{
	position:absolute;
	bottom:10px;
	right:0;
}

#header .icon li{
	list-style:none;
	float:left;
}

#header .icon li a{
	display:block;
	width:15px;
	height:15px;
	background-image:url(../img/icon.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header .icon li a.fb{
	background-position:left top;
}

#header .icon li a.fb:hover{
	background-position:left bottom;
}

#header .icon li a.b{
	background-position:right top;
	margin-left:6px;
}

#header .icon li a.b:hover{
	background-position:right bottom;
}

#header .nav{
	position:absolute;
	bottom: 10px;
	right: 57px;
}

#header .nav li{
	list-style:none;
	float:left;
	margin-left:8px;
}

#header .nav li a{
	margin-right:8px;
	color:#BCBDC0;
	font-size:1.0em;
	-webkit-text-size-adjust:none;
}

#header .nav li a:hover, #header .nav li a.current{
	color:#414142;	
}

.logo{
	display:block;
	background:url(../img/logo.gif) no-repeat left bottom;
	width:93px;
	height:81px;
	text-indent:-9999px;
}

.logo:hover{
	background:url(../img/logo.gif) no-repeat left top;
}

#header .logo{
	float:left;	
}

.indexBanner{
	position:relative;
	height:540px;
}

.indexBanner .cycle{
	width:960px;
	height:540px;
}

.indexBanner .mask{
	position:absolute;
	left:0;
	top:0;
	z-index:98;
}

.cycle li{
	list-style:none;
	display:none;
}

#pager{
	position:absolute;
	bottom:10px;
	left:0px;
	z-index:99;
}

.indexBanner #pager{
	width:960px;
}

.pageBanner #pager, .pageBanner2 #pager{
	width:760px;
}

#pager ul{
	margin:0 auto;
}

#pager li{
	list-style:none;
	float:left;
	margin-right:7px;
}

#pager li a{
	display:block;
	width:5px;
	height:5px;
	text-indent:-9999px;
	background:url(../img/dot.png) left bottom;
}

#pager li a:hover, #pager li.current a{
	background:url(../img/dot.png) left top;
}

.home .menufloat{
	float:left;
	/*width:70%;*/
}

.home .copyright{
	float:right;
	/*width:30%;*/
	text-align:right;
	color:#A1A1A1;
	font-size:1.1em;
	margin-top:21px;
	-webkit-text-size-adjust:none;
	font-family:"Times New Roman", Times, serif;
}

.side .copyright{
	color:#A1A1A1;
	font-size:1.1em;
	margin-top:21px;
	-webkit-text-size-adjust:none;
	line-height:18px;
	font-family:"Times New Roman", Times, serif;
}

.copyright a{
	color:#A1A1A1;
}

.copyright a:hover{
	color:#414142;
}

.home #indexmenu{
	margin-top:20px;
}

.home #indexmenu li{
	list-style:none;
	float:left;
	margin-right:12px;
}

.home #indexmenu li a{
	font-size:1.3em;
	color:#787979;
	margin-right:12px;
}

.home #indexmenu li a:hover{
	color:#414142;
}

#content{
	
}

.side{
	float:left;
}

.page .side .part{
	margin-top:36px;
	margin-bottom:60px;	
}

.page .side .part li{
	list-style:none;
	margin-bottom:13px;
}

.page .side .part li a{
	display:block;
	text-indent:-9999px;
	background-image:url(../img/menu_left.png);
	background-repeat:no-repeat;
	width:81px;
}

.page .side .part li.part1 a{
	background-position: left top;
	height:16px;
}

.page .side .part li.part1 a:hover, .page .side .part li.part1 a.active{
	background-position: left -20px;
}

.page .side .part li.part2 a{
	background-position: left -50px;
	height:17px;
}

.page .side .part li.part2 a:hover, .page .side .part li.part2 a.active{
	background-position: left -69px;
}

.page .side .part li.part3 a{
	background-position: left -99px;
	height:16px;
}

.page .side .part li.part3 a:hover, .page .side .part li.part3 a.active{
	background-position: left -118px;
}

.page .side .part li.part4 a{
	background-position: left -148px;
	height:16px;
}

.page .side .part li.part4 a:hover, .page .side .part li.part4 a.active{
	background-position: left -167px;
}

.page .side .part li.part5 a{
	height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/zh-TW/zhtw_side_onlineshop.png);
    display: block;
	opacity: 0.8;
    text-indent: -9999px;
}
.page .side .part li.part5 a:hover, .page .side .part li.part5 a.active{
	opacity: 1;
}
.page .side .part li.part6>a{
	height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/zh-TW/zhtw_side_placeintro.png);
    display: block;
	opacity: 0.8;
    text-indent: -9999px;
}
.page .side .part li.part6>a:hover, .page .side .part li.part6>a.active{
	opacity: 1;
}
.page .side .part li.part8>a{
	height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/zh-TW/zhtw_side_design.png);
    display: block;
	opacity: 0.8;
    text-indent: -9999px;
}
.page .side .part li.part8>a:hover, .page .side .part li.part8>a.active{
	opacity: 1;
}
.page .side .part li.part9>a{
	height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/zh-TW/zhtw_side_comsumptionpatterns.png);
    display: block;
	opacity: 0.8;
    text-indent: -9999px;
}
.page .side .part li.part9>a:hover, .page .side .part li.part9>a.active{
	opacity: 1;
}

.page .side .part li ul{
	margin-top:15px;
	margin-bottom:25px;
}

.page .side .part li ul li.part{
	margin-bottom:9px;	
}

.page .side .part li.part1 ul li a, .page .side .part li.part4 ul li a{
	text-indent:0;
	background:none;
	font-size:1.2em;
	color:#797979;
	line-height: 100%;
	display: inline-block;
	padding-bottom:4px;
	width:auto;
	height:10px;
}

.page .side .part li ul li a:hover, .page .side .part li ul li a.active{
	color:#414142;
	/*border-bottom:1px solid #000000;*/
	padding-bottom:3px;
}

.menu{
	margin-bottom:33px;	
}

.menu li{
	list-style:none;
	font-size:1.3em;
	margin-bottom:10px;
}

.menu li.line{
	height:20px;
	line-height:20px;
	margin-bottom:12px;
}

.menu li a{
	padding-bottom:4px;
	color:#787979;
	line-height:100%;
	display:inline-block;
}

.menu li a:hover, .menu li a.active{
	padding-bottom:3px;
	border-bottom:1px solid #414142;
	color:#414142;
}

.menu li a span{
	color:#640000;
	margin-left:5px;
}

.post{
	float:left;
	width:760px;
	/*padding-top:12px;*/
}

.post-article{
	float:left;
	width:760px;
	padding-top:25px;
	margin-top:28px;
}

.product{
	float:left;
	width:760px;
	padding-top:12px;
}

.post-article p{
	font-size:1.3em;
	line-height:23px;
	/*margin:30px 0 75px 0;*/
	/*width:570px;*/
}

.profile{
	
}

.profile-item{
	padding:30px 0;
	display:block;
}

.contact-item{
	padding:18px 0 50px 0;
}

.topline1{
	background:url(../img/line_01.gif) no-repeat left top;
}

.topline2{
	background:url(../img/line_02.gif) no-repeat left top;
}

.profile-item .profileDate{
	float:left;
	width:136px;
	margin-right:76px;
	font-size:1.5em;
	color:#797979;
}

.profile-item .profileExcerpt{
	float:left;
	width:548px;
}

.profile-item .profileExcerpt h2{
	color:#000000;
	font-size:1.5em;
	margin-bottom:16px;
	font-weight:normal;
}

.profile-item .profileExcerpt p{
	color:#797979;
	font-size:1.3em;
}

.profile-item:hover .profileExcerpt p{
	color:#414142;
}

.profile-item .profileExcerpt img{
	display:block;
	margin-top:25px;
}

.paged{
	padding:35px 0 0 0;	
}

.paged li{
	float:left;
	font-size:1.2em;
	margin-right:10px;
	list-style:none;
}

.paged li a{
	color:#797979;
}

.paged li a:hover, .paged li a.active{
	color:#414142;
}

p.date{
	padding:30px 0 18px 0;
	font-size:1.5em;
	color:#797979;	
}

.article{
	
}

.article p, .wrapper p{
	color:#797979;
	font-size:1.3em;
	margin-bottom:20px;
	line-height:23px;
}

.banner{
	display:block;
	margin-bottom:40px;
}

.banner img, .pageBanner2 li img{
	display:block;
	margin-bottom:5px;	
}

.banner p, .pageBanner2 li p{
	color:#797979;
	font-size:1.1em;
	text-align:right;
}

.pageBanner{
	position:relative;
	height:290px;
}

.pageBanner2{
	position:relative;
	height:400px;
	margin-bottom: 50px;
}

.pageBanner .productLogo{
	position:absolute;
	top:32px;
	right:73px;
	z-index:99;
}

.pageBanner .mask{
	position:absolute;
	left:0;
	top:0;
	z-index:98;
}

.post_nav{
	margin:85px 0 0 0;
}

.post_nav a{
	display:block;
}

.post_nav .previous_post_link{
	float:left;
	width:341px;
	height:60px;
	position:relative;
	border-right: 1px dotted #000000;
	padding-left:38px;
}

.post_nav .next_post_link{
	float:right;
	width:342px;
	height:60px;
	position:relative;
	padding-right:38px;
}

.post_nav .previous_post_link a .arrow, .post_nav .next_post_link a .arrow{
	width:11px;
	height:21px;
	background-image:url(../img/post_nav_arrow.png);
	background-repeat:no-repeat;
	display:block;
	text-indent:-9999px;
	position:absolute;
	top:20px;
}

.post_nav .previous_post_link a .arrow{
	background-position:left top;
	left:0;
}

.post_nav .next_post_link a .arrow{
	background-position:right top;
	right:0;
}

.post_nav .previous_post_link a:hover .arrow{
	background-position:left -21px;
}

.post_nav .next_post_link a:hover .arrow{
	background-position:right -21px;
}

.post_nav .date{
	color:#797979;
	display:block;
	font-size:1.3em;
	padding:10px 0 5px 0;
}

.post_nav p{
	color:#000000;
	font-size:1.5em;
}

.post_nav .next_post_link .date, .post_nav .next_post_link p{
	text-align:right;
}

.productNav{
	font-size:1.3em;
	padding-bottom:15px;
	margin:48px 0 60px 0;
	height:20px;
	background:url(../img/line_01.gif) no-repeat left bottom;
}

.productNav li{
	list-style:none;
	float:left;
}

.productNav li b{
	display:block;
	width:21px;
	height:20px;
	background-image:url(../images/zh-TW/title_product.gif);
	background-repeat:no-repeat;
	float:left;
	margin-right:18px;
	text-indent:-9999px;
}

.productNav li b.productTag1{
	background-position:left top;
}

.productNav li b.productTag2{
	background-position:-26px top;
}

.productNav li b.productTag3{
	background-position:-52px top;
}

.productNav li ul{
	margin-right:55px;
	margin-top:6px;
	float:left;
}

:root .productNav li ul { margin-top:8px \0/IE9; }  /* IE9 */

.productNav li.last ul{
	margin-right:0px;
}

.productNav li ul li{
	margin-right:10px;
	line-height:70%;
}

.productNav li ul li a{
	margin-right:10px;
	padding-bottom:4px;
	display:inline-block;
	line-height:100%;
}

.productNav li ul li a:hover, .productNav li ul li a.active{
	margin-right:10px;
	padding-bottom:3px;
	border-bottom:1px solid #414142;
	color:#414142;
}

#list{
	
}

#list .item, #list .item-last{
	float:left;
	width:214px;
	margin-bottom:35px;
}

#list .item{
	margin-right:59px;
}

#list .item a, #list .item-last a{
	width:214px;
	height:287px;
	position:relative;
	display:block;
}

#list .item a .mask, #list .item-last a .mask, #related a .mask{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

#list a .new{
	position:absolute;
	left:0;
	top:0;
	z-index:3;
}

#list .item h2, #list .item-last h2{
	text-align:center;
	padding:10px 0;
	font-size:1.3em;
	font-weight:normal;
}

#post-wrap{
	margin-top:15px;	
}

#post-wrap .post-photo{
	float:left;
	width:455px;
	margin-right:55px;	
}

#post-wrap .post-photo .imgWrapper{
	width:455px;
	height:455px;
	position:relative;
}

#post-wrap .post-photo .imgWrapper .mask{
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	width:455px;
	height:455px;
	background:url(../img/project/frame_p_455x455.png) no-repeat left top;
}

#post-wrap .post-photo .imgWrapper img{
	position:absolute;
	z-index:2;
}

#post-wrap .post-photo .imgWrapper .loading{
	position:absolute;
	left:0;
	top:0;
	width:455px;
	height:455px;
	z-index:3;
}

#post-wrap .post-photo img{
	display:block;
}

#post-wrap .post-info{
	float:left;
	width:250px;
}

#post-wrap .post-info h1{
	font-size:2.5em;
	font-weight:normal;
	margin:0 0 16px 0;
	line-height:100%;
	color:#000000;
}

#post-wrap .post-info .price{
	font-size:1.7em;
	color:#000000;
	margin-bottom:34px;
}

#post-wrap .post-info input{
	width:26px;
	height:20px;
	padding:0 5px;
	line-height:20px;
	color:#797979;
	font-size:13px;
	margin-left:5px;
}

#post-wrap .post-info .inputNumber{
	font-size:1.3em;
	height:20px;
	line-height:20px;
	margin-bottom:18px;
}

#post-wrap .post-info a.cartBtn{
	width:175px;
	height:30px;
	display:block;
	background:url(../images/zh-TW/icon_craft.gif) no-repeat left top;
	text-indent:-9999px;
	margin-bottom:48px;
}

#post-wrap .post-info h2{
	text-indent:-9999px;
	background:url(../images/zh-TW/title_product.gif) no-repeat left -37px;
	margin-bottom:19px;
	width:60px;
	height:15px;
}

#post-wrap .post-info .spec{
	padding:19px 0;
	border-top:1px dotted #787979;
	border-bottom:1px dotted #787979;
}

#post-wrap .post-info .spec .clearfix{
	font-size:1.3em;
	margin-bottom:10px;
}

#post-wrap .post-info .spec .clearfix .specTitle{
	float:left;
	width:50px;
}

#post-wrap .post-info .spec .clearfix .specInfo{
	float:left;
	width:200px;
}

#post-wrap .post-info .post-content{
	margin-top:19px;
}

#post-wrap .post-info .post-content p{
	margin-bottom:20px;
	font-size:1.3em;
	line-height:23px;
}

#post-wrap .post-info .fb-like{
	margin:7px 0 31px 0;
}

.thumbList{
}

.thumbList li{
	float:left;
	list-style:none;
	margin-right:1px;
	margin-top:1px;
}

.thumbList li.itemLast{
	margin:0;
}

.thumbList li a{
	width:75px;
	height:75px;
	display:block;
	position:relative;
}

.thumbList li a .mask{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:75px;
	height:75px;
	background:url(../img/project/frame_p_75x75.png) no-repeat;
}

#related h2{
	text-indent:-9999px;
	background:url(../images/zh-TW/title_product.gif) no-repeat left -68px;
	width:71px;
	height:17px;
	margin-bottom:15px;
}

#related a{
	position:relative;	
}

#related .clearfix{
	padding-top:33px;
}

#related .item{
	float:left;
	width:125px;
	margin-right:33px;
	margin-bottom:50px;
}

#related .item-last{
	float:left;
	width:125px;
}

#related .photo{
	width:125px;
	height:125px;
}

#related h3{
	font-size:1.1em;
	font-weight:normal;
	margin-top:11px;
	text-align:center;
}

.map{
	display:block;
	margin:71px 0 100px 0;	
}

.contact-item h2{
	width:83px;
	height:17px;
	margin-right:80px;
	text-indent:-9999px;
	background-image:url(../img/title_contact.gif);
	background-repeat:no-repeat;
	float:left;
}

.contact-item h2.contact1{
	background-position:left top;
}

.contact-item h2.contact2{
	background-position: left -27px;
}

.contact-item h2.contact3{
	background-position:left -53px;
}

.contact-item h2.contact4{
	background-position:left -78px;
}

.contact-info{
	float:left;
	width:520px;
	font-size:1.3em;
}

.contact-info .clearfix{
	margin-bottom:15px;
}

.contact-info .clearfix .left{
	width:80px;
	line-height:1.8em;
}

.contact-info .clearfix .right{
	width:440px;
	line-height:1.8em;
}

.contact-link{
	float:left;
	width:41px;
	margin-right:35px;
	display:block;
	text-align:right;
	font-size:1.3em;
}

.tab{
	margin:30px 0 27px 0;
	line-height:100%;
}	

.tab li{
	float:left;
	list-style:none;
	margin-right:15px;
	font-size:1.2em;
	color:#000000;
}

.tab li a{
	margin-right:15px;
	color:#797979;
	padding-bottom:4px;
	display:inline-block;
}

.tab li a:hover, .tab li a.current{
	border-bottom:1px solid #000000;
	padding-bottom:3px;
	color:#000000;
}

.post h2.guide-title{
	margin-bottom:25px;
	display:inline-block;
	background:url(../img/shopping/title_shopping_info.gif) no-repeat;
	width:150px;
	height:15px;
	text-indent:-9999px;
}

.termsList{
	list-style: decimal;
	padding-left: 20px;
	width:660px;
}

.termsList li{
	margin-bottom: 24px;
	font-size: 1.3em;
	line-height: 1.8em;
}

.termsList li .left{
	width:60px;
}

.termsList li .right{
	width:585px;	
}

.wrapper{
	padding-bottom:60px;	
}

.post h2.shop-title{
	margin:20px 0 0 0;
	text-indent:-9999px;
	width:150px;
	background-image:url(../img/shopping/title_shopping_info.gif);
	background-repeat:no-repeat;
	display:inline-block; 
}

.post h2.shop-title1{
	background-position:left -30px;
	height:15px;
}

.post h2.shop-title2{
	background-position:left -58px;
	height:18px;
}

.post h2.shop-title3{
	background-position:left -88px;
	height:17px;
	margin-bottom:10px;
}

.post h2.shop-title4{
	background-position:left -116px;
	height:17px;
	margin-bottom:10px;
}

.post h2.shop-title5{
	background-position:left -144px;
	height:18px;
}

.post h2.basketTitle{
	text-indent:-9999px;
	background-image:url(../img/shopping/title_craft.gif);
	background-repeat:no-repeat;	
}

.post h2.basketTitle1{
	width:75px;
	height:18px;
	background-position: left top;
	margin:14px 0 30px 0;
}

.post h2.basketTitle2{
	width:90px;
	height:15px;
	background-position: left -32px;
	margin-bottom:15px;
}

.post h2.basketTitle3{
	width:107px;
	height:17px;
	background-position: left -60px;
	margin:14px 0 20px 0;
}

.post h2.basketTitle4{
	margin:35px 0 20px 0;
	width:73px;
	height:18px;
	background-position: left -95px;
	float:left;
}

.post h2.basketTitle5{
	width:90px;
	height:15px;
	background-position: left -130px;
	margin:0 0 25px 0;
}

.post h2.basketTitle6{
	width:71px;
	height:18px;
	background-position: left -162px;
	margin:0 0 15px 0;
}

.post h2.basketTitle7{
	width:170px;
	height:17px;
	background-position: left -196px;
	margin:0 0 15px 0;
}

.post h2.member-title{
	background-image:url(../img/member/title_member.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:40px;
	width:102px;
	height:15px;
}

.post h2.member-title1{
	background-position: left -139px;
}

.post h2.member-title2{
	background-position: left -164px;
	margin-top:35px;
}

.post h2.member-title3{
	background-position: left -189px;
	margin-top:55px;
}

.post h2.member-title4{
	background-position: left -215px;
	margin-top:35px;
}

.post h3{
	font-size:1.3em;
	color:#000000;
	font-weight:normal;
	margin:26px 0 10px 0;
}

#program{
	margin:26px 0 46px 0;
	height:60px;
	display:inline-block;
}

#program li{
	list-style:none;
	float:left;
	height:60px;
	text-indent:-9999px;
	background-image:url(../img/shopping/shopping_steps.gif);
	background-repeat:no-repeat;
}

#program li.part1{
	background-position:left -120px;
	width:202px;
}

#program li.part2{
	background-position:-202px -60px;
	width:202px;
}

#program li.part3{
	background-position:-404px -60px;
	width:202px;
}

#program li.part4{
	background-position:-606px -60px;
	width:154px;
}

#program li.part1_active{
	background-position:left top;
	width:202px;
}

#program li.part2_active{
	background-position:-202px top;
	width:202px;
}

#program li.part3_active{
	background-position:-404px top;
	width:202px;
}

#program li.part3_active2{
	background-position:-404px -300px;
	width:202px;
}

#program li.part4_active{
	background-position:-606px top;
	width:154px;
}

.payrule{
	font-size:1.3em;	
}

.payrule .clearfix{
	line-height:24px;
}

.payrule .left{
	width:70px;	
}

.payrule .right{
	width:690px;
}

.payCount{

}

.payCount h3 span{
	color:#808285;
}

.payCount .clearfix{
	padding-bottom:10px;
}

.payCount .left{
	width:280px;
	margin-right:28px;	
}

.payCount .right{
	width:452px;
}

.payCount .left .col1{
	width:77px;
}

.payCount .left .col2{
	width:95px;
}

.payCount .right .col1{
	margin-right:30px;
	border-right:1px dotted #808285;
}

.payCount .right .col4{
}

.payCount .right .col2{
	width:108px;
}

.payCount .right .col3{
	padding-right:30px;
}

.payCount .padding0{
	padding:0;	
}

.payCount .left .col1, .payCount .left .col2, .payCount .right .col2, .payCount .right .col3{
	font-size:1.3em;
}

.table{
	
}

.table .header{
	font-size:1.3em;
	margin-bottom:10px;
	color:#797979;
}

.table .row{
	padding:30px 0;
	border-bottom:1px dotted #787979;
}

.table .end{
	border-bottom:none;
}

.table .td1{
	width:70px;
	margin-right:20px;
	position:relative;
}

.table .td1 .mask{
	width:70px;
	height:70px;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	background:url(../img/shopping/frame_c_70x70.png) no-repeat left top;
}

.table .td2{
	width:322px;
}

.table .td3{
	width:100px;
}

.table .td4{
	width:40px;
	text-align:center;
	margin-right:52px;
}

.table .td5{
	width:117px;
}

.table .td6{
	width:39px;
	text-align:center;
}

.table .td7{
	width:139px;
	width:154px;
}

.table .td8{
	width:40px;
	text-align:center;
}

.table .td9{
	width:154px;
	text-align:right;
}

.table .row .td2{
	font-size:1.5em;
	line-height:70px;
	height:70px
}

.table .row .td3, .table .row .td5, .table .row .td7, .table .row .td9{
	font-size:1.3em;
	line-height:70px;
	height:70px
}

.table .row .td4 input{
	width:36px;
	height:20px;
	border:1px solid #7A7A7A;
	font-size:1.3em;
	text-align:center;
	line-height:20px;
	margin-top:25px;
}

.table .row .td8 .number{
	width:36px;
	height:20px;
	font-size:1.3em;
	line-height:20px;
	margin-top:25px;
}

.table .row .td6 a{
	display:block;
	width:39px;
	height:22px;
	text-indent:-9999px;
	background:url(../img/shopping/button.png) no-repeat -341px top;
	margin-top:24px;
}

.table .row .td6 a:hover{
	background:url(../img/shopping/button.png) no-repeat -341px -22px;
}

.table .alignRight{
	text-align:right;
}

.table .alignRight .total{
	float:right;
}

.table .count{
	padding:40px 0;	
}

.table .count .contactInfo {
	margin-bottom:7px;
}

.table .count .col1{
	width:331px;
	border-right:1px dotted #787979;
	padding-right:40px;
	margin-right:40px;
}

.table .count .col3{
	width:203px;
	border-right:1px dotted #787979;
	padding-right:40px;
	margin:0 40px 40px 128px;
	font-size:1.3em;
}

.table .count .col4{
	width:93px;
	height:130px;
	padding-right:40px;
	margin:0 40px 40px 238px;
}

.table .count .col3 div{
	margin:0 0 10px 0;
	line-height:70%;
}

.table .count .col3 div .check{
	margin-right:5px;
	vertical-align:middle;
}

.table .count .row{
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

.table p{
	font-size:1.3em;
	line-height:21px;
	margin-bottom:10px;
}

.table .count .col1 .left{
	width:65px;
	font-size:1.3em;
}

.table .count .col1 .right{
	width:238px;
	font-size:1.3em;
}

.table .count .col2{
	width:348px;
}

.table .count .col2 .left{
	width:198px;
}

.table .count .col2 .left p, .table .count .col2 .right p	{
	margin:0;
}	

.table .count .col2 .right{
	width:150px;	
}

.table .count .col2 .right a{
	width:150px;
	height:30px;
	background:url(../img/shopping/button.png) no-repeat left top;
	display:block;
	text-indent:-9999px;
	margin-top:4px;
}

.table .count .col2 .right a:hover{
	background:url(../img/shopping/button.png) no-repeat left -30px;
}

.table .count .col2 .topline1{
	margin:28px 0 0 0;
	padding:28px 0 0 0;
	background:none;
	border-top: 1px dotted #787979;
}

.table #result{
}

.table #result p{
	font-size:1.5em;
	float:left;
	margin-right:50px;
	padding-top:5px;
}

.total{
	font-size:21px;
	color:#D22229;
	float:left;
}

.total span{
	font-family:"Times New Roman", Times, serif;
}

.table .button{
	margin-top:0;
	padding:50px 0 0 256px;
	width:504px;
}

.table .button .continue{
	float:left;
	width:150px;
	height:30px;
	display:block;
	background:url(../img/shopping/button.png) -170px top no-repeat;
	margin-right:6px;
	text-indent:-9999px;
}

.table .button .continue:hover{
	background:url(../img/shopping/button.png) -170px -30px;
}

.table .button .next{
	float:right;
	width:348px;
	max-width: 100%;
	height:30px;
	display:block;
	border:0;
	cursor:pointer;
	background:url(../img/shopping/button.png) center -70px no-repeat;
	text-indent:-9999px;
}

.payInfo{
	font-size:1.3em;
	margin-bottom:50px;
}

.payInfo .row{
	padding:15px 0;
	border-top:1px dotted #787979;
	border-bottom:none;
}

.payInfo .left{
	width:337px;
	margin-right:25px;
	padding-right:25px;
}

.payInfo .right{
	width:348px;
	margin-left:25px;
}

.payInfo .col1{
	width:70px;
}

.payInfo .col2{
	width:260px;
}

.form{
	position:relative;	
}

.form .note{
	font-size:1.3em;
	color:#640000;
	position:absolute;
	top:0;
	right:0;
}

.form .behind{
	font-size:13px;
	font-weight:normal;
	margin:37px 0 0 10px;
	color:#797979;
	float:left;
}

.form .header{
	padding:20px 0;
	font-size:1.3em;
}

.form .row{
	padding:20px 0 0 0;
	border-top:1px dotted #787979;
}

.form .label{
	width:72px;
	height:24px;
	float:left;
	line-height:24px;
	font-size:1.3em;
}

.form .inputBox{
	float:left;
	width:688px;
}

.modifyForm .label{
	width:82px;
	height:24px;
	float:left;
	line-height:24px;
	font-size:1.3em;
}

.modifyForm .inputBox{
	float:left;
	width:678px;
}

.form .inputBox span, .modifyForm .inputBox span{
	font-size:13px;
	margin-left:10px;
	color:#640000;
	height:24px;
	line-height:24px;
}

.form input, .modifyForm input{
	border:1px solid #D5D5D5;
	margin-bottom:15px;
	color:#797979;
	padding:0 10px;
	font-size:13px;
}

.form .check, .modifyForm .check{
	width:13px;
	height:13px;
	margin-right:5px;
	margin-bottom:0;
	vertical-align:middle;
	border:none;
}

.form input.type1, .modifyForm input.type1{
	width:200px;
	height:24px;
}

.form input.type2, .modifyForm input.type2{
	width:590px;
	height:24px;
}

.form .radio, .modifyForm .radio{
	float:left;
	width:80px;
	font-size:1.3em;
	margin-bottom:15px;	
}

.customSelect{
	margin:0 0 15px 0;
	position:relative;
	width:270px;
}

.customSelect2{
	margin:0 25px 15px 0;
	position:relative;
	float:left;
	font-size:13px;
}

.customSelect .abs, .customSelect2 .abs{
	position:absolute;
	top:24px;
}

.form .customSelect .selectArea, .modifyForm  .customSelect .selectArea{
	width:192px;
	height:24px;
	background:url(../img/shopping/selet_1.gif) no-repeat;
	font-size:13px;
	line-height:24px;
	padding:0 20px 0 10px;
	cursor:pointer;
	margin-right:2px;
	float:left;
}

.form .customSelect2 .selectArea, .modifyForm  .customSelect2 .selectArea{
	width:50px;
	height:24px;
	background:url(../img/shopping/selet2.gif) no-repeat;
	font-size:13px;
	line-height:24px;
	padding:0 20px 0 10px;
	cursor:pointer;
	float:left;
	margin-right:10px;
}

.scrollbar{
	width:220px;
	height:190px;
	overflow:auto;
	border:1px solid #D5D5D5;
	display:none;
}

.scrollbar ul{
	width:200px;
	display:block;
	position:relative;
	top:0;
}

.scrollbar li{
	width:220px;
	list-style:none;
}

.scrollbar li a{
	font-size:12px;
	width:200px;
	background:#FFFFFF;	
	line-height:24px;
	padding:5px 0 5px 10px;
	display:block;
	line-height:1.4em;
}

.modifyForm .customSelect2 .scrollbar, .modifyForm .customSelect2 .scrollbar ul, .modifyForm .customSelect2 .scrollbar li, .modifyForm .customSelect2 .scrollbar li a{
	width:80px;
}

.scrollbar li a:hover{
	background:#CCCCCC;	
}

#selectCity, #selectZone, #selectCity2, #selectZone2{
	display:none;	
}

#send .inputBox{
	font-size:1.3em;
}

#send .col{
	line-height:24px;
	height:24px;
	width:100px;
}

#send .col2{
	margin-right:5px;
	line-height:21px;
}

#send .col2 ul{
	margin-left:15px;
}

#send .col2 input{
	margin-top:5px;
}

#send .col3{
	color:#AFAFAF;
}

#send .col4{
	width:150px;
	line-height:24px;
	height:24px;
}

#shipping, #shipping1, #shipping2{
	width:250px;
	padding:20px;
	border:1px solid #640000;
	font-size:1.3em;
	color:#797979;
	margin-left:72px;
}

#shipping .row1, #shipping1 .row1, #shipping2 .row1{
	color:#000000;
	margin-bottom:20px;
}

#shipping .row2, #shipping1 .row2, #shipping2 .row2{
	margin-bottom:10px;
}

#shipping .col1, #shipping1 .col1, #shipping2 .col1{
	width:140px;
}

#shipping .col2, #shipping1 .col2, #shipping2 .col2{
	width:100px;
	text-align:right;
}

form .button{
	margin-top:50px;
	padding-left:99px;	
}

form .button .back{
	width:240px;
	height:30px;
	background:url(../img/shopping/button4.png) no-repeat left top;
	display:block;
	margin-right:6px;
	text-indent:-9999px;
	float:left;
}

form .button .back:hover{
	background:url(../img/shopping/button4.png) no-repeat left -30px;
}

form .button .next2{
	width:322px;
	height:30px;
	background:url(../img/shopping/button4.png) no-repeat left -70px;
	display:block;
	text-indent:-9999px;
	float:right;
	border:0;
	cursor:pointer;
}

#sendaddress{
	margin-top:15px;
	display:none;
}

.button2{
	margin-top:20px;
	margin-left:274px;
}

.button2 .back2{
	width:240px;
	height:30px;
	background:url(../img/shopping/button3.png) no-repeat left top;
	text-indent:-9999px;
	display:block;
	margin-right:6px;
	float:left;
}

.button2 .back2:hover{
	background:url(../img/shopping/button3.png) no-repeat left -30px;
}

.button2 .finish{
	width:240px;
	height:30px;
	background:url(../img/shopping/button3.png) no-repeat left -70px;
	text-indent:-9999px;
	display:block;
	border:none;
	cursor:pointer;
	float:right;
}

.finishText{
	width:445px;
	height:20px;
	background:url(../img/shopping/title_craft.gif) no-repeat left -279px;
	text-indent:-9999px;
	margin-bottom:20px;
}

.finishText2{
	font-size:1.3em;
	margin-bottom:20px;
}

.finishText2 span{
	color:#000000;
	margin:0 5px;
}

.finish{
	font-size:1.3em;
	border-top:1px dotted #787979;
}

.finish .row{
	padding:15px 0;
	border-bottom:1px dotted #787979;
}

.finish .label{
	width:105px;
}

.finish .text{
	width:655px;
}

.finish .text span{
	color:#D22229;
}

.finish p{
	line-height:21px;
	margin-top:20px;
}

.finish p a{
	margin:0 5px;
}

.finish p a span{
	color:#000000;
}

.memberForm{
	margin-top:77px;
	font-size:1.3em;
}

.memberForm .form1{
	float: left;
    width: 277px;
    height: 310px;
    background: url(../img/member/m_frame1.png) no-repeat;
    position: relative;
    padding: 20px 44px 20px 44px;
}

.memberForm .form2{
	float:left;
	width:281px;
	height:205px;
	background:url(../img/member/m_frame2.png) no-repeat;
	position:relative;
	padding:40px 42px 40px 42px;
	margin-left:198px;
}
 
.memberForm form.loginForm{
	margin-right:30px;
}

.memberForm form.createForm{

}

.memberForm h2{
	background-image:url(../img/member/title_member.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-bottom:27px;
	width:102px;
}

.memberForm h2.memberTitle1{
	height:20px;
	background-position: left top;
}

.memberForm h2.memberTitle2{
	height:20px;
	background-position: left -30px;
}

.memberForm h2.memberTitle3{
	height:20px;
	background-position: left -62px;
}

h2.memberTitle4{
	width:102px;
	height:18px;
	background:url(../img/member/title_member.gif) no-repeat left -100px;
	text-indent:-9999px;
	margin-top:10px;
	margin-bottom:23px;
}

.memberForm .clearfix{
	margin-bottom:8px;
}

.memberForm .label{
	width:74px;
	line-height:24px;
}

.memberForm .inputBox{
	width:202px;
}

.memberForm .inputBox input{
	border: 1px solid #D5D5D5;
	color:#7A7A7A;
	font-size:13px;
	line-height:24px;
	padding:0 10px;
	height:24px;
}

.memberForm .inputBox input.type1{
	width:180px;
}

.memberForm .inputBox input.type2{
	width:85px;
}

.memberForm .loginForm a{
	margin-top:12px;
	display:block;
}

.memberForm .loginForm .alert{
	font-size:15px;
	color:#640000;
}

.memberForm .form1 p{
	margin-top:10px;
}

.memberForm .form2 p{
	margin-bottom:20px;
}

.memberForm .inputBox p a{
	color:#000000;
	text-decoration:underline;
	margin-left:5px;
}

.memberForm .inputBox .checkbox{
	vertical-align:middle;
	padding:0;
	border:none;
}

.memberForm button{
	border:none;
	background-image:url(../img/member/member_button.gif);
	background-repeat:no-repeat;
	height:30px;
	cursor:pointer;
	text-indent:-9999px;
}

.memberForm .memberBtn1{
	width:276px;
	background-position:left top;
	position:absolute;
	left:40px;
	bottom:25px;
}

.memberForm .memberBtn1:hover{
	background-position:left -30px;
}

.memberForm .memberBtn2{
	width:276px;
	background-position:left -70px;
	position:absolute;
	left:40px;
	bottom:25px;
}

.memberForm .memberBtn2:hover{
	background-position:left -100px;
}

.memberForm .memberBtn3{
	width:277px;
	background-position:left -140px;
	position:absolute;
	left:40px;
	bottom:25px;
}

.memberForm .memberBtn3:hover{
	background-position:left -170px;
}

.memberBtn4{
	width:245px;
	height:30px;
	background-image:url(../img/member/member_button.gif);
	background-repeat:no-repeat;
	background-position:left -210px;
	cursor:pointer;
	text-indent:-9999px;
	border:none;
	margin:32px 0 0 0;
}

.memberBtn4:hover{
	background-position:left -240px;
}

.tableHeader{
	height:54px;
	line-height:54px;
	background:url(../img/line_01.gif) no-repeat left bottom;
}

.tableRow{
	background:url(../img/line_01.gif) no-repeat left bottom;
	padding:20px 0;
	cursor:pointer;
}

.orderId, .orderDate, .orderPrice, .orderTotal, .orderStatus{
	font-size:1.3em;
}

.order{
	font-size:1.2em;
	width:80px;
	margin-right:76px;
}

.orderId{
	width:95px;
	margin-right:42px;
}

.orderDate{
	width:76px;
	margin-right:70px;
}

.orderPrice, .orderTotal{
	width:60px;
	margin-right:70px;
}

.orderStatus{
	width:60px;
}

.orderTotal, .orderStatus{
	text-align:right;	
}

.orderInfo{
	margin:20px 0 73px 156px;
	border-top:1px dotted #787979;
	color:#000000;
	display:none;
}

.orderInfo .infoClose{
	color:#797979;
}

.orderInfo .infoClose:hover{
	color:#000000;
}

.orderInfo .infoTitle{
	height:32px;
	line-height:32px;
	border-bottom:1px dotted #787979;
	color:#797979;
	font-size:1.3em;
}

.orderInfo .infoHeader{
	border-bottom:1px dotted #787979;
	color:#797979;
	padding:20px 0;	
}

.orderInfo .infoEnd{
	border-top:1px dotted #787979;
	margin-top:20px;
	padding:20px 130px 0 413px;
	text-align:right;
	font-size:1.3em;
	position:relative;
}

.orderInfo .infoEnd .infoTotal{
	position:absolute;
	top:20px;
	right:0;
	color:#D22229;
}

.orderTitle{
	width:283px;
	font-size:1.3em;
}

.infoRow{
	padding-top:20px;
}

.privacyNote{
	font-size:1.5em;
	line-height:21px;
	color:#904B4C;
	display:block;
	margin-bottom:47px;	
}

.rule{
	list-style: decimal;
	width:700px;
	color:#000000;
	font-size:1.3em;
	margin-left:20px;
}

.rule h3{
	font-size:100%;
	margin:0 0 5px 0;
}

.rule p{
	color:#797979;
	line-height:24px;
	margin-bottom:30px;
}

.rule p.colorRed{
	color:#640000;
}

.rule b{
	display:block;
	color:#797979;
}

.artist-column1{
	margin-bottom:95px;
}

.artist-column1 .col1{
	width:445px;
}

.artist-column1 .col2{
	width:315px;
}

.artist-column1 .col1 .artist-intro{
	width:185px;
	height:114px;
	background:url(../img/hong-zhi-sheng/title_h.gif) no-repeat left -72px;
	text-indent:-9999px;
	margin-bottom:45px;
}

.artist-column1 .col1 p, p.col-article{
	font-size:1.3em;
	line-height:23px;
}

p.imgExcerpt{
	font-size:1.1em;
	margin-top:5px;
}

.artist-column2{
	margin-bottom:75px;
}

.artist-column2 img{
	display:block;
}

.artist-column2 .col1{
	width:368px;
}

.artist-column2 .col2{
	width:392px;
}

.artist-column2 h2.artisth2-1{
	width:136px;
	height:17px;
	background:url(../img/hong-zhi-sheng/title_h.gif) no-repeat left -229px;
	text-indent:-9999px;	
}

.artist-column2 h2.artisth2-2{
	width:152px;
	height:41px;
	background:url(../img/hong-zhi-sheng/title_h.gif) no-repeat left -289px;
	text-indent:-9999px;	
}

.artist-column2 h2.artisth2-3{
	width:118px;
	height:17px;
	background:url(../img/hong-zhi-sheng/title_h.gif) no-repeat left -373px;
	text-indent:-9999px;	
}

.artist-column2 h2.artisth2-4{
	width:213px;
	height:41px;
	background:url(../img/hong-zhi-sheng/title_h.gif) no-repeat left -433px;
	text-indent:-9999px;	
}

.artist-column2 h2.artisth2-5{
	width:203px;
	height:17px;
	background:url(../img/hong-zhi-sheng/title_h.gif) no-repeat left -517px;
	text-indent:-9999px;	
}

.artist-column2 h2.artisth2-6{
	font-size:1.3em;
}

p.col-article{
	margin-top:30px;
	display:inline-block;
}

.post-footer{
	padding-top:30px;
}

.post-footer .post-footer-col1{
	width:90px;
	padding-top:3px;
}

.post-footer .post-footer-col2{
	width:446px;
	font-size:1.3em;
	line-height:20px;
}

.post-footer .post-footer-col2 .clearfix{
	margin-bottom:7px;
}

.post-footer .post-footer-col2 .col1{
	width:68px;
}

.post-footer .post-footer-col2 .col2{
	width:378px;
}

.post-footer .col2 a{
	color:#B5B6B6;
}

.post-footer .col2 a:hover{
	color:#414142;
}

.post-footer .post-footer-col3{
	width:224px;
}

p.teahouse-intro{
	width:301px;
	height:70px;
	background:url(../img/artist_teahouse/teahouse/title_artists_teahouse.gif) no-repeat left -61px;
	text-indent:-9999px;
	margin-bottom:32px;
}

p.jioufen-intro{
	width:250px;
	height:94px;
	background:url(../img/jioufen/title_teahouse.gif) no-repeat left -53px;
	text-indent:-9999px;
	margin-bottom:20px;
}

.teahouse-column1{
	margin-bottom:70px;
}

.teahouse-column1 .col1{
	width:425px;
	margin-right:89px;
}

.teahouse-column1 .col2{
	width:246px;
}

.teahouse-column2{
	margin-bottom:85px;
}

.teahouse-column2 .col1{
	width:282px;
}

.teahouse-column2 .col2{
	width:478px;
}

.teahouse-column3{
	margin-bottom:108px;
}

.teahouse-column3 .col1{
	width:390px;
}

.teahouse-column3 .col2{
	width:370px;
}

.teahouse-column4{

}

.teahouse-column4 .col1{
	width:90px;
}

.teahouse-column4 .col2{
	width:670px;
}

.teahouse-column4 .col2 img{
	display:block;
}

.teahouse-column4 .col2 .imgExcerpt{
	/*margin-bottom:75px;*/
}

.teahouse-column5{
	margin-bottom:118px;
}

.teahouse-column5 .col1{
	width:330px;
}

.teahouse-column5 .col2{
	width:430px;
}

.teahouse-column6, .teahouse-column7{
	margin-bottom:75px;	
}

.teahouse-column6 .col1{
	width:303px;
	margin-right:30px;
}

.teahouse-column6 .col2{
	width:427px;
}

.teahouse-column7 .col1{
	width:301px;
}

.teahouse-column7 .col2{
	width:459px;
}

.teahouse-column8{
	margin-bottom:120px;
}

.teahouse-column8 .col1{
	width:222px;
	margin-right:30px;
}

.teahouse-column8 .col2{
	width:508px;
}

.teahouseh2-1{
	width:83px;
	height:17px;
	background:url(../img/artist_teahouse/teahouse/title_artists_teahouse.gif) no-repeat left -163px;
	text-indent:-9999px;
}

.teahouseh3-1{
	width:88px;
	height:13px;
	background:url(../img/artist_teahouse/teahouse/title_artists_teahouse.gif) no-repeat left -214px;
	text-indent:-9999px;
	margin-top:30px;
}

.teahouseh2-2{
	width:148px;
	height:17px;
	background:url(../img/artist_teahouse/teahouse/title_artists_teahouse.gif) no-repeat left -260px;
	text-indent:-9999px;
}

.teahouseh2-3{
	width:66px;
	height:17px;
	background:url(../img/artist_teahouse/teahouse/title_artists_teahouse.gif) no-repeat left -310px;
	text-indent:-9999px;
}

.teahouseh2-4{
	width:63px;
	height:13px;
	background:url(../img/artist_teahouse/teahouse/title_artists_teahouse.gif) no-repeat left -362px;
	text-indent:-9999px;
}

.teahouseh2-5{
	width:51px;
	height:14px;
	background:url(../img/jioufen/title_teahouse.gif) no-repeat left -216px;
	text-indent:-9999px;
}

.teahouseh2-6{
	width:84px;
	height:17px;
	background:url(../img/jioufen/title_teahouse.gif) no-repeat left -173px;
	text-indent:-9999px;
}

.teahouseh2-7{
	width:200px;
	height:17px;
	background:url(../img/jioufen/story/title_jf_teahouse_story.gif) no-repeat left -43px;
	text-indent:-9999px;
}

.teahouseh2-8{
	width:150px;
	height:41px;
	background:url(../img/jioufen/story/title_jf_teahouse_story.gif) no-repeat left -72px;
	text-indent:-9999px;
}
 
.teahouseh2-9{
	width:150px;
	height:41px;
	background:url(../img/jioufen/story/title_jf_teahouse_story.gif) no-repeat left -128px;
	text-indent:-9999px;
}

.teahouseh2-10{
	width:128px;
	height:41px;
	background:url(../img/jioufen/story/title_jf_teahouse_story.gif) no-repeat left -189px;
	text-indent:-9999px;
}

.gallery-column{
	margin-bottom:90px;
}

.gallery-column .col1{
	width:355px;
	margin-right:80px;
}

.gallery-column .col2{
	width:325px;	
}

.gallery-intro{
	width:332px;
	height:70px;
	background:url(../img/gallery/title_gallery.gif) no-repeat left -49px;
	text-indent:-9999px;
	margin-bottom:10px;	
}

.galleryh2-1{
	width:148px;
	height:17px;
	background:url(../img/gallery/title_gallery.gif) no-repeat left -140px;
	text-indent:-9999px;
	margin-top:60px;
}

.galleryh2-2{
	width:183px;
	height:17px;
	background:url(../img/gallery/title_gallery.gif) no-repeat left -179px;
	text-indent:-9999px;
}

.galleryh2-3{
	width:133px;
	height:17px;
	background:url(../img/gallery/title_gallery.gif) no-repeat left -218px;
	text-indent:-9999px;
	margin-top:53px;
}

.galleryh2-4{
	width:67px;
	height:17px;
	background:url(../img/gallery/title_gallery.gif) no-repeat left -256px;
	text-indent:-9999px;
}

.galleryh2-5{
	width:63px;
	height:12px;
	background:url(../img/gallery/title_gallery.gif) no-repeat left -296px;
	text-indent:-9999px;
}

.workshop-intro{
	width:253px;
	height:95px;
	background:url(../img/workshop/title_c.gif) no-repeat left -56px;
	text-indent:-9999px;
}

.workshop-column{
	margin-bottom:90px;
}

.workshop-column .col1{
	width:285px;
	margin-right:30px;
}

.workshop-column .col2{
	width:445px;	
}

.workshoph2-1{
	width:172px;
	height:17px;
	background:url(../img/workshop/title_c.gif) no-repeat left -179px;
	text-indent:-9999px;
}

.workshoph2-2{
	width:133px;
	height:17px;
	background:url(../img/workshop/title_c.gif) no-repeat left -225px;
	text-indent:-9999px;
	margin-top:70px;
}

.workshoph2-3{
	width:67px;
	height:17px;
	background:url(../img/workshop/title_c.gif) no-repeat left -270px;
	text-indent:-9999px;
}

.workshoph2-4{
	width:39px;
	height:13px;
	background:url(../img/workshop/title_c.gif) no-repeat left -316px;
	text-indent:-9999px;
}

h2.tea{
	width:56px;
	height:27px;
	background:url(../img/tea/at_title_tea.gif) no-repeat left top;
	text-indent:-9999px;
	margin:0 20px 45px 0;
}

h2.meal{
	width:56px;
	height:27px;
	background:url(../img/tea/at_title_tea.gif) no-repeat left -36px;
	text-indent:-9999px;
	margin:0 20px 45px 0;
}

h2.meal2{
	width:56px;
	height:27px;
	background:url(../img/tea/title_jf_t.gif) no-repeat left -40px;
	text-indent:-9999px;
	margin:0 20px 45px 0;
}

.meal-column1, .meal-column2{
	margin-bottom:150px;
}

.meal-column1 .col1{
	width:335px;
}

.meal-column1 .col2{
	width:425px;
}

.meal-column2 .col1{
	width:330px;
}

.meal-column2 .col2{
	width:430px;
}

.mealIntro1{
	background:url(../img/tea/at_title_tea.gif) no-repeat left -77px;
	width:213px;
	height:115px;
	text-indent:-9999px;
	margin-bottom:90px;
}

.mealIntro2{
	background:url(../img/tea/title_jf_t.gif) no-repeat left -90px;
	width:130px;
	height:115px;
	text-indent:-9999px;
	margin-bottom:45px;
}

.meal-column1 .col1 p, .meal-column2 .col1 p{
	font-size:1.3em;
	line-height:23px;
}

.filter{
	font-size:1.3em;
	margin:5px 0 70px 0;
}

#mealList{
	margin-bottom:50px;
}

#mealList .item{
	float:left;
	width:370px;
	margin-right:20px;
	margin-bottom:70px;
	position:relative;
}

#mealList .item-last{
	float:left;
	width:370px;
	position:relative;
}

#mealList h3{
	margin-bottom:20px;
	font-size:1.5em;
	/*text-indent:-9999px;*/
	background-repeat:no-repeat;
}

#mealList h3.type1{
	background-image:url(../img/tea/at_title_tea.gif);
	height:15px;
}

#mealList h3.type2{
	/*background-image:url(../img/tea/title_jf_t.gif);*/
	height:17px;
}

#mealList h3.mealTitle1{
	width:122px;
	background-position:left -226px;
}

#mealList h3.mealTitle2{
	width:90px;
	background-position:left -253px;
}

#mealList h3.mealTitle3{
	width:91px;
	background-position:left -279px;
}

#mealList h3.mealTitle4{
	width:107px;
	background-position:left -304px;
}

#mealList h3.mealTitle5{
	width:76px;
	background-position:left -329px;
}

#mealList h3.mealTitle6{
	width:76px;
	background-position:left -354px;
}

#mealList h3.mealTitle7{
	width:122px;
	background-position:left -379px;
}

#mealList h3.mealTitle8 {
	width: 76px;
	background-position: left -406px;
}

#mealList h3.mealTitle9{
	width:104px;
	background-position:left -232px;
}

#mealList h3.mealTitle10{
	width:104px;
	background-position:left -264px;
}

#mealList h3.mealTitle11{
	width:70px;
	background-position:left -332px;
}

#mealList h3.mealTitle12{
	width:34px;
	background-position:left -365px;
}

#mealList h3.mealTitle13{
	width:70px;
	background-position:left -399px;
}

#mealList h3.mealTitle14{
	width:70px;
	background-position:left -436px;
}

#mealList img{
	display:block;
	margin-bottom:20px;
}

#mealList p{
	font-size:1.3em;
	line-height:23px;
	margin-right:10px;
}

/* lightbox ---------------------------------------------------------- */


#boxWrapper{
	position:fixed;
	left:0;
	top:0;
	overflow:hidden;
	width:488px;
	height:212px;
	z-index:999;
}

#boxWrapper .loading{
	width:486px;
	height:210px;
}

#boxOverlay{
	background:#FFFFFF;
	position:fixed;
	width:100%;
	height:100%;
	z-index:998;
	left:0;
	top:0;
	cursor:pointer;
}

#boxWrapper #boxContent{
	position:relative;
	width:486px;
	height:210px;
	margin:0 auto;
	border:1px solid #B0B0B0;
	background:#FFFFFF;
}

#buyConfirm{
	width:486px;
	height:210px;
	position:relative;
}

#buyConfirm h2{
	width:366px;
	height:17px;
	text-indent:-9999px;
	margin:30px 60px 20px 60px;
	display:inline-block;
}

#buyConfirm p{
	width:366px;
	line-height:21px;
	font-size:1.3em;
	margin:0 60px;
}

#buyConfirm div{
	position:absolute;
	bottom:30px;
	left:60px;
	width:366px;
}

#buyConfirm div a{
	width:168px;
	height:30px;
	display:block;
	text-indent:-9999px;
	background-image:url(../images/zh-TW/icon_add_craft.png);
	background-repeat:no-repeat;
	float:left;
}

#buyConfirm div a.continue{
	background-position:left top;
	margin-right:30px;
}

#buyConfirm div a.continue:hover{
	background-position:left -30px;
}

#buyConfirm div a.go{
	background-position:-178px top;
}

#buyConfirm div a.go:hover{
	background-position:-178px -30px;
}

/* ---------------------------------------------------------- */

.column{
	float:left;	
}

.paddingTop30{
	padding-top:30px;	
}

.width600px{
	width:600px;	
}

.colorRed{
	color:#904B4C;	
}

.left, .right{
	float:left;	
}

.hidden{
	display:none;	
}

.marginTop40{
	margin-top:40px;
}

.marginBottom15{
	margin-bottom:15px;	
}

.goTop{
	display:none;
	background:url(../img/top.png) no-repeat left top;
	position:fixed;
	right:35px;
	bottom:35px;
	text-indent:-9999px;
	width:35px;
	height:35px;
}

.goTop:hover{
	background:url(../img/top.png) no-repeat left bottom;
}

.rel{
	position:relative;	
}

.block{
	position:absolute;
	left:0;
	top:0;
}

.block760x760{
	background:url(../img/frame/frame_760x760.png) no-repeat left top;
	width:760px;
	height:760px;
}

.block246x252{
	background:url(../img/frame/frame_246x252.png) no-repeat left top;
	width:246px;
	height:252px;
}

.block252x252{
	background:url(../img/frame/frame_252x252.png) no-repeat left top;
	width:252px;
	height:252px;
}

.block390x220{
	background:url(../img/frame/frame_390x220.png) no-repeat left top;
	width:390px;
	height:220px;
}

.block670x365{
	background:url(../img/frame/frame_670x365.png) no-repeat left top;
	width:670px;
	height:365px;
}

.block670x375{
	background:url(../img/frame/frame_670x375.png) no-repeat left top;
	width:670px;
	height:375px;
}

.block285x285{
	background:url(../img/frame/frame_285x285.png) no-repeat left top;
	width:285px;
	height:285px;
}

.block325x200{
	background:url(../img/frame/frame_325x200.png) no-repeat left top;
	width:325px;
	height:200px;
}

.block325x325{
	background:url(../img/frame/frame_325x325.png) no-repeat left top;
	width:325px;
	height:325px;
}

.block330x330{
	background:url(../img/frame/frame_330x330.png) no-repeat left top;
	width:330px;
	height:330px;
}

.block760x400{
	background:url(../img/frame/frame_banner_760x400.png) no-repeat left top;
	width:760px;
	height:400px;
	z-index:99;
}

.block150x200{
	background:url(../img/frame/frame_150x200.png) no-repeat left top;
	width:150px;
	height:200px;
}

.block260x217{
	background:url(../img/frame/frame_260x217.png) no-repeat left top;
	width:260px;
	height:217px;
}

.block267x327{
	background:url(../img/frame/frame_267x327.png) no-repeat left top;
	width:267px;
	height:327px;
}

.block312x374{
	background:url(../img/frame/frame_312x374.png) no-repeat left top;
	width:312px;
	height:374px;
}

.block390x324{
	background:url(../img/frame/frame_390x324.png) no-repeat left top;
	width:390px;
	height:324px;
}

.block390x338{
	background:url(../img/frame/frame_390x338.png) no-repeat left top;
	width:390px;
	height:338px;
}

.block425x285{
	background:url(../img/frame/frame_425x285.png) no-repeat left top;
	width:425px;
	height:285px;
}

.block186x227{
	background:url(../img/frame/frame_186x227.png) no-repeat left top;
	width:186px;
	height:227px;
}

.block300x175{
	background:url(../img/frame/frame_300x175.png) no-repeat left top;
	width:300px;
	height:175px;
}

.block427x283{
	background:url(../img/frame/frame_427x283.png) no-repeat left top;
	width:427px;
	height:283px;
}

.block300x200{
	background:url(../img/frame/frame_300x200.png) no-repeat left top;
	width:300px;
	height:200px;
}

.block397x340{
	background:url(../img/frame/frame_397x340.png) no-repeat left top;
	width:397px;
	height:340px;
}

.block698x450{
	background:url(../img/frame/frame_698x450.png) no-repeat left top;
	width:698px;
	height:450px;
}

.block222x335{
	background:url(../img/frame/frame_222x335.png) no-repeat left top;
	width:222px;
	height:335px;
}

.block430x290{
	background:url(../img/frame/frame_430x290.png) no-repeat left top;
	width:430px;
	height:290px;
}

.block370x220{
	background:url(../img/frame/frame_370x220.png) no-repeat left top;
	width:370px;
	height:220px;
}

.payment_btn {
	margin: 12px 10px 12px 30px;
    color: #fff;
    display: block;
    background-color: #aaa;
    padding: 4px 8px;
    border-radius: 2px;
    /* height: 20px; */
    line-height: 20px;
}