@charset "utf-8";

/*@font-face {
    font-family: 'capsuula-webfont';
    src: url('../font/capsuula-webfont.eot');
    src: url('http://www.798whitebox.com/font/capsuula-webfont?#iefix') format('embedded-opentype'),
         url('http://www.798whitebox.com/font/capsuula-webfont.woff') format('woff'),
         url('../font/capsuula-webfont.ttf') format('truetype'),
         url('../font/capsuula-webfont.svg#capsuula-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

body{ font-size:14px}
a {color: #666;}
a:hover{ color:#F44} 
.fr{ float: right; font-size:14px}
.cn {font-family: 'Microsoft YaHei', '微软雅黑' }
.en { font-family:Arial, Helvetica, sans-serif}
.topmenu { width: 100%; margin: 0 auto; padding: 0; clear: both;z-index:1000; height:120px;}
#home .topmenu{ position:fixed}
.menuBtn { background: center center no-repeat transparent; display: block; width: 40px; height: 40px; *height:40px;
position: absolute; top: 0; left: 10px; }
.active { color:#F44;/*border-bottom:1px solid #F44; padding:0 2px*/}
.clear { clear: both; }
.wrap { width: 100%; z-index: 10; position: relative; margin: 0 auto; padding: 0; overflow-x:hidden }
.section { width: 100%; min-width: 960px; z-index: 1001; position: relative; margin: 0 auto; display: block; }


.subMenu { position: fixed; top: 0; left:0; height: 120px; *height:120px;z-index: 1000; width: 100%;  min-width: 960px;background:rgba(255,255,255,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);zoom:1; }
.subMenu .innernav { width: 1200px; margin: 50px auto 0; position: relative; min-height: 50px; padding: 0; font-size: 18px; }
.subnav {margin: 0 auto; position: fixed; padding: 0; font-size: 18px; z-index: 999999999; display: none; }
.subMenu .innernav .logo { width: 180px;float: left; margin: -30px 10px 10px 0; text-align:left }
#sTop{ border:none}
.subMenu .innernav .aboutnav {}
.subMenu .innernav .sm_img { width: 70px; margin-left: 5%}
.subMenu .innernav ul{ float:left}
.subMenu .innernav ul li{ float:left; padding:2px 4px; margin:0 10px;}
ul.menu{ float:left; margin-left:419px;}
.topmenu .inner a{ color:#999}
.topmenu .inner a:hover{ color:#F44}

.collect{position: absolute;right: -30px;z-index: 1000;top:53px;}

#home ul.menu{margin-left:380px;}

ul.menu li a.current,ul.menu li a:hover,.sort a.current,.sort a:hover{ color:#f44}
.en ul.menu{margin-left:175px; margin-left:86px\9;*margin-left:92px} 

#home .en ul.menu{margin-left:80px;*margin-left:92px}

.en .subMenu .innernav li{/*font-family: 'capsuula-webfont';*/ letter-spacing:1px}
ul.lang{ border-left:1px solid #CECECE; float:left; margin-left:5px; padding-left:10px; font-size:16px}
ul.lang a{ text-decoration:none; display:block; color:#777}
ul.lang a.active{ border:none; color:#777}
.rss{ cursor:pointer; width:29px; position:relative; float:left;font-size: 12px;background: #ccc;height: 20px;color: #FFFFFF;line-height: 19px; text-align:center; padding:2px 5px;}
.en .rss{ width:84px; right:-10px}

.topmenu .inner{ position:relative; width:1200px; margin:0 auto; height:100px; *z-index:10000}

.shop{right:14.5%; position:absolute; top:62px; height:55px; line-height:55px; display:none; z-index:10000; }
#home .shop{right:18%;}
.shop a{padding:0 15px;}
.en .shop{ right:18%;}
#home .en .shop{ right:26%}
.en .shop a{ color:#999;}
.shop a:hover{ color:#f44}

.press{right:11%; position:absolute; top:62px; height:55px; line-height:55px; display:none; z-index:10000; }
#home .press{right:26%;}
.press a{padding:0 15px;}
.en .press{ right:13%;}
#home .en .press{ right:21%}
.en .press a{ color:#999;}
.press a:hover{ color:#f44}

.club{right:12%; position:absolute; top:62px; height:55px; line-height:55px; display:none; z-index:10000; }
#home .club{right:17%;}
.club a{padding:0 15px;}
.en .club{ right:15%;}
#home .en .club{ right:30%}
.en .club a{ color:#999;}
.club a:hover{ color:#f44}

.rss-box{ display:none; position:absolute; top:30px; right:1px;height:30px; line-height:30px}
.en .rss-box{right:1px; right:2px\9; width:322px; top:31px }
.rss-box label{ position:absolute; left:5px; top:3px; font-size:12px; color:#ccc }
.rss-text{height:28px; line-height:28px; text-indent:5px; width:144px; border:1px solid #ccc}
.en .rss-text{ width:225px}
.rss-btn{ width:50px; height:28px; height:30px\9; *height:30px; background:#ccc; border:none; color:#fff; font-weight:bold}
.rss-btn:hover{ background:#A8A8A8}
.en .rss-btn{ width:90px;}


.subNavBtn { display: block;float: left; margin: 0px 0px 0 0;font-size: 16px; text-align: center;}
.end { margin: 0; }
.subnav a { display: block; clear: both; font-size: 14px; height: 20px; }

.inner{ width:1200px; margin:0 auto;}
.sTop { background: #fff; color: #3d3d3d;}
.s1 { min-height: 300px; background: #fff;}
.s2,.s4{ min-height: 300px; background: #fff; position:relative }
.s3{ margin-bottom:0}
.bg{background:url(../images/line_bg.gif) repeat-x top center\9;
	background-image: -ms-linear-gradient(top, #fff, #dededc);
    background-image: -moz-linear-gradient(top, #dededc, #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dededc), to(#fff));
    background-image: -webkit-linear-gradient(top, #dededc, #fff);
    background-image: -o-linear-gradient(top, #dededc, #fff);
    background-image: linear-gradient(top, #dededc, #fff); width:100%; height:30px; position:absolute; left:0; top:0; z-index:10000 }

.s1_exh{ width:1200px;}
.s1_content{ }
.none{ height:20px; width:100%; clear:both;}

.height50{ height:50px; width:100%;}
.work-list-name ul{ width:110%}
.work-list-name li{ float:left; width:180px; margin:0 35px 40px 0;}

.pub-area{ margin:60px auto 0}
.pub-left{ width:600px; float:left}
.pub-left h2,.salon-list h2{ width:505px;color:#231F20;letter-spacing: 3px;}
.pub-left h2 a,.salon-list h2 a{ letter-spacing:normal}
.pub-left ul{ margin-top:40px;}
.pub-left li{ float:left; width:208px; margin-right:90px;}
.pub-left p{ height:266px;}
.pub-left span{ margin-top:20px; display:block}

.pub-right{ width:550px; float:right;}
.pub-right a.fr{ height:30px; display:block}
.pub-right ul{ margin-top:60px}
.pub-right ul li{ margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #E7E7E8}

.salon-list{ margin-top:30px; }
.salon-list ul{ width:110%; margin:40px 0 0; height:400px}
.salon-list ul li{ width:548px; height:300px; float:left; margin-right:104px}
.salon-list ul li p{ margin:20px 0 0}


.store-list{ margin-top:100px}
.store-left{ width:660px; float:left}
.store-left li{ margin-bottom:115px; overflow:hidden; zoom:1}
.store-left li:last-child{ margin-bottom:30px}
.store-left p.img{ width:420px; float:left}
.store-left p.des{ width: 200px; float:right; line-height:180%; margin-top:-3px}
.store-left p.des span{ font-size:24px; margin-top:10px; display:block}
.store-right{ float:right; width:462px;}
.store-right ul{ width:105%}
.store-right ul li{ width:141px; float:left; margin:0 20px 25px 0}
.shop-more{ clear:both; height:150px; text-align:center; font-size:18px;}
.shop-more a{width: 1200px;background: #F44;padding: 20px 0;color: #fff;display: block;margin: 0 auto;}
.shop-more a:hover{ background:#CFCECE; color:#fff}

.about-area{ margin:50px auto; border-bottom:1px solid #ccc; padding-bottom:30px}
.about-text{ float:left; width:597px; line-height:180%; font-family:Arial, Helvetica, sans-serif}
.about-weibo{float:right; margin-top:5px;width:40%;}
.about-weibo img{width:500px!important}
.map span{ padding-right:30px}


.contact-info{ float:left; width:360px;margin-bottom:30px}
.contact-info p{ margin-bottom:5px; line-height:1.5}
.contact-info p.map{ margin-bottom:35px}
.contact-info p.title{ margin-bottom:15px; font-size:16px}

.contact-charge{ float:right; width:750px; margin-left:}
.contact-charge ul{ width:800px}
.contact-charge li{ width:350px; height:55px; margin:0 30px 78px 0; float:left}
.contact-charge li p{ margin-bottom:10px}
.contact-charge li p.title{ margin-bottom:22px; font-size:16px}

/*exh page*/

.exh{ height:500px}
.exh-list{ margin:50px auto}
.exh-pic{ margin-top:100px; height:450px; overflow:hidden}
.exh-pic-list ul{ width:106%}
.exh-pic-list ul li{ width:280px; float:left; margin:0 30px 50px 0}
.exh-pic-list ul li img{ max-width:270px}
.exh-pic-list ul li p{ margin:20px 0 0;line-height: 150%;}
.exh-pic-list ul li span{ display:block; margin-bottom:10px; color:#999; padding-right:10px}
.exh-pic-list ul li span.name{ font-size:12px;}
.exh-pic-list ul li span.name a{ margin-right:20px;display: block;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.title{ margin-bottom:50px}
.line{ height:1px; border-bottom:1px solid #ccc; margin-bottom:40px; clear:both}

/*exh details page*/
.exh-info-top{ margin-top:30px}
.imgs-box,.imgs-box-works{ width:580px; overflow:hidden; margin:20px 0}
.imgs,.imgs-works { width:600px;float:left;}
.imgs li,.imgs-works li { float: left; width:85px; height:65px; overflow:hidden; margin: 0 14px 14px 0 }
.imgs li img,.imgs-works li img{ cursor:pointer;width: 85px;height: 65px;}
.imgs li.xuanz{ display:block; width:85px; height:65px; background:#00418E ;}
.xuanz a{ display:block; width:85px; height:65px; background:#00418E;}
.xuanz img{ display:none;}
.img-box,.img-box-works {
	overflow: hidden;
	width: 580px;
	height: 385px;
	position: relative;
	margin:0 auto;
}
.img-box img,.img-box-works img {
	max-width:580px;
	*width:auto;
}
.img-box li,.img-box-works li {
	width: 580px;
	float: left;
	cursor: pointer;
	text-align:center;
	margin:0 auto;
}
.img-box ul,.img-box-works ul  {
	position: absolute;
	left:0;
}

.text-box,.text-box-works {
	display: block;
	margin:30px 0;
	font-size: 12px;
}

.exh-info{ width:560px; float:left; line-height:180%; font-size:12px; margin-bottom:20px; word-break:break-word; text-align:justify; text-justify:inter-ideograph}
.en .exh-info{ text-align:justify}
.exh-info img{ max-width:560px;}
.exh-info-tit{ font-size:16px; margin-bottom:38px;line-height: 180%; font-style:italic}

.exh-info p.tit,.exh-prew p.tit{ font-size:12px; margin-bottom:30px}
.exh-info p.tit{ margin-bottom:20px}
.exh-prew p.tit{ margin-top:5px}
.exh-prew{ float:right; width:580px;}

.exh-art-list ul{ margin:20px 0 35px;}
.exh-art-list ul li{ float:left; margin:0 20px 10px 0; font-size:14px}
.exh-art-list ul a,.exh-art-list ul span{ margin:0 20px 8px 0; display:block; float:left; width:120px; font-size:12px}

.exh-art-list{ position:relative}
.exh-art-list p.title{ font-size:12px; font-weight:bold}
.exh-prev,.exh-next{ width:15px; height:30px; background:url(../images/exh-prev.png) no-repeat; position:absolute; top:0; right:100px;}
.exh-next{background:url(../images/exh-next.png) no-repeat;right:10px;}

a:hover.exh-prev{ opacity:.5}
a:hover.exh-next{ opacity:.5}


/*artist page*/
.art-tit{ margin:50px auto 30px}
.art-tit p{ font-size:24px; margin-bottom:15px;}
.artist-box{ height:500px; *height:600px}
.left_box{ width:580px; float:left; position:relative;}
.left_box img{ max-width:580px; max-height:385px; border:0;}
.right_list{ width:600px; float:right; position:relative;}
.imgli{ width:600px; overflow:auto; zoom:1;}
.imgli li{ width:85px; height:65px; overflow:hidden; float:left; margin:0 0 10px 10px; cursor:pointer;}
.imgli li img{ width:85px; height:65px;}
.box2{ display:none;}
.text_box{ margin:10px auto 30px; font-size:12px; line-height:180%}
.btnli{ position:absolute; right:6px; top:-100px;}
.btnli li{ float:right; width:25px; height:48px; line-height:48px;text-align:center;margin-left:100px;}
.btnli li a{ display:block;width:25px; height:48px;color:#FFF; text-decoration:none;}
.btnli li a.next{ width:25px; height:48px; background:url(../images/next.png) no-repeat}
.btnli li a:hover.next{background:url(../images/next_h.png) no-repeat}
.btnli li a.next:hover{background:url(../images/next_h.png) no-repeat}
.btnli li a.prev{ width:25px; height:48px; background:url(../images/prev.png) no-repeat}
.btnli li a.prev:hover{background:url(../images/prev_h.png) no-repeat}


.tab-menu { clear:both;}
.tab-menu li {margin-right:10px; padding-right:10px; float:left; font-size:16px; cursor:pointer;}
.tab-menu li.none{ border-right:0}
.tab-menu li.hover { color:#F44}
.tab-menu li.selected { color:#F44;}
.tab-box{ line-height:180%; font-size:14px; margin:40px 0 0} 
.tab-box .content{ width:720px; overflow:hidden; font-size:12px}
.en .tab-box .content{ font-family:Arial, Helvetica, sans-serif}
.tab-box li{ cursor:pointer; margin-bottom:10px}

.hide{display:none}

.art-left,.art-right{ width:750px; float:left; border-top:1px solid #D2D3D5; padding:30px 0}
.art-right{ width:380px; float:right;}

.art-right p.title{ margin-bottom:35px}
.art-right p{ line-height:150%; margin-bottom:10px}
.art-right ul li{ margin-bottom:50px; line-height:180%; font-size:16px}
.text-details .title{ margin-bottom:30px}

/*pub page*/
.sub-nav{ text-align:center}
.sub-nav li{ display:inline-block; *display:inline; margin:0 20px}
.sub-nav li a{ color:#666}
.sub-nav li a.current,.sub-nav li a:hover{ color:#f44;}

.pub-pic{ width:108%; overflow:hidden;margin-top:60px;}
.pub-pic ul{ width:108%; margin:5px 0 0	}
.pub-pic li{ float:left; margin:0 50px 50px 0; width:200px;}
.pub-pic li img{ display:block; margin:0 0 10px;}
.pub-pic li span{ display:block; margin:15px 0 0; line-height:150%; font-size:12px}

.pub-text{ width:108%; margin-top:60px;}
.pub-text li{ width:500px; float:left; margin:0 148px 20px 0; line-height:150%;border-bottom: 1px solid #ECECEC;}
.pub-text li a:hover{ color:#F44}
.pub-details{ margin:60px 0}
.pub-details h1{ margin-bottom:10px}
.pub-details h3{ font-size:12px; margin-bottom:20px}
.pub-details .content{ line-height:180%; font-size:12px}


/*shop page*/
.sort{ margin:50px auto}
.sort p{ text-align:center; margin:0 0 20px}
.sort p a{ padding:5px 10px; margin:0 20px}

.shop-left{ width:480px; float:left}
.shop-left img{ max-width:450px; margin-bottom:30px}
.shop-right{ width:680px; float:right}
.shop-right h1{ font-size:16px; margin-bottom:30px; line-height:150%;}
.shop-right p.price{ font-size:30px;font-family: 'capsuula-webfont';}
.shop-right p.content{ margin-top:50px; font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:12px; line-height:180%}
.shop-right p{ margin-bottom:40px; line-height:150%;}
.shop-right p.artist{ font-size:18px;}
.fn{ font-size:18px}

/*salon page*/
.salon-title{ margin:50px 0 20px}
.salon-pic-list{ width:108%}
.salon-pic-list li{ float:left; width:370px; margin-right:45px}
.salon-pic-list li img{width:370px; max-height:250px;}
.salon-pic-list li p.title{ margin:10px 0 40px; font-size:14px }

.exh-prev{}
.exh-next{}

.exh-installation { width: 530px; overflow: hidden; float:left }
.exh-installation .b-img, .exh-installation .b-img div, .exh-installation .b-img p { width: 530px; height: 377px }
.exh-installation .b-img { position: relative }
.exh-installation .b-img div { position: absolute; overflow: hidden;}
.exh-installation .b-img p { display: table-cell; vertical-align: middle; text-align: center }
.exh-installation .b-img p { *display: block; *font-size: 312px; *font-family: Tahoma }
.exh-installation .b-img img { vertical-align: middle; max-height:377px; max-width:530px }
.exh-installation .imgs { width: 585px; margin: 0 -20px 0 0 }
.exh-installation .imgs li { float: left; margin: 15px 26px 0 0 }
.exh-artists li { margin: 0 0 11px }

.salon-details .title{ margin:50px 0 20px}
.salon-details{ padding:0 0 20px}
.salon-text{ width:600px; float:right; line-height:180%; margin-bottom:20px;font-size: 12px;}
.en .salon-text{ font-family:Arial, Helvetica, sans-serif;}

.back_to_top{ cursor:pointer; width:50px;height:45px; position:fixed; bottom:50px; right:50px; z-index:1000;background:#F44; display:none }
.back_to_top:hover{ background:#aaa}
.back_to_top span{ width:28px; height:28px; display:block; background:url(../images/topback.png) center center no-repeat; margin:10px 0 0 10px}

#frame{ margin:15px 15px; padding:0; clear:both; position:relative;}
#frame #content{width:100%; min-width:960px; margin:0 auto; padding:0; clear:both; position:relative;}

.pin { position: absolute; margin: 0 0 18px }
.pin, .board-list .box { width:340px; overflow: hidden;}
	.pin h2,.pin h3, .pin .box { padding: 0 5px 0 10px }
	.pin .source, .pin .comment-list { min-height: 30px; color: #bbbbbb }
	.pin .source, .pin .comment-list { _height: 30px /* hacked for IE6 */ }
	.pin .image { position: relative; display: block; width: 340px; overflow: hidden; margin: 8px 0 5px }
		.pin .image img { display: block; margin: 0 auto }
		.pin .image .video { position: absolute; z-index: 1; top: 50%; left: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px }
	.pin p.title {
		margin:15px 0 50px;
		width:180px;
		float:left;
		line-height: 200%;
	}
	.pin p.title .cnt,.pin p.title .ent  {
		font-size: 20px;
		display:block;
	}
	.pin p.title .ent {
		font-size:14px;
	}
	.pin .price {
		margin-top:15px;
		width:140px;
		float:right;
		text-align: right;
	}
	.pin .price span{ font-size:38px;font-family: 'capsuula-webfont';}
    
	.pin .statistics { padding-top: 10px; line-height: 15px; text-align: right }
		.pin .statistics span { display: inline-block; color: #bbbbbb }
		.pin .statistics .mini-forwards { position: relative; float: left; padding: 0 0 0 24px }
		.pin .statistics em { position: absolute; top: 0; left: 0; width: 18px; height: 15px; background-position: -382px 0 }

	.pin .inner { position: relative; padding: 0 0 0 40px }
	
	.pin .comment-box { overflow: hidden; zoom: 1; padding-bottom: 10px }
		.pin .pic { position: absolute; top: 0; left: 0 }
		.pin .comment-box textarea { float: left; overflow: hidden; width: 144px; height: 26px; padding: 1px; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: inset 1px 1px 3px #dddddd; line-height: 13px; opacity: .6; filter: alpha(opacity=60) }
		.pin .comment-box .submit-btn { display: none; float: right; width: 30px; height: 30px; margin: 0 0 0 -30px; border: 1px solid #cccccc; border-left: 0 none; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; background-color: #ffffff; background-position: -78px 6px; opacity: 0; filter: alpha(opacity=0) }
		.pin .comment-box .submit-btn:hover { background-color: #f4f4f4; background-position: -110px 6px }
		.pin .get-focus textarea { width: 114px; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; opacity: 1; filter: alpha(opacity=100) }
		.pin .get-focus .submit-btn { display: block; opacity: 1; filter: alpha(opacity=100) }


#loading-pins { position: fixed; bottom: 0; left: 0; z-index: 1000; display: none; width: 100%; height: 20px; padding: 15px 0; background: #fafafb; text-align: center; font-weight: bold; border-top: 1px solid #ccc }
#loading-pins img { margin: 2px 6px 0 0 }

.text-list{}
.text-list li{ font-size:12px; margin-bottom:10px}
.text-list li span{float:right;}
.btn-nav{display:none;}
.shops{display: none;}

/*手机端响应式调整*/
@media only screen and (max-width: 1000px) {
	.subMenu{min-width: auto;height:80px;border-bottom:1px solid #cccccc;}
	.subMenu .innernav{width:auto;padding:0 10px;margin: 40px auto 0;min-height:40px;}
	.subMenu .innernav .logo{width:100px;}
	.subMenu .innernav .logo img{width:100%;height:auto;}
	.subMenu .innernav ul{position: absolute;z-index:2;right:0;top:-30px;border: none;float:none;margin:0;padding:0;font-size:14px;}
	.rss{position: absolute;float:none;right:50px;top:-32px;}
	#home ul.menu{margin-left:0;}
	.subMenu .innernav ul.menu{margin-left:0;top:40px;background:#cccccc;width:100%;z-index:999;display: none;}
	.subMenu .innernav ul li{float:none;}
	ul.menu li{float:none;margin:0;padding:0;border-top:1px solid #666;}
	ul.menu li:first-child{border-top:none;}
	ul.menu li a{float:none;margin:0;padding:10px 0;}
	.subNavBtn{font-size:14px;}
	.btn-nav{position: absolute;background: transparent;border: none;padding:11px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 99999;display: block;right:0;top:-8px;}
	.icon-bar {display: block;margin: 6px 0;width: 30px;height: 3px;background-color: #cccccc;box-shadow:0 1px 1px #000000;  -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
	.animated .top {-webkit-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg);-ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg);}
	.animated .bottom {-webkit-transform: translateY(-10px) rotateZ(-45deg);-moz-transform: translateY(-10px) rotateZ(-45deg);-ms-transform: translateY(-10px) rotateZ(-45deg);-o-transform: translateY(-10px) rotateZ(-45deg);transform: translateY(-10px) rotateZ(-45deg);}
	.animated .middle {width: 0;}
	.but-nav-list{width:117px;position: absolute;top:56px;background:#ffffff;right:-37px;z-index:999999;display: none;}
	.but-nav-list ul li a{display: block;padding:8px 0;transition: all 0.6s;color:#898989;text-align: center;transition: all 0.6s;}
	.but-nav-list ul li a:hover{background:#cccccc;}
	.en .rss{right:50px;}
	#home .en ul.menu{margin-left:0;}
	.topmenu{height:81px;}
	.back_to_top{right:10px;bottom:10px;}
	.section{min-width:100%;padding-top:81px;}
	.inner{width:100%;}
	.work-list-name ul{width:100%;}
	.work-list-name li{width:50%;margin:0;}
	.work-list-name li a{display: block;padding:10px 5px;font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.store-list{margin-top:0;}
	.store-left{float:none;width:100%;}
	.store-left li{margin-bottom:0;}
	.store-left p.img{width:100%;float:none;}
	.store-left p.img img{width:100%;height:auto;}
	.store-left p.des{width: auto;padding:10px;float:none;margin-top:0;line-height:1.5;}
	.store-right{float: none;width:100%;}
	.store-right ul li{margin:0;width:50%;}
	.store-right ul li a{display: block;}
	.store-right ul li a img{width:100%;height:auto;}
	.store-right ul li:nth-child(even){float:right;}
	.store-right ul{width:100%;}
	.store-right ul:after{content: ''; display: table; clear: both}
	.store-right ul:before{content: ''; display: table; clear: both}
	.shop-more{height:auto;margin-top:20px;}
	.shop-more a{width:100%;padding:10px 0;}
	.s4{padding-top:0;}
	.pub-area{margin:0;}
	.pub-left{float:none;width:100%;}
	.pub-left h2, .salon-list h2{width: auto;padding:0 10px 50px;}
	.pub-left ul{margin-top:0;}
	.pub-left ul:after{content: ''; display: table; clear: both}
	.pub-left ul:before{content: ''; display: table; clear: both}
	.pub-left li{width:100%;float:none;margin-bottom:20px;margin-right:0;}
	.pub-left p{height:auto;}
	.pub-left li a img{width:100%;height:auto;}
	.pub-right{float:none;width:auto;padding:0 10px;}
	.pub-right a.fr{float:none;text-align: right;}
	.pub-right ul{margin-top:0;}
	.s5{padding-top:0;}
	.rss-box{top:40px;}
	.contact-info p.map{text-align: center;}
	.map span{padding:0 20px;}
	.contact-info{float:none;padding:0 10px;width:auto;}
	.contact-charge{float:none;width: auto;padding:0 10px;}	
	.section.sTop{padding-top:0;}
	.salon-title{display: none;}
	.salon-pic-list li{float:none;margin-right:0;width:100%;}
	.salon-pic-list li img{width:100%;height:auto;}
	.salon-pic-list li p.title{margin:20px 0;padding:0 10px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
	.sub-nav{padding:20px 0;}
	.pub-text{width:100%;margin-top:0;}
	.pub-text li{width:100%;float:none;margin:0 auto;}
	.pub-text li:first-child{border-top:1px solid #ECECEC;}
	.pub-text li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:10px;}
	.pub-pic{margin:0;width:100%;}
	.pub-pic ul{width:100%;margin:0;}
	.pub-pic li{float:none;margin:0;width:100%;}
	.pub-pic li img{width:100%;height:auto;margin:0;}
	.pub-pic li span{line-height:1.5;margin:0;padding:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.pub-details{margin:0;}
	.pub-details h1{margin:0;padding:0 10px 10px;}
	.pub-details .content{padding:0 10px;}
	.pub-details .content img{max-width:100%;height:auto;}
	.pub-details h3{padding:0 10px;}
	.exh-pic{margin:0;height: auto;}
	.s1{padding-top:0;}
	.exh-list{margin:0;}
	/*.title{margin-bottom:0;padding:0 10px 40px;font-size:18px;font-weight: bold;}*/
	
	.exh-pic-list ul{width:100%;}
	.exh-pic-list ul li{float:none;margin:0;width:100%;}
	.exh-pic-list ul li img{width:100%;height: auto;max-width:100%;}
	.exh-pic-list ul li p{padding:0 10px;}
	.exh-info{width:auto;float:none;padding:0 10px;}
	.exh-prew{float:none;width:100%;}
	.exh-art-list{padding:0 10px;}
	.exh-prew p.tit{padding:0 10px;}
	.img-box, .img-box-works{width:auto;height: auto;}
	.img-box ul, .img-box-works ul{position: relative;width:100% !important;}
	.img-box li, .img-box-works li{width:100%;float:none;}
	.img-box img, .img-box-works img{width:100%;height:auto;}
	.imgs, .imgs-works{width:100%;float:none;}
	.imgs-box, .imgs-box-works{width:100%;}
	.imgs li, .imgs-works li{width:25%;margin:0;height:auto}
	.imgs li img, .imgs-works li img{width:100%;height:auto;}
	.exh-installation{width:100%;float:none;}
	.exh-installation .b-img, .exh-installation .b-img div, .exh-installation .b-img p{width:auto;height: auto}
	.salon-text{float:none;width:auto;padding:0 10px;}
	.salon-text img{max-width:100%;}
	#home .topmenu .inner{position:absolute;width:100%;height: auto;left:0;top:325px;z-index: 99999;background:#cccccc;display: none;}
	#home .shop{display: block;}
	#home .shop{right:0;top:0;position: relative;text-align: center;border-top:1px solid #666;}
	.salon-pic-list{width:100%;}
	#frame #content{min-width:100%;}
	.pin, .board-list .box{width:100%;}
	.pin .image{width:100%;}
	.pin .image img{width:100%;height:auto}
	.sort p{text-align: center;}
	.sort p a{display: inline-block;width:30%;}
	.sort p:after{content: ''; display: table; clear: both}
	.sort p:before{content: ''; display: table; clear: both}
	.pin p.title{width:50%;padding:0;margin:15px 0 0;}
	.pin .price{width:50%;}
	.sw_details:after{content: ''; display: table; clear: both}
	.sw_details:before{content: ''; display: table; clear: both}
	#frame #content{height: auto !important;}
	.pin{position: relative !important;left:0 !important;top:0 !important;}
	.art-tit p{padding:0 10px;}
	.left_box{float:none;width:100%;}
	.left_box img{max-width:100%;max-height:auto;}
	.right_list{width:100%;float:none;}
	.imgli{width:100%;}
	.imgli li{width:25%;margin:0;}
	.imgli li img{width:100%;height: auto;}
	.text_box{margin:20px 0;padding:0 10px;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
	.btnli li{margin-left:24px;}
	.btnli{top:-53px;}
	.art-left, .art-right{width:auto;padding:30px 10px 0;float:none;}
	.tab-box .content{width:100%;}
	.shop-left{width:100%;}
	.shop-left img{width:100%;height:auto;}
	.shop-right{float:none;width:auto;padding:0 10px;}
	#home .s1{padding-top:81px;}
	.contact-charge ul{width:100%;}
	.contact-charge li p{padding:0 10px !important;}
	
	
	
	
	
}