/* ===========================================================================================
	        Embedded Youtube Video with Title at Bottom (單影片 / 雙影片)
=========================================================================================== */


#All_Video_Section {
    margin: 0 auto 0;
}

.Two_Video_Section .fluid-width-video-wrapper {
    z-index: 11; /* 解決被蓋住問題 */
    min-height: 269px;
}

.Half_Video h3 {
    margin: 15px auto;
}

/* 需要出現 H3 標題再顯示即可 */
.Half_Video h3 {
    font-size: 1.2em !important;
    font-size: 1.05em !important;
    color: rgba(255,255,255,.99);
    color: rgba(255,255,255,.7);
    margin: 0px auto;
    text-align: left;
    padding: 10px 20px;
    background-color: #565656;
    background-color: #333434;
    background-color: #4f5252;
    background-color: #3b3c3c;
    position: relative;
    top: -1px;
    top: -2px;
    /*border-radius: 0px 0px 5px 5px;*/
    border-top: 1px solid rgba(255,255,255,.4);
}

.Half_Video h3.Large_Title {
    color: rgba(255,255,255,.9);
    font-size: 1.3em !important;
    padding: 15px 20px;
}

.Half_Video.text-center h3 a {
    color: rgba(255,255,255,.99);
    color: rgba(255,255,255,.7);
}

.Half_Video.text-center h3 a:hover {
    color: rgba(255,255,255,.99);
}


.Half_Video h3 span {
    color: #fff !important;
    font-weight: 500 !important;
}





/* 1024 以上 */
@Media (min-width: 1024px) {

}

/* 990 以上 */
@Media (min-width: 990px) {


    #All_Video_Section .fluid-width-video-wrapper iframe, 
    #All_Video_Section .fluid-width-video-wrapper object, 
    #All_Video_Section .fluid-width-video-wrapper embed {
    background-color: #b6b8b8;
    border: 1px solid #eaeaea !important;
    border: 1px solid #cecece !important;
    background-color: #4f5252;
    border: 1px solid #4f5252 !important;
    }

    #All_Video_Section {
    margin-top: 20px; 
    margin: 20px auto 0;
    /*margin-bottom: 35px;*/
    padding: 0;
    padding: 0 0.3%;
    margin-bottom: -25px;
    }

    .Two_Video_Section {
    height: 40vh;
    height: 30vh;
    }

    .col-md-5.Half_Video {
    width: 47.4%;
    width: 48.6%;
    padding: 0;
    }

    #Plus1.col-md-1 {
    width: 5%;
    width: 2%;
    }

    #Plus1::before {
    content: "";
    display: block;
    height: 42vh;
    height: 36vh;
    width: 1.5px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    background: #fff;
    background-image: linear-gradient(180deg,#cfcfcf 40%,hsla(0,0%,100%,0) 0);
    background-image: linear-gradient(180deg,#d6d6d6 40%,hsla(0,0%,100%,0) 0);
    background-image: linear-gradient(180deg,#e0e0e0 40%,hsla(0,0%,100%,0) 0);
    background-position: 0;
    background-size: 1px 4px;
    background-repeat: repeat-y;
    }

}


@Media (min-width: 1281px) and (max-width: 1366px) {

    #Plus1::before { 
    content: none !important;
    }

}


@Media (min-width: 990px) and (max-width: 1199px) {

    .col-md-5.Half_Video {
    width: 48% !important;
    padding: 0;
    }

}


/* 989 以下 */
@Media (max-width: 989px) {

    #All_Video_Section {
    margin-bottom: -40px;
    }

    .col-md-5.Half_Video {
    width: 100% !important;
    margin-bottom: 50px;
    }


    #Plus1.col-md-1 {
    display: none !important;
    }

    .tab-content .fluid-width-video-wrapper {
    height: 370px;
    }

}


/* 480 以下 */
@Media (max-width: 480px) {

    #All_Video_Section {
    margin-bottom: -60px;
    }

    .col-md-5.Half_Video {
    width: 100% !important;
    margin-bottom: 50px;
    padding: 0 !important;
    }

    .tab-content .fluid-width-video-wrapper {
    height: 180px;
    min-height: 180px;
    }

    .Half_Video h3 {
    font-size: 0.9em !important;
    text-align: center !important;
    }

}