body {
  color:#333;
  font-size:10pt;
  font-family:微軟正黑體;
  margin:0;
  background:#FFF;
  margin-left:20px;
}
div{box-sizing:border-box;}
#wAll {
    width:100%;
}
#Dleft {
    min-width:120px; font-size:10pt; font-weight:bold; color:#000; 
}
#Dleft .left_tr {
  float:left; 
  clear:both;
  width:143px;
}
#Dleft .left_td {
  float:left;
  height:22px;
}

#td_menubar {
  padding-bottom:5px;
  clear:both;
  float:left;
  min-width:150px;
  border-right:#808080 1px solid; 
  vertical-align:top;
  padding-top:10px;
  overflow-y:auto;
  overflow-x:hidden;
}
#wBody {
  overflow:hidden;
  background:#F7F7F7;
}
#wBody #wRight {
  background:#F7F7F7;
  padding:5px;
}
#wSearch {
  /*margin-top:10px;*/
  line-height:30px;
  word-break:break-all;
}
.btnFunc{
  background:#efefef;
  position:absolute;
  margin-left:10px;
  border:1px solid #ccc;
  padding-left:5px; padding-right:5px; 
  border-radius:2px;
}
#wContent {
  background:#FFF;
  margin-top:10px;
  padding:10px;
  overflow:hidden;
  border:#DCDCDC 1px solid;
  border-radius:5px;
}
.frameTitle{
  position:fixed;
  left:0px; 
  top:0px;
  width:20px;
  background:#62ccff;
  padding:2px;
  border:1px solid #999;
  border-left:0px;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  z-index:1;
}
.wLine {
  background:#808080; height:1px
}
.img {
  vertical-align:middle;
}
/* 頁次 */
.pageList,.pageList2 {
  width:100%; 
  background:#FFF;
  line-height:30px;
  position:fixed;
  overflow:hidden;
  z-index:1;
  height:35px;
}
.pageList2{
  padding-top:5px;
}
/* table 欄位*/
.empty{
  text-align:center; 
  width:100%; 
  height:300px; 
  line-height:300px;
  font-size:14pt; 
  font-weight:bold;
}
#div_editShowTmpl2{z-index:56}

/* 列表表單 */
.contbs2 {line-height:26px }
.contbs2 tr {
  height:26px;
  line-height:26px;
}
.contbs2 .grayLine { height:1px; line-height:1px; }
.contbs2 .grayLine div{ width:100%; border-bottom:#DCDCDC 1px solid;}
.contbs2 .ls	{ height:26px;  font-size: 11pt; color: #333; padding-left:5px; word-break: break-all;}
.contbs2 .rs	{ height:25px;  font-size: 11pt; color: #333; text-align: right; word-break: break-all;}
.contbs2 .ms { height:26px;  font-size: 11pt; color: #333; text-align: center; word-break: break-all;}
.contbs2 .mts { height:26px; line-height:26px; font-size: 12pt; color: #444; text-align: left; font-weight:bold; padding-left:5px; position:relative }
.contbs2 .mts a {color:#444}
.contbs2 .mts2 { height:35px;  line-height:17px; font-size: 11pt; color: #444; text-align: left; font-weight:bold; padding-left:5px; position:relative  }
.contbs2 .mts2 a {color:#444}

/*.mtsb { position:fixed; margin-top:-35px; background:#000; color:#fff; border:#000 1px solid; border-radius:2px; padding:2px; display:none; padding-left:5px; padding-right:5px; } */
.mtsb { position:fixed; margin-top:-35px; font-size:9pt; opacity:0.7; background:#000; color:#fff; border:#000 1px solid; border-radius:2px; display:none; padding-left:3px; padding-right:3px; } 
/* 其他表單 */
.contbs {background:#B0B0B0; border-color:#CCC; line-height:25px }
.contbs .ls	{ height:25px;  font-size: 11pt; color: #000000;  }
.contbs .rs	{ height:25px;  font-size: 11pt; color: #000000; text-align: right; }
.contbs .ms { height:25px;  font-size: 11pt; color: #000000; text-align: center; }
.contbs .mts	{ height:30px;  font-size: 11pt; background: #e7efe7; color: #000000; text-align: center; font-weight:bold }
.trhover { background:#ffff80;}
.trclick { background:#D8E8F9;}
.trdeep {background:#E0E0E0;}

/*狀態*/
.stBLACK,.stREADY,.red { color:#FF0000; }
/* 圖片灰框 */
.imgbor {
  border:#C0C0C0 1px solid; 
  overflow:hidden;
}
/* 小圖尺寸 100x75 */
.img_s {
  width:100px; 
  height:75px;
  line-height:75px; 
  font-size:12pt; 
  color:#333; 
  font-weight:bold; 
  text-align:center; 
}
.img_m {
  width:150px; 
  height:112px;
}
.imgbor img {
  width:100%; 
  height:auto;
}
.pmtborder { 
  color:#FFFFFF; font-size:10pt; padding-left:3px; padding-right:3px;
  background:#0080C0; border:solid; border-width:1px; border-color:#0080C0; border-radius:2px; height:22px; 
}
#td_menubar {
  float:left;
}
input[type=text],input[type=tel],select,textarea{
  padding: 2px;
  border: 1px solid #666;
  box-sizing: border-box;
  background: #f9f9f9;
  font-size: 14px;
  height:26px; 
  margin-top:3px;
}
input[type=button]{
  cursor:pointer
}
#td_menubar {
  margin-left:0.5%;
}

a:link    {text-decoration: none;color:#0000ff; font-weight:bold}
a:visited {text-decoration: none;color:#0000ff; font-weight:bold}
a:active  {text-decoration: none;color:#FF6C00; font-weight:bold}
a:hover   {text-decoration: none;color:#FF6C00; font-weight:bold}

#titleall{
	width:100% ; overflow:hidden; margin:auto; border-bottom:#999 1px solid;}
	
#titleall .logo{
	float:left;
    padding-left:20px;}
	
#titleall .logotxt{
	float:left; font-size:15px; color:#1d79e6; line-height:30px; margin-top:17px;}
	
#titleall .topright{
	float:right;margin-top:18px;}
	
#titleall .signin{ font-size:12px; 
	}
		
#titleall .signin a{
	background-color:#1d79e6;padding:5px 15px;  color:#fff; line-height:25px;text-decoration:none;border-radius:5px; }
	
#titleall .signin a:hover{
	background-color:#333; color:#ffd125;text-decoration:none;}
	
#titleall .company{
	font-size:12px; margin-right:10px; line-height:28px; letter-spacing:1px; color:#1d79e6; background-image:url(/img/people.png); background-repeat:no-repeat; padding-left:25px;}
	
.item { float:left; font-size:12px; margin-top:8px; margin-left:10px; position:relative;}

.item a{
	background-color:#666;padding:5px 10px;  color:#fff; line-height:25px;text-decoration:none;border-radius:5px; }
	
.item a:hover{
	background-color:#333; color:#ffd125;text-decoration:none;}
	
.number{ background-color:#dc0800;border-radius:30px; position:absolute; width:17px;font-size:11px; color:#fff; text-align:center; height:17px; line-height:16px; right:-3px; top:-6px;}
.number2{width:35px;right:-14px;}
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:10pt;
}
.clear { clear:both;}
.keyDisp{cursor:pointer;}
#mgrMenu {
  position:fixed;
  background-color: #5e5e5e;
  border: medium none;
  bottom: 0;
  top:0;
  color: #666;
  font-size: 12pt;
  line-height: 30px;
  margin: auto;
  position: fixed;
  left:-179px;
  width: 180px;
  transition: all 0.5s ease 0s;
  z-index: 1;
}
#mgrMenu_btn {
  position:absolute;
  background-color: #5e5e5e;
  border-radius: 0 5px 5px 0;
  color: #fff;
  cursor: pointer;
  width: 25px;
  height: 80px;
  line-height:18px;
  padding-left:7px;
  padding-top:5px;
  right:-20px;
  z-index: 11;
  font-size:10pt;
  top:50%; 
  margin-top:-40px; 
}
#mgrMenu:hover{
  left:0px;
}
#mgrMenu_list{
  padding:5px;
  position:absolute;
  top:0;left:0;right:0; bottom:0;
  overflow-y:auto;
}
#mgrMenu_list .menu1 .name{
  color:#fff;
  font-size:12pt;
  cursor:pointer;
}
#mgrMenu_list .menu1 .focus{
  color:#ff8b17;
  font-weight:bold;
}
#mgrMenu_list .menu2 .name{
  color:#fff;
  font-size:11pt;
  padding-left:10px;
  cursor:pointer;
}
#mgrMenu_list .menu2 .focus{
  color:#ff8b17;
  font-weight:bold;
}


.search:hover {
  background:url("/img/search.png");
  background-repeat:no-repeat;
  background-size:25px 25px; 
  background-position:right;
  cursor:pointer;
}
.editorSel:hover,.editorTxt:hover,.editorInt:hover {
  background:url("/img/edit.png");
  background-repeat:no-repeat;
  background-size:16px 16px; 
  background-position:right;
  cursor:pointer;
}
.conRed{
  color:#ff3c3c;
}
.hoverMsg{
  cursor:pointer;
}
.hoverMsgBor{
  padding:3px;
  border:1px solid #666;
  background:#CCC;
  color:#666; 
  font-size:10pt; 
  line-height:25px; 
  width:200px;
  border-radius:5px;
  border-top-left-radius:0px;
  position:absolute;
  display:none;
  word-break: break-all;
  position:fixed;
}
.hoverMsgArrow{
  position:absolute; 
  margin-top:-13px;
  margin-left:-4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 10px 5px;
  border-color: transparent transparent #666 transparent;
}
.arrowFunc{
  cursor:pointer;
}
.arrowLeft{
  width:16px; 
  height:16px; 
  background:url('/img/leftarrow.png');
  display:inline-block;
}
.arrowRight{
  width:16px; 
  height:16px; 
  background:url('/img/rightarrow.png');
  display:inline-block;
}
.screenFunc{
  display:inline-block; 
  width:20px; 
  height:20px;
  vertical-align:middle;
  margin-bottom:4px;
  cursor:pointer;
}
.fullscreen1{
  background:url("/img/fullscreen1.png");
  background-size:20px 20px; 
}
.fullscreen2{
  background:url("/img/fullscreen2.png");
  background-size:20px 20px; 
}
.fullscreen1_white{
  background:url("/img/fullscreen1_white.png");
  background-size:20px 20px; 
}
.fullscreen2_white{
  background:url("/img/fullscreen2_white.png");
  background-size:20px 20px; 
}
.maxsize{
  position:fixed; 
  left:0; top:0;right:0; bottom:0;
  width:100%; 
  z-index:99999;
}
.contbs2 .fmin{
  font-size:10pt;
  line-height:13px;
}
.ta_borItems{
  width:200px; 
  border:1px solid #333; 
  background:#0080c0;
  border-radius:3px; 
  margin-bottom:8px;
  padding:2px;
  padding-left:5px;
  color:#fff;
  position:relative;
}
.ta_borItems .ta_borItemsDel{
  background:url("/img/trash.png"); 
  background-size:20px 20px; 
  width:20px; 
  height:20px; 
  cursor:pointer; 
  position:absolute; 
  right:5px; 
  top:5px;
}
/** tab css **/
ul {
	list-style: none outside none;
}
.textMenu_bg {
	text-align: left;
	color: #333;
	cursor: pointer;
	border-bottom: #C6C6C6 1px solid;
	margin-top: 5px;
	line-height: 27px;
	height: 27px;
    margin-bottom:0px;
}
.textMenu_bg li {
	box-sizing: border-box;
	padding: 0px 0;
	text-align: center;
	float: left;
	width: 100px;
    height:27px;
    margin-right:8px;
}
.textMenu_bgli{
    border-left: #C6C6C6 1px solid;
    border-top: #C6C6C6 1px solid;
    border-right: #C6C6C6 1px solid;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
.textMenu_bg_active {
    font-size: 11pt;
    color:#FFF;
    background:#0080c0; 
    border: 2px solid #0080c0;
    border-bottom:2px solid #333;
    line-height:23px;
}
.textMenu_bg:after, .mainMenu_bg:after, .Reference_Price ul:after, .product_Toolbar:after {
	content: "";
	display: block;
	clear: both;
}
.mainMenu_bg {
	text-align: left;
	color: #333;
	cursor: pointer;
	border-bottom: #333 1px solid;
	margin-top: 5px;
	line-height: 23px;
	height: 25px;
    margin-bottom:0px;
    padding:0px;
}
.mainMenu_bg li {
	box-sizing: border-box;
	padding: 0px 0;
	text-align: center;
	float: left;
	width: 100px;
    height:25px;
    margin-right:0px;
    border-left:0px;
    margin-top:1px;
}
.mainMenu_bgli:first-child {
    border-left:#333 1px solid;
}
.mainMenu_bgli{
    border: #333 1px solid;
}
.mainMenu_bg_active {
    color:#FFF;
    background:#0080c0; 
}
/** end **/
.f11 {
    font-size:11pt;
}
.f8{
    font-size:8pt;
}

.priceadd:hover{
    background:url("/img/priceadd.png");
    background-repeat:no-repeat;
    background-size:29px 30px; 
    background-position:right;
    cursor:pointer;
}
/* 日期輸入框*/
.datepicker{
    width:90px;
}
.funcBtn{ 
  display:inline-block;
  padding: 0px;
  height:25px; 
  line-height:23px; 
  border:1px solid #333; 
  border-radius:3px;
  background:#cecece;
  color:#fff;
  cursor:pointer;
  text-align:center;
  width:50px;
}
.funcBtn a{
  color:#333;
}
.focusBtn{
  background:#0080C0;
}
.focusBtn a{
  color:#fff;
}
.loadingHide{
  position:fixed; 
  left:0; right:0; top:0; bottom:0;
  background:#000; 
  color:#FFF; 
  text-align:center; 
  font-weight: bold; 
  font-size:12pt; 
  line-height:60px; 
  opacity:0.75;
}
.ui-tooltip {
  z-index:56;
}
/*** 自訂標籤 **/
tips{
  color:#FF0000;
}


/** 
 * ckEditor 
 */
 .ck-rounded-corners{ max-width:720px; height:500px}

 /* Tabbed Styles */
 .tabbed {
   margin: 0 auto;
   border-bottom: 2px solid #000;
   overflow: hidden;
 }
 .tabbed ul {
   margin: 0px;
   padding: 0px;
   overflow: hidden;
   float: left;
   padding-left: 55px;
   list-style-type: none;
 }
 .tabbed ul * {
   margin: 0px;
   padding: 0px;
 }
 .tabbed ul li {
   display: block;
   float: right;
   padding: 3px 10px 3px 10px;
   background-color: #DDD;
   margin-right: 5px;
   z-index: 0;
   position: relative;
   cursor: pointer;
   color: #777;
   font: 600 13px/20px roboto, "Open Sans", Helvetica, sans-serif;
   border:0px solid #333;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
   font-family:微軟正黑體;
 }
 .tabbed ul li.active, .tabbed ul li.active:before, .tabbed ul li.active:after {
   background-color: #000;
   color: #fff;
 }
 .conflict{
   display:inline-block; 
   color:#FF0000;   
   padding-left:18px;
   background:url('/img/notice.png'); 
   background-size:15px 15px; 
   background-position:0px 5px;
   background-repeat:no-repeat;
 }
 
 #arrowAct{cursor:pointer}
 .arrowUp{
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 0 6px 12px 6px;
	 border-color: transparent transparent #67696b  transparent;
 
	 position:absolute; 
	 bottom:-9px; 
	 right:0; 
 }
 .arrowDown{
	 width: 0;
	 height: 0;
	 border-style: solid;
	 border-width: 10px 5px 0 5px;
	 border-color: #67696b transparent transparent transparent;
 
	 position:absolute; 
	 bottom:-9px; 
	 right:0; 
 }
 /* on/off flipswitch */
 .onoffswitch {
	 position: relative; width: 65px;
	 -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	 
 }
 .onoffswitch-checkbox {
	 display: none;
 }
 .onoffswitch-label {
	 display: block; overflow: hidden; cursor: pointer;
	 border: 2px solid #666; border-radius: 8px;
 }
 
 .onoffswitch-inner {
	 display: block; width: 200%; margin-left: -100%;
	 transition: margin 0.3s ease-in 0s;
 }
 .onoffswitch-inner:before, .onoffswitch-inner:after {
	 display: block; float: left; width: 50%; height: 20px; padding: 0; line-height: 20px;
	 font-size: 14px; color: white; font-family: 微軟正黑體; font-weight: bold;
	 box-sizing: border-box;
 }
 .onoffswitch-inner:before {
	 content: "開啟";
	 padding-left: 10px;
	 background-color: #34A7C1; color: #FFFFFF;
	 font-family:微軟正黑體;
 }
 .onoffswitch-inner:after {
	 content: "關閉";
	 padding-right: 10px;
	 background-color: #EEEEEE; color: #999;
	 text-align: right;
	 font-family:微軟正黑體;
	 font-size:11pt;
 }
 .onoffswitch-yes:before {
	 content: "是";
 }
 .onoffswitch-yes:after {
	 content: "否";
 }
 .onoffswitch-switch {
	 display: block; width: 10px; margin: 5px;
	 background: #FFFFFF;
	 position: absolute; top: 0; bottom: 0;
	 right: 41px;
	 border: 2px solid #666; 
	 border-radius: 8px;
	 transition: all 0.3s ease-in 0s; 
 }
 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	 margin-left: 0;
 }
 .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	 right: 0px; 
 }
 /* 小圖框 */
 .simgBor{
	 width:50px; height:50px; overflow:hidden;
 }
 .simgBor img{width:50px; height:auto}
 .img-container{cursor:pointer}
 
 .errBor{border-color:#FF0000 !important}
 
 .memo, memo{font-size:8pt; color:#AAA}