/*工程師新增*/

/* 登入逾期等需手動關閉的 toast：顯示「確認」按鈕，僅點擊確認才關閉 */
.toast-item-close:not(:empty) {
	background: none !important;
	width: auto !important;
	height: auto !important;
	min-width: 60px;
	padding: 6px 14px;
	right: 10px;
	top: auto;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	line-height: 1.4;
	cursor: pointer;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 4px;
}
.toast-item-close:not(:empty):hover {
	background: rgba(255,255,255,0.15) !important;
}
.toast-item:has(.toast-item-close:not(:empty)) {
	padding-bottom: 48px;
}

/*翻譯用遮罩*/
#bodyblock {position:relative; z-index:9999;}
#shader{position:fixed; top:0px; left:0px; display:block; width:100%; height:100%; background-color:#FFF;}
/*驗證提示文字*/
div.radio-style {margin-bottom:10px;}
div.select-style{margin-bottom:20px;}

.select-style select{
	width:100% !important;
}

label.formError{position: relative; top:-25px; color:#B74848 !important;}
div.error{color:#B74848 !important;}

label.selectError {position: relative; top:-10px; color:#B74848 !important;}
label.checkboxError {position: relative; top:-10px; color:#B74848 !important;}


/*編輯器圖片設定style尺寸可縮放*/
.img-responsive{
  display:block;
  max-width:100%;
  max-height:100% !important;  /*這個會影響banner高度*/
}

/*非編輯器圖片(banner 或產品圖)設定style尺寸可縮放*/
.img-rwd{
  display:block;
  max-width:100%;  
}

/* 多規格使用 */
.specEdit {margin-top:15px; display: inline-block; margin-bottom: -17px;}
.specEdit li {list-style:none;float:left; text-align:center;font-size:12px;}
.specEdit li a {display: block; border:1px solid rgba(0,0,0,.2);margin:0 10px 10px 0 !important;padding:4px 15px!important;}
.specEdit li a.active { color:#fff; display: block;border:1px solid #00afd1;background-color:#00afd1; }
.specEdit li a:hover {color:#fff; display: block;background: #00afd1; border:1px solid #CCC; }