div#headerVideoArea{
    background-image: null;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
img.top_news_footerImg{max-height:23px !important;}}
div#titleBtm{
    margin: 0;
    width: 100%;
    height: 60px;
    background-image: url("/assets/img/top/s3_storyBtm.gif");
    background-repeat: repeat-x;
}
div#tpxIDX{
    background-image: url("/assets/img/topics/topicsBG.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
div#tpxMENU{
    width: 100%;
    margin: 0;
    background-image: url("/assets/img/bg/s3_comBg.gif");
    background-repeat: repeat;
}
div#tpxLIST div.item{
    cursor:pointer;
}

ul#sort li{
    cursor: pointer;
}
ul#sort li.active{
    color:#fff;
    background:#333;
    padding:0.2em;
    font-weight:bold;
}
div#tpxListWrap {
    background-image: url("/assets/img/topics/topicsBG.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.entryvideo {
    position:relative;
    width:100%;
    padding-top:56.25%;
}
.entryvideo iframe {
    position:absolute;
    top:0;
    right:0;
    width:100% !important;
    height:100% !important;
}
div.tpxTop{
        width:100%;
        height:51px;
        background-position: center center;
        background-image: url("/assets/img/bg/tpx_bgPaperTop.png");
        background-repeat: no-repeat;
      }
div.tpxMiddle{
        position:relative;
        margin: 0;
        padding: 0;
        width:100%;
        background-position: center center;
        background-image: url("/assets/img/bg/tpx_bgPaperMdl.png");
        background-repeat: repeat-y;
        top:-2px;
}
div.tpxBottom{
        position:relative;
        width:100%;
        height:46px;
        background-position: center center;
        background-image: url("/assets/img/bg/tpx_bgPaperBtm.png");
        background-repeat: no-repeat;
        top:-3px;
      }
div.tpxDetail{
    padding:2em;
}
img.topicsModalPic{
    max-width : 100%;
}
div.snsButton{display: table;height: 20px;}
div.fb-like , div.tw-share{
    display: table-cell;
    vertical-align: middle;
}

/* mt css */
.mt-image-left {
    /*max-width:574px;*/
    max-width : 100%;
    height:auto;
}

.mt-image-center {
    /*max-width:574px;*/
    max-width : 100%;
    height:auto;
}

.mt-image-right {
    /*max-width:574px;*/
    max-width : 100%;
    height:auto;
}

/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}
