/*2020-01-06 11:26*/ #mcilghtbx_overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,0.75); box-sizing: border-box; padding: 20px; padding-bottom: 83px; overflow: hidden; z-index: 999999; } #mcilghtbx_overlay.close_not_poswin { padding-bottom: 20px; } .mcilghtbx_pos { box-sizing: border-box; width: 100%; height: 100%; overflow: auto; } .mcilghtbx_mdlbx { display: table; width: 100%; height: 100%; } .mcilghtbx_mdlbx > div { display: table-cell; height: 100%; vertical-align: middle; text-align: center; letter-spacing: -0.31em; } #mcilghtbx_cnt { display: inline-block; letter-spacing: normal; text-align: left; color: #FFF; position: relative; } #mcilghtbx_cnt a { color: inherit; } #mcilghtbx_cnt img { width: auto; height: auto; vertical-align: top; max-width: none; } .mcitype_anchor #mcilghtbx_cnt img, .mcitype_dom #mcilghtbx_cnt img { max-width: 100%; } #mcilghtbx_cnt audio, #mcilghtbx_cnt video, #mcilghtbx_cnt iframe { max-width: 100%; } #mcilghtbx_cnt video { background-color: #000; } .mcilghtbx_xbtn_box { position: fixed; left: 0; bottom: 15px; width: 100%; } .close_not_poswin .mcilghtbx_xbtn_box { left: auto; bottom: auto; width: auto; position: absolute; right: 0; top: 0; } a#mcilghtbx_xbtn { display: block; margin: 0 auto; width: 47px; height: 47px; border-radius: 100%; text-decoration: none; background: url(../images/mci_lightbox/xbtn.png) center center no-repeat #C00; border: 3px solid #FFF; } .close_not_poswin a#mcilghtbx_xbtn { border-radius: 0; border: none; } a#mcilghtbx_xbtn:hover, a#mcilghtbx_xbtn:focus { background-color: #900; } a#mcilghtbx_xbtn span { display: none; } a#mcilghtbx_cntstart { display: block; width: 0; height: 0; overflow: hidden; line-height: 0; padding: 0; margin: 0; clear: none; float: none; position: static; outline: none; border: none; } a#mcilghtbx_cntstart:focus { outline: none !important; } /*SPEC:限制最大寬度*/ .maxwh_limit { width: 100%; } #mcilghtbx_cnt.maxwh_limit audio, #mcilghtbx_cnt.maxwh_limit video, #mcilghtbx_cnt.maxwh_limit iframe { width: 100%; } /*SPEC:圖片限制不超出版面*/ #mcilghtbx_cnt.img_limit img { max-width: 100%; } /*SPEC:限制容器比例*/ #mcilghtbx_cnt.scale_kpr { width: 100%; } #mcilghtbx_cnt.scale_kpr > div#mcilghtbx_cnt_in { height: 0; overflow: hidden; position: relative; } #mcilghtbx_cnt.scale_kpr video, #mcilghtbx_cnt.scale_kpr iframe, #mcilghtbx_cnt.scale_kpr img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /*對應iframe在桌機與行動載具的不同表現*/ .iframe_embed #mcilghtbx_cnt { vertical-align: top; } .iframe_embed #mcilghtbx_cnt, .iframe_embed #mcilghtbx_cnt_in, .iframe_embed iframe { width: 100%; height: 100%; } .iframe_embed iframe { position: absolute; left: 0; top: 0; } /*Youtube iframe 鎖定比例時,垂直置中*/ .mcitype_youtube #mcilghtbx_cnt { letter-spacing: -0.31em; } .mcitype_youtube #mcilghtbx_cnt > div { display: inline-block; vertical-align: middle; } .ytiframe_center { height: 100%; width: 0; overflow: hidden; } .mcitype_youtube #mcilghtbx_cnt_in { letter-spacing: normal; } .mcilghtbx_hidden { display: none !important; } .mcilghtbx_hidden.lghtbx_show { display: block !important; }