/* CSS Document */

/* ==================================================
                       Page
================================================== */

.paddingl0{padding-left:0}
.paddingr0{padding-right:0}

.video-info-container ::-webkit-scrollbar {
      width: 10px;
}
.video-info-container ::-webkit-scrollbar-track {
      background-color: #5a5657;
}
.video-info-container ::-webkit-scrollbar-thumb {
      background-color: #898989;
}
::-webkit-scrollbar-button {
      background-color: transparent;
}
::-webkit-scrollbar-corner {
      background-color: transparent;
}
/* 不見 大於多少不見 */
@media (min-width: 768px) {.min768none{ display:none!important}}
@media (min-width: 992px) {.min992none{ display:none!important}}
@media (min-width: 1024px) {.min1024none{ display:none!important}}
@media (min-width: 1199px) {.min1199none{ display:none!important}}

/* 不見 小於多少不見 */
@media (max-width: 767px) {.max767none{ display:none!important}}
@media (max-width: 991px) {.max991none{ display:none!important}}
@media (max-width: 1023px) {.max1023none{ display:none!important}}
@media (max-width: 1199px) {.max1199none{ display:none!important}}

/* 不見 大於小於多少不見 */
@media (min-width: 768px) and (max-width: 991px){.max768991none{display:none!important}}

/* ==================================================
                       首頁
================================================== */
@media (max-width:1024px){
	.maxnone{display:none!important}
}
.newesttext{ padding: 10px; background: rgba(0,0,0,0.5);}
#newest .carousel-control,#Hot .carousel-control{ width: 40px; height: 40px; line-height: 40px; font-size: 18px; border-radius: 100%; background: rgba(255,255,255,0.5); top: 35%; margin-top: -20px;}
.carousel-inner-index{ height: auto !important; padding-bottom: 46px;}

.tabtitle {  text-align: center;margin-bottom: 40px;}
.tabtitle span{ font-size: 16px; border: 2px solid #fff; padding: 5px 10px;margin: 0 5px; cursor: pointer;}
.tabtitle span:hover{ color: #fbc300;}
.tabtitle span.active{background: #FFF; color: #3a2a21; }

.fill-index .col-md-3,.fill-index .col-sm-3{ padding-left: 7px; padding-right: 7px;}
#phoneHot .carousel-inner>.item{margin-top: 70px;}
#phoneHot .carousel-inner .carousel-indicators{ bottom: inherit; top: 0;}
#phoneHot .carousel-indicators li{ padding:5px 10px; font-size: 13px; background: none; border: 1px solid #fff;}
#phoneHot .carousel-indicators .active{ color: #3a2a21; background: #fff;}
#phoneHot .carousel-inner-index{padding-bottom: 0;}
#phoneHot .fill-index .strip-items{ padding: 0 2px;}
.fill-index>div>div{ padding-left: 7px; padding-right: 7px;}
.fill-index>div.row{ margin-left: -7px; margin-right: -7px;}

/*--申請按鈕--*/
a.btn-apply{
    margin-top: 15px;
    padding: 0 8px;
    background-color:#FBC300!important;
    height: 45px!important;
    line-height: 45px!important;
}

a.btn-apply:hover{
    background-color: #b99000!important;
}

a#m_search {
    line-height: 50px;
    width: 35px;
    text-align: center;
    display: inline-block;
}

/*--手機版申請/搜尋按鈕--*/
#m_apply,#m_search{ float:right}

#m_apply{
    width: 85px;
    text-align: center;
    height: 35px;
    line-height: 15px;
    margin-top: 7px;
    margin-right: 5px;
    padding: 10px 0px 10px 3px;
}

/*--手機版申請/搜尋按鈕 隱藏--*/
@media (min-width:992px){
#m_apply,a#m_search{display:none}
}
/*--電腦版申請/搜尋按鈕 隱藏--*/
@media (max-width:991px){
#d_apply,a#d_search{display:none}
.product-video{ width: 100% !important;}
.video-single{ margin-right: 0 !important;}
}



/*--手機版選單高度--*/
@media (max-width:991px){
.mobile-nav {
    height: 55px!important;
    width: 40px!important;
	display: inline-table;
/*	.footer-social-links*/
	float:right
}
.footer-social-links{ float: none !important;}
}

/*--訂閱電子報黑區--*/
@media (min-width:992px){.newsletter-label{text-align:right}}
@media (max-width:991px){
	.newsletter-label{font-size:20px!important; text-align:center; padding-bottom:10px}
	.newsletter-send{ text-align:center}
}

/*--六大主題detail--*/
a.topic-item-detail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 20px 35px 55px;
    font-size: 14px;
    color: #777;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    z-index: 2;
	
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    transform: translateY(-60px);
	
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
a.topic-item-detail:hover { top:60px; padding-top:25%}

a.topic-item-detail p { padding-top:25px; height: 106px; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4; margin-bottom: 25px; text-align: left;}


@media (max-width:767px){
a.topic-item-detail {
	padding: 10px 15px 15px;
    top: 95%;}
a.topic-item-detail h3{ font-size:16px}
a.topic-item-detail p {display:none}

a.topic-item-detail .team-social-links i {font-size: 11px!important;}

}


/*--page--*/
.ntucontent{
	margin-top:100px; 
	position:relative
}
@media (max-width:991px){
.ntucontent {
    margin-top: 50px;
}
}

.searchbox{
	position:absolute;
	display: block;
	width:100%;
    
    background-color: rgba(0, 0, 0, 0.75);
	z-index:1029
}
.searchmm{
	margin:auto;
	text-align:center
}

.searchbox input{
    display: inline-block;
    height: 39px;
	width:265px;
    vertical-align: middle;
    font-size: 11px;
    letter-spacing: 1px;
    color: #777;
    border: 2px solid #fff;
    background-color: transparent;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
@media (max-width:406px){
.searchbox input{ margin-bottom:5px}
}
@media (max-width:991px){
}
/*--字粗--*/
.fontnormal{ font-weight: normal}
.fontbold{ font-weight: bold}


/* ==================================================
                申請紀錄  application_info
================================================== */

@media 
	only screen and (max-width: 767px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
	
		/* Force table to not be like tables anymore */
		table, thead, tbody, th, td, tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		tr { border: 1px solid #ccc; 
			background: #e8e8e8; 
			color:#333
		}
		
		td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 50%!important; 
		}
		
		td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
		
		
		/*
		Label the data
		*/
		td:nth-of-type(1):before { content: "申請日期"; }
		td:nth-of-type(2):before { content: "拍攝時間"; }
		td:nth-of-type(3):before { content: "地點"; }
		td:nth-of-type(4):before { content: "演講主題及系列名稱"; }
		td:nth-of-type(5):before { content: "演講者"; }
		td:nth-of-type(6):before { content: "狀態"; }
		td:nth-of-type(7):before { content: "功能"; }
	}
		table{ width:100%}
		tr { border: 1px solid #ccc; 
			background: #e8e8e8; 
			color:#333
		}
		
		tr:nth-of-type(odd) { 
		background: #fff; 
		color:#333
		}
		th { 
			background: #565656;
			color: white; 
		}
		td, th { 
    		border: 1px solid #3A2A21;			
			text-align: left; 
		}


/* ==================================================
                申請step1  application_step1
================================================== */

.wizard {
    margin: 20px auto;
}
    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #fff;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #FBC300;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, 
.wizard .nav-tabs > li.active > a:hover, 
.wizard .nav-tabs > li.active > a:focus {
    color: #fbc300;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 90px;
    height: 90px;
    line-height: 22px;
	padding-top:20px;
    display: inline-block;
    border-radius: 100px;
	
	background: #FBC300;
	color: #000;
    border: 2px solid #FBC300;
	
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 14px;
}
span.round-tab i{
    color:#fff;
	font-size: 25px;
}
.wizard li.active span.round-tab {
   	background: #3A2A21;
    border: 2px solid #FBC300;
	color:#fbc300
    
}
.wizard li.active span.round-tab i{
    color: #fbc300;
}

span.round-tab:hover {
    color: #3a2a21;
    border: 2px solid #b99000;
	background-color: #b99000;
}


.wizard .nav-tabs > li {
    width: 25%;
	background-color:transparent;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}

.wizard .nav-tabs > li a {
    width: 90px;
    height: 90px;
    margin: 20px auto;
    border-radius: 100%;
	border:0;
    padding: 0;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}
.wizard .tab-content{background-color:#fff; color:#000; padding:15px}


@media(max-width:480px){
    .wizard {
        height: auto !important;
    }
	span.round-tab {
		font-size: 11px;
		width: 60px;
		height: 60px;
		line-height: 17px;
		padding-top: 8px;
	}
	span.round-tab i{
	font-size: 18px;
	}
    .wizard .nav-tabs > li a {
        width: 60px;
        height: 60px;
        line-height: 17px;
    }
    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

/* ==================================================
                搜尋結果頁 search
================================================== */
.result_title {
    display: inline;
}
.result_title h2{ font-size:26px; font-weight:normal; display:inline; line-height: 55px}
a.result:hover{text-decoration: line-through; color:#fff}

.breadcrumb{
    font-size: 26px;
	line-height: 1.1em;
	
    text-transform: capitalize;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	display: inline-block;
}


.factorbtn{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    margin-bottom: 2px;
    text-align: center;
    color: #fff;
    background: #565656;
}	
@media(min-width:768px){
	.factorbtn{ display:none}
}


@media(max-width:480px){
i.fa.fa-angle-down {
    float: right;
    margin-top: 9px;
    font-size: 24px;
}
}



.factor .options, .query-flags .options {
    position: relative;
    border-radius: 2px;
    line-height: 40px;
}
.factor .option, .query-flags .option {
    display: inline-block;
    width: 40px;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #565656;
}
.factor .option:hover, .factor .option.active, 
.query-flags .option:hover, .query-flags .option.active {
    color: #fff;
    background: #3a2a21;
}

.factor .option .icon, .query-flags .option .icon {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 18px;
    vertical-align: middle;
}
@media (max-width:767px){
.factor a.option.helptime{
    /*width: calc(100% + 3px);*/
}
}

.factor .options .dropdown{
	background-color:#565656;
	line-height:40px;
	/*border-radius: 2px;*/
}
.factor .nav a.dropdown-toggle {
    padding: 0 15px;
}
.factor .nav-pills > li.disabled > a {
  color: #777; 
}
.factor .nav>li>a:focus,
.factor .nav>li>a:hover {
    text-decoration: none;
    background-color: #3a2a21
}
@media (max-width: 767px){
.factor .nav>li {
    background-color: transparent;
    border-bottom: none;
	width:40px;
    padding-right: 2px;
}

.factor .options .dropdown{
	margin-left: 0!important;
    margin-top: 2px;
    border-radius: 0;
    width: 103px;
	padding:0
}
.factor .options .dropdown:nth-child(1){ margin-right: 2px;}
.factor .option, .query-flags .option { width: 100%; border-radius: 0px;}

.nav-pills>li+li ,.nav-pills>li+li{
    margin-left: 0px !important;
}
.factor .nav>li:nth-child(5){ margin-left: 10px !important;}
}

.help {
   position: relative;
}

.help:not(.popover-container):hover .tooltip, .help.popover-container:not(.active-popover):hover .tooltip {
    opacity: 1;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.help .tooltip.tooltip-down {
    left: 50%;
    top: 100%;
    margin-top: 5px;
    margin-left: -65px;
}
.help .tooltip.tooltip-down:before {
    left: 50%;
    bottom: 100%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 0;
    border-bottom: 5px solid rgba(0,0,0,.8);
}

.help .tooltip, .help .tooltip:before {
    display: block;
    position: absolute;
    z-index: 4;
    pointer-events: none;
}
.help .tooltip {
    width: 130px;
    border-radius: 6px;
    padding: 6px;
    font-size: 12px;
    text-align: center;
    text-transform: none;
    line-height: 17px;
    color: #fff;
    background-color: #3a2a21;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.search-filter.dropdown-menu{ width: 750px; padding: 15px 0;}
.search-filter.dropdown-menu>div.btn-search{ text-align: center;}
.search-filter.dropdown-menu>li{ padding-left: 95px; position: relative; min-height: 35px;}
.search-filter.dropdown-menu>li>a{ position: absolute; display: inline; left: 0; top: 5px; padding-right: 0;}
.search-filter.dropdown-menu>li>a:hover,.search-filter.dropdown-menu>li>a:focus{ color: #FFF !important; background: none !important;}
.search-filter.dropdown-menu>li>span{ display: inline-block;}
.search-filter.dropdown-menu>li>span>input[type=checkbox]{ vertical-align: -3px; margin-right: 5px; border: 1px solid #fff; background: #333333;}
.search-filter.dropdown-menu>li>span>input[type=radio],.search-filter.dropdown-menu>li>.search-time>span>input[type=radio]{vertical-align: -1px; margin-right: 5px;}
.search-filter.dropdown-menu>li>.search-time input[type=date]{ height: 25px; background: #3a2a21; border: 1px solid #FFF;}

.search-filter.dropdown-menu>li>.search-time{ display: inline;}
.search-input.dropdown-menu{ width: 360px;}
.search-input.dropdown-menu>li{ padding: 10px;}
.search-input.dropdown-menu>li>.newsletter-field {width: calc(100% - 94px); display: inline; border: 2px solid #fff; background: transparent; height: 38px; margin-right: 10px; color: #fff;}
.search-input.dropdown-menu>li>.d_apply{ margin-top: 0;}

.stripitem-left .stripleftimg,.strip-left-text{width: 300px; float: left;}
.stripitem-left .stripleftimg img{ width: 100%;}

.nav-pills>li.pillsright{ float: right; margin-left: 0; margin-right: 2px;}
.nav-pills{ width: auto;}
.nav-pills.nav-pills-right{ float: right; width: auto;}

@media (max-width:991px){
.search-filter.dropdown-menu{ width: 450px;}
.search-filter.dropdown-menu>li.li-time .search-time{ display: block;}
.search-filter.dropdown-menu>li>.search-time>span>input[type=date]{ width: 100px;}
}
@media (max-width:767px){
.search-filter.dropdown-menu,.search-input.dropdown-menu,.nav-pills.nav-pills-right{ width:100%;}
.search-filter.dropdown-menu{width:400%; /*left: calc(-100% - 2px);*/}
.search-input.dropdown-menu{ width:300%;}
.search-filter.dropdown-menu>li>.search-time>span>input[type=date]{ width: 75px;}
.nav-pills>li.pillsright{ margin-right: 0;}
}
@media (max-width:600px){
.search-filter.dropdown-menu{left: calc(-100% - 2px);}

}
@media (max-width:500px){
.search-filter.dropdown-menu{width:300%;}

}
@media (max-width:330px){
.search-filter.dropdown-menu>li>.search-time>span>input[type=date]{ width: 75px;}
.search-filter.dropdown-menu>li>.search-time>span{ display: block;}
}
@media (max-width:321px){
.search-filter.dropdown-menu,.search-input.dropdown-menu{width: calc(200% + 77px);}

}
/* ==================================================
                所有主題頁 alltopic
================================================== */

#alltopic .col-sm-4, #alltopic .col-md-6, #alltopic .col-lg-6 {
    padding-right: 7px;
    padding-left: 7px;
}

#alltopic a.topic-item-detail {
    padding: 0px 15px 55px;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    transform: translateY(-40px);
}
#alltopic a.topic-item-detail:hover { top:40px; padding-top:25%}

#alltopic .team-social-links { font-size: 10px;}
#alltopic h4{padding:10px 0}

.post-grid .team-social-links{ position: absolute; right: 15px; bottom: 14px; width:145px}
@media (max-width:769px){
	#alltopic h4{padding:10px 0 0}
}

#alltopic .col-xs-6{
	padding-right: 10px;
    padding-left: 10px;
}

#alltopic .team-social-links .col-xs-6 {
    padding-right: 5px;
    padding-left: 5px;
}

#alltopic .team-social-links i{font-size:11px}

@media (max-width:769px){
#alltopic a.topic-item-detail {
    padding: 0px 5px 55px;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    transform: translateY(-60px);
}
#alltopic a.topic-item-detail:hover {
	top:60px; padding: 20px 0px 55px;
}
}
/* ==================================================
                主題頁 topic
================================================== */

@media (min-width:1200px){
.topicbanner img {max-width:345px!important}
}

@media (min-width:992px){
.topicbanner h3 { margin: 40px 0 15px;}
}

@media (max-width:991px){
 .topicbanner h3 {
    margin: 0 0 10px;
	font-size:18px}
}


.topicbanner .team-social-links {color:#565656}

.topicbanner a,
.topicbanner .team-social-links a{color:#565656}

.topicbanner a:hover,
.topicbanner .team-social-links a:hover{color:#FBC300}

.topicbanner .share a{
    border: 2px #565656 solid;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: inline-block;
    text-align: center;
	margin: 0 5px;
}
.topicbanner .share a:hover{
    border: 2px #fbc300 solid;
}
@media (min-width:768px){
	.topicbanner .team-social-links {
	    margin-top: -34px;
		line-height: 30px
	}
}
.topicbanner .share.team-social-links i {
    margin-right: 0px;
}
@media (max-width:767px){
	.topicbanner .team-social-links {
		padding-top: 20px;
		text-align:center;
	}
.topicbanner .share a{ padding-top:7px}

}

/*--播放清單列表--*/
@media (max-width:767px){
	
#videolist .col-lg-9,#videolist .col-lg-3,#videolist .col-xs-6{padding-right:4px; padding-left:4px}

#videolist .col-sm-12{padding-right:0!important; padding-left:0!important}

}
.product-video{ padding-bottom: 55.6%; text-align: center; position: relative; margin-bottom: 20px; width:100%}
.product-video iframe{ width: 100%; height: 100%; position: absolute; left: 0;  top: 0;}




/*--其他主題detail--*/
#othertopic{padding-top:20px}

@media (max-width:767px){
 #othertopic{margin:0 -10px}
}

#othertopic a.topic-item-detail {
    padding: 0px 15px 55px;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    transform: translateY(-40px);
}
#othertopic a.topic-item-detail:hover { top:40px; padding-top:20%}

@media (max-width:769px){
		#othertopic a.topic-item-detail {
	    padding: 0px 15px 55px;
	    -webkit-transform: translateY(-70px);
	    -moz-transform: translateY(-70px);
	    transform: translateY(-70px);
	}
	#othertopic a.topic-item-detail:hover { top:70px; padding-top:20%}
}
@media (max-width:767px){
	#othertopic a.topic-item-detail {
	    padding: 0px 5px 55px;
	    -webkit-transform: translateY(-60px);
	    -moz-transform: translateY(-60px);
	    transform: translateY(-60px);
	}
	#othertopic a.topic-item-detail:hover { top:60px; padding-top:15%}
}


#othertopic h4{padding:12px 0}
@media (max-width:767px){
	#othertopic h4{padding:10px 0 0}
}

#othertopic .team-social-links { font-size: 10px;}
#othertopic .team-social-links i{font-size:12px; padding-right:0}


#othertopic .row {
    margin-right: -7px;
    margin-left: -7px;
}
#othertopic .col-sm-4,#othertopic .col-md-6,#othertopic .col-lg-6{padding-right:7px; padding-left:7px}



/*--主題頁 列表--*/

#videolist h4 a{ color:#fbc300}
#videolist h4 a:hover{ color:#B99000}

.videolist-date{ font-size:11px; margin-left: -15px;}

@media (min-width:768px){
.videolist-name{
    padding: 6px 0 3px;
}
}
@media (max-width:1199px){
 .videolist-date{margin-left: 0;}
}

@media (max-width:767px){
.videolist-who,.videolist-date{ font-size:12px; line-height:15.6px}
.videolist-name a{ font-size:13px; line-height:15.6px; margin-bottom:2px}
.videolist-info{display:none}

}


/* ==================================================
                影片頁 search_video
================================================== */

/*全部影片區*/
.video-single{
    position: relative;
    margin-right: 365px;
}

/*影片區*/
@media (min-width: 992px){
.video-container {
    margin-right: 365px;
}
}
.video-container {
    overflow: hidden;
    position: relative;
}

/*--影片高度--*/
@media (min-width: 992px){.videoheight iframe{ height:800px;}}
@media (min-width: 768px){.videoheight iframe{ min-height:465px;}}
@media (max-width: 767px){.videoheight iframe{ height:500px;}}
@media (max-width: 614px){.videoheight iframe{ height:400px;}}

/*影片說明區*/
@media (min-width: 992px){
.video-info-container{
    width: 365px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -365px;
    z-index: 2;
   overflow: hidden;
	display: block;
	background-color: #222; 
	
	
}
.video-infoallbox{ margin-bottom: 20px;}
.video-infoallbox .post-class a{ color: #fff;}
.video-infoall{ width:360px;overflow-y: scroll; overflow-x: hidden; height: 100%;}


 /*滚动条样式*/
        .video-infoall::-webkit-scrollbar {
             width: 7px;    
            /*height: 4px;*/
        }
        .video-infoall::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.2);
            background: rgba(0,0,0,0.2);
        }
        .video-infoall::-webkit-scrollbar-track {
               -webkit-box-shadow: inset 0 0 8px rgba(137,137,137,0.2);
            border-radius: 3px;
            background: rgba(137,137,137,137.1);

        }

}
@media (min-width: 768px){
.video-info-container .video-infoall {
    padding: 20px 25px 0 20px;
}
}

@media (max-width: 767px){
.video-info-container .video-infoall {
	padding: 20px 10px 0 10px
}
}


/*search video 手機版列表橫式*/
@media (max-width: 767px){

#allsearch .post-grid,
#tab-recommend .post-grid {
   background-color: transparent;
}

#allsearch .post-grid, #allsearch .post-prev-img,
#tab-recommend .post-grid, #tab-recommend .post-prev-img{
	width:50%; float:left; padding-top: 0px!important;
}
#allsearch .post-grid{padding-right:0}
}
#allsearch .row,
#tab-recommend .row,#newest .row,#Hot .row{    
	margin-right: -7px;
    margin-left: -7px;
}

#allsearch .col-sm-12,
#allsearch .col-sm-6,
#tab-recommend .col-sm-12,
#tab-recommend .col-sm-6{
    padding-right: 7px;
    padding-left: 7px;
}

.video-info-container .video-infoall {
    position: relative;
    overflow-y: scroll;
	 word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.video-infoall h4 a{color:#fbc300}
.video-infoall h4 a:hover{color:#b99000!important}


/*--影片 講者--*/
.video-infoall .video-who a {
    font-size: 11px;
    color: #fff;
}
.video-infoall .video-who a:hover {
    color: #fbc300;
}

/*--影片 影片名稱--*/
.video-infoall h4.video-name.fontnormal {
    margin: 15px 0;
}


/*--影片 觀看跟喜愛--*/
.video-infoall .team-social-links {color:#565656}

.video-infoall a,
.video-infoall .team-social-links a{color:#565656}

.video-infoall a:hover,
.video-infoall .team-social-links a:hover{color:#FBC300!important}

/*--影片 社群分享--*/
.video-infoall .share a{
    border: 2px #565656 solid;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    display: inline-block;
    text-align: center;
	padding-top: 3px;
    padding-left: 5px;
    font-size: 20px;
	
	margin-left:5px
}
.video-infoall .share a:hover{
    border: 2px #fbc300 solid;
}
@media (min-width:768px){
.video-infoall .team-social-links {
	line-height: 30px;
	margin-top:5px
}
}
@media (max-width:767px){
.video-infoall .team-social-links {
	padding-top: 20px;
	text-align:center;
}
.video-infoall .share a{ padding-top:5px}
}


.share.team-social-links i {
    font-size: 20px;
    margin-right: 5px;
}
/*--影片 說明區分頁 推薦 標籤 留言--*/
.v_message{width:100%}


a.tag {
    background-color: #000;
    color: #fff;
    padding: 5px;
    margin: 0 0 5px;
    display: inline-block;
}

a.tag:hover {
    background-color: #fbc300;
    color: #000;
}


/*--滾軸--*/

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 0px;
    width: 12px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 12px;
    background-color: #333;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
}

.ps-container:hover .ps-scrollbar-y, .ps-container .hover .ps-scrollbar-y {
    background-color: #333;
}

/* ==================================================
                關於我們 about
================================================== */
@media (min-width:768px){.mappic{ text-align:right}}
@media (max-width:767px){.mappic{ text-align:center}}
@media (min-width:768px){
	.col-sm-5.contectinfo{
		position: initial;
	}
	
	.contecttext{
	position: absolute;
    bottom: 0;
    display: block;
	}
}

.aboutmenu .btn{ margin-bottom:5px}

#qa .tpl-alt-tabs > li {width:125px}
#qa .tpl-alt-tabs li.active a{background-color:#565656!important}
a.btn_q1:hover{background-color:#333!important}

#qa .tpl-tabs-cont {
	background-color:#565656;
	padding:30px
}

/*--分頁--*/
.pagePrev, .pageNext, .pageInput{
    width: 60px;
    height: 40px;
    text-align: center;
    color: #fff;
    background-color: transparent;
    border: 3px #565656 solid;
	display:inline-block;
	line-height: 34px;
}

/*--footer--*/
footer .btn-m{ padding-top: 4px; padding-bottom: 4px;}
@media (min-width:768px){
	.footer-social-links, .footer-copy, .totalviews{ text-align:right; margin-left: 50px;}
}
@media (max-width:767px){
	.footer-social-links, .footer-copy, .totalviews{ text-align:center}
	.footer-item{text-align:center}
	
	.totalviews{margin-top: 40px;}
}







/*
     FILE ARCHIVED ON 17:06:55 三月 20, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 16:26:42 五月 25, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/