@charset "UTF-8";

@viewport {
	width: device-width;
	height: device-height;
}
/* default all elements */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  font: inherit;
  vertical-align: baseline;
  list-style:none;
  list-style-type:none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Teaching ie html5 new elements. */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

/* GENERAL */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height: 1.25em;
    font-weight: normal;
	color:#999999;
	background-color: #FFF;
}

i, em { font-style:italic; }

b { font-weight:bold; }

a {
	color:#000; /*black*/
	text-decoration:underline;
	border:none;
}

a:hover {
	color:#B4974B; /*gold*/
	text-decoration:underline;
}

h1 { 
    font-size:1.25em; 
    font-weight: normal;
}

#browsehead h1 {
	color:#B3B3B3;
}

h2 { 
    font-size:.8em;
    font-weight: normal;
}
	
h3 { 
	font-size:.65rem;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:1em;
	color:#000; 
}

p, ul { 
	font-size:.8rem;
    font-weight: normal;
	margin-top: .25rem;
	margin-bottom: .25rem;
	margin-bottom: 1.25rem;
}

time {
	display:block;
	font-size:.8em;
}

ul, li {
	list-style:none;
}

q {
	quotes: '“' '”' '‘' '’';
}

figcaption {
	font-size:.7em;
	line-height:1.2em;
	margin-top:.3em;
	margin-bottom:1em;
}

.artist, .artwork figcaption {
	font-size:.9em;
}

figcaption div {
	margin-top:.3em;
}

img {
	width:100%;
}

/* for ABOUT images */
/*article figure img {  
	max-height:700px;
	width:auto;
	max-width:100%;
}*/
article figure { 
	float:left;
	width:40%;
	margin:.5em 40px 0px 0;
	padding-bottom:0;
}
article figure figcaption {
	padding-bottom:0;
	margin-bottom:1em;
}
article p::after {
	content: "";
  display: table;
  clear: both;
}


.clear {
	clear:both;
}

/* GENERAL HEADER for average computer monitor */


#mainhead {
	width:100%;
	position:fixed;
	top:0;
	/*padding-top:.5em;*/
	padding-left:5%;
	padding-bottom:12px;
	margin:0;
	border:none;
	z-index:8000;
	background:#FFF;
	/* for header shrink transition */
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#headercover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:20px;
	z-index:9000;
	/* for header shrink transition */
	-webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
    -ms-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
}

#logoLM {
	float:left;
	display:inline;
	height:100px;
	width:auto;
	margin:0;
	border:none;
	/* for header shrink transition */
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#selectlang {
	position:fixed;
	right:5%;
	top:1em;
	width:70%;
	text-align:right;
	text-transform:uppercase;
	font-size:.7em;
	font-size:.75em;
	z-index:9999;
}

#selectlang a {
	text-decoration:none;
	margin:auto 5px;
}


#menu-icon, #menu-icon-x {
	display: none;
}


#menu {
	position:absolute;
	right:0;
	bottom:.75em;
	width:65%;
	margin-right:5%;
	text-align:right;
	/* for header shrink transition */
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#mainhead nav .menuNav {
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
	/*margin-bottom:1.5rem;*/
	z-index:9000;
}

.menuNav li {
	/*width:17%;
	width:15.3%;
	float:left;*/
	display:inline;
	display:inline-block;
	text-align:right;
	margin-left:12.6%;
	font-size:.9em;
	font-size:1em;
	line-height:1.25em;
	letter-spacing:.5px;
	/* for header shrink transition */
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.menuNav li:lang(en), .menuNav.en li {
	margin-left:7%;
	font-size:.85em;
	font-size:.925em;
}

.menuNav li:first-child {
	margin-left:0;
}

/*.menuNav li#navContact {
	width:8%;
}*/

#mainhead nav .menuNav li a {
	text-decoration:none;
}

#mainhead nav .menuNav li a:hover {
	color:#B4974B;
	text-decoration:none;
}

/*
.menuNav.navZh, .menuNav .navEng {
	display:block;
	margin-top:.25em;
}*/


#mainhead.smaller {
	top:-40px;
}

#mainhead.smaller #headercover {
	background:#FFF;
}



.subnav li {
	font-size:.9em;
	font-size:1em;
	line-height:1.25em;
	letter-spacing:.5px;
	margin-bottom:.75em;
}

.subnav li a {
	text-decoration:none;
}

#subWTingthumb {
	display:block;
	margin-top:.5em;
	width:200px;
	width:70%;
}

#browseAbout a {
	font-size:.9em;
	line-height:1.25em;
	letter-spacing:.5px;
	margin-bottom:.75em;
	text-decoration:none;
}



/* GENERAL CONTENT */
#contentWrap, #homeWrap {
	padding-top:140px;
	margin-left:5%;
	width:90%;
	clear:both;
}

#homeWrap {
	padding-top:100px;
}

#content {
	width:100%;
}

.pagehead {
	position:static;
	width:100%;
	padding-bottom:1.2em;
	margin-bottom:2rem;
	border-bottom:1px solid #B3B3B3;
}

.pagehead #browsehead {
	position:relative;
	width:100%;
	margin-top:2rem;
	text-align:center;
	display:block;
}

.pagehead #browsehead #goprev {
	position:absolute;
	top:-.2em;
	left:-.2em;
}

.pagehead #browsehead #gonext {
	position:absolute;
	top:-.2em;
	right:-.2em;
}


/*.enEntry, .zhEntry {
	padding-top:2em;
}*/

.leftcol {
	float:left;
	width:25%;
	width:30%;
	vertical-align:top;
}

.rightcol {
	float:right;
	width:72.5%;
	width:67.5%;
	vertical-align:top;
}


header {
    z-index: 1000;
}

.artfair header h1 {
	font-size:1.2em;
	line-height:1.25em;
	margin-top:.25em;
	margin-bottom:.25em;
}

.artfair header h2 {
	font-size: .95em;
	margin-bottom: .75em;
}

.artfair header a {
	font-size:.75em;
    z-index: 5000;
}

.artfair header time {
	margin-bottom:1em;
}

.artfair header .location {
	font-size:.9em;
	margin-top:.5em;
	margin-bottom:1em;
}
	
.artfair header .booth {
	font-size:1.5em;
	line-height:1.75em;
	margin-top: 0.5rem;
	margin-bottom: 0rem;
}

.booth {
	color:#ccc;
}

.city {
	font-size:.7em;
	line-height:1.75em;
	margin-bottom: 4rem;
	/*padding-left:5%;*/
}

.city .cityImg {
	/*width:90%;*/
	margin-bottom:1.5rem;
}


#current {width:105%;}
#current article {
	vertical-align:top;
	width: 45%;
	margin-right:4.5%;
	height:30em;
	flow: left;
	display:inline-block;
}
.pastExhibitsNEW article {
	vertical-align:top;
	width: 28%;
	margin-right:4.5%;
	height:25em;
	flow: left;
	display:inline-block;
}
#current article div h2, .pastExhibitsNEW article div h2 {
	max-height:6em;
	overflow:auto;
	margin:10px 0;
}


.pastExhibits article {
	margin-bottom:4rem;
}

#current article header, .city header, .pastExhibits header, .pastExhibitsNEW header {
	/*height:3rem;*/
	height:2rem;
	margin:0;
	font-size:.65em;
	font-size:.68rem;
	line-height:1.2em;
	letter-spacing:3px;
	color:#999;
	text-transform:uppercase;
}
#current article header {height:1.5rem;}
#current article header .en, .pastExhibits header .en, .pastExhibitsNEW header .en {
	font-size:.85em;
}
#current article a, .pastFairs article a, .pastExhibitsNEW article a {
	text-decoration:none;
	-webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.pastExhibitsNEW article a:hover img {
	-webkit-filter: sepia(25%); /* Safari 6.0 - 9.0 */
    filter: sepia(25%);
	-webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

#current article .en h1, .pastExhibits article .en h1, .pastExhibitsNEW article .en h1, .pastExhibitsTaipei article .en h1, .exhibitionInfo.en h1, #publications .book .en h1 { 
/* make exhibition title italic. */
	font-style:italic;
}

.pastExhibits header {margin-bottom:20px;}


#past .introTxt {
	margin-right:4.7619%; /* 50/1050px */
	margin-bottom:3em;
}


.exhibitionInfo h1 {
	margin:1em 0 .5em 0;
}


.pastExhibits article img, .pastExhibitsTaipei article .thumb img {
	display:block;
	width:auto;
	height:auto;
	max-width:55%;
	max-height:7em;
	margin-bottom:.5em;
}
.pastExhibitsTaipei article .thumb {height:7em;}

.pastExhibits article .en, .pastExhibits article .zh, .pastExhibits article .zt, .pastExhibitsTaipei article .en, .pastExhibitsTaipei article .zh, .pastExhibitsTaipei article .zt {
	margin-top:0.5em;
}



#current article div, .pastExhibitsNEW article div, .pastFairs article div, #publications .book div {
	margin-top:1.25em;
}

#current article h1, .pastExhibitsNEW article h1, .pastFairs article h1, #publications .book h1 {
	font-size:.9em;
	line-height:1.2em;
	margin-bottom: .5em;
}
#current article h1 {font-size:1.1em;}

#publications .book h1, #publications .book h2 {color:#000;}

.pastExhibits article h1, .pastExhibitsTaipei article h1 {
	font-size:.8em;
	line-height:1em;
	margin-bottom:.25em;
}

#publications, #past, .pastFairs {
	width:105%; /* 1050/1000 */
}

#publications .book, .pastFairs article, .pastExhibits {
	float:left;
	display:inline;
	width:20.23809%; /* 212.5/1050px */
	margin-right:4.7619%; /* 50/1050px */
	height:24em;
}
.pastExhibits { margin-bottom:2em;}

.pastExhibitsTaipei article {
	float:left;
	display:inline;
	width:28.57142%; /* 3 col 300/1050px */
	margin-right:4.7619%; /* 50/1050px */
	margin-bottom:1.5em;
	height:15em;
}
.pastExhibitsTaipei article .LMG {
	margin-top:.5em;
	max-height:8em;
	overflow:scroll;
}


.pastFairs article {
	height:16em;
}

.pastExhibits {
	width:28.57142%; /* 3 col 300/1050px */
	/*width:45.23809%; /* 2 col 475/1050px */
	height:auto;
}



#publications .book img, #current article img, .pastFairs article img {
	vertical-align:top;
}
#publications .book img {
	width:auto; 
	height:auto;
	max-width:100%; 
	max-height:10em;
}

/*#publications .book h1 {
	font-size: 1.25em;
	line-height:1.3em;
	margin-bottom: .5em;
}

#publications .book h2 {
	font-size: 1.1em;
	line-height:1.3em;
	margin-bottom: .75em;
}

#publications .book p {
	font-size: .95em;
	line-height:1.3em;
	margin-bottom: 2em;
}*/

.pastFairs article img {
	border:1px solid #CCC;
	margin: 0;
	/*margin-bottom:10px;*/
}

#current article h2 {
	font-size:.8em;
	line-height: 1.5em;
    margin-bottom: 1em;
} 

.pastFairs article h2, #publications .book h2, #publications .book p {
	font-size:.75em;
	line-height: 1.25em;
    margin-bottom: .5em;
} 


.pastExhibits article h2, .pastExhibitsTaipei article h2, .pastFairs article .location {
	font-size:.7em;
	line-height: 1.2em;
    margin-bottom: 0em;
} 
.pastExhibitsTaipei article h1, .pastExhibitsTaipei article h2 {color:#000;}

#current article time, .pastFairs article time {
	font-size:.75em;
	margin-bottom: .5em;
	color:#999;
}
#current article time {font-size:.9em;margin-bottom: .75em;}

.pastExhibits article time, .pastExhibitsNEW article time, .pastExhibitsTaipei article time, .pastFairs article time {
	font-size:.7em;
	margin-bottom: .5em;
	color:#999;
}

#current a, .artist a, .pastExhibits a, .pastFairs a, #publications a {
	text-decoration:none;
}

.leftcol .enEntry { /* adjust text size in Art Fair pages. */
	font-size:.9em;
}

/*h1 .zh, h1 .en {
	display:block;
	margin-bottom:.5em;
}*/

/*
.enEntry, .zhEntry {
	width:42.85714%; /* 300/700px 
	width:45.71428%; /* 320/700px 
	margin-right: 5.71428%; /* 40/700px 
	margin-right: 8.57142%; /* 60/700px 
	margin-bottom:1em;
	float:left;
}

.zhEntry {
	margin-right:0;
}*/

#exhibitinfo .enEntry, #exhibitinfo .zhEntry {
	padding-top:2em;
}

.leftcol.artfair header {
	width:100%;
	padding:0;
}

.artist {
	width:100%;
	clear:both;
	margin-bottom:.75em;
	font-size:.85em;
}

/*.artist .zh {
	float:left;
	display:inline;
	width:50%;
}

.artist .en {
	display:inline;
	width:auto;
}*/

.biolink {
	clear:both;
	display:block;
	padding-top:.75rem;
	margin-top:1em;
	margin-bottom:2em;
	font-size:.725em;
}

.biolink a {
	margin-right:20px;
}


.pressrelease {
	width:90%;
}



.PDFlink {
	margin-top:40px;
	margin-bottom:40px;
	height:26px;
	padding-left:36px;
	background:url(/image/icon-PDF.png) no-repeat center left;
	background-size:26px;
	font-size:.75em;
	line-height:26px;
	font-weight:normal;
	text-transform:uppercase;
}
	
.cvIntro {
	margin-bottom:60px;
}
	
.cvGroup {
	clear:both;
	margin-bottom:60px;
}
	
.cvGroup h2 {
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:20px;
}
	
.cvGroup time {
	float:left;
	display:inline;
	width: 10%;
}

.cv {
	width:90%;
	padding-left:10%;
	margin-bottom:1em;
}
	
.cv li {
	margin-bottom:.25em;
}
	

#archivelinks {
	clear:both;
	width:100%;
	padding-top:3em;
	/*padding-bottom:3em;*/
	border-top:1px solid #B3B3B3;
	/*border-bottom:1px solid #B3B3B3;*/
}

#archivelinks a {
	font-size:2em;
	line-height:2em;
	margin-right: 1em;
	font-weight:bolder;
	text-decoration:none;
	color: #B3B3B3;
}
#archivelinks a.taipei { font-size:1.68em;}

#archivelinks a:hover {
	text-decoration:none;
	color: #B4974B;
}



#content .en p, #content .zh p, #content .zt p, #content .en figure, #content .zh figure, #content .zt figure {
	margin-bottom:2em;
}

/*
#content .biolink {
	margin-top:.5em;
	margin-bottom:2em;
	font-size:.8em;
}*/


#browseAbout {
    clear: both;
    font-size:.8rem;
    font-weight: normal;
	width:100%;
    padding-top: 2em;
    border-top: 1px solid #B3B3B3;
}

#browseAbout #goprev {
    float: left;
}

#browseAbout #gonext {
    float: right;
}

#map figcaption {
    display: none;
}

aside h3 {
	margin-top:1.5em;
}


footer {
	font-size:.75em;
	margin-left:5%;
	width:90%;
	margin-top: 4em;
	margin-bottom: 4em;
	padding-top:3em;
	border-top: 1px solid #B3B3B3;
	/*text-align:right;*/
	clear:both;
}

footer .rightcol {
	text-align:right;
}

footer .rightcol a {
	text-decoration:none;
	color:#999;
}

footer .rightcol a:hover {
	color:#B4974B; /*gold*/
}

footer a.svgicon {
	margin-right:5px;
}




/*
aside footer {
	margin:0;
	margin-top:3em;
	text-align:left;
	border:none;
} */


.bxslider .artwork {
    padding-bottom: 1em;
}

#slider {
    clear: both;
}

#bx-pager {
	width:91.42857%; /* 640/700px */
	-moz-column-count: 4;
	-webkit-column-count: 4;
	column-count: 4;
	-moz-column-gap: 1.5em;
	-webkit-column-gap: 1.5em; 
	column-gap: 1.5em; 
} 
    
#bx-pager img {
    margin-bottom: 1em;
}

.artistpage #slider, .artfair #slider {
	margin-top:2em;
}

.svgicon svg {
  fill:#B3B3B3;
  transition: fill 200ms ease;
  text-decoration:none;
}
  
.svgicon svg:hover {
    fill:#B4974B;
	text-decoration:none;
}

.svgicon svg {
	width:1.75rem;
	height:1.75rem;
}

.qricon {
	width:4.5rem;
	width:92px;
	margin-top:.5rem;
}

.scrollup {
    width: 1.75em;
    height: 1.75em;
    position: fixed;
    bottom: 2em;
    right: 1%;
    display: none;
    text-indent: -9999px;
	background: url('/image/arrow-top.svg') no-repeat;
	background-position:center;
	background-size:contain;
	z-index:900;
}









@media only screen and (max-width : 960px) {
/*FOR ALL MOBILE DEVICES*/
	

#menu-icon, #menu-icon-x {
	display:block;
	position:absolute;
	bottom:10px;
	bottom:6px;
	right:5%;
	width: 40px;
	height: 40px;
	z-index:8000;
}


#menu-icon-x {
	top:-40px;
	top:-36px;
	z-index:9001;
}

#mainhead #menu {
	position:fixed;
	width:100%;
	height:13em;
	top:100px;
	left:0;
	padding:20px 5%;
	padding-bottom:0;
	z-index:9000;
	background:#FFF; 
	text-align:left;
	/* for header shrink transition */
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.menuNav li {
	clear:both;
	display:block;
	width:60%; 
	margin: 0; 
	padding:0;
	border:none;
	font-size: 1em;
	line-height:2.25em;
	text-align:left;
}

.menuNav li:lang(en) {
	margin-left:0;
}

.menuNav li:hover { border:none; } 
/*
.menuNav.navZh, .menuNav .navEng {
	display:inline;
	margin:0;
	padding:0;
}


.menuNav .navEng {
	position:absolute;
	left:0;
	padding-left:100px;
}*/


#mainhead.smaller #menu {
	top:60px;
}

#menu { display: none; }
#menu:target { display: block; }



#contentWrap {
	width:88%;
}


    
/*
.pagehead #browsehead {
	position:relative;
	width:100%;
	text-align:center;
	display:block;
}*/
    
.pagehead h1 {
	margin-bottom:.1em;
}


#contentWrap.artslides .leftcol, #contentWrap.artslides .rightcol {
	clear:both;
	width:100%;
	margin-right:0;
}  

#contentWrap.artslides .leftcol {
	margin-bottom:2em;
}
    

#publications .book, .pastFairs article {
	width:28.57142%; /* 300/1050px */
	/*height:24em;*/
}

.pastFairs article {
	height:16em;
}

#current article {
	height:30em;
}


#archivelinks a {
	font-size:1.5em;
	line-height:2em;
}
#archivelinks a.taipei {font-size:1.28em;}    

#map {
    /*margin-right:12%;*/
    margin-bottom: 1.5em;
}

/*
#slider {
	padding-top:1.5em;
}

#content #slider {
	margin-right:12%;
}*/
    
.bx-wrapper .bx-prev {
	right: 2.5em;
}

#slider .bx-wrapper .bx-controls-direction a {
	width: 1.75rem;
	height: 1.75rem;
}
    
#bx-pager {
	/*width:91.42857%; /* 640/700px */
    margin-right:12%;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-gap: .75em;
	-webkit-column-gap: .75em; 
	column-gap: .75em; 
} 

#bx-pager img {
    margin-bottom: .5em;
}
    
    

    
aside {
	margin: 2em 12% 2em 8%;
	margin-right:15%;
}




}


@media only screen and (max-device-width: 721px) and (orientation:portrait) {
/* For PHONE portrait layouts */

#logoLM {
	height:85px;
	width:auto;
}

#mainhead.smaller {
	top:-30px;
}


#content {
	width:90%; 
}

.pagehead #browsehead {
	margin-top:0;
}

.pagehead #browsehead h1 {
	/*width:100%;
	text-align:center;*/
	font-size:.9em;
}

.leftcol, .rightcol/*, .enEntry, .zhEntry*/ {
	clear:both;
	width:100%;
	margin-right:0;
}

.leftcol {
	margin-bottom:2em;
}

.enEntry {
	padding-bottom:1em;
}

.zhEntry {
	border-top:1px solid #B3B3B3;
}

header.zhEntry {
	border:none;
}


header.enEntry, header.zhEntry {
	font-size:.8em;
	margin:0;
}

#exhibitinfo {
	width:90%;
}



.artist .zh {
	width:30%;
}

.cvGroup time {
	width: 15%;
}

.cv {
	width:95%;
	padding-left:15%;
	margin-bottom:1em;
}


#current article, #publications .book, #past .pastExhibits, #past .pastExhibitsTaipei article, .pastFairs article {
	clear:both;
	display:block;
	width:90%; 
	margin-right:0; 
	margin-bottom: 2em;
	/*height:30em;*/
	height:auto;
	padding-bottom:40px;
	border-bottom: 1px solid #B3B3B3;
}
#current article { border:none;padding-bottom:20px;}
#current article div h2 {max-height:none;}

#past .pastExhibitsTaipei article {border-bottom:none; padding-bottom:0;}
#past .pastExhibitsTaipei article .thumb {height:auto;}
#past .pastExhibitsTaipei article .LMG {max-height:none; overflow:auto;}

#past .pastExhibits /*, .pastFairs */ {
	margin-bottom:50px;
	padding-bottom:20px;
    border-bottom:1px solid #B3B3B3;
}

#past .pastExhibits header {
	width:100%;
	margin-bottom:2em;
}

#past .pastExhibits article, #past .pastExhibitsTaipei article {
	margin-bottom:40px;
}
.pastExhibitsNEW article {
	vertical-align:top;
	width: 45%;
	margin-right:3%;
	height:22em;
}

/*
.rightcol #content .zhEntry {
	padding-top:50px;
	border-top: 1px solid #B3B3B3;
}

/*
#current article, .pastFairs article {
	height:20em;
	padding-bottom:40px;
	border-bottom: 1px solid #B3B3B3;
}*/

#current article:last-of-type, .pastFairs article:last-of-type, #publications .book:last-of-type, #past .pastExhibits:last-of-type {
	margin-bottom:0;
	/*padding-bottom:0;*/
	border-bottom: none;
}
#current article:last-of-type {margin-bottom:40px;}

#publications .book img, .pastFairs article img {
    width: 80%;
}


#archivelinks {
	padding-top:2em;
	/*padding-bottom:2em;*/
}

#slider {
	margin-top:4em;
}

#bx-pager {
	/*width:91.42857%; /* 640/700px */
    margin-right:12%;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: .75em;
	-webkit-column-gap: .75em; 
	column-gap: .75em; 
} 

#archivelinks {
	width:92%;
}

#browseAbout {
	width:90%;
}

footer {
	width:80%;
	margin-top:2rem;
}

footer .rightcol {
	text-align:left;
}

#freckles {
	display:block;
}



}

@media only screen and (max-device-width: 721px) and (orientation:landscape) {
/* For PHONE landscape layouts */
#mainhead {
	top:-10px;
}

#headercover {
	height:10px;
}

#mainhead.smaller {
	top:-50px;
}

#selectlang {
	top:.6em;
}

#mainhead #menu {
	top:90px;
	padding-top:10px;
	/* for header shrink transition */
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#mainhead.smaller #menu {
	top:50px;
}

#contentWrap {
	padding-top:120px;
}

.pagehead #browsehead {
	margin-top:0;
}

.pagehead #browsehead h1 {
	/*width:100%;
	text-align:center;*/
	font-size:1em;
}

.leftcol .enEntry {
	font-size:.8em;
}

.rightcol header.enEntry, .rightcol header.zhEntry {
	font-size:.8em;
	margin-top:-2em;
}

.rightcol {
	width:70%;
}

.leftcol.artfair {
	width:35%;
}

.rightcol.artfair {
	width:62.5%;
}

.rightcol #content .enEntry, .rightcol #content .zhEntry {
	clear:both;
	width:100%;
}

.rightcol #content .enEntry {
	padding-bottom:20px;
	margin-bottom:50px;
	border-bottom: 1px solid #B3B3B3;
}

#current article header, .city header, .pastExhibits header {
	height:1.25rem;
}

#current article div {
	margin-top:.5em;
}

#past .pastExhibitsTaipei article {height:12em;}
#past .pastExhibitsTaipei article .thumb {height:6em; background:none;}
#past .pastExhibitsTaipei article .thumb img {max-height:5.5em;}
#past .pastExhibitsTaipei article .LMG {max-height:6em; overflow:scroll;}

.artistpage {
	clear:both;
	width:100%;
	margin-right:0;
}

.leftcol.artistpage {
	margin-bottom:2em;
}



#publications .book { /* not showing for some reason, double check. */
	height:22em;
}

.pastFairs article {
	height:14em;
}


#archivelinks { padding-top:1.75em;}

footer {
	width:88%;
	margin-top:1.75rem;
}

footer .rightcol {
	text-align:left;
}


}


@media all and (min-width: 1000px) {
/* Computer */

/*
.pagehead {
	padding-bottom:2.75em;
	clear:both;
}


.pagehead #browsehead {
	position:relative;
	float:right;
	width:65%;
	text-align:center;
	display:block;
}*/ 


.subnav {
	position:fixed;
	top:150px;
}


#abouthead {
	padding-bottom:1em;
}


.rightcol .city {
	float:left;
	display:inline;
	width:50%;
	width:47%;
	margin-right:6%;
}

.rightcol .city:last-of-type {
	margin-right:0;
}

/*.location .enEntry, .location .zhEntry {
	width:100%;
	clear:both;
}*/


    


/*#content #slider {
	margin-right:8.57142%; /* 60/700px 
}

#content .artwork {
	margin-right:8.57142%; /* 60/700px 
	margin-bottom: 4em;
}*/





.pagehead h1 {
	margin-bottom:.25em;
}

.pagehead #browsehead h1 {
	width:100%;
	text-align:center;
	font-size:1em;
}

.pagehead #browsehead svg {
	width:2.25em;
	height:2.25em;
}

.pagehead #browsehead #goprev {
	position:absolute;
	top:-.5em;
	left:-.5em;
}

.pagehead #browsehead #gonext {
	position:absolute;
	top:-.5em;
	right:-.5em;
}

.pastFairs article {
	height:18em;
}

/*
.pastFairs {
	/*float:right;
	overflow:hidden;
	width:70%; /* 700/1000px 
	width:100%;
}

/*#current, .pastFairs, #publications {
	float:none;
	width:100%; /* 700/1000px 
}*/

/*#current header, .pastExhibits header {
	position:static;
	width:100%;
}

.pastExhibits header {
	border-bottom:1px solid #B3B3B3;
}*/

/*
#current article, .pastExhibits, .pastFairs article, #content .artist {
	float:left;
	display:inline;
	width:28.57142%; /* 200/700px 
	margin-right:2.85714%; /* 20/700px 
	margin-bottom: 4em;
}*/
/*
.pastFairs article {
	margin-bottom: 2em;
	height:14em;
}*/
    


/* #publications .book figure {
	height:15em;
} */

/*.pastExhibits article, #publications .book {
	margin-bottom:4em;
}*/

/*
#map {
    /*margin-right:8.57142%; /*60/700px */
    /*margin-right:21.4285%; /*150/700px 
    margin-bottom: 3em;
}*/
/*
aside {
	float:left;
	width:20%; /* 200/1000px 
	margin-top:1em;
	margin-left:5%; /* 50/1000px 
	margin-right:5%; /* 50/1000px 
}*/


    
.arrownav {
	float:right;
	margin-right:8.57142%; /* 60/700px */
	margin-top:-4.5em;
}

.arrownav .svgicon svg {
	width:2.25em;
	height:2.25em;
}
    
#slider .bx-wrapper .bx-controls-direction a {
	width: 2.25rem;
	height: 2.25rem;
}

.scrollup {
	width: 2.25em;
	height: 2.25em;
    bottom: 2em;
    right: 1%;
}

.scrollup:hover {
	bottom:2.5em;
}


}


@media all and (min-width: 960px) {
/* in between */

.pagehead #browsehead h1 {
	font-size:1.3em;
}

/*#publications .book {
	/*width:20.71428%; /* 145/700px */
	/*margin-right:2.85714%; /* 20/700px */
	/*height:28em;	
}*/

}

@media all and (min-width: 1200px) {
/* Computer Large screen */

#menu {
	width:70%;
	margin-right:0;
	left:34.75%;
	text-align:left;
}

#mainhead nav .menuNav {
	text-align:left;
}

.menuNav li {
	text-align:left;
	margin-left:0;
	margin-right:12.6%;
}

.menuNav li:lang(en), .menuNav.en li {
	margin-left:0;
	margin-right:7.5%;
}

.menuNav li:last-child {
	margin-right:0;
}

	
.leftcol {
	width:30%;
}

.rightcol {
	width:67%;
}

#current article {height:32em;}
#current article h2 {max-height:9em;}

#publications .book {
	width:20.23809%; /* 4 col 212.5/1050px */
	width:15.23809%; /* 5 col 160/1050px */
	/*height:24em;*/
}

}

@media all and (min-width: 1600px) {
/* Computer Large screen */

#current article {height:38em;}

.pastExhibitsNEW article {height:32em;}
.pastExhibitsNEW article h1 {font-size:1em; }
.pastExhibitsNEW article h2 {max-height:9em;}

#publications .book, .pastFairs article {
	height:30em; 
	margin-bottom:0;
}

#publications .book img {max-height:15em;}

}


@media all and (min-width: 2200px) {
/* Computer Large screen */

#current article {height:45em;}

.pastExhibitsNEW article {height:40em;}
.pastExhibitsNEW article div h2 {
	max-height:11em;
	margin:12px 0;
}




}

@media all and (min-width: 3400px) {
/* Computer Large screen */



}

/*#publications .book:last-of-type {
  margin-right: 0;
}*/