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

.fl, .fr, more { display: inline }
.fl { float: left }
.fr, .more { float: right }
.more, .more a { font-weight: normal; font-size: 12px }
.back { position: absolute; top: 0; right: 0 }

#home #header{border-bottom:none}
.default-box { overflow: hidden }

#header { position: relative; z-index: 100; height: 150px; border-bottom: 1px solid #dddddd; background: #fff }

	#header .inner { width: 960px; margin: 0 auto }

.border-b { margin-bottom: -1px; border-bottom: 1px solid #c9c9ca }

#logo, #navigation, #navigation li, .language-switch li { display: inline; float: left }

#logo { margin: 72px 50px 0 0 }

#navigation { width: 580px; margin: 89px 0 0 0; line-height: 33px; text-transform: uppercase }
	#navigation li {padding:0 25px }
	.cn #navigation li {padding-right:40px }
	#navigation a.current, .left-side-menu a.current { color: #2b2b2b;font-weight:bold }

.language-switch { display: inline; float: left; overflow: hidden; margin: 98px -20px 0 0; }
	.language-switch li { margin: 0 -1px 0 0; padding: 0 5px; border-right: 1px solid #c9c9ca }
.exhibitions-right video{display: block;background: #000;margin: 10px auto!important;}
#main-bg, #main-bg img, #main-bg a { position: absolute; width: 100%; height: 100% }
#main-bg {  }
#main-bg img, #main-bg a { z-index: -1 }
#main-bg .prevslide, #main-bg .prevslide img { z-index: 1 }
#main-bg .activeslide, #main-bg .activeslide img { z-index: 2 }
#main-bg img { -ms-interpolation-mode: bicubic }

#content { position: relative; width: 960px; overflow: hidden; margin: 32px auto 0; padding: 0 0 20px }

.left-side-menu { _display: inline; float: left; width: 100px; min-height: 30px; margin: -1px -29px 0 0 }
.left-side-menu { _height: 30px }
	.left-side-menu ul { float: left; width: 132px }
	.left-side-menu li { margin: 0 0 21px }
	.left-side-menu a.current { color: #231917 }
	.left-side-menu a {  }

.exhibitions-list { display: inline; float: left; margin-left:50px; width: 820px }
	.exhibitions-list ul { margin: -33px 0 0 }
	.exhibitions-list li { margin: 33px 16px 0; line-height: 17px; height: 272px; width:240px; float:left; overflow: hidden; }
	.exhibitions-list p.image { margin: 0 0 11px; overflow:hidden }

.exhibitions-info { display: inline; float: left; width: 260px; margin: -4px 0 0 62px;color:#231917 }
	.exhibitions-info .text { padding: 0 0 20px; border-bottom: 1px solid #9fa0a0; line-height: 19px;color:#231917 }
	.exhibitions-info #controls, .exhibitions-info .quantity { position: relative; top: 0; left: 0; width: 80px; margin: 24px 0 0 }
	.exhibitions-info .quantity { height: 19px; line-height: 19px; text-align: center }
	.exhibitions-info #controls { margin-top: -19px }
 	
.exhibitions-nav { margin: 24px 0 0 }
	.exhibitions-nav li { margin: 12px 0 0 }
	.exhibitions-nav a.current { color: #231917;font-weight:bold }

.exhibitions-right { position: relative; display: inline; float: right; margin: -4px 0 0; width: 426px;color:#231917 }

.slider { position: relative }
	.slider p { position: absolute; top: 400px; left: -320px; width: 80px; line-height: 19px; text-align: center }
	#slider { overflow: hidden }
		#slider li { width: 400px; height: 450px; line-height: 17px; text-align: center;color: #231917 }
		#slider img { display: block; margin: 0 auto 14px }
.quantity {  }
	.quantity span { padding: 0 3px }
#controls {  }
#prevBtn, #nextBtn { position: absolute; left: 0; display: block; width: 10px; height: 19px; overflow: hidden }
#nextBtn { left: auto; right: 0 }
	#prevBtn a, #nextBtn a { display: block; width: 10px; height: 19px }
	#prevBtn a { background: url('../images/fade_btn_pre2_1.gif') no-repeat 0 50% }
	#nextBtn a { background: url('../images/fade_btn_next2_1.gif') no-repeat 100% 50% }

#fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none }
* html #fancybox-loading {	/* IE6 */ position: absolute; margin-top: 0 }
	#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('../images/fancybox_1.png'); _background-image: url('../images/fancybox_1.gif') }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; height: 1000px; width: 100%; background: #fff100; z-index: 1100; display: none; background-image: url('../images/logo_1.png'); background-repeat: no-repeat; background-position: 40px 30px }
* html #fancybox-overlay {	/* IE6 */ position: absolute; width: 100%; height: 100% }
#fancybox-tmp { overflow: auto; display: none }
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 24px; z-index: 1101; display: none }
#fancybox-outer { position: relative; width: 100%; height: 100% }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent }
#fancybox-close { position: absolute; top: 0; right: -32px; z-index: 1104; cursor: pointer; display: none; width: 11px; height: 11px; overflow: hidden; background: url('../images/scroll_btn_1.png') no-repeat -10px -10px; text-indent: -9999px }
#fancybox_error { padding: 7px }
#fancybox-content {  }
#fancybox-img { width: 100%; height: 100%; -ms-interpolation-mode: bicubic }
#fancybox-frame { position: relative; width: 100%; height: 100%; display: block }
#fancybox-title { position: absolute; bottom: 0; left: 0; z-index: 1102 }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333 }
.fancybox-title-outside { float: left; padding-top: 5px }
.fancybox-title-over { text-align: left }
#fancybox-title-over { position: absolute; bottom: -30px; width: 100%; height: 30px; line-height: 30px; text-align: left; display: block }
#fancybox-title-wrap { display: inline-block }
	#fancybox-title-wrap span {}
#fancybox-title-left { display: none }
#fancybox-title-main { float: left; padding-right: 30px; font-weight: bold; line-height: 29px; color: #FFF }
#fancybox-title-right { display: none }
#fancybox-left, #fancybox-right { position: absolute; bottom: 50%; width: 29px; height: 57px; margin: 0 0 -29px; cursor: pointer; outline: none; z-index: 1103; display: none }
#fancybox-left { left: -77px }
#fancybox-right { right: -77px }
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 0; left: -9999px; z-index: 1102; cursor: pointer; display: block; width: 29px; height: 57px }
#fancybox-left-ico { background-position: -15px 0 }
#fancybox-right-ico { background-position: 0 0 }
#fancybox-left, #fancybox-right { visibility: visible; /* IE6 */ }
	#fancybox-left span { left: 0; background: url('../images/fade_btn_pre2_1.gif') no-repeat 0 50% }
	#fancybox-left:hover span {  }
	#fancybox-right span { left: auto; background: url('../images/fade_btn_next2_1.gif') no-repeat 100% 50% }
	#fancybox-right:hover span {  }

.exh-press-release { line-height: 19px }

/*.artist-scroll { position: relative; width: 1040px; height: 142px; margin: 0 -40px }
	.artist-scroll .wrapper { position: absolute; top: 0; left: 50%; width: 980px; overflow: auto; height: 142px; margin: 0 0 0 -490px }
		.artist-scroll .wrapper ul { width: 9999px; position: absolute; top: 0 }
		.artist-scroll ul li { overflow: hidden; float:left; width: 166px; height: 142px; padding: 0 15px; text-align: center }
			.artist-scroll ul li img { margin-bottom: 10px }
	.artist-scroll .arrow	, .artist-scroll .arrow em { position: absolute; top: 50%; display: block; overflow: hidden }
	.artist-scroll .arrow {  cursor: pointer; width: 26px; height: 51px; margin-top: -40px }
		.artist-scroll .arrow em { left: 50%; width: 11px; height: 0; margin: -10px 0 0 -5px; padding-top: 21px; background: url('../images/publicico_1.gif') no-repeat }
	.artist-scroll .forward { right: 0 }
	.artist-scroll .back { left: 0 }
	.artist-scroll .forward em { background-position:  -461px 0 }
	.artist-scroll .back em { background-position: -471px 0 }
	.artist-scroll .forward:hover em { background-position: -482px 0 }
	.artist-scroll .back:hover em { background-position: -492px 0 }
*/
.artist-list {  }
	.artist-list ul { width: 1020px; margin: -50px 0 0 -60px }
	.artist-list li { float: left; width: 144px; padding: 50px 0 0 60px; text-align: center }
	.artist-list img { display: block; margin: 0 auto 9px }

	.artist-wrap .exhibitions-right { width: 556px; margin: 0 25px 0 0 ;color:#231917}
	.artist-wrap .exhibitions-info { margin-left: 0 }
		.artist-wrap  .slider p { top: 240px }

.about-text { margin-top: -3px!important; line-height: 21px }




/*
.exhibitions-list { display: inline; float: left; margin-left:50px; width: 820px }
	.exhibitions-list ul { margin: -33px 0 0 }
	.exhibitions-list li { margin: 33px 16px 0; line-height: 17px; width:240px; float:left }
	.exhibitions-list p.image { margin: 0 0 11px; overflow:hidden }*/



.fairs-list, .publications-list { display: inline; float: left; width: 820px;margin-left:50px }
	.fairs-list ul { margin: -33px 0 0 }
	.fairs-list li {  margin: 33px 16px 0; width:240px; float:left;line-height: 17px; }
	.fairs-list p.image { margin: 0 0 11px; overflow:hidden }
	
.fairs-wrap .slider p { top: 110px }




.news-tabs { float: left; width: 300px; margin: -4px 0 0 60px }
	.news-tabs li { margin: 0 0 23px; line-height: 19px }
	.news-tabs a { cursor: pointer }
	.news-tabs a { *display: inline-block /* hacked for IE 6 ~ 7 text-indent */ }
		.news-tabs li.selected a { color: #231917 }

.news-text { position: relative; display: none; float: right; width: 460px; margin: -4px 0 0; line-height: 19px }

.publications-list { display: inline; float: right; width: 825px; margin: -4px 0 0 0px }
	.publications-list ul { width: 766px; overflow: hidden; margin: -30px -41px 0 0 }
	.publications-list li { display: inline; float: left; width: 156px; margin: 30px 35px 0 0 }
	.publications-list .image { position: relative; width: 156px; height: 250px; overflow: hidden }
		.publications-list .image img { position: absolute; right: 0; bottom: 0 }
	.publications-list .text { margin: 7px 0 0; line-height: 25px; text-align: right }
	

.publications-details {  }
	.publications-details p.image { display: inline; float: right; width: 360px; margin: 0 160px 0 0 }
	.publications-details .title { width: 360px }
	.publications-details .text { width: 360px; margin: 13px 0 0; line-height: 21px }

.contact-info { display: inline; float: left; width: 300px }
	.contact-info .text { padding: 0 0 30px; line-height: 19px; color:#231917}

.contact-message { }
.contact-message .input-text, .contact-message textarea { width: 272px; height: 19px; margin: 0 0 12px; padding: 2px 3px; border: 1px solid #bcbdc0; color: #666; line-height: 19px }
	.contact-message textarea { height: 191px }
	.contact-message .submit-btn { width: 58px; height: 23px; border: 0 none; background: #C9C9CA; color: #fff }

.contact-images { display: inline; float: right; width: 540px; margin: -40px -60px 0 0 }
	.contact-images li { display: inline; float: left; width: 120px; margin: 40px 60px 0 0 }
	
#content.about-wrap { margin-top: 30px; padding: 1px 0 0 }
	.about-wrap .box { width: 960px }
	.about-wrap .text, .about-wrap .image { position: relative; margin: -31px 0 0; padding: 30px 0 60px; border-top: 1px solid #C9C9CA }
	.about-wrap .text { display: inline; float: left; width: 460px; line-height: 19px;color:#231917 }
	.about-wrap .image { display: inline; float: right; width: 450px }
		.about-wrap .image img { margin: 4px 0 0 }

.news-text h4{ font-weight:normal; margin-bottom:10px}
.link{ width:100px; height:16px; float:right; margin-top:98px}
.link li{ float:left; margin-right:5px}
a.weibo_ico,a.douban_ico,a.face_ico,a.email_ico{ width:16px; height:16px; background: url('../images/ico_1.png') no-repeat; display:inline-block}
a.douban_ico{width:16px; height:16px; background-position:-16px 0}
a.face_ico{width:16px; height:16px; background-position:-32px 0}
a.email_ico{ width:16px; height:16px;background-position:-48px 0}

#fade { position: relative; overflow: hidden; width: 960px; height: 581px; line-height:22px; margin:0 auto; padding:0; margin-top:10px}
#fade li{ margin:0 auto; padding:0; width:350px;}

#fade .home-slider img{ max-width:300px}

.home-slider{ max-width:420px; max-height:480px; float:left; margin-left:145px}
.right-text{ float:left;width:400px;margin:0 0 0 10px;}
#fade .right-text li{ margin-bottom:15px; width:auto; float:left; margin-right:50px; text-align:left}

.exh-list li{ margin-bottom:10px;}
.artist-list h2,.news-texts li{ margin:0 0 30px; padding:0 0 30px; border-bottom:1px solid #E8E8E8}
.artist-list ul{ margin-bottom:50px}

.news-texts{ float:left; margin-left:130px;}
.news-texts li .imgleft{ width:300px; float:left; text-align: center}
.news-texts li dl{ float:right; width:440px; margin-left:20px;color:#231917;line-height:1.5}
.news-texts li dl dt{font-weight:bold}
.news-texts li dl dd.date{ margin-bottom:10px}

.exhibitions-right h2{ font-weight:bold; margin-bottom:10px}













.nav-toggle-btn {
	display: none;
}

.mobile-nav {
	display: none;
}

@media only screen and ( min-width: 1023px ) {
	.mobile-nav-overlay {
		display: none!important;
	}
}

@media only screen and ( max-width: 1023px ) {
	.default-box {
		height: 100%;
		overflow: auto;
	}

	body {
		height: auto;
		min-height: 100%;
	}

	#header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 850;
		height: auto;
		padding: 20px 15px 40px;
		border-bottom: 0 none;
		background-color: transparent;
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.01));
	}

	#header .inner {
		width: auto;
	}

	#logo {
		margin-top: 0;
	}

	#logo img {
		width: auto;
		height: 25px;
	}

	.language-switch {
		display: none;
	}

	.link {
		display: none
	}

	a, a:link, a:visited {
		color: #333333
	}

	#content,
	#content.about-wrap,
	#fade {
		width: auto;
		margin-top: 0;
		padding: 85px 15px 20px;
	}

	

	.logo {
		width: auto;
		height: 25px;
		margin-top: 0;
		
	}

	.logo img {
		width: auto;
		height: 100%;
	}

	#navigation {
		display: none;
	}

	.nav-toggle-btn {
		position: relative;
		float: right;
		display: block;
		width: 23px;
		height: 21px;
	}

	.nav-toggle-btn::before,
	.nav-toggle-btn::after {
		content: '';
	}

	.nav-toggle-btn::before,
	.nav-toggle-btn::after,
	.nav-toggle-btn .line {
		position: absolute;
		right: 0;
		left: 0;
		height: 3px;
		background-color: #848484;
	}

	.nav-toggle-btn::before {
		top: 0;
	}
	.nav-toggle-btn::after {
		bottom: 0;
	}

	.nav-toggle-btn .line {
		top: 9px;
	}

	.mobile-nav {
		position: fixed;
		top: 0;
		right: -220px;
		bottom: 0;
		z-index: 910;
		display: block;
		width: 200px;
		height: 100%;
		overflow: auto;
		margin: 0;
		box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
		background-color: rgba(221, 221, 221, 0.8);
		font-size: 14px;
		text-align: center;
	}

	.mobile-nav .list {
		padding: 67px 0 52px;
	}

	.mobile-nav .list .option {
		padding: 20px 0;
	}

	.lang {
		display: none;
	}

	.wrapper {
		width: auto;
	}

	.left, .ex-com {
		margin: 0;
		border: none;
	}

	.click {
		margin-top: 25px;
	}

	.wrap-left, .wrap-right {
		float: none;
		width: auto;
		overflow: visible
	}

	.wrap-right {
		margin-top: 40px;
	}

	.work-title {
		margin-bottom: 15px;
		font-weight: bold;
	}

	.worklist {
		float: none;
		width: auto;
		margin: 45px 0 0
	}

	.worklist .clear,
	.art-wrapper .clear {
		display: none!important
	}

	.worklist ul,
	.art-wrapper ul {
		display: flex;
		flex-flow: wrap;
		width: auto;
		margin: -15px 0 0 -15px
	}

	.worklist ul li,
	.art-wrapper li {
		float: none;
		margin: 0;
		width: 50%
	}

	.worklist ul li a,
	.art-wrapper li a {
		display: block;
		margin: 15px 0 0 15px
	}

	.worklist ul li img,
	.art-wrapper li img {
		width: 100%;
		height: auto;
		background-color: transparent;
	}

	.worklist li img, .art-wrapper li img,
	.worklist li img:hover, .art-wrapper li img:hover {
		opacity: 1
	}

	.exd-info {
		margin-top: 0
	}

	.fn {
		font-size: 16px;
	}

	.right {
		margin-top: 0;
		border-top: 0 none;
	}

	#fancybox-close {
		top: -15px;
		right: -15px;
	}

	.mobile-nav-overlay {
		display: none;
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 900;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.07);
		opacity: 0;
	}

	.fancy-ico {
		opacity: 1;
	}

	#fancybox-left,
	#fancybox-right,
	#fancybox-left-ico,
	#fancybox-right-ico {
		width: 17px;
		height: 33px;
	}

	#fancybox-left,
	#fancybox-right {
		margin-bottom: -17px
	}

	#fancybox-right {
		right: -24px
	}

	#fancybox-left {
		left: -24px;
	}


	.index-info{
		margin-top: 0;
	}
	.index-info dt{
		margin-bottom: 15px;
		font-weight: normal;
		font-size: 16px;

	}

	.index-info dd {
		margin-top: 8px;
	}

	.home-fade ul img {
		width: 100%;
		height: auto;
	}

	.home-fade, .home-fade li {
		width: 100%;
		height: auto;
	}
	
	.num-nav {
		position: static;
		margin-top: 15px;
		text-align: center;
	}

	.sub-nav {
		display: flex;
		flex-flow: wrap;
		float: none;
		width: auto
	}

	.sub-nav li {
		width: 25%;
		margin-bottom: 1em;
	}

	.ex-pic {
		float: none;
		width: auto
	}

	.ex-pic ul {
		display: flex;
		flex-flow: wrap;
		margin: -15px 0 0 -15px
	}

	.ex-pic li {
		width: 50%;
		margin: 0;
	}

	.ex-pic img {
		float: none;
		width: 100%;
		height: auto;
	}

	.ex-pic li > a {
		display: block;
		margin: 15px 0 0 15px;
	}

	.ex-pic li p {
		float: none;
		width: auto;
		margin-left: 15px;
		padding-top: 11px;

	}

	.artists-list .rec-img {
		display: none
	}

	.artists-list .content {
		float: none;
		width: auto;
		margin-top: 0;
		padding-top: 0;
		border-top: 0 none;
	}

	.artists-list .content ul {
		display: flex;
		flex-flow: wrap;
		width: auto;
		margin: -40px 0 0 -15px
	}

	.artists-list .content li {
		float: none;
		width: 50%;
		padding: 0
	}

	.artists-list .content a {
		display: block;
		margin: 40px 0 0 15px;
		text-align: center;
	}

	.news {
		margin-top: 0;
	}

	.news-pic {
		float: none;
		width: auto;
		margin-top: 0;
	}

	.news-img, .text {
		float: none;
		width: auto;
	}

	.news-img img {
		width: 100%;
		height: auto;
	}

	.content {
		margin-top: 0;
	}

	.contact-top {
		margin-top: 0
	}

	.title,
	.ex-com .title {
		padding-top: 0
	}

	.num-nav a {
		border-radius: 50%;
		background: none;
		background-color: rgb(238, 238, 238);
	}

	.num-nav a.activeSlide {
		background: none;
		background-color: rgb(183, 183, 183);
	}

	#fancybox-overlay {
		background-position: 15px 20px;
		background-size: auto 25px
	}

	.contact-info {
		float: none;
		display: block;
		width: auto;
		margin-bottom: 30px;
	}

	.contact-message .input-text, .contact-message textarea {
		box-sizing: border-box;
		width: 100%;
		height: 23px
	}

	.contact-images {
		float: none;
		display: block;
		width: auto;
		overflow: hidden;
		margin: 40px 0 0
	}

	.contact-images li.clear {
		display: none!important
	}

	.contact-images .list {
		display: flex;
		flex-flow: wrap;
		margin: -20px 0 0 -20px
	}

	.contact-images .list li {
		width: 33.33%;
		margin: 0
	}

	.contact-images .list a {
		display: block;
		margin: 20px 0 0 20px
	}

	.contact-images .list a img {
		width: 100%;
		height: auto;
	}

	#fade {
		width: auto;
		height: auto;
	}

	.home-slider {
		max-width: none;
		max-height: none;
		float: none;
		margin: 0 0 20px 0;
	}
	#fade li {
		width: auto
	}

	#fade .home-slider img {
		width: 100%;
		max-width: none;
	}

	.right-text {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.about-wrap .box {
		width: auto;
	}

	.about-wrap .text,
	.about-wrap .image {
		display: block;
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
		border-top: 0 none;
	}

	.about-wrap .text {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #c9c9c9;
	}

	.about-wrap .box:first-child .text {
		margin-top: 0;
		padding-top: 0;
		border-top: 0 none;
	}

	.about-wrap .image img {
		width: 100%;
		height: auto;
	}


	.left-side-menu {
		float: none;
		display: block;
		margin: 0 0 30px
	}

	.left-side-menu:empty {
		display: none
	}

	.left-side-menu ul {
		display: flex;
		flex-flow: wrap;
		float: none
	}

	.left-side-menu li {
		width: 33.33%
	}

	.exhibitions-list {
		float: none;
		display: block;
		width: auto;
		margin: 0
	}

	.exhibitions-list ul {
		display: flex;
		flex-flow: wrap;
		margin: -20px 0 0 -20px
	}

	.exhibitions-list li {
		float: none;
		width: 50%;
		margin: 0
	}

	.exhibitions-list li.clear {
		display: none!important;
	}

	.exhibitions-list li .inner {
		margin: 20px 0 0 20px
	}

	.exhibitions-list li .image {

		height: calc( 100vw * 0.432 );
	}

	.exhibitions-list li img {
		width: auto;
		height: 100%;
	}


	.exhibitions-info {
		float: none;
		display: block;
		width: auto;
		margin: 0 0 30px
	}

	.exhibitions-right,
	.artist-wrap .exhibitions-right {
		display: block;
		float: none;
		width: auto;
		margin: 0;
		padding-top: 30px;
		border-top: 1px solid #cbcbcb
	}

	.exhibitions-info .text {
		border-bottom-color: #cbcbcb
	}

	.back {
		top: 85px;
		right: 15px;
	}

	#slider {
		clear: both;
		margin-top: 15px;
	}

	#slider ul {
		overflow: hidden;
	}

	#slider img {
		width: 100%;
		height: auto;
	}

	.slider p,
	.artist-wrap .slider p {
		position: static;
		width: auto;
		top: 0;
		left: 0;
	}

	.slider .quantity {
		float: left;
		margin-bottom: 15px;
	}

	#controls {
		position: relative;
		z-index: 10;
		float: right;
		width: 40px;
		height: 19px;
		margin-bottom: 15px;
	}

	.artist-list ul {
		display: flex;
		flex-flow: wrap;
		width: auto;
		margin: -20px 0 0 -20px;
	}

	.artist-list li {
		float: none;
		width: 50%;
		padding: 0
	}

	.artist-list li.clear {
		display: none;
	}

	.artist-list li a {
		display: block;
		margin: 20px 0 0 20px
	}

	.artist-list img {
		max-width: 100%;
	}

	.fairs-list {
		float: none;
		display: block;
		width: auto;
		margin: 0
	}

	.fairs-list ul {
		display: flex;
		flex-flow: wrap;
		margin: -20px 0 0 -20px
	}

	.fairs-list li {
		float: none;
		width: 50%;
		margin: 0;
	}

	.fairs-list .inner {
		margin: 20px 0 0 20px
	}

	.fairs-list .image {
		height: calc( 100vw * 0.432 );
	}

	.fairs-list .image img {
		width: auto;
		height: 100%;
	}


	.news-texts {
		float: none;
		margin-left: 0;
	}

	.news-texts li .imgleft {
		width: auto;
		float: none;
		text-align: left;
		margin: 0 0 10px;
	}

	.news-texts li .imgleft img {
		width: 100%;
		height: auto;
	}

	.news-texts li dl {
		float: none;
		width: auto;
		margin-left: 0;
		color: #231917;
		line-height: 1.5;
	}











}