#wrapper { overflow:hidden; max-width:480px; margin: 5px auto 5px auto; background: transparent; }

#app_watch #wrapper { background: #FFF; }

#header { margin: 0px 25px 15px 25px; padding:15px 0 10px 0; border-bottom: 1px solid #DDD; -webkit-box-shadow:0 1px 0 rgba(255,255,255,1); }
    #header p.title { font-size:25px; font-weight:bold; letter-spacing:0.03em; color:#333; line-height:115%; padding: 3px 0 3px 0; }
    #header p.source { font-size:13px; color: #AAA; }
    #header div.meta { padding:0 }
    #header p.date { float:right; font-size:12px; color: #AAA;}
    #header p.author { font-size:12px; color: #777; }

#content { font-size:16px; margin: 0 25px; padding:0 0 20px 0; line-height:160%; color:#222; }
#content a { -webkit-tap-highlight-color:transparent; }
#content .caption { font-size:13px; color:#777; margin: 10px 0 0 0; line-height:160%; }

img { max-width:100%; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2); box-shadow: 0px 0px 3px rgba(0,0,0,0.2); background:#FFF; padding:3px; margin:7px 0 0 -2px; -webkit-border-radius:1px; border-radius:1px; -webkit-transition:box-shadow linear 0.2s; }
img:active { -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1); }

img.noBorder { width:100%; border:none; -webkit-box-shadow: none; ox-shadow: none; padding:0; vertical-align: middle; -webkit-border-radius:5px; border-radius:5px; }

span.plus_wrapper { display:inline-block; line-height:100%; position:relative; padding:0 0 10px 10px; }
span.plus_wrapper img { margin:6px 0 0 0; padding:2px; -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.1); -webkit-transition:box-shadow linear 0.2s; transition:box-shadow linear 0.2s; }

/*.sliderWrapper { margin: 10px -120px 10px -120px; overflow:visible; }
.swiper-container { width: 100%; }
.swiper-wrapper{-webkit-backface-visibility: hidden;-webkit-perspective: 1000;}
*/
.sliderWrapper img.slider { border:none; margin:10px 0; padding:0; vertical-align: middle;
-webkit-border-radius:5px; border-radius:5px;
-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.07); box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.07);
-webkit-backface-visibility: hidden; backface-visibility: hidden;
-webkit-perspective: 1000; perspective: 1000;
-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }

.swiper-slide a:active img.slider, a:active div.focusBox { -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1); }
a:active span.plus_wrapper img { -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15); box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15); }

.float { line-height:100%; }
.float a { line-height:100%; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; }

#content.font_size_0 { font-size:14px; }
#content.font_size_1 { font-size:15px; }
#content.font_size_2 { font-size:16px; }
#content.font_size_3 { font-size:17px; }
#content.font_size_4 { font-size:18px; }
#content.font_size_5 { font-size:19px; }
#content.font_size_6 { font-size:20px; }

#content.font_size_3 span.plus_wrapper { padding:0 0 6px 4px; }
#content.font_size_4 span.plus_wrapper { padding:0 0 5px 5px; }

div.focusBox { background:rgba(240,238,238,1); position: relative; margin: 10px -20px 0 -20px; overflow:hidden;
-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0, 0.07); -webkit-border-radius:5px; -webkit-transition:box-shadow linear 0.2s;
box-shadow: 0px 3px 5px 1px rgba(0,0,0, 0.07); border-radius:5px; transition:box-shadow linear 0.2s;}
div.focusBox span.image img.noBorder { width:100%; border:none; -webkit-box-shadow: none; box-shadow: none; margin:0; padding:0; vertical-align: middle; -webkit-border-radius:5px; border-radius:5px; }
div.focusBox span.overlay { display:none; }

div.quoteContent { margin:20px 0; padding: 10px 30px; position: relative; }
div.quoteContent q::before, div.quoteContent q::after { content: ""; }
div.quoteContent:before { font-family:"HelveticaNeue-Bold" display: block; content: "\201C"; font-size: 80px; position: absolute; left: 0px; top: 20px; color: #333; }
div.quoteContent q:after { font-family:"HelveticaNeue-Bold" display: block; content: "\201D"; font-size: 80px; position: absolute; right: 0px; bottom: -10px; color: #333; }

#content .quote { background:#F1F1F1; -webkit-border-radius:5px; border-radius:5px; margin:20px 0; padding: 10px 15px; font-size: 12px; overflow:hidden; }
#content .quote div.arrow { margin-top: -15px; margin-left:10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #F1F1F1; }
#content .quote p { margin:10px 0 0 0; }

ul.relatedNews { line-height:100%; margin:15px 0; border: 1px solid #DDD; border-radius:5px; background:#FFF;
-webkit-box-shadow:0 0 2px rgba(0,0,0,0.05); -webkit-user-select: none; -webkit-touch-callout:none; box-shadow:0 0 2px rgba(0,0,0,0.05);}
ul.relatedNews li { border-bottom: 1px solid #DDD; background: transparent url('IconArrow@2x~iphone.png') no-repeat 95% 50%; background-size:14px 14px; }
ul.relatedNews li:last-child { border-bottom: none; }
    ul.relatedNews li a { display:block; -webkit-tap-highlight-color:transparent; padding:15px 20px; }
    ul.relatedNews li:first-child a { border-radius: 5px 5px 0 0; }
    ul.relatedNews li:last-child a { border-radius: 0 0 5px 5px; }
    ul.relatedNews li a:active { background: #FAFAFA url('IconArrow@2x~iphone.png') no-repeat 95% 50%; background-size:14px 14px; }
    ul.relatedNews li h3 { display: block; color: #666; font-size:14px; font-weight:normal; line-height:100%; }

@media (max-width:640px) {
    .sliderWrapper { margin: 10px -60px 10px -60px; overflow:visible; }
}
