/*=========共用=============*/
.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0.75rem 1rem 0.25rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}



.breadcrumb  .btn-outline-secondary {
    font-size: 75% !important;
white-space:nowrap;
padding: 6px 8px !important;

}
.breadcrumb  .fa:not(.fa-home){
margin-top: 6px;
    font-size: 130% ;
} 

/*===影音內容頁=========*/
#defaultfunctionbox #barmemu {
	width: 100%;
	padding: 5px 0px 10px 0px;
	margin: -20px 0px 40px 0px;
}

#barmemu li {
	padding: 0px 10px 0px 0px;
	float: left;
}

#videoshowmoviebox .row {
	position: relative;
/*	width: 102%;
	left: -15px; */
}

.fb-video {
	position: relative;
	top: 9px;
	transform-origin: 0;
	transform: scale(1.035,1.035);
	margin-bottom: 40px;
}

#defaultfunctionbox #itemdescription {
	position: relative;
	word-break: break-all;
} 

.iframetrue  #defaultfunctionbox .movieboxplay iframe{
width: 97%  !important;
height: 500px;
}


.iframetrue #defaultfunctionbox .movieboxplay  .fb-video{
max-width: 870px;
height: 470px;
}

.iframetrue #defaultfunctionbox .movieboxplay  .fb-video iframe{
min-width: 855px !important;
height: 450px !important;
}

.iframetrue #defaultfunctionbox .movieboxplay  .fb-video iframe video{
max-width: 100%;
max-height: 450px;
}





/*===影音首頁=========*/
#onlinevideoindex .topbar li {
	padding: 0px !important;
	font-size: 95%;
}
#onlinevideoindex .container-fluid{
    padding-right: 0px;
    padding-left: 0px;
} 

#onlinevideoindex  .nav > li > a {
	position: relative;
	display: block;
	padding-left: 12px;
	padding-right: 12px;
}

#onlinevideoindex  #barmemu {
	width: 100%;
	padding: 5px 0px 10px 0px;
	margin: -10px 0px 0px 0px;
}

#onlinevideoindex #videocenterbox {
	position: relative;
	margin: 10px 0px 0px 0px;
}

#onlinevideoindex #setuptimebox {
	text-align: center;
	margin: 10px 5px;
	font-size: 110%;
}

#onlinevideoindex #sorttitlebox {
	text-align: center;
	padding: 5px 0px;
	margin: 5px 0px;
	color: #333333;
	background: #DDDDDD url(../../img/frame/) no-repeat left bottom;
	overflow: hidden;
	word-break: break-all;
	line-height: 170%;
}

#onlinevideoindex #sorttitlebox a {
	color: #333333;
}

#onlinevideoindex #sorttitlebox a:hover {
	color: #66543F;
}

#onlinevideoindex #titlebox {
	margin: 10px 5px;
	line-height: 170%;
	text-align: center;
}


#onlinevideoindex  .thumbnail {
	position: relative;
    display: block;
    padding: 8px;
    margin-bottom: 30px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

#onlinevideoindex   .thumbnail .w-100{
    margin-bottom: 10px;
} 


#onlinevideoindex #thumbnailtypeimg {
	position: absolute;
	width: 50px;
	right: 15px;
	top: 18px;
	opacity: 0.8;
    padding: 2px;
}

#videocenterbox .breadcrumb {
  font-size: 68%;
  white-space: nowrap;
  padding: 8px 8px;
  text-align: center;
}
#onlinevideoindex  #videocenterbox  .breadcrumb {
      display: flex;
      justify-content: center;
    }


#onlinevideoindex .page-header {
	margin: 10px 0px 0px 0px;
}

#onlinevideoindex   .alert {
	width: 102%;
}

#onlinevideoindex #itembox {
	text-align: center;
	margin: 10px 5px;
	color: #666666;
}

#onlinevideoindex #itembox a {
	color: #666666;
}





/*=========讀取圖片===========*/

#allrecordsimg {
	position: relative;
	display: none;
	left: 30%;
	width: 400px;
	height: 255px;
	background: url(../../../images/201404180822583ffad.gif) no-repeat left top;
}

#rdivfalse #allrecordsimg {
	position: relative;
	left: 33%;
}