/*全屏遮罩*/ .AlertBoxDiv { opacity: 0; position: fixed; z-index: 5100; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.1); } .AlertBoxDiv table { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); } .AlertBoxDiv table tr td { vertical-align: middle; } /*視窗容器*/ .AlertBoxDivContent { width: 95%; max-width: 500px; word-wrap: break-word; background-color: #fff; margin-top: -20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; box-shadow: 0 6px 10px -5px rgba(0, 0, 0, 0.5); border-radius: 3px; } /*視窗容器 標題區塊*/ .AlertBoxDivContent .AlertBoxDivTitle { padding: 10px 15px; text-align: left; color: #fff; background-color: #b04d67; font-size: 18px; border-radius: 3px 3px 0 0; } /*視窗容器 內容區塊*/ .AlertBoxDivContent .AlertBoxDivHtml { padding: 15px; text-align: left; min-height: 50px; /*max-height: 400px;*/ /*overflow: auto;*/ } /*視窗容器 控制區塊*/ .AlertBoxDivContent .AlertBoxDivCtrl { padding: 5px; text-align: right; border-top: 1px dashed #d3d3d3; } /*視窗容器 關閉icon*/ .AlertBoxDivContent .AlertBoxDivCloseIcon { opacity: 0.7; float: right; font-size: 23px; cursor: pointer; position: relative; } @media screen and (min-width: 1025px) { .AlertBoxDivContent .AlertBoxDivCloseIcon:hover { opacity: 1; } .AlertBoxDivContent .AlertBoxDivCloseIcon:active { opacity: 0.7; } } @media screen and (min-width: 1920px) { .AlertBoxDivContent { zoom: 1.25; } } /*視窗容器 進度條文字*/ .AlertBoxDivContent .AlertBoxDivHtmlText { text-align: center; } /*進度條*/ .ProgressBar { margin-top: 10px; background-color: #f1f1f1; width: 100%; height: 18px; line-height: 18px; position: relative; font-size: 12px; border-radius: 3px; overflow: hidden; } .ProgressBar .ProgressBar2 { height: 100%; background-color: #0094ff; position: absolute; border-radius: 0 3px 3px 0; /*transition: linear 0.2s;*/ } .ProgressBar .ProgressBarWord { width: 100%; text-align: center; position: absolute; color: #fff; text-shadow: 0 0 1px #000,0 0 1px #000,0 0 1px #000,0 0 1px #000; }