.main .wrapper {
  position: relative;
  overflow:hidden;
   }
   
   .six .wrapper img:hover { transition:0.4s all; transform: scale( 1.1 )}

   #nae-live { font-size:20px;  margin-top:50px;  }
   #nae-live a { color:#333;  text-decoration:none; }
   #nae-live .fa-youtube { color:red; font-size:30px; position:relative; top:5px; margin-right:10px; }

.wrapper img { width:100%; }
.color-dark { color:#6f431c!important; }
.color-dark a { color:#6f431c!important; }
.six .wrapper img { width:100%; max-height:443px; }


	    .main .two .right .box table tbody tr td { max-width:150px!important; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;}
.main .two .right .box { vertical-align: top; }
.main { margin-top:74px; }
.message > div > div > img { width:100%; display:none;  }
.main .message .container .text { display:none; }
.main .message .container .text
.main .two .right .box table tbody tr:hover { background:#fbfbfb; transition:0.2s all; }
.main .two .right .box table tbody tr td { text-decoration:none; color:#333;}
.main .two .right .box table tbody tr td a { text-decoration:none;color:#333; }
.main .two .right .box table tbody tr td a:hover { color:#EF4023; transition:0.3s all; }
.modal-body { width:100%; min-height:515px;  }
.modal-dialog { min-width: 900px; margin: 95px auto; }
.modal-content { min-height:515px; }
.modal-title { color:#000; font-weight:normal; margin:0!important; }
.main .message .container .bottom span:last-child a { color:#B07A4B; text-decoration:none;}

.detail-video iframe { width:640px; height:480px; }
.detail-video {  width:100%; text-align:center; left:0; margin:0 auto;  }
.play { cursor:pointer; }

.main .message {
  padding: 90px 0; }
  .main .message .container {
    position: relative; }
    .main .message .container .text {
      position: absolute;
      left: 0;
      top: 0;
      color: #fff;
      padding: 50px 80px; 
      width:100%;
      height:89%;
    }
      .main .message .container .text a {
        color: #fff;
        text-decoration: none; }
      .main .message .container .text h1 {
        margin-bottom: 20px;
        font-weight: bold; }
      .main .message .container .text h2 {
        font-size: 26px; }
      .main .message .container .text h4 {
          letter-spacing: normal;
        margin-bottom: 17px;
        font-size: 21px; }
      .main .message .container .text .play {
        display: inline-block;
        padding-top: 20px; }
    .main .message .container .bottom {
      font-size: 0; }
      .main .message .container .bottom span {
      	transition:0.2s all;
        display: inline-block;
        font-size: 21px;
        width: 25%;
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        text-align: center;
        padding: 20px 0px;
        color: #333;
        line-height: 1;
        cursor: pointer; }
        .main .message .container .bottom span:last-child {
          border-right: 1px solid #ddd;}
        .main .message .container .bottom span:hover {
          background: #eee; }
        .main .message .container .bottom span.active {
          background: #B07A4B;
          color: #fff; }

.main .three {
  padding: 110px 0;
  background-image: url("../Images/info_bg.png");
  text-align: center; }
  .main .three .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    padding: 80px 10px; }
    .main .three .content .title {
      font-size: 35px;
      margin-bottom: 40px; font-weight:bold;}
    .main .three .content .text2 {
      display: inline-block;
      font-size: 18px;
      text-align: left;
      margin-bottom: 30px; }
    .main .three .content .button {
      margin-bottom: 5px; }
      .main .three .content .button a {
      	transition:0.2s all;
        display: inline-block;
        width: 215px;
        border: 1px solid #eee;
        color: #fff;
        padding: 8px 30px;
        text-decoration: none;
        font-size: 19px;
        background: rgba(0, 0, 0, 0.5); }
        .main .three .content .button a:hover {
          background: rgba(0, 0, 0, 0.25); }
  .main .three .left .content .button a {
    background: rgba(176, 122, 75, 0.75); }
    .main .three .left .content .button a:hover {
      background: rgba(176, 122, 75, 0.9); }

.main .two {
  padding: 110px 0; }
  .main .two .left video {
    width: 100%; }
  .main .two .left .play {
  	display:none;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -35px;
    margin-left: -36px; }
    .main .two .left .play img {
      cursor: pointer; }
  .main .two .right .box {
    border: 1px solid #ddd;
    padding: 10px 20px; }
    .main .two .right .box table {
      width: 100%;
      border: 0; }
      .main .two .right .box table thead th {
        padding: 10px 0; }
        .main .two .right .box table thead th.title {
          font-size: 24px; }
        .main .two .right .box table thead th.ico {
          position: relative; }
          .main .two .right .box table thead th.ico a > span {
            position: absolute;
                color: #333;
            right: 0;
            top: 0;
            font-size: 50px;
            font-weight: 100;
            font-family: none;
            cursor: pointer;
            line-height: 0.8; }
      .main .two .right .box table tbody tr td {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
        font-size: 17px; }
        .main .two .right .box table tbody tr td.date {
          text-align: right; }
      .main .two .right .box table tbody tr:last-child td {
        border: 0; }
    .main .two .right .box:first-child {
      margin-bottom: 20px; }
  .main .two .right a.ad {
  	transition:0.3s all;
    display: block;
    padding: 14px;
    background: #B8B8B8;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin-top: 20px; }
    .main .two .right a.ad:hover {
      background: #666; }

.main .six { background-size:100% 100%; }


.main .six {
  padding: 70px 0 40px 0;
  background-image: url("../Images/gallery_bg.png"); }
  .main .six .row > div {
    margin-bottom: 30px; }
    .main .six .row > div .content {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 30px 26px; }
      .main .six .row > div .content .desc {
        font-size: 17px; }
      .main .six .row > div .content .title {
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 5px; }
      .main .six .row > div .content a {
      	transition:0.3s all;
        display: inline-block;
        padding: 10px;
        border: 1px solid #fff;
        color: #fff;
        font-size: 17px;
        background: rgba(0, 0, 0, 0.5);
        text-decoration: none; margin-right:5px}
        .main .six .row > div .content a:hover {
          background: rgba(0, 0, 0, 0.35); }
      .main .six .row > div .content.reversed {
        color: #fff; }
    .main .six .row > div .bottom {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
      padding: 12px;
      font-size: 16px; }
      .main .six .row > div .bottom a {
vertical-align:middle;
      	
      	
      	    padding: 1px 0px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;
      	
        color: #fff; text-decoration:none;}
      .main .six .row > div .bottom span {
        float: right; }

@media (min-width:1200px) and (max-width:1499px) {
	.six .wrapper img {     max-height: 310px; }	
}

@media (min-width:993px) and (max-width:1199px) {
	
	.main .message .container .text h1 { font-size:29px; }
	.main .message .container .bottom span { font-size:19px; }
	.main .three .content .title { font-size:26px; }
	.main .three .content { padding:45px 10px; }
	.main .two .right .box table thead th.title { font-size:20px; }
	.main .two .right .box table thead th.ico a > span { font-size:35px; }
	.main .two .right .box table tbody tr td { font-size:15px; }
	.main .six .row > div .content { padding:15px; }
	.main .six .row > div .content a { font-size:15px; }

	
	    .main .wrapper img { width:100%;    }
    .main .two { padding:60px 0; }
    .main .three .content .title { font-size:25px; }
     .main .three .content .button a { font-size:17px; }
     .main .three .content .text2 { font-size:16px; }
     .main .three .content { padding:50px 10px;}
     .main .six .row > div .content { padding:20px 15px;}
     .main .six .row > div .bottom { font-size:14px; }
     .main .six .row > div .content .title { font-size:18px; }
     .main .six .row > div .content a { font-size:15px; padding:5px 8px; margin-bottom:10px;}
     .main .message .container .bottom span { font-size:18px; }
     .main .two .right .box table thead th.title { font-size:18px;}
     .main .two .right .box table tbody tr td { font-size:15px; }
}

@media (min-width:768px) and (max-width:992px) {
   #nae-live { font-size:17px;  margin-top:40px;  }
   #nae-live a { color:#333;  text-decoration:none; }
   #nae-live .fa-youtube { color:red; font-size:35px; position:relative; top:5px; margin-right:10px; }
   .main .message { padding:40px 0 90px; }	
	
	.main .two .right .box table thead th.title { font-size:20px; }
	.main .two .right .box table thead th.ico a > span { font-size:30px; }
	.main .message .container .text h4 { font-size:19px; }
	.main .six .row > div .bottom a { width:150px; text-align:left; }
	.main .two .right .box table tbody tr td { font-size:15px; }
	.main .two .right a.ad { margin-bottom:15px; }
	.main .six .row > div .bottom { padding:12px 5px; }
	.main .six .row > div { padding:0 5px; }
    .main .wrapper {text-align:center; }
    .main .wrapper img { width:100%;     min-height: 271px; }
    .main .message .container .bottom span { font-size:17px; }
    .main .three .content .title { font-size:25px; }
    .main .three .content .button a { font-size:17px; }
    .main .three .content .text2 { font-size:17px; }
   .main .message .container .text a { font-size:20px; }
    
    .main .three .left { margin-bottom:50px;}
    .main .two .right .box { width:49%; display:inline-block; margin:20px 0!important;}
    .main .two { padding:50px 0;}
    .main .six .row > div .bottom a { float:left; }
    .main .two .right .box table tbody tr td { max-width:150px!important; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;}
}




@media (max-width: 991px) {
  .main .message .container .text {
    padding: 30px 60px; }
    .main .message .container .text .play {
      display: none; } }

@media (max-width: 767px) {
	
   #nae-live { font-size:14px;  margin:20px 0 10px;  }
   #nae-live a { color:#333;  text-decoration:none; }
   #nae-live  .row div{padding: 0 0 15px 0;}
   #nae-live .fa-youtube { color:red; font-size:23px; position:relative; top:4px; margin-right:10px; }	
	    .main .two .right .box table tbody tr td { max-width:150px!important; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;}
    .main .message .container .text { height:75%; }
    .main .six .row > div .content .title { font-size:20px; }
    .main .six .row > div .content a {font-size:13px; }
    .main .six .row > div .bottom { font-size:14px; }
    .main .two .right .box table thead th.title { font-size:19px; }
    .main .two .right .box table thead th.ico > span { font-size:35px;}
    .main .two .right .box table tbody tr td { font-size:15px;}
    .main .two .right a.ad { font-size:15px; padding:10px 15px;}
    .main .three .content .title { font-size:22px;}
    .main .three .content .button a { font-size:17px;}
    .main .three .content .text { font-size:16px; }
  .main .three {
    padding-top: 20px;
    padding-bottom: 20px; }
    .main .three .row > div {
      margin-bottom: 20px; }
      .main .three .row > div:last-child {
        margin-bottom: 0; }
  .main .two {
    padding-top: 100px;
    padding-bottom: 20px; }
    .main .two .left .play {
      display: none; }
    .main .two .right .box:first-child {
      margin: 15px 0; }
  .main .six {
    padding-top: 20px;
    padding-bottom: 0; }
    .main .six .row > div {
      margin-bottom: 20px; }
  .main .message {
    padding: 15px 0; }
    .main .message .container .text {
      padding: 10px 25px; }
      .main .message .container .text h1 {
        font-size: 17px;
        margin: 10px 0; }
      .main .message .container .text h2 {
        font-size: 15px; }
      .main .message .container .text h4 {
        font-size: 13px;
        margin: 8px 0; }
    .main .message .container .bottom span {
      font-size: 12px; } }