@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato);

/* general setting */
a{text-decoration:none;border:none;}
a:link{color:#39C;}
a:visited{color:#39C;}
a:active{color: #39C;}

img.ilst  {width:100%;margin-bottom:30px;}
img.map   {width:100%;margin-bottom:30px;}
img.icon    {margin-right:5px;}
div#location{margin-bottom:15px;}
div#ticket  {margin-bottom:15px;}
div#staff   {}
div#show    {margin-bottom:30px;}
div#project {margin-bottom:30px;display:none;}
div#artist  {margin-bottom:30px;display:none;}

div#booknow{width:100%;height:120px;text-align:center;line-height:40px;background-color: #C36;color:#FFF;position:relative；width:100%;height:100%;margin-bottom:30px;}
div#booknow a{display:block;width:100%;height:100%;left:0;top:0;text-decoration:none;}
div#booknow a:link{color:#FFF;}
div#booknow a:visited{color:#FFF;}
div#booknow a:active{color:#FFF;}
div#booknow a:hover{color:#000;background-color:#FFF;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

div#menu_show {width:100%;height:120px;text-align:center;line-height:40px;background-color:#FFF;border:1px solid #333;color:#111;position:relative；width:100%;height:100%;margin-bottom:15px;display:none;}
div#menu_show a{display:block;width:100%;height:100%;left:0;top:0;text-decoration:none;}
div#menu_show a:link{color:#111;}
div#menu_show a:visited{color:#111;}
div#menu_show a:active{color:#111;}
div#menu_show a:hover{background-color:#06C;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

div#menu_project {width:100%;height:120px;text-align:center;line-height:40px;background-color:#FFF;border:1px solid #333;color:#111;position:relative；width:100%;height:100%;margin-bottom:15px;}
div#menu_project a{display:block;width:100%;height:100%;left:0;top:0;text-decoration:none;}
div#menu_project a:link{color:#111;}
div#menu_project a:visited{color:#111;}
div#menu_project a:active{color:#111;}
div#menu_project a:hover{background-color:#06C;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

div#menu_artist {width:100%;height:120px;text-align:center;line-height:40px;background-color:#FFF;border:1px solid #333;color:#111;position:relative；width:100%;height:100%;margin-bottom:15px;}
div#menu_artist a{display:block;width:100%;height:100%;left:0;top:0;text-decoration:none;}
div#menu_artist a:link{color:#111;}
div#menu_artist a:visited{color:#111;}
div#menu_artist a:active{color:#111;}
div#menu_artist a:hover{background-color:#06C;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}

/* for smartphone */
@media screen and (max-width:759px) {
body {margin:0;padding:15px 15px 15px 15px;font-size:1em;line-height:1.7;color:#111;font-family:'Lato', sans-serif;}
img.logo3  {display:none;}
img.logo1  {width:100%;margin:1px 0 30px;}
div#flyer  {width:100%;}
div#flyerd {display:none;}
div#info   {width:100%;}
div#description{margin-bottom:30px;}
img.main  {width:100%;margin-bottom:30px;}
}

/* half and half */
@media screen and (min-width: 760px)
              and (max-width: 989px)
              and (max-height: 859px) {
body {margin:0;padding:20px 20px 20px 20px;font-size:1em;line-height:1.7;color:#111;font-family:'Lato', sans-serif;}
img.main  {width:100%;margin-bottom:30px;}
img.logo3  {width:90%;margin:10px 0 35px;float:right;}
img.logo1  {display:none;}
div#flyer  {float:left;width:350px;position:fixed;}
div#flyerd {float:left;width:350px;}
div#info   {float:left;margin-left:20px;width:350px;}
div#description{margin-bottom:30px;text-align:justify;}
}

/* for small laptop */
@media screen and (min-width: 990px)
              and (max-height: 859px) {
html {height:100%;}
body {height:100%;margin:0;padding:20px 20px 20px 20px;font-size:1em;line-height:1.7;color:#111;font-family:'Lato', sans-serif;}
img.main  {height:100%;width:auto;margin-bottom:30px;}
img.logo3  {width:100%;margin:10px 0 30px;}
img.logo1  {display:none;}
div#flyer  {float:left;height:100%;min-height:100%;position:fixed;}
div#flyerd {float:left;height:100%;min-height:100%;}
div#info   {float:left;margin-left:20px;width:350px;}
div#description{margin-bottom:30px;text-align:justify;}
}

/* for large laptop */
@media screen and (min-width: 569px)  
	          and (min-height: 860px) {

body {margin:0;padding:20px 40px 20px 20px;font-size:1em;line-height:1.7;color:#111;font-family:'Lato', sans-serif;}
img.main  {width:100%;margin-bottom:30px;}
img.logo3  {width:100%;margin:10px 0 30px;}
img.logo1  {display:none;}
div#flyer  {float:left;width:55%;position:fixed;}
div#flyerd {display:none;}
div#info   {float:right;width:38%;}
div#description{margin-bottom:30px;text-align:justify;}
}


/* for laptop 
@media screen and (min-width: 569px) {
body {margin:0;padding:20px 40px 20px 20px;font-size:1em;line-height:1.7;color:#111;font-family:'Telex', sans-serif;}
img.logo3  {width:100%;margin:10px 0 30px;}
img.logo1  {display:none;}
div#flyer  {float:left;width:55%;position:fixed;}
div#info   {float:right;width:38%;}
div#description{margin-bottom:30px;text-align:justify;}
}

for smartphone
@media screen and (max-device-width: 568px) {
body {margin:0;padding:40px 40px 40px 40px;font-size:2em;line-height:1.7;color:#111;font-family:'Telex', sans-serif;}
img.logo3  {display:none;}
img.logo1  {width:100%;margin:1px 0 30px;}
div#flyer  {width:100%;}
div#info   {width:100%;}
div#description{margin-bottom:30px;}
}

for tablet 
@media screen and (min-width: 769px) {
@media screen and (max-width: 768px) {
*/