/*================================================== 
     Slideshow
 ================================================== */

.carousel-inner .item {
    -webkit-transition: opacity 1.2s ease-in-out;
    -moz-transition: opacity 1.2s ease-in-out;
    -ms-transition: opacity 1.2s ease-in-out;
    -o-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
    opacity:0.7;
}
.carousel-inner .item,
.carousel-inner .active.left,
.carousel-inner .active.right {
  opacity: 0.7;
}
.carousel-inner .active,
.carousel-inner .next.left,
.carousel-inner .prev.right {
  opacity: 1;
}
.carousel-inner .next,
.carousel-inner .prev,
.carousel-inner .active.left,
.carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
/*-- Main slide --*/
.slider{
   /* margin-top:25px;*/
    border-bottom:#d6dadb 10px solid;
}
.slider_ab{
    /*margin-top:25px;*/
}
#main-slide .item img {
    width: 100%;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

#main-slide .item .slider-content {
    z-index: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity:0;
}

#main-slide .item.active .slider-content {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 20%;
    margin-top: -70px;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
}

#main-slide .carousel-indicators {
    top: 70px!important;
    left: 33px!important;
    display: inline!important;
}

.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
    margin: 1px 12px 25px 1px !important;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}

#main-slide .carousel-control.left span {
    padding: 15px;
}

#main-slide .carousel-control.right span {
    padding: 15px;
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 40%;
    z-index: 5;
    display: inline-block;
}

#main-slide .carousel-control .fa-angle-left {
    left: 0;
}

#main-slide .carousel-control .fa-angle-right {
    right: 0;
}

#main-slide .carousel-control i {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    line-height: 36px;
    font-size: 32px;
    padding: 15px 20px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

#main-slide .slider-content h2 {
    font-size: 76px;
    font-weight: 100;
    text-transform: uppercase;
    color: #555;
}

#main-slide .slider-content h2.white,
#main-slide .slider-content h3.white {
    color: #fff;
}

#main-slide .slider-content h3 {
    font-size: 36px;
    font-weight: 300;
    margin-top: 60px;
    text-transform: uppercase;
    text-align: center;
    color: #555;
}

.slider.btn {
    padding: 10px 40px;
    margin-top: 40px;
    font-size: 20px;
    border-radius: 2px;
    text-transform: uppercase;
    line-height: 28px;
    border: 0;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
}

.slider.btn.btn-default {
    margin-left: 4px;
    background: #ECECEC
}

.slider.btn.btn-default:hover {
    background: #000;
    color: #fff;
}

.slider-content-left {
    position: relative;
    margin: 0 0 0 40px;
}

.slider-content-right {
    position: relative;
}


/*-- Animation --*/

.carousel .item.active .animated1 {}

.carousel .item.active .animated2 {
    -webkit-animation: lightSpeedIn 0.7s ease-in 200ms both;
    animation: lightSpeedIn 0.7s ease-in 200ms both;
}

.carousel .item.active .animated3 {
    -webkit-animation: bounceInLeft 0.7s ease-in-out 500ms both;
    animation: bounceInLeft 0.7s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
    -webkit-animation: flipInX 0.7s ease-in 500ms both;
    animation: flipInX 0.7s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 0.7s ease-in-out 100ms both;
    animation: bounceInLeft 0.7s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
    -webkit-animation: bounceIn 0.6s ease-in 300ms both;
    animation: bounceIn 0.6s ease-in 300ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
    -webkit-animation: bounceIn 0.6s ease-in 300ms both;
    animation: bounceIn 0.6s ease-in 300ms both;
}

.carousel .item.active .animated8 {
    -webkit-animation: fadeInDown 0.8s ease-in 400ms both;
    animation: fadeInDown 0.8s ease-in 400ms both;
}

.carousel .item.active .animated9 {
    -webkit-animation: fadeInUp 1s ease-in 200ms both;
    animation: fadeInUp 1s ease-in 200ms both;
}

.slidemenu {
    width: 50px;
    height: 300px;
    position: absolute;
    display: block;
    right: 0px;
    top: 30%;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: 1000;
}

.slidemenu li.s-top {
    width: 100%;
    height: 50px;
    background: #404040;
    text-align: center;
}

.slidemenu li.s-top img {
    vertical-align: middle;
    margin-top: 25%;
}

.slider-info .c1{
    margin-top:100px;
}
.slider-info .c2{
    margin:60px 0 0px 0!important;
    font-size:48px;
}
.slider-info .c3{
    padding:10px 10px 0px 10px;
    line-height: 22px;
    color: rgba(255,255,255,0.5);
}
.slider-info .c4{
    padding:10px;
}
.slider-info .c4 a{
    color:#3c5c77;
}
.slider-info .c5{
    padding:10px;
    font-size:13.5px;
    color:#a82b2b;
    line-height: 20px;
    margin-bottom:20px;
}
.slider-info .c5 abbr{
    border-bottom: 1px dotted #a82b2b;
}
.slider-info .c5 img{
    width:16px!important;
    margin-right:5px;
}
.paddx{
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
    width:90px;
    height:90px;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 0px 6px rgba(100%,100%,100%,1);
    -moz-box-shadow: 0px 0px 0px 6px rgba(100%,100%,100%,1);
    box-shadow: 0px 0px 0px 6px rgba(100%,100%,100%,1);
}
.slider-info img{
    width:62px!important;
    vertical-align: middle;
    position: relative;
    top:14%;
}
.slider_btn {
    background: rgba(254, 254, 254, 0.8);
    color:#656565;
    font-size:15px;
    padding:15px 45px;
    border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;
    border:none;
}
.slider_btn:hover {
    background: rgba(244, 244, 244, 0.8);
    color:#656565;
    font-size:15px;
    padding:15px 45px;
    border-radius: 25px;-moz-border-radius: 25px;-webkit-border-radius: 25px;
    border:none;
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .paddx{
        text-align: center;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        width:77px;
        height:77px;
        border-radius: 50px;
    }
    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important;
        margin: 1px 12px 20px 1px !important;
    }
    .slidemenu {
        width: 50px;
        height: 60%;
        position: absolute;
        display: block;
        right: 0px;
        top: 18%;
        background-color: rgba(255, 255, 255, 0.3);
        z-index: 1000;
    }
    .slider-info .c1{
        margin-top:40px;
    }
    .slider-info .c2{
        margin:30px 0 0px 0!important;
        font-size:38px;
    }
    .slider-info .c3{
        padding:10px 40px;
        font-size:12px;
        line-height: 18px;
    }
    .slider-info .c4{
        padding:5px;
    }
    .slider-info img{
        width:52px!important;
        vertical-align: middle;
        position: relative;
        top:14%;
    }
    .mb_img{
        height:440px!important;
    }
}

@media all and (min-width: 1px) and (max-width: 767px) {
    .rx_img {
        max-height:300px!important;
        width:100%!important;
        max-width:100%!important;
        height:inherit;
        overflow:hidden;      /*超過不顯示*/
    }
    .rx_img img {
        width:600px!important;
        max-width:600px!important;
        height:inherit;
        width:expression(document.body.clientWidth>600?"600px""auto");/*若圖片大於1000px就調整*/
        margin-left:-200px;
        overflow:hidden;      /*超過不顯示*/
    }
    .paddx{
        text-align: center;
        vertical-align: middle;
        position: relative;
        display: inline-block;
        width:70px;
        height:70px;
        border-radius: 50px;
    }
    .slider-info .c5{
        padding:0 10px 0 10px;
        font-size:13.5px;
        color:#a82b2b;
        line-height: 20px;
        margin-bottom:0px;
    }
    .carousel-indicators li {
        width: 10px !important;
        height: 10px !important;
        margin: 1px 1px 20px 1px !important;
    }
    .slidemenu {
        width: 50px;
        height: 80%;
        position: absolute;
        display: block;
        right: 0px;
        top: 10%;
        background-color: rgba(255, 255, 255, 0.3);
        z-index: 1000;
    }
    .slider-info .c1{
        margin-top:30px;
    }
    .slider-info .c2{
        margin:10px 0 0px 0!important;
        font-size:20px;
    }
    .slider-info .c3{
        padding:5px 10px;
        font-size:12px;
        line-height: 14px;
    }
    .slider-info .c4{
        padding:5px;
    }
    .slider-info img{
        width:45px!important;
    }
    .mb_img{
        height:300px!important;
    }
    .rs_img {
        max-height:300px;
        width:100%;
        max-width:100%;
        height:inherit;
        overflow:hidden;      /*超過不顯示*/
    }
    .rs_img img {
        width:1200px;
        max-width:1200px;
        height:inherit;
        width:expression(document.body.clientWidth>1200?"1200px""auto");/*若圖片大於1000px就調整*/
        margin-left:-400px;
        overflow:hidden;      /*超過不顯示*/
    }
    .slider_btn {
        font-size:13px;
        padding:8px 32px;
    }
    .slider_btn:hover {
        padding:8px 32px;
    }

}