html {background-image:url('../images/DJI_0102_small_59p.jpg');}

.content {position:relative; margin:0; padding:7.3% 0 0 0; text-align:center; display:none;}

.content .remains {position:relative; width:61.6%; margin:auto; padding:4% 4% 3% 4%; background:url('../images/fafafa_96o.png'); text-align:left; color:#66695E; border-radius:33px; box-shadow:0 0 40px #F5F5F5; -moz-box-shadow:0 0 40px #F5F5F5; -webkit-box-shadow:0 0 40px #F5F5F5; display:inline-block;}

@media screen {
  .content .remains .title-top {margin:0; padding:0; font-family:'Segoe Print', 'Candara', 'Calibri', 'Segoe', 'Segoe UI', 'Optima', 'Arial', sans-serif; font-size:calc(24px + (49.35 - 24) * ((100vw - 320px) / (1536 - 320))); font-weight:bold; font-style:italic; line-height:96%; text-align:center; text-shadow:0 0 17px #f5f5f5;}
}

@media screen {
.content .remains .title-btm {margin:8% 0 2% 0; padding:0; font-family:'Candara', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', 'Verdana', 'Verdana Ref', sans-serif; font-size:calc(16px + (27.59 - 16) * ((100vw - 320px) / (1536 - 320))); line-height:96%; text-align:center; color:#66695E;}
}

@media screen {
.content .left {float:left; margin:8% 0 12% 0; padding:3%; border-radius:9px; font-family:'Candara', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'DejaVu Sans', 'Bitstream Vera Sans', 'Liberation Sans', 'Verdana', 'Verdana Ref', sans-serif; font-size:calc(13px + (22.02 - 13) * ((100vw - 320px) / (1536 - 320))); line-height:174%; text-align:left; color:#4E4E4E; background:url('../images/fafafa_29o.png'); box-shadow:0 0 22px #393939; -moz-box-shadow:0 0 22px #393939; -webkit-box-shadow:0 0 22px #393939; display:inline-block;}
}

.content .left a {text-decoration:none; color:#4E4E4E;}
.content .left a:hover {text-decoration:underline;}

.content .left .first {clear:both; float:left; width:90%; padding:5%;} 
.content .left .first a {font-weight:bold; font-style:italic; color:#734B3E;}
.content .left .first div {float:left; margin:1.2% 7% 3% 0; padding:0; font-size:calc(12px + (15.52 - 12) * ((100vw - 320px) / (1536 - 320))); line-height:110%; font-style:italic;}
.content .left .first div.announcement {float:none; margin:0 0 -3.44% 0; font-size:calc(12px + (35.52 - 12) * ((100vw - 320px) / (1536 - 320))); font-weight:bold; font-style:normal; color:#734B3E;}
.content .left .first span {font-weight:bold; color:#734B3E;}
.content .left .first img {max-width:100%; float:left; margin:1% 5% 3.8% 0; border-radius:1px; box-shadow:0 0 25px #BBB; -moz-box-shadow:0 0 25px #BBB; -webkit-box-shadow:0 0 25px #BBB;} 
.content .left .first a:hover img {box-shadow:0 0 29px #393939; -moz-box-shadow:0 0 29px #393939; -webkit-box-shadow:0 0 29px #393939;}

@media screen {
.content .subtitle {clear:both; margin:5.5% 0 0 0; padding:4% 0 0 0; font-family:'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', 'Tahoma', sans-serif; font-size:calc(12px + (28 - 12) * ((100vw - 320px) / (1536 - 320))); font-style:normal; line-height:21px; text-shadow:0.1em 0.1em 0.1em #D2D2D2; text-align:right; border-top:1px dashed #AAA;}
}
@media screen {
.content .subtitle div {margin-top:0.46%; font-size:calc(11px + (22 - 11) * ((100vw - 320px) / (1536 - 320))); font-weight:normal; font-style:italic; line-height:100%; text-shadow:none;}
}