#lightboxId { background-repeat: no-repeat; background-size: 100%; border-radius: 10px; border: solid 3px #FFF; transition: .5s; }
#lightboxId a.Prev { height: 100%; width: 34%; left: 0; float: left; background: url( /__/i/prev.png ) left 48% no-repeat; }
#lightboxId a.Next { height: 100%; width: 66%; right: 0; float: right; background: url( /__/i/next.png ) right 48% no-repeat; }
#lightboxId a.Close { width: 27px; height: 27px; position: absolute; right: 0px; bottom: -33px; opacity: 0.8; background-image: url( /__/i/close.png ); background-repeat: no-repeat; }
#lightboxId div.Title { width: calc( 100% - 30px ); position: absolute; left: 0px; bottom: -24px; color: #CCC; font-size: 13px; }

.CMContent .STop {  }
.CMContent .STop .STLeft {  }
.CMContent .STop .STLeft .SCate { color: #FFFFFF; }
.CMContent .STop .STLeft .SDate { padding-left: 3px; color: #FFFFFF; }
.CMContent .STop .STag { padding: 15px 0px 5px; text-align: right; }
.CMContent .STitle { padding: 15px 0px 25px; font-size: 35px; color: #fff9b2; }
.CMContent .SVideo { margin-bottom: 25px; }
.CMContent .SVideo iframe { width: 100%; height: 400px; }
.CMContent .SImage { margin-bottom: 25px; border-top: solid 1px #4c7273; }
.CMContent .SImage .SSTitle { margin: 15px 0px; font-size: 20px; color: #FFFFFF; }
.CMContent .SImage .SSTitle .Eng { padding-left: 5px; font-size: 13px; color: #888888; }
.CMContent .SImage a { display: block; float: left; margin: 0px 20px 20px 0px; width: 180px; height: 180px; border-radius: 5px; overflow: hidden; border: solid 1px #AAAAAA; background-position: center; background-repeat: no-repeat; background-size: auto 100%; }
.CMContent .SImage a:hover { border: solid 1px #ffac00; }
.CMContent .SImage:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent .SFile { margin-bottom: 25px; border-top: solid 1px #4c7273; }
.CMContent .SFile .SSTitle { margin: 15px 0px; font-size: 20px; color: #FFFFFF; }
.CMContent .SFile .SSTitle .Eng { padding-left: 5px; font-size: 13px; color: #888888; }
.CMContent .SFile a { display: block; margin: 8px 0px; width: 100%; padding: 5px 10px; border: solid 1px #AAAAAA; border-radius: 5px; font-size: 15px; }
.CMContent .SFile a:hover { border: solid 1px #ffac00; }
.CMContent .SFile a span.material-icons { padding-right: 5px; }

.CMContent .SContent { margin-bottom: 25px; line-height: 30px; font-size: 17px; color: #FFFFFF; }
.CMContent .SContent img { width: 100%; }
.CMContent .SContent a { color: #00b8ff; }


.CMContent .BottomFun { padding: 25px 0px 0px; text-align: right; }
.CMContent .BottomFun a { padding: 12px; background-color: #2aa670; font-size: 16px; border-radius: 5px; }
.CMContent .BottomFun a:hover { background-color: #10794b; }
.CMContent .BottomFun a .Eng { padding-left: 5px; }

@media screen and ( max-width: 773px ) {
.CMContent .SImage a {  width: 150px; height: 150px; }
}

@media screen and ( max-width: 414px ) {
.CMContent .SImage a { width: calc( 50% - 20px ); height: 150px; }
}