body {margin-left: 0px; margin-top:20px; margin-right: 0px; margin-bottom: 0px; height:100%;}
html {height:100%;}

.title {font-family:Georgia, "Times New Roman", Times, serif; color:#354048; letter-spacing:-1.2px; font-weight:600; white-space:nowrap; border-bottom:none; text-decoration:none;}
.subtitle {font-family:Georgia, "Times New Roman", Times, serif; color:#354048; letter-spacing:0.2px; padding-top:5px; padding-bottom:20px; white-space:nowrap;}
.menu {white-space:nowrap; padding:15px 0px; font-family:'Open Sans Condensed', Tahoma; background-color:#354048;} 
.menu_sel {color:#ccc; margin-right:40px;}
a.menu1 {color:#fff; text-decoration:none; border-bottom:1px solid #354048; transition:all 0.3s ease;}
a.menu1:hover {color:#ccc; text-decoration:none; border-bottom:1px solid #354048; transition:all 0.3s ease;}
.offer {color:#000; font-family:'Open Sans', Tahoma; padding:20px;}
a {text-decoration:none; border-bottom:1px solid rgba(0,137,255,.3); transition:all .3s ease; color:#09c; padding-bottom:1px;}
a:hover {border-bottom:1px solid rgba(255,0,0,.3); color:#FF0000; transition:all .3s ease, border-color .3s ease;}
.container {position: relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.container_inside {position: absolute; height:100%; width: 100%; top:0; left:0;}
.year_title {position:relative; top:30%; padding:30px 0px;}
.event {color:#fff; position:absolute; width: 100%; text-align:center; top:150px;}
.event_title {line-height:1.1; font-family:'Open Sans Condensed', Tahoma; font-weight:bold; min-height:100px; padding:30px 25px 0px 25px;}
.event_year {font-family:'Open Sans', Tahoma;}
.event_year_detail {font-family:'Open Sans', Tahoma; color:#FFFFFF; margin-bottom:30px;}
.event_title_detail {font-weight:bold; font-family:'Open Sans Condensed', Tahoma; line-height:1.1; color:#FFFFFF; padding:0 20px;}
.event_title_detail_sm {font-weight:bold; font-family:'Open Sans Condensed', Tahoma; line-height:1.1; color:#FFFFFF; padding:0 20px;}
.bg_detail {background-position:center top; width:100%; height:100%; background-size:cover; background-repeat:no-repeat;  margin-bottom:40px;}
.bg_detail_blackout {width:100%; height:100%; background-color:rgba(35, 40, 48, 0.3);}
p {font-family:'Open Sans', Tahoma; text-align:left; max-width:1000px; line-height:1.5; transition:all .3s ease;}
.quote_bg {background-color:#f3f1ed; width:100%; clear:both;}
.quote_width {max-width:1000px;}
.quote_name {font-family:'Open Sans Condensed', Tahoma; padding:0px; text-align:left; line-height:1.5;}
.quote {font-family:Lora, Georgia; text-align:left; padding:0px; line-height:1.5;}
.quote_link {font-family:'Open Sans Condensed', Tahoma; text-align:left; padding:15px 0px 0px 0px; line-height:1.5; font-style:italic;}
.mw {width:100%;}
.mw_ver {width:100%;}
table {border-spacing:1; width:100%;}
.copyright {font-family:'Open Sans Condensed', Tahoma; padding:20px 30px; font-size:0.9em; color:#ccc; text-align:center; background-color:#354048; clear:both;}
.copyright_name {padding-bottom:20px;}
a.copyright_link {color:#fff; text-decoration:none; transition:all 0.3s ease; border-bottom:1px solid #354048;}
a.copyright_link:hover {color:#ccc; transition:all 0.3s ease, border-color 0.3s ease; border-bottom:1px solid #354048;}
.caption {font-family:'Open Sans Condensed', Tahoma; color:#333333; max-width:350px;}
.link {font-family:'Open Sans Condensed', Tahoma; color:#666666; max-width:350px; }
.link_mainphoto {font-family:'Open Sans Condensed', Tahoma; color:#666666; max-width:1000px; margin-top:-30px; font-style:italic;}
.link_one {font-family:'Open Sans Condensed', Tahoma; color:#666666; max-width:350px;}
.image_small_right {width:100%;}
.image_small_caption {font-family:'Open Sans Condensed', Tahoma; color:#333333;}
.image_small_link {font-family:'Open Sans Condensed', Tahoma; color:#666666;}
.grow
{overflow:hidden;}


.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* ?????? ?????? ?????????? ??? 16:9 (???? 4:3 — ????????? 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.grow:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
		transition:all 0.3s ease;
		overflow:hidden;
}


.fade
{
        background-color:rgba(0, 0, 0, 0.4);
		transition:all 0.7s ease;
}
.fade:hover
{
        background-color:rgba(35, 40, 48, 0.6);
		transition:all 0.7s ease;
}

@media only screen and (max-width: 1980px)
{
.title {font-size: 3.0em; padding:0px 30px;}
.logo_netall {margin-bottom:-7px; width:150px; height:45px;}
.logo_museum {margin-bottom:-11px; width:150px; height:45px;}
.subtitle {font-size: 1.25em;}
.menu {font-size:1.5em;}
a.menu1 {margin-right:40px;}
.logo {display:none;}
.event_title {font-size: 2.7em;}
.event_year {font-size: 2.3em;}
.offer {font-size:1.5em;}
.event_title_detail {font-size:5.7em;}
.event_title_detail_sm {font-size:5.7em;}
.event_year_detail {font-size:3.0em;}
p {font-size:1.5em; padding:0px 50px 10px 50px;}
p.main {font-size:2.4em; font-family:'Open Sans Condensed', Tahoma;}
.quote {font-size:1.2em;}
.quote_link {font-size:1.0em;}
.quote_name {font-size:1.2em; width:250px; position:absolute;}
.quote_text {margin-left:350px; top:0; position:relative;}
.quote_left {margin-left:-42px; margin-top:-25px; quotes: "\00ab" "\00bb"; font-size:2.5em; position:absolute;}
.quote_left:before {content: open-quote;}
.quote_right {quotes: "\00ab" "\00bb"; position:absolute; font-size:2.5em; padding-left:16px; margin-top:-23px;}
.quote_right:after {content: close-quote;}
.quote_width {padding:20px 50px;}
.quote_bg {margin:50px 0px;}
.mw {border-radius: 15px; -webkit-border-radius:15px; margin-bottom:-5px;}
.mw_ver {border-radius: 15px; -webkit-border-radius:15px; margin-bottom:-5px;}
.mw_main {padding:20px 0px 40px 0px; max-width:1200px;}
.mw_main_gallery {padding:20px 0px 40px 0px;}
.mw_main_ver {padding:20px 0px 40px 0px; max-width:800px;}
.collage2 {width:50%; margin-bottom:-5px;}
.collage3 {width:33.333%; margin-bottom:-5px;}
.collage4 {width:25%; margin-bottom:-5px;}
.collage_main {width:100%; padding:20px 0px 40px 0px;}
.caption {font-size:1.2em; padding:10px 50px 0px 50px;}
.link {font-size:1.0em; padding:3px 50px 0px 50px;}
.link_mainphoto {font-size:1.0em; padding:3px 50px 0px 50px;}
.link_one {font-size:1.0em; padding:10px 50px 0px 50px;}
.block {width:33.333%; height:500px; float:left;}
.image_small_right {float:right; text-align:left;}
.image_small_container {max-width:1000px; padding-right:50px;}
.image_small_right {padding:0px 0px 30px 30px; margin-top:10px;}
.image_small_caption {font-size:1.1em; padding-top:5px;}
.image_small_link {font-size:0.9em; padding-top:3px;}
}

@media only screen and (max-width: 1220px)
{
.mw {border-radius: 0px; -webkit-border-radius:0px;}
.block {width:50%;}
}

@media only screen and (max-width: 950px)
{
.logo_netall {display:none;}
.logo_museum {display:none;}
.logo {display:block; margin-bottom:10px;}
.logo_netall2 {margin-bottom:0px; margin-right:10px;}
.logo_museum2 {margin-bottom:0px; margin-left:10px;}
}

@media only screen and (max-width: 820px)
{
.mw_ver {border-radius: 0px; -webkit-border-radius:0px;}
.collage3 {width:100%; margin-bottom:5px;}
.quote {font-size:1.0em;}
.quote_link {font-size:1.0em;}
.quote_bg {margin:40px 0px;}
.quote_name {font-size:1.0em; width:100%; position:inherit;}
.quote_text {margin:30px 0px 0px 0px; top:0; position:relative;}
.quote_left {margin-left:-32px; margin-top:-17px; font-size:2.3em;}
.quote_right {font-size:2.3em; padding-left:12px; margin-top:-16px;}
.image_small_right {float:none; text-align:center;}
.image_small_container {width:100%; padding-right:0px;}
.image_small_right {padding:20px 0px 20px 0px; margin-top:0px;}
.image_small_caption {padding:10px 50px 0px 50px; font-size:1.2em;}
.image_small_link {padding:3px 50px 0px 50px; font-size:1.0em;}
}

@media only screen and (max-width: 760px)
{
.title {font-size: 2.5em;  padding:0px 0px;}
.subtitle {font-size: 1.03em;}
.event_title_detail {font-size:4.7em;}
.event_title_detail_sm {font-size:4.0em;}
p {font-size:1.25em;}
p.main {font-size:2.1em;}
.mw_main {padding:10px 0px 30px 0px;}
.mw_main_gallery {padding:10px 0px 30px 0px;}
.block {width:100%;}
.link_mainphoto {font-size:0.7em;}
}

@media only screen and (max-width: 480px)
{
.title {font-size: 1.8em; padding:0px 0px;}
.subtitle {font-size: 0.72em;}
.menu {font-size:1.3em;}
.event_title {font-size: 2.2em;}
.event_title_detail {font-size:2.6em;}
.event_title_detail_sm {font-size:2.6em;}
.event_year_detail {font-size:2.2em;}
p {font-size:1.0em;}
p.main {font-size:1.9em;}
.quote {font-size:0.9em;}
.quote_link {font-size:0.9em;}
.quote_name {font-size:0.9em;}
.quote_text {margin:25px 0px 0px 0px;}
.quote_left {margin-left:-30px; margin-top:-16px;}
.quote_right {padding-left:12px; margin-top:-15px;}
.quote_bg {margin:30px 0px;}
.mw_main {padding:10px 0px 20px 0px;}
.mw_main_gallery {padding:10px 0px 20px 0px;}
.caption {font-size:1.0em;}
.link {font-size:0.9em;}
.link_one {font-size:0.9em;}
.logo_netall2 {width:100px; height:30px;}
.logo_museum2 {width:100px; height:30px;}
.image_small_caption {font-size:1.0em;}
.image_small_link {font-size:0.9em;}
}

@media only screen and (max-width: 320px)
{
.title {font-size: 1.7em;  padding:0px 0px;}
.event_title_detail_sm {font-size:2.2em;}
.subtitle {font-size: 0.67em;}
.menu {font-size:1.2em;}
.event_title {font-size: 1.8em;}
.offer {font-size:1.0em;}
.quote {font-size:0.8em;}
.quote_link {font-size:0.8em;}
.quote_text {margin:20px 0px 0px 0px;}
.quote_left {margin-left:-25px; margin-top:-14px; font-size:2.2em;}
.quote_right {padding-left:12px; margin-top:-12px; font-size:2.2em;}
.quote_width {padding:20px 35px;}
.quote_bg {margin:20px 0px;}
p {padding:0px 35px 10px 35px;}
p.main {font-size:1.5em;}
.mw_main {padding:10px 0px 20px 0px;}
.mw_main_gallery {padding:10px 0px 20px 0px;}
.caption {font-size:0.8em; padding:5px 35px 0px 35px;}
.link {font-size:0.7em; padding:3px 35px 0px 35px;}
.link_mainphoto {font-size:0.7em; padding:3px 35px 0px 35px;}
.link_one {font-size:0.7em; padding:5px 35px 0px 35px;}
.image_small_caption {font-size:0.8em; padding:5px 35px 0px 35px;}
.image_small_link {font-size:0.7em; padding:3px 35px 0px 35px;}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape)
{
.event_title_detail {font-size:2.0em;}
.event_title_detail_sm {font-size:1.8em;}
.event_year_detail {font-size:1.6em;}
.title {font-size: 1.7em;  padding:0px 0px;}
.subtitle {font-size: 0.67em;}
.menu {font-size:1.2em;}
a.menu1 {margin-right:40px;}
.event_title {font-size: 1.8em;}
.offer {font-size:1.0em;}
.quote {font-size:0.6em;}
.quote_link {font-size:0.6em;}
.quote_name {font-size:0.6em;}
.quote_text {margin:20px 0px 0px 0px;}
.quote_left {margin-left:-25px; margin-top:-5px; font-size:2.2em;}
.quote_right {padding-left:12px; margin-top:-5px; font-size:2.2em;}
.quote_width {padding:20px 35px;}
.quote_bg {margin:20px 0px;}
p {padding:0px 35px 10px 35px; font-size:0.7em;}
p.main {font-size:1.5em;}
.mw_main {padding:10px 0px 20px 0px;}
.mw_main_gallery {padding:10px 0px 20px 0px;}
.caption {font-size:0.8em; padding:5px 35px 0px 35px;}
.link {font-size:0.7em; padding:3px 35px 0px 35px;}
.link_mainphoto {font-size:0.7em; padding:3px 35px 0px 35px;}
.link_one {font-size:0.7em; padding:5px 35px 0px 35px;}
.image_small_caption {font-size:0.8em; padding:5px 35px 0px 35px;}
.image_small_link {font-size:0.7em; padding:3px 35px 0px 35px;}
}