body.pageHome {
  background: url(../img/home/bg_main.png) center 0 no-repeat, #9d6b93 url(../img/home/bg_body.png) 0 0 repeat-x; }
  body.pageHome .contents {
    width: 1140px;
    height: 100%;
    margin: auto;
    position: relative; }
  body.pageHome .subTit {
    padding-top: 4px;
    text-align: center;
    display: none; }
  body.pageHome .logo {
    text-align: center;
    display: none; }
  body.pageHome .nav {
    position: absolute;
    top: 136px;
    left: 0;
    display: none;
    width: 278px; }
    body.pageHome .nav ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  body.pageHome .actor {
    position: absolute;
    top: 158px;
    left: 0;
    right: 0;
    margin: auto;
    display: none; }
    body.pageHome .actor img {
      width: 100%; }
  body.pageHome .txt {
    position: absolute;
    top: 125px;
    right: 210px;
    display: none; }
  body.pageHome .txt2 {
    position: absolute;
    top: 66px;
    right: 0;
    left: 0;
    width: 92px;
    display: none;
    margin: auto; }
  body.pageHome .star {
    position: absolute;
    top: 100px;
    right: 116px;
    width: 916px;
    height: 819px;
    background: url(../img/home/star.png) 0 0;
    display: none; }
  body.pageHome .btTw {
    position: absolute;
    top: 124px;
    right: 90px;
    display: none; }
      body.pageHome .btTw img {
         transition-property: all;
         transition: 0.3s linear; }
      body.pageHome .btTw img:hover {
        opacity: 0.6; }
  body.pageHome .btInsta {
    position: absolute;
    top: 124px;
    right: 10px;
    display: none; }
      body.pageHome .btInsta  img {
         transition-property: all;
         transition: 0.3s linear; }
      body.pageHome .btInsta img:hover {
        opacity: 0.6; }
  body.pageHome .date {
    position: absolute;
    top: 480px;
    right: -15px;
    display: none;}

    body.pageHome .date img {
       width: 206px;
       transition-property: all;
       transition: 0.3s linear; }
         body.pageHome .date img:hover {
           opacity: 0.7; }



  body.pageHome .castPhoto {
    position: absolute;
    top: 950px;
    width: 100%;
    text-align: center; }
  body.pageHome .casts {
    position: absolute;
    top: 1100px;
    width: 100%;
    text-align: center; }
  body.pageHome .copyright {
    text-align: center; }
  body.pageHome .homeMovie {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    display: none; }
  body.pageHome .bnr01 {
    position: absolute;
    width: 114px;
    height: 114px;
    top: 280px;
    right: 72px; }
    body.pageHome .bnr01 img {
      width: 100%; }

  body.pageHome .campBnr {
    position: absolute;
    width: 191px;
    height: auto;
    top: 200px;
    right: -10px;
    display: none; }
     body.pageHome .campBnr img {
       width: 100%;
       transition-property: all;
       transition: 0.3s linear; }
         /* body.pageHome .campBnr img:hover {
           opacity: 0.6; }	*/

body.pageHome .bnr_Per {
/*  position: absolute;
  top: 0;
  left: 0;*/
  width: 222px;
  height: 109px;
  margin-left:-10px;
}
    body.pageHome .bnr_Per img {
       width: 222px;
       transition-property: all;
       transition: 0.3s linear; }
         body.pageHome .bnr_Per img:hover {
           opacity: 0.6; }


body.pageHome .commentBox {
/*  position: absolute;
  top: 0;
  left: 0;*/
  width: 222px;
  height: 209px;
  margin-left:-20px;
  background: url(../img/comment_frame.png);
}
body.pageHome .commentBoxTit {
  text-align: center;
  padding-top: 16px;
}
body.pageHome .commentBoxBt {
  text-align: center;
}
body.pageHome .commentBoxInner {
  width: 180px;
  height: 118px;
  margin: auto;
  padding: 7px 7px 0 7px;
  position: relative;
}

body.pageHome .commentBoxInner .json_name{
  font-size: 13px;
  padding: 6px 0 4px 0;
  text-align: center;
}

body.pageHome .commentBoxInner .json_job{
  font-size: 9px;
  margin-top:4px;
  text-align: center;
}

body.pageHome .commentBoxInner .json_text{
  font-size: 11px;
  line-height: 1.3;
  border-top: #fd6c10 1px dotted;
  border-bottom: #fd6c10 1px dotted;
  padding: 5px 0 7px 0;
}

body.pageHome #comment_controll{
  text-align: center;
  position: relative;
  padding-bottom: 11px;
}

body.pageHome #comment_controll .comment_back{
  position: absolute;
  top: -1px;
  left: 30px;
  cursor: pointer;
}
body.pageHome #comment_controll .comment_next{
  position: absolute;
  top: -1px;
  right: 30px;
  cursor: pointer;
}
body.pageHome #comment_loadarea{
  position: relative;
}
body.pageHome .commentBox .ball{
  display: inline-block;
  margin: 0 2px;
  position: relative;
  font-size: 0;
  cursor: pointer;
}
body.pageHome .commentBox .ball.ballactive:before{
  content:'';
  background:url(../img/comment_circle_current.png);
  width: 8px;
  height: 8px;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}


body.pageHome .topicsWrap{
  background-color: #13437e;
  padding: 10px;

}
body.pageHome .topics{
  /*width: 1140px;*/
  margin: auto;
  font-size: 12px;
  line-height: 24px;
  padding: 0 10px;
  display: flex;
}

body.pageHome .topicsTit{
  color: #fffcb7;
  width: 80px;
  position: relative;
}
body.pageHome .topicsTit:before{
  content:"";
  position: absolute;
  top: 0;
  bottom:0;
  right:14px;
  margin: auto;
  width: 3px;
  border-right: #5e9ed1 1px solid;
  border-left: #5e9ed1 1px solid;
}
body.pageHome .topicsCont{
  flex:1;
  overflow: hidden;
}
body.pageHome .topicsCont > div{
  position: relative;
  width: 100%;
}
body.pageHome .newsFeed{
  display: flex;
  width: auto;
  color: #fffcb7;
  opacity: 0;
  position: absolute;
  top:0;
  left:100%;
  width: 100%;
  transition: 1s ease-in-out;
}

body.pageHome .newsFeedTit{
  margin-right: 10px;
}
body.pageHome .newsFeedTxt a{
  color: #fffcb7;
  text-decoration: none;
  font-weight:600;
}





/*---------------------------------------------------------
    wrap
----------------------------------------------------------*/

  .pageHome .wrap {
    padding-top: 0;
    padding-bottom: 260px;
    background: none;
    height: 1530px; }



