/* bx-slide modify css */
.bx-wrapper {position: relative; margin: 0 auto; padding: 0;}
.bx-wrapper .bx-viewport {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0px solid #fff; left: 0px; background: none; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);}

#body-wrap {}
  #ms-box {margin-top: 50px;}
    #ms-box .bx-wrapper .bx-controls-direction a {top: 45%; margin-top: -16px; width: 2.15em; height: 4.7em; background-size: contain; z-index: 65;}
    #ms-box .bx-wrapper .bx-prev {left: 0px; background: url(../img/slide-prev.png);}
    #ms-box .bx-wrapper .bx-next {right: 0px; background: url(../img/slide-next.png);}


  #sb-box {}
    #sb-box .sec-title {margin-top: 10px; font-size: 2em; font-weight: 500; margin-bottom: 11px;}

    #sb-box #banner-slide li {width: 100%;}
      #sb-box #banner-slide li img {width: 100%;}


    #sb-box .bx-wrapper .bx-pager {width: 28%; height: 15px; bottom: 0px; top: -30px; right: 0px; padding-top: 0px;}
      #sb-box .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; margin: 0 3px; background: url(../img/pager-off.gif); background-size: contain;}
      #sb-box .bx-wrapper .bx-pager.bx-default-pager a:hover,
      #sb-box .bx-wrapper .bx-pager.bx-default-pager a.active {background: url(../img/pager-on.gif); background-size: contain;}


    #sb-box .focus-box div {width: 48.6%; float: left;}
      #sb-box .focus-box div:nth-child(2n) {margin-left: 2.8%;}
      #sb-box .focus-box div:nth-child(1),
      #sb-box .focus-box div:nth-child(2) {margin-bottom: 10px;}
	  #sb-box .focus-box div a {display: block; width: 100%;}
      #sb-box .focus-box div img {width: 100%;}

      .more-movie-btn {position: absolute; top: 8px; right: 0px; display: block; width: 6.3%;  width: 20px;}
      .more-movie-btn img {width: 100%;}

  .gray-box {position: relative; width: 100%; margin-top: 20px; padding-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #cdcdcd;}
    .gray-box .sec-title {padding-top: 17px; font-size: 2em; font-weight: 500; margin-bottom: 11px;}

    .gray-box ul {width: 100%; padding: 7px 0px; border: 1px solid #cdcdcd; background-color: #fff;}
      .gray-box ul li {padding: 3px 0px;}
      .gray-box ul li a:before {display: block; padding-left: 3.2%; padding-right: .8%; content: "กค"; float: left;}
      .gray-box ul li a {display: block; max-width: 76%; width: 100%; margin-right: 1.5%; font-size: 1.2em; float: left;}
      .gray-box ul li .wDate {display: block; font-size: 1.2em; color: #777; float: left;}

    .gray-box .more-btn {position: absolute; top: 21px; right: 0px; display: block; width: 6.3%;}
      .gray-box .more-btn img {width: 100%;}

      #direct-link {width: 100%;}
        #direct-link ul li {border-top: 1px solid #ededed; float: left;}
        #direct-link ul li:nth-child(odd) {width: calc(50% - 1px); border-right: 1px solid #cdcdcd;}
        #direct-link ul li:nth-child(even) {width: 50%;}
        #direct-link ul li {width: 100%;}

      #direct-link ul li a {display: block; position: relative; width :100%; height: 60px; /*background-image: url(../img/locationBg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;*/}
          #direct-link ul li a .dl-text-box {position: absolute; top: 12px; left: 11%}
            #direct-link ul li a .title {font-size: 13px;}
              #direct-link ul li a .title span {font-weight: 700;}
            #direct-link ul li a .explain {font-size: .9em; color: #666; letter-spacing: -0.025em;}


            /* #direct-link ul li a.gj .title span {font-weight: 700; color: #fff;}
            #direct-link ul li a.gj .explain {font-size: .9em; color: #fff; letter-spacing: -0.025em;}

            #direct-link ul li a.kko .title span {font-weight: 700; color: #1a1015;}
            #direct-link ul li a.kko .explain {font-size: .9em; color: #1a1015; letter-spacing: -0.025em;} */