@font-face {
    font-family: "Roboto-Bold";
    font-weight: normal;
    font-style: normal;
    src: url('/template_reatimes/web_font/Roboto-Bold.woff2') format('woff2'), url('/template_reatimes/web_font/Roboto-Bold.woff') format('woff'), url('/template_reatimes/web_font/Roboto-Bold.ttf') format('truetype'), url('/template_reatimes/web_font/Roboto-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: "Roboto-Medium";
    font-weight: normal;
    font-style: normal;
    src: url('/template_reatimes/web_font/Roboto-Medium.woff2') format('woff2'), url('/template_reatimes/web_font/Roboto-Medium.woff') format('woff'), url('/template_reatimes/web_font/Roboto-Medium.ttf') format('truetype'), url('/template_reatimes/web_font/Roboto-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: "NotoSerif-Regular";
    font-weight: normal;
    font-style: normal;
    src: url('/template_reatimes/web_font/NotoSerif-Regular.woff2') format('woff2'), url('/template_reatimes/web_font/NotoSerif-Regular.woff') format('woff'), url('/template_reatimes/web_font/NotoSerif-Regular.ttf') format('truetype'), url('/template_reatimes/web_font/NotoSerif-Regular.eot') format('embedded-opentype');
}
/*body {
    font-family:"Roboto-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    background-color: #f7f7f7;
}*/
a{
	text-decoration:none;
}
img{
	max-width:100%;
}
b, strong{
	font-family:"Roboto-Bold";
	font-weight: normal;
}
ul{
	margin:0px;
	padding:0px;
}
li{
	list-style:none;
}
h1, h2, h3, h4, h5, p {
    margin-top: 0;
    margin-bottom: 0;
	font-weight:normal;
}
figure {
    margin: 0;
	padding: 0;
    border: 0;
	display:flex;
}
table {
    border-spacing: 0px;
}
table td{
    padding:0px;
}
.details {
    width:1020px;
	margin:0 auto;
	display:flex;
	position:relative;
	background:#fff;
	box-shadow: 0 2px 3px #ddd;
	padding:20px;
	border-box:box-sizing;
}
.details__content div, .details__content p {
    margin-bottom: 20px;
    text-align:justify;
}
.details--live__aside {
    width: 160px;
    margin-right: 0px;
    position: sticky;
    top:50px;
    /*height: calc(100vh - 40px);*/
}
.details--live__aside .key {
    font-size: 12px;
    line-height: 20px;
    /* line-height: 2rem; */
    overflow-y: scroll;
	height:376px;
}
.details--live__aside .key li {
    border-left: 1px solid #ddd;
    position: relative;
    padding: 0 0 15px 18px;
    margin-left: 8px;
}
.details--live__aside .key li:before {
    display: block;
    position: absolute;
    content: ' ';
    top: 3px;
    left: -8px;
    width: 15px;
    height: 15px;
    background: #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.details--live__aside .key li:first-child:before{
    top: 0;
}
.details--live__aside .key a {
    color: #333;
}
.details--live__aside .key time {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}
.details--live .details__content {
    width: 800px;
    margin-bottom: 15px;
	margin-left:20px;
    overflow: hidden;
}
.details--toiviet .details__content * {
	color: #111;
}
.details--live .details__content .key-event {
    display: block;
    padding: 15px 20px;
    margin-bottom: 10px;
	background: #f7f7f7;
}
.details--live .details__content .key-event time {
    font-size: 12px !important;
    color: #555;
    width: 75px;
    display: inline-block;
    vertical-align: top;
}
.details--live .details__content .key-event__sect {
    width: 680px;
    margin-bottom: 0;
    display: inline-block;
}
.details--live .details__content .key-event__header {
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 10px;
}
.details--live .details__content .key-event__header .meta {
    color: #888;
    margin-bottom: 0;
    display: inline-block;
}
.details--live .details__content .key-event__header .meta h4 a {
    font-size: 12px !important;
    font-family: "Roboto-Bold";
    color: #555;
    text-transform: uppercase;
}
.details--toiviet .details__content * {
    font-size: 18px!important;
    line-height: 30px!important;
}
.details__content .imagefull .pswp-content__caption {
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}
.spr--image{
    width: 24px;
    height: 24px;
}
.bs, .spr {
    display: block;
	background: url(images/sprites.svg) no-repeat;
    background-size: 500px 500px;
}
.pswp-content__caption i {
    position: absolute;
    top: 10px;
    left: 0;
}
.details__content .pswp-content__image span {
    display: none;
}
/*.details__content .imagefull * {
    margin-bottom: 0;
}*/
.pswp-content__caption .imgcaption {
    
    text-align: left;
    border: 1px solid #e6e7e8;
    border-top: none;
    padding: 8px 20px;
    min-height: 45px;
    margin-left: 10px!important;
}
.pswp-content__caption .imgcaption *{
	font-family: NotoSerif-Regular,"Times New Roman",Times,serif;
    color: #555;
	font-size: 14px!important;
    line-height: 1.42857!important;
	color:#555;
}
.details__content .pswp-content__caption .source, .details__content .pswp-content__caption .source * {
	font-family:"Roboto-Regular";
    font-size: 13px!important;
    color: #a7a9ac;
    font-style: italic;
	margin-top:2px;
}