@charset "utf-8";
body fieldset{border:1px solid #D8D8D8; padding:10px;}
body fieldset legend{padding:3px 8px;font-weight:700;border:1px solid #D8D8D8;background-color: #F9F9F9;}
body fieldset.blue{border:1px solid #dce3ed}
body fieldset.blue legend{padding:3px 8px;font-weight:700;color:#347add; background:none; border:none}
.picBut {background:url("../images/picBnt.png") no-repeat 0 -28px;color:#FFF;float:left; text-align:center;font-weight:700;height:28px;line-height:26px;*line-height:30px;margin-right:10px;width:75px}
.picBut a{color:#fff;text-decoration: none; width:75px}
.picButC {background:url("../images/picBntC.png") no-repeat 0 0;color:#FFF;float:left; text-align:center;font-weight:700;height:28px;line-height:26px;*line-height:30px;margin-right:10px;width:100px}
.picButC a{color:#fff;text-decoration: none; width:100px}

.table-list td,.table-list th{padding-left:12px; font-weight:normal;}
.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal}
.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid; padding-top:5px; padding-bottom:5px}
div.btn{background:#f6f6f6; padding:6px 12px 0 12px; height:30px;line-height:30px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.input-red_btn {background: url(../images/red_btn.png) no-repeat; width:40px; height:26px; line-height:26px; color:#FFF; border:0; cursor:pointer;}
.input-green_btn {background: url(../images/green_btn.png) no-repeat; width:40px; height:26px; line-height:26px; color:#FFF; border:0; cursor:pointer;}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}
.button{*padding-top:4px;min-width:80px;background:#ddd;height:24px; border-top:0;border-left:0; border-bottom:1px solid #666; border-right:1px solid #666; margin-right:5px}
.button#previewBtn{
	font-family: 'Microsoft JhengHei';
	position: fixed;
	top: 50px;
	right: 20px;
	background: #666;
	color: #FFF;
	border: 1px solid #CCC;
	opacity: 0.5;
	border-radius: 2rem;
	padding: 0 0.5rem;
}
.button#previewBtn:hover{
	background: #000;
	border: 1px solid #FFF;
	opacity: 1;
	cursor: pointer;
}

.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
a.close-own{background: url(../images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}


/*通用表單*/
.common-form{}
.common-form div.contentWrap{padding-right:20px}
.common-form ul li{color:#444; clear:both; vertical-align:middle}
.common-form ul li span.text{width:60px}
.common-form .set{border:1px dashed #e0e7ed;zoom:1; background:#f2f7fb; padding:10px; font-size:12px; margin-bottom:10px}
.common-form .set table td,.common-form .set table th{padding-left:12px}
.common-form .set table th{font-weight:normal; text-align:left;padding:0 8px}
.common-form .set table td{ padding:3px 0 3px 5px}
.common-form .set table td.y-bg{background: url(../images/set_y_line.png) repeat-y right top}
.common-form .set table td input{ background-image:none; height:18px; font-size:12px}
.input-text-c,.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #D0D0D0;height:18px;margin:0 5px 0 0;padding:2px 0 2px 5px;border: 1px solid #d0d0d0;background: url("../images/input.png") repeat-x scroll 0 0 #FFFFFF; font-family: Verdana, Geneva, sans-serif,"細明體";font-size:12px;}
.input-focus{background: #FFF url(../images/input_focus.png) repeat-x; border-color:#afcee6;font-size:12px;}
input.date,input.endDate{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
input.date2{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}
.search-form{ margin-bottom:10px}
.input-text-c{text-align:center}
/*表格表單*/
.table_form{/*font-size:12px*/}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; vertical-align:top; /*color:#777*/}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 8px 8px}
.table_form tbody td,.table_form tbody th{ border-bottom: none; }
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}
/*select美化*/
.js ul.newList {left:-9999px;}
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {color:#000; height:22px; padding:4px 0 0 6px; float:left; background:url(../images/select-bg.png) no-repeat right 0; border-left:1px solid #dfdfdf}
.newListSelected span {display:block;}
ul.newList li a {padding:3px 8px;display:block;text-decoration: none;}
.selectedTxt {overflow:hidden; height:16px; padding:0 23px 0 0;}
.measure-input {background:url("../images/ruler.gif") repeat-x scroll 0 9px transparent}
.hiLite {background:#e0ebf4!important; color:#444!important;}
.newListHover {background:#f2f7fb!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:right -26px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

/*表單驗證*/
.onShow,.onFocus,.onError,.onCorrect,.onLoad,.onTime{display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline; vertical-align:middle;background:url(../images/msg_bg.png) no-repeat;	color:#444;line-height:18px;padding:2px 10px 2px 23px; margin-left:10px;_margin-left:5px}
.onShow{background-position:3px -147px;border-color:#40B3FF;color:#959595;vertical-align: top;}
.onFocus{background-position:3px -147px;border-color:#40B3FF;}
.onError{background-position:3px -47px;border-color:#40B3FF; color:red}
.onCorrect{background-position:3px -247px;border-color:#40B3FF;}
.onLamp{background-position:3px -200px}
.onTime{background-position:3px -1356px}

/*聯動功能表*/
.linkage-menu{height:200px; overflow-y:auto; padding:0 4px}
.linkage-menu h6{ border-bottom:1px solid #e2ecee; padding:2px 0 3px; margin-bottom:5px}
.linkage-menu h6 a.rt{ font-weight:normal; font-family:'細明體';color:#377abe}
.linkage-menu div.menu a{width:74px; line-height:22px;text-decoration: none; padding-left:4px; overflow:hidden; height:22px}
.linkage-menu div.menu a:hover{ background:#d9e4ed; color:#377abe}
div#areaid{border:1px solid #A7A6AA;height:18px;margin:0 5px 0 0;padding:2px 5px 2px;border: 1px solid #d0d0d0;background: #FFF url(../images/input.png) repeat-x; position:relative; top:-2px;*top:2px;}

.picList li{ padding:0 0 8px}
.mpic_f {float:left; margin-left:10px;}
.mpic_div {width:90px; height:auto; border:1px solid #d0def1; cursor:move; position:relative;}
.mpic_div_attch  {width:90px; height:auto; min-height:170px; border:1px solid #d0def1; cursor:move; position:relative;}
.mpic_div_alt  {padding: 5px 10px;}
.mpic_div2 {float:left; margin:0 0 10px 10px; width:90px; height:90px; border:1px solid #d0def1;}
#imgPreview .on {
	border:2px solid #c00;
    /*background: url("../images/msg_bg.png") no-repeat scroll right -250px transparent;
    display: -moz-inline-stack;
    height: 16px;
    line-height: 16px;
    padding-right: 70px;
    vertical-align: middle;*/
}

.mpic_a {position:absolute; left:75px;}
.mpic_b {position:absolute; left:58px; top:7px; background:url("b_edit2.png") no-repeat; width:8px; height:8px; text-indent:-9999px; }
/*~ add by yoghurt 2015.12.11*/
.mpic_color {position:absolute; left:5px; top:1px; width:61px; height: 14px; border:1px solid #d0def1;font-size: 11px; }

.mpic_img  {margin: 18px 0 0 5px; width:80px; height:80px;}
.mpic_img2 {margin:5px; width:80px; height:80px;}
.display {display:none}
.option { border-top: 1px dashed #CCCCCC; padding:5px 0 5px 0;margin-top:10px;}
.rail-border-9 { margin-top:10px; border:1px solid #CCC !important; background:#fff; }
.rail-h-bg-shop9 { background:url("list15.gif") repeat-x; height:31px; }
.rail-h-9 { font-size:1.2em; margin:0 0; padding: 6px 5px 6px 10px; color:#555; font-weight:bold;}
.content2 { margin:10px 10px; padding:0; line-height:20px; }
.sp-total { float:right; margin-right:30px; }
.sp-total span { font-size:1.3em; font-weight:bold; }
.chkout-pay-tot { font-size:1.2em; font-weight:bold; color:#F00; }
.cart-chkout-ok { margin-top:15px;text-align:center; }

/* tablesorter */
table.tablesorter {
	/*font-family:arial;*/
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	/*font-size: 8pt;*/
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	/*font-size: 8pt;*/
	height:25px;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}
/*語系資料拷貝*/
.tab-web-panel .pul1 { margin-left:10px; }
.tab-web-panel .pul1 li { float:left; margin-right:10px; }
.tab-web-panel .pul1 .pul1a {padding:0 0 0 5px; width:100%; border:1px solid; }
.tab-web-panel .pul2 { margin-left:10px; }
.tab-web-panel .pul2 li { float:left; width:80px; margin-right:20px; }
.tab-web-panel .pdiv1 { float:left; width:100%; margin-top:10px; text-align:center; }


/* add by hank 2016.7.11 ~for 表單禁用欄位隱藏 */
#wh_{
	display:none;
}

/* add by hank 2016.9.26 ~for 排程表單狀態 */
.schedule_over{
	color:#a0a0a0;
}
.schedule_ok{
	color: #449d44;
}
.schedule_no{
	color:#d9534f;
}
.schedule_notSet{
	color:#286090;
}
.schedule_errorCode{
	cursor:pointer;
	color:#d9534f;
}

/*add by hank 2016.10.6 ~for popup error code*/
.white-popup {
  position: relative;
  background: #ececec;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
.white-popup table{
	background:#fff;
}
.white-popup th{
	font-size:14px;
	background:#000;
	color:#fff;
	border:none;
}
.white-popup td{
	padding:5px;
}
body .mfp-bg{
	background:none;
}
body .mfp-close-btn-in .mfp-close{
	color:#333;
	margin-top: -10px;
}    

/* add by hank 2021.7.29 for limner */
.access_container .sort_imgs{
	display: flex;
	flex-wrap: wrap;
}

.access_container .mpic_div{
	width: 150px;
}

.access_container .mpic_img{
    margin: 18px 0 5px 0px;
    width: 150px;
    height: 150px;
}

.access_container .picBut{
	float: none;
}

.access_container .mpic_f{
	float: none;
	margin-bottom: 15px;
}

.access_container .mpic_a{
    right: 5px;
    left: initial;
}

.access_container input[type=text]{
	width: 146px;
}