@charset "utf-8";

@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);

html{overflow-x:hidden !important;}
html:not([amp4ads]) body {margin:0 !important}
html.i-amphtml-ios-embed.i-amphtml-ios-overscroll, html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling: touch !important}
amp-story[standalone]{background-color:#000 !important; position:relative !important}
amp-story-page{background-color:#757575; font-family:Roboto, sans-serif;}
.i-amphtml-blurry-placeholder, .i-amphtml-fill-content{display:block; height:0; max-height:100%; max-width:100%; min-height:100%; min-width:100%; width:0; margin:auto;}
.i-amphtml-layout-size-defined .i-amphtml-fill-content{position:absolute; top:0; left:0; bottom:0; right:0;}
.i-amphtml-layout-fixed,
[layout=fixed][width][height]:not(.i-amphtml-layout-fixed) {display:inline-block; position:relative;}

.ampLogo{position:absolute; top:10px; left:10px; z-index:1; cursor:pointer;} 
.ampLogo amp-img{width:51px; height:25px;}
.textBoxData{position:absolute; top:10px; height:calc(100% - 10px);}			
.ampStoryClass #dsfsdf .imageLayerRelated .relateStoryBg{background:rgb(230, 230, 228, 85%); width:auto; position:absolute; left:25px; right:25px; z-index:2; bottom:25px; color:#000; padding:15px 10px; top:auto; font-size:28px; font-weight:500; text-transform:uppercase; border-radius:10px; box-shadow:#000 0 3px 8px 0; text-align:center;}
.relateStoryBg a, #dsfsdf .relateStoryBg a:hover{color:#000; text-decoration:none;}			 
amp-story-grid-layer{padding:0px;} 
.autherDate{position:absolute; bottom:6%; width:inherit;}
.autherDate .author{background-color:#2D2A2D; padding:10px 5% 10px 6%; display:inline-block; color:#fff;}
.autherDate .author a{color:#fff;text-decoration:none;}   
.ampStoryClass.gradiantFlag .gradiant{height:50%; position:absolute; bottom:0px; width:100%; background:transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;}
.ampStoryClass .gradiant{position:absolute;} 
/*#cover .head_box{position:absolute; left:15px; right:15px; top:80%; bottom:auto; font-weight:500; font-size:1.25rem; text-align:center; color:#0d0d0d; background:#e2de50; padding:10px; font-style:Italic;}
#cover .head_box a{color:#0d0d0d;}*/
.head_box{position:absolute; left:25px; right:25px; /*top:70%;*/ bottom:25px; font-weight:500; font-size:20px; color:#000; background:rgb(230, 230, 228, 85%); padding:15px 10px; border-radius:10px; box-shadow:#000 0 3px 8px 0; text-align:center;}
.head_box a{color:#000; text-transform:uppercase; text-decoration:none;}
.createDate{position:relative; font-size:14px; margin-bottom:10px;}
.title{font-size:28px;}
.title span, .relateStoryBg a span{background:#fff; border-radius:8px; padding:8px 15px 8px 40px; color:#1e98e1; font-weight:500; font-size:20px; text-transform:uppercase; display:block; margin:15px auto 0; position:relative; width:160px;}
.title span:before, .relateStoryBg a span:before{content:''; position:absolute; margin-top:3px; left:15px; background:url(../images/link-icon.png) no-repeat; background-size:100%; width:18px; height:18px;}


body:not(.amp-mode-keyboard-active) amp-story:not([desktop]):not(.i-amphtml-story-desktop-one-panel) .i-amphtml-story-button-move{background:inherit !important;}
body:not(.amp-mode-keyboard-active) amp-story:not([desktop]):not(.i-amphtml-story-desktop-one-panel) .i-amphtml-story-button-container.next-container>.i-amphtml-story-button-move{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m21.52 16.22 7.75 7.75m-7.75 7.78L29.27 24"/></svg>')!important; background-repeat:no-repeat !important; background-position:center !important;}
body:not(.amp-mode-keyboard-active) amp-story:not([desktop]):not(.i-amphtml-story-desktop-one-panel) .i-amphtml-story-button-move{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.4" d="m21.52 16.22 7.75 7.75m-7.75 7.78L29.27 24"/></svg>')!important; background-repeat:no-repeat !important; background-position:center !important; width: 100%!important;
    height: 100%!important;
    border: none!important;
    padding: 0!important;
    pointer-events: none!important;
    background-repeat: no-repeat!important;
    background-color: transparent!important;
    background-position: 50%!important;
    filter: invert(100%) drop-shadow(0 0 3px #000b)!important;}

amp-story.i-amphtml-story-desktop-one-panel .i-amphtml-story-button-container {
    height: 48px!important;
    width: 48px!important;
    transform: translateY(-50%)!important;
    top: 50%!important;
    bottom: auto!important;
    pointer-events: all!important;
    --i-amphtml-story-desktop-one-panel-button-margin: max(10px,calc(50vw - 72px - var(--i-amphtml-story-desktop-one-panel-width)/2));
}

.back_port{position:absolute; top:18px; left:0; right:0; z-index:999999; background:#fff; padding:5px 10px; width:55px; margin:0 auto; border-radius:5px; text-align:center; box-shadow:#a9a9a9 0 3px 8px 0;}
.back_port a{color:#000; font-family:Roboto, sans-serif; font-size:13px; font-weight:500; text-decoration:none; display:flex; align-items:center;}
.back_port a img{height:16px; margin-right:7px;}