/*=========共用=============*/
.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;
}

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

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

/*====預覽圖片大小==========*/
.vmodeljsbox {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.vmodeljsbox img {
  width: 100%;
}

/*========播放器圖片大小=============*/
.magnifier {
  position: relative;
}

.magnifier-container {
  overflow: hidden;
  position: relative;
  border: 1px solid #ddd;
  z-index: 100;
  background: #FFFFFF url(../../img/frame/) repeat-y left top;
}

.magnifier-assembly {
  z-index: 10;
}

.images-cover img {
  max-height: 100%;
}

.magnifier-line li {
  width: 95px !important;
}

.magnifier .images_cover_text {
  position: absolute;
  text-align: center;
  width: 100%;
  display: block;
  bottom: 0px;
  z-index: 100;
  background-color: transparent;
  background-color: rgba(0, 0, 0, .6);
  color: #FFFFFF;
  font-size: 110%;
  padding: 3px 12px;
  word-break: break-all;
  max-height: 15%;
  overflow: hidden;
  line-height: 155%;
  
}

/*===相簿首頁=========*/
#albumindex .topbar li {
  padding: 0px !important;
}

#albumindex  .thumbnail {
    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;
}

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


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

#albumindex #albumcenterbox {
  position: relative;
  margin: 10px 0px 0px 0px;
}

#albumindex #albumcenterbox  .breadcrumb {
      display: flex;
      justify-content: center;
    }


#albumindex #setuptimebox {
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  font-size: 110%;
}

#albumindex #itembox {
  text-align: center;
  padding: 5px 0px 0px 0px;
  color: #666666;
}

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

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

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

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

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

#albumindex #albumcenterbox .breadcrumb {
  font-size: 68%;
  white-space: nowrap;
  padding: 8px 8px;
  text-align: center;
}

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

#albumindex .alert {
  width: 102%;
}

/*=========讀取圖片===========*/
#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%;
}

/*========編輯相簿==============*/
.neilalbumimgadminbtn button {
  font-size: 60%;
}

.uploadimgbox #imgtext {
  margin: 15px 10px;
}

/*========已上傳圖片==========*/
.uploadimgbox .thumbnailimg {
  position: relative;
  margin-top: 6px;
  border: 1px solid #EDEDED;
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.uploadimgbox .thumbnailimg #representimgbox {
  position: relative;
  width: 100%;
  height: 165px;
  overflow: hidden;
  /*display: flex;
  align-items: center;
  justify-content: center;*/
}

.uploadimgbox .thumbnailimg img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover; 
}

/*==========自訂按鈕區塊================*/
#modulesmenuArrbox {
  position: relative;
  text-align: center;
}

#modulesmenuArrbox .btn {
  margin: 0px 12px 15px 0px
}