/*=========共用=============*/
.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: 0.375rem 0.5rem !important;

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

/*===相簿內容頁=========*/
#defaultfunctionbox #barmemu {
  width: 100%;
  padding: 0.3125rem 0rem 0.625rem 0rem;
  margin: -1.25rem 0rem 2.5rem 0rem;
}

#barmemu li {
  padding: 0rem 0.625rem 0rem 0rem;
  float: left;
}

#albumshowalbumbox .row {
  position: relative;
}

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


#defaultfunctionbox #monitor{
margin: 0.5rem 0rem 0.375rem 0rem;
}




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

.vmodeljsbox img {
  width: 100%;
}

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



.magnifier-container {
  overflow: hidden;
  position: relative;
  border: 0.0625rem 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: 5.9375rem !important;
}

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

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

#albumindex  .thumbnail {
    display: block;
    padding: 0.5rem;
    margin-bottom: 1.875rem;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0.0625rem solid #ddd;
    border-radius: 0.25rem;
    -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: 0.625rem;
} 


#albumindex #barmemu {
  width: 100%;
  padding: 0.3125rem 0rem 0.625rem 0rem;
  margin: -0.625rem 0rem 0rem 0rem;
}

#albumindex #albumcenterbox {
  position: relative;
  margin: 0.625rem 0rem 0rem 0rem;
}

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


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

#albumindex #itembox {
  text-align: center;
  padding: 0.3125rem 0rem 0rem 0rem;
  color: #666666;
}

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

#albumindex #sorttitlebox {
  text-align: center;
  padding: 0.3125rem 0rem;
  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: 0.625rem 0rem;
  line-height: 170%;
  text-align: center;
}

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

#albumindex .page-header {
  margin: 0.625rem 0rem 0rem 0rem;
}

#albumindex .alert {
  width: 102%;
}

/*=========讀取圖片===========*/
#allrecordsimg {
  position: relative;
  display: none;
  left: 30%;
  width: 25rem;
  height: 15.9375rem;
  background: url(../../../images/201404180822583ffad.gif) no-repeat left top;
}

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

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

.uploadimgbox #imgtext {
  margin: 0.9375rem 0.625rem;
}

/*========已上傳圖片==========*/
.uploadimgbox .thumbnailimg {
  position: relative;
  margin-top: 0.375rem;
  border: 0.0625rem solid #EDEDED;
  display: block;
  padding: 0.25rem;
  margin-bottom: 1.25rem;
  line-height: 1.42857143;
  background-color: #fff;
  border-radius: 0.25rem;
  -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: 10.3125rem;
  overflow: hidden;
}

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

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

#modulesmenuArrbox .btn {
  margin: 0rem 0.75rem 0.9375rem 0rem
}

/*==========社群分享================*/
#community-share  .share_btn{
position: relative;
width: 12%;
height: 12%;
margin: 0rem 0.3125rem 0rem 0rem; 
border-radius: 5.625rem !important;
overflow: hidden;
display: inline-block;
line-height: 0rem;
}

#community-share img{
width: 100%;
}