.main_slide{ width:100%; height: auto; overflow: hidden; position: relative;}
.main_slide .readmore {padding-left: 15px; padding-top: 10px;}
/*#slide-hightlight img{width: 100%; overflow: hidden;}*/
.main_slide .transasia-frame{position: relative;width: 100%;overflow: hidden;}
.main_slide .transasia-frame img {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
#slide-hightlight .caption{position: absolute; background-color: rgba(0,0,0,0.42); top: 30%; left: 44%; right: 0; bottom: 0; width: 510px; height: 280px; border: 1px solid rgba(255,255,255,0.3);}
#slide-hightlight .caption-head{width: 100%; border-bottom: 1px solid rgba(255,255,255,0.3);color: #f5b300; padding: 15px 10px;}
#slide-hightlight .caption-nav{float: right;}
#slide-hightlight .caption-nav span{color: #ffffff;}
#slide-hightlight .caption-body{padding: 15px 10px; color: #ffffff;}

@media (min-width: 992px){
    /*#slide-hightlight img{height: 675px;}*/
    .carousel-indicators {bottom: -5px;}
    .main_slide .transasia-frame{height: 444px; background-size:100% 100% !important;    }
    .main_slide .transasia-frame img{height: auto;width: 100%;}
    .sub_slide {position: absolute;  top: 15%; left: 50%; right: 0; bottom: 0; width: 510px; height: 280px; }
    .sub_slide .slide{background-color: rgba(0,0,0,0.42);border: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
    /*#slide-hightlight img{height: 360px;}*/
    .carousel-indicators {bottom: -5px;}
    .sub_slide {position: absolute; top: 10%; left: 10%; right: 10%; bottom: 10%; }
    .sub_slide .slide{background-color: rgba(0,0,0,0.42);border: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px;}
    .main_slide .transasia-frame{height: 342px; background-size:100% 100% !important;}
    .main_slide .transasia-frame img{height: auto;width: 100%;}
}
@media (max-width: 767px){
    /*#slide-hightlight img{height: 345px;}*/
    .carousel-indicators {bottom: -5px;}
    .sub_slide {position: absolute; top: 2%; left: 10%; right: 10%; bottom: 17%;}
    .sub_slide .slide{background-color: rgba(0,0,0,0.42);border: 1px solid rgba(255,255,255,0.3); padding-bottom: 15px; overflow: hidden; height: 250px;}
    .main_slide .readmore {padding-left: 15px; position: relative; top: -25px;}
    .main_slide .transasia-frame{height: 300px; background-size:cover !important;}
    .main_slide .transasia-frame img{height: 100%;width: auto;}
}

.sub_slide .head{ padding:10px 15px; border-bottom: 1px solid #a8adae; color:#f5b300;}
.sub_slide .detail{ padding:10px 15px; color:#FFFFFF;}
.sub_slide .head label{ width: 90%;}
.sub_slide .arrow{position: absolute;top: 15px;right: 10px;}
.sub_slide .arrow a{ color:#FFFFFF; cursor: pointer;}