html{ margin: 0px; padding: 0px;}
body{ font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #ffffff top center no-repeat;
    width: 100%;  overflow: auto; color: #000000}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none;  color: inherit;}
footer a{ vertical-align: middle; color: #ffffff}
footer img{ vertical-align: middle;}
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%;
}


#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden; background-color: #ffffff; color: #000000}
.inner{ max-width: 800px; width:100%; position: relative; margin: 0px auto 0px auto; text-align: center; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.logo{ position: relative; width: 100%; max-width: 224px; margin: 10px auto 0px auto}
.logo img{ width: 100%}
.widget{ max-width: 360px;  width: 100%; position: relative; margin: 10px auto 0px auto }
.preview{ max-width: 360px; height: auto; position: relative; border: 3px solid #000000}
.preview img{ width: 354px; position: relative; display: block;}
.upload_btn{ width: 100%; height: 48px; line-height: 48px; vertical-align: middle; text-align: center; background: #000000; margin: 8px 0px 0px 0px;}
.upload_btn a{ display: block; width: 100%; height: 100%; position: relative; vertical-align: middle;}
.main_ttl{ font-size: 35px; line-height: 40px; font-weight: 900}
.main_sttl{ font-size: 24px; line-height: 30px; font-weight: 300}
.item{ width: 170px; height: 170px; position: relative; border: 1px solid #000000; margin: 10px 10px 10px 10px; float: left;}
.item .pic{ width: 168px; height: 168px; position: relative;}
.item .pic img{ width: 168px; height: 168px; position: relative; display: block;}
.gallery_items{ width: 760px; position: relative; margin: 0px auto 0px auto}
.note{ font-family: Lucida Grande,Lucida Sans Unicode,Lucida Sans,Geneva,Verdana,sans-serif; font-size: 11px; line-height: 14px; color: #000000; margin: 5px 0px 0px 0px}
.note a{ color: inherit; text-decoration: underline;}
section { border-top: 1px solid #dddddd; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px;}
.album_cover{ display: inline-block; vertical-align: middle;margin: 0px 10px 0px 10px}
.album_info{ position: relative; display: inline-block; vertical-align: middle; max-width: 320px; text-align: center;}
.album_ttl{ position: relative; color: #000000; font-size: 18px; line-height: 22px; font-weight: 700}
.feat_ttl{ position: relative; color: #000000; font-size: 23px; line-height: 26px; font-weight: 700 }
.buy{ position: relative; display: inline-block;}
.buy img{ position: relative; display: inline-block; vertical-align: middle; margin: 5px 1px 0px 1px}
.gallery_ttl{ font-size: 23px; line-height: 26px; font-weight: 700}
.top_bar{ width: 100%; height: 65px; position: relative;}
.share_top{ position: absolute; top:10px; left: 10px; font-size: 20px; z-index: 10}
.share_top span { vertical-align: middle; position: relative; display: inline-block; }
.share_top a{ vertical-align: middle; position: relative; display: inline-block; margin: 0px 0px 0px 4px; font-size: 25px; line-height: 30px;}
.enter_web{ position: absolute; top:10px; left: 0px; width: 100%; text-align: center; font-size: 25px; line-height: 30px;}
.connect{ position: absolute; top:10px; right: 10px; text-align: right;z-index: 10}
.connect a{ display: inline-block;vertical-align: middle; margin: 0px 0px 0px 4px;  font-size: 25px; line-height: 30px;}
footer{ position: relative; margin: 50px 0px 0px 0px;}
.more{ font-size: 30px; line-height: 35px; margin: 15px 0px 0px 0px;}
@media handheld, only screen and (max-width: 750px) {

    .inner{ width: 90%}
    .connect{ display: none;}
    .share_top{ display: none;}
    .gallery_items{ width: 100%; text-align: center;}
        .item{ display: inline-block; vertical-align: top; float: none;}
}