body.bkgimg{background: url("../img/bg1-pc.gif") top center no-repeat #f7f7f8; background-size: 100% auto}
a,a:hover{text-decoration: none;}
.clear{clear: both; height: 0; overflow: hidden;}
.editorialbody{ width: 73%; padding: 100px 0; position: relative; }
.periodicaltitle{position: absolute; right: 0; top:100px; z-index: 9; width: 73%; padding-left: 60px;}
.periodicaltitle h2{font-size: 42px; font-weight: bold; margin-left: -20px;margin-bottom: 30px;}
.periodicaltitle .datebox{padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #c0c2d4;}
.periodicaltitle .datebox span{float: left; display:block; font-size: 16px; }

.periodicaltitle .datebox a{display: block;float:right; position: relative; width:165px; color: #333;font-size: 18px; margin-right: 5px;line-height: 24px;}
.periodicaltitle .datebox a span.glyphicon-menu-right{color: #c7000b;font-size: 16px;}
.periodicaltitle .datebox a span{position: absolute; right: 0; top:5px;transition: right .2s ease-in;}
.periodicaltitle .datebox a:hover span{right: -5px; }




.periodicalpic {float: left; width: 27%; text-align: center;}
.periodicalpic img{display: block; width: 100%; margin-bottom: 30px;}
.periodicalpic a{display: inline-block;background: url("../img/fw_bdown.png") left center no-repeat; font-weight: bold; font-size: 16px; line-height: 54px; padding-left: 75px; color: #202020;}
.periodicalcont{float: right; width:73%; padding-left: 60px; padding-top: 200px;}
.periodicalcont em{display:block;font-style: normal;font-size:30px; color: #474b50;margin-bottom: 20px;}
.periodicalcont h3{font-weight: bold;line-height:150%; font-size: 38px; color: #252525;margin-bottom: 15px;}
.periodicalcont span{display: block;line-height:150%; font-style: normal;font-size: 24px; color: #252525;margin-bottom: 40px;}
.periodicalcont span strong{display: inline-block; padding-right: 20px;}
.periodicalcont p{font-style: normal;font-size: 18px; color: #252525;}
.mobcont{display: none;}

@media (max-width:1200px){
    .editorialbody{ width: 85%; padding: 60px 0; }
    .periodicaltitle h2{font-size: 32px; font-weight: bold; margin-left: -20px; margin-bottom: 15px;}

    .periodicalcont{padding-top: 150px;}
    .periodicalcont em{font-size:24px; margin-bottom: 20px;}
    .periodicalcont h3{font-size: 30px; margin-bottom: 15px;}
    .periodicalcont span{font-size: 20px; margin-bottom: 40px;}
    .periodicalcont p{font-size: 16px; }
}
@media (max-width:992px){
    .editorialbody{ width: 90%; padding: 60px 0;}
}

@media (max-width:768px){
    body.bkgimg{background: url("../img/bkmob02.png") top center no-repeat #f7f7f8; background-size: 100% auto}
    .editorialbody{ width: 90%; padding: 30px 0 60px 0;}
    .periodicaltitle h2{font-size:22px; margin-left: -5px; margin-bottom: 15px;}
    .periodicaltitle h2 strong{display: inline-block; padding: 0 5px; font-size: 32px;}
    .periodicaltitle .datebox span{font-size: 14px;}
    .periodicaltitle .datebox a{font-size: 14px;line-height: 16px;width: 130px;margin-right: 0;}

    .periodicaltitle .datebox a span.glyphicon-menu-right{font-size: 14px;}
    .periodicaltitle .datebox a span{top:0;}


    .periodicalpic {width: 40%;}
    .periodicalpic a{display: none;}
    .periodicaltitle{position: static; right: 0; top:0; width: 100%; padding-left: 0;}
    .periodicalcont{padding-top: 0; width:60%;padding-left:20px; }
    .periodicalcont em{font-size:16px; margin-bottom: 15px;}
    .periodicalcont h3{font-size: 18px; margin-bottom: 15px;}
    .periodicalcont span{font-size: 14px; margin-bottom: 0;}
    .periodicalcont span strong{display: block; padding-right: 0; padding-bottom:5px;}
    .periodicalcont p{display: none;}
    .mobcont{display: block;}
    .mobcont p{font-size: 14px;}
    .downlink{margin-top: 30px; width: 100%; border: 1px solid #6b5cb9; border-radius: 10px;padding: 10px;text-align: center;}
    .downlink a{display: inline-block;background: url("../img/fw_bdown.png") left center no-repeat; background-size: auto 100%; font-weight: bold; font-size: 16px; line-height: 42px; padding-left: 50px; color: #202020;}
}