@charset "utf-8";

body{
	font-family:Arial;
	/*font-family:Arial,'微軟正黑體',sans-serif;*/
}

.inline{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.inlineBottom{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: bottom;
}
.truncate{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  // IE 6+, FF 7+, Op 11+, Saf 1.3+, Chr 1+
	-o-text-overflow: ellipsis;  // for Opera 9 & 10
}

.globalSearch {
	top: 16px;
	left: 0;
	float: left;
	width: 178px;
	height: 21px;
	/*text-indent: 30px;*/
	outline: none;
	margin-top:1px;
}

.globalSearch:focus{
	outline: none;
}

.search-widget .left input.globalSearch {
	width:189px;
	height:33px;
	border:0;
	outline: none;

	border-style:none;border-width:0px;box-shadow:none; background-color:transparent;padding-left:0px;
}

/*.search-widget .left input.globalSearch:focus{

}*/

.hide{display: none;}
.left{ float:left;}
.right{ float:right;}
.clean{ clear:both;}
a{ color:#3384d0; text-decoration:none; cursor:pointer;}
a:hover{ color:#ff7a68; }

.tex_black{ font-size:13px; color:#222222;}
.tex_pnamesep{ color:#aaaaaa;}
.tex_red{ color:#d62626;}
.pointer{ cursor:pointer; }
.move{ cursor:move; }

.inline-block{
	display: inline-block;
	*zoom: 1;
	*display: inline;
}


/*checkbox*/
.checkbox{ background: url("../images/basicpic.png") no-repeat scroll 0 0 transparent; width:20px; height:20px; margin-right:4px;  *margin-top:-3px; cursor:pointer;}
.checkbox:hover{ background: url("../images/basicpic.png") no-repeat scroll 0 -25px transparent; width:20px; height:20px;}
.checkbox:active{ background: url("../images/basicpic.png") no-repeat scroll 0 -75px transparent; width:20px; height:20px;}
.checkboxCheck{ background: url("../images/basicpic.png") no-repeat scroll 0 -50px transparent; width:20px; height:20px; margin-right:4px;  *margin-top:-3px; cursor:pointer;}
.checkboxCheck:hover{ background: url("../images/basicpic.png") no-repeat scroll 0 -75px transparent; width:20px; height:20px;}
.checkbox.checked{ background: url("../images/basicpic.png") no-repeat scroll 0 -50px transparent; width:20px; height:20px; margin-right:4px;  *margin-top:-3px; cursor:pointer;}
.checkbox.checked:hover{ background: url("../images/basicpic.png") no-repeat scroll 0 -75px transparent; width:20px; height:20px;}
.checkboxGrey{ background: url("../images/basicpic.png") no-repeat scroll 0 -100px transparent; width:20px; height:20px; margin-right:4px; *margin-top:-3px;}
.checkboxCheckGrey{ background: url("../images/basicpic.png") no-repeat scroll 0 -125px transparent; width:20px; height:20px; margin-right:4px;  *margin-top:-3px;}
.checkbox_tex{ color:#222222; font-size:13px; line-height:20px;}
/*checkbox_calendar*/
.calendar_checkbox{ background: url("../images/calendar_icon.png") no-repeat scroll 0 0 transparent; width:20px; height:20px; margin-right:4px; margin-top:-2px; *margin-top:-3px; cursor:pointer;}
.calendar_checkbox:hover{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -25px transparent; width:20px; height:20px;}
.calendar_checkbox:active{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -76px transparent; width:20px; height:20px;}
.calendar_checkboxCheck{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -50px transparent; width:20px; height:20px; margin-right:4px; margin-top:-2px; *margin-top:-3px; cursor:pointer;}
.calendar_checkboxCheck:hover{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -76px transparent; width:20px; height:20px;}
.calendar_checkboxGrey{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -102px transparent; width:20px; height:20px; margin-right:4px; margin-top:-2px; *margin-top:-3px; cursor:pointer;}


/*radioBtn*/
.radioBtn{ background: url("../images/basicpic.png") no-repeat scroll -25px 0 transparent; width:20px; height:20px; margin-right:3px; margin-top:1px;  margin-top:0px\9; cursor:pointer;}
.radioBtn:hover{ background: url("../images/basicpic.png") no-repeat scroll -25px -25px transparent; width:20px; height:20px;}
.radioBtn:active{ background: url("../images/basicpic.png") no-repeat scroll -25px -75px transparent; width:20px; height:20px;}
.radioBtnCheck{ background: url("../images/basicpic.png") no-repeat scroll -25px -50px transparent; width:20px; height:20px; margin-right:3px; margin-top:1px; margin-top:0px\9; cursor:pointer;}
.radioBtnCheck:hover{ background: url("../images/basicpic.png") no-repeat scroll -25px -75px transparent; width:20px; height:20px;}
.radioBtn.checked{ background: url("../images/basicpic.png") no-repeat scroll -25px -50px transparent; width:20px; height:20px; margin-right:3px; margin-top:1px; margin-top:0px\9; cursor:pointer;}
.radioBtn.checked:hover{ background: url("../images/basicpic.png") no-repeat scroll -25px -75px transparent; width:20px; height:20px;}
.radioBtnGrey{ background: url("../images/basicpic.png") no-repeat scroll -25px -100px transparent; width:20px; height:20px; margin-right:3px; margin-top:1px; margin-top:0px\9;}
.radioBtnCheckGrey{ background: url("../images/basicpic.png") no-repeat scroll -25px -125px transparent; width:20px; height:20px; margin-right:3px; margin-top:1px; margin-top:0px\9;}
.radioBtn_tex{ color:#222222; font-size:13px; line-height:20px;}

/*下拉選單框線*/
.dropdownFrame_L{ background: url("../images/basicpic.png") no-repeat scroll 0 -270px transparent; height:30px;}
.dropdownFrame_R{ background: url("../images/basicpic.png") no-repeat scroll -727px -270px transparent; width:30px; height:30px; cursor:pointer;}
.dropdownFrame_R:active{ background: url("../images/basicpic.png") no-repeat scroll -21px -200px transparent; width:30px; height:30px; }
.dropdownFrame_tex{ color:#464646; font-size:13px;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); line-height:29px; *line-height:32px; padding-left:10px;}

.dropdownListFrame{ background:#FFF; background:#ffffff\9; border:1px solid #bcbcbc; border-radius:4px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); padding:6px 0; text-align:left; float:left; width:auto;z-index:103;}
.dropdownListFrame .optionList{ color:#464646; font-size:15px; line-height:30px; padding:0 15px; cursor:pointer; z-index:104; }
.dropdownListFrame .optionListThin{ color:#464646; font-size:13px; line-height:30px; padding:0 15px; cursor:pointer; z-index:104; }
.dropdownListFrame .optionList:hover{ color:#fff;background:#47a0fa;cursor:pointer;z-index:104; }
.dropdownListFrame .optionListThin:hover{ color:#fff;background:#47a0fa;cursor:pointer;z-index:104; }

.dropdownListFrameAvoidHiding { background:#FFF; background:#ffffff\9; border:1px solid #bcbcbc; border-radius:4px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); padding:6px 0; text-align:left; float:left; width:250px;z-index:103;margin-left:-13px;}
.dropdownListFrameAvoidHiding .optionList{ color:#464646; font-size:15px; line-height:30px; padding:0 15px; cursor:pointer; z-index:104; }
.dropdownListFrameAvoidHiding .optionListThin{ color:#464646; font-size:13px; line-height:30px; padding:0 15px; cursor:pointer; z-index:104; }
.dropdownListFrameAvoidHiding .optionList:hover{ color:#fff;background:#47a0fa;cursor:pointer;z-index:104; }
.dropdownListFrameAvoidHiding .optionListThin:hover{ color:#fff;background:#47a0fa;cursor:pointer;z-index:104; }

/*input[type="text"] {
    line-height:25px\9;
}*/
/*icon 填寫欄位必填*/
.iconReddot{ background: url("../images/basicpic.png") no-repeat scroll 0 -150px transparent; width:16px; height:16px; margin-right:2px; margin-top:7px;}
/*icon日曆*/
.iconCalendar{ background: url("../images/basicpic.png") no-repeat scroll 0 -172px transparent; width:16px; height:16px; cursor:pointer;}
/*icon 搜尋人名後面XX刪除*/
.btn_deletPeople{ background: url("../images/basicpic.png") no-repeat scroll 0 -193px transparent; width:16px; height:16px; margin:2px 5px; cursor:pointer;}
.btn_deletPeople:hover{ background: url("../images/basicpic.png") no-repeat scroll 0 -214px transparent; width:16px; height:16px;}
/*icon 逾期警示*/
.iconOverdue{ background: url("../images/basicpic.png") no-repeat scroll -41px -177px transparent; width:18px; height:18px; margin-top:-2px;  margin-top:-5px\9; margin-left:2px;}

/*btn編輯*/
.btn_edit{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -193px transparent; width:24px; height:24px; cursor:pointer; display:none;}
.btn_edit:hover{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -222px transparent; width:24px; height:24px; }
.btn_edit:active{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -251px transparent; width:24px; height:24px; }
/*btn刪除*/
.btn_delete{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -297px transparent; width:24px; height:24px; cursor:pointer; display:none;}
.btn_delete:hover{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -326px transparent; width:24px; height:24px; }
.btn_delete:active{ background: url("../images/calendar_icon.png") no-repeat scroll 0 -355px transparent; width:24px; height:24px; }

.contacts_tagOFF{ margin:0 2px 4px 2px; cursor:default; white-space: nowrap;}
.contacts_tagL{ background: url("../images/basicpic.png") no-repeat scroll -50px -42px transparent; width:16px; height:24px}
.contacts_tagR{ background:#f7f7f7;  border-top:1px solid #ffffff; height:21px; border-radius:0 3px 3px 0; color:#464646; font-size:13px; line-height:19px; line-height:22px\9; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); padding-right:6px;}
.contacts_tagRborder{ margin-left: -6px;border-top:1px solid #e8e8e8; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; height:22px; border-radius:0 3px 3px 0;}
.contacts_tag{ margin:0 2px 4px 2px; cursor:pointer; white-space: nowrap;}
.side_tagContainer .contacts_tag{ width:200px; position:relative;}
.contacts_tag .sepline{ border-left:1px solid #d6d6d6; border-right:1px solid #ffffff; margin:0 5px; height:21px;}
.contacts_tag .tex_num{ color:#929292; font-size:13px;}
/*tag on*/
.contacts_tagLON{ background: url("../images/basicpic.png") no-repeat scroll -50px -104px transparent; width:16px; height:24px; }
.contacts_tagRON{ background:#bf6b6b;  border-top:1px solid #cc8989; height:21px; border-radius:0 2px 2px 0; color:#ffffff; font-size:13px; line-height:19px; line-height:22px\9; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); padding-right:6px;}
.contacts_tagRborderON{ margin-left: -6px;border-top:1px solid #915656; border-bottom:1px solid #915656; border-right:1px solid #915656; height:22px; border-radius:0 3px 3px 0;}
.contacts_tag .seplineON{ border-left:1px solid #8b5252; border-right:1px solid #cc8989; margin:0 5px; height:21px;}
.contacts_tag:hover .contacts_tagL {background: url("../images/basicpic.png") no-repeat scroll -50px -73px transparent; width:16px; height:24px; }
.contacts_tag:hover .contacts_tagR {background:#fbf9e1;  border-top:1px solid #ffffff; height:21px; border-radius:0 3px 3px 0; color:#464646; font-size:13px; line-height:19px; line-height:22px\9; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); padding-right:6px; }



/*inputbox*/
input[type="text"]{ background:#ffffff; height:36px; border:1px solid #d9d9d9; border-radius:4px; box-shadow: 1px 1px 2px rgba(41,43,46,0.1)inset; padding-left:8px; font-family:'Arial'; font-size:16px; line-height:36px\9; }
input[type="text"]:focus{ border:1px solid #669beb; box-shadow: 1px 1px 2px rgba(41,43,46,0.1)inset, 0 0 3px rgba(52,186,255,0.7);}
input[type="text"]:disabled{ background:#eeeeee; }
input[type="password"]{ background:#ffffff; height:36px; border:1px solid #d9d9d9; border-radius:4px; box-shadow: 1px 1px 2px rgba(41,43,46,0.1)inset; padding-left:8px; font-family:'Arial'; font-size:16px; line-height:36px\9; }
input[type="password"]:focus{ border:1px solid #669beb; box-shadow: 1px 1px 2px rgba(41,43,46,0.1)inset, 0 0 3px rgba(52,186,255,0.7);}
input[type="password"]:disabled{ background:#eeeeee; }
input:-moz-placeholder{color: #bdbdbd;}
input:-ms-input-placeholder{color: #bdbdbd;}
input:-webkit-input-placeholder{color: #bdbdbd;}
textarea{ background:#ffffff; border:1px solid #d9d9d9; border-radius:4px; box-shadow: 1px 1px 2px rgba(41,43,46,0.1)inset; padding-left:8px; padding-top:8px; font-family:'Arial' ; font-size:13px;}
textarea:focus{border:1px solid #669beb; box-shadow: 1px 1px 2px rgba(41,43,46,0.1)inset, 0 0 3px rgba(52,186,255,0.7);}
textarea:-moz-placeholder{color: #bdbdbd;}
textarea:-ms-input-placeholder{color: #bdbdbd;}
textarea:-webkit-input-placeholder{color: #bdbdbd;}


/*Scrollbar用的*/
.scroll-pane { width: 100%; overflow: auto; }
.horizontal-only{ height: auto;}


/*灰色按紐*/
.btnGrey{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 0 transparent; height:33px; outline: none; display: inline-block;  margin: 0; padding: 0; border-radius: 4px; border:1px solid #bcbcbc;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color:#464646;line-height:34px;line-height:36px\9; font-size:15px;text-align:center;cursor:pointer;}
.btnGrey:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -38px transparent; border:1px solid #cac9c9;}
.btnGrey:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -76px transparent; border:1px solid #cac9c9;}
.btnGreyDisabled{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 0 transparent; outline: none; display: inline-block;  margin: 0; padding: 0; border-radius: 4px; border:1px solid #bcbcbc;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color:#464646;line-height:34px;line-height:36px\9; font-size:15px;text-align:center;opacity:0.3;}

.nvesto-btn-green {
  background: url("../images/btn_colorbg.png") repeat-x scroll 0 -114px transparent;
  outline: none;
  display: inline-block;
  margin: 0;
  padding: 0;
  border-radius: 4px;
  border:1px solid #78953e;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  color:#FFF;
  text-align:center;
  cursor:pointer;
  font-size:13px;
  line-height:24px;
  height:24px;
  padding:0 22px;
  margin-top: 6px;
}

/*綠色按紐*/
.btnGreen{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -114px transparent; height:33px; outline: none; display: inline-block;  margin: 0; padding: 0; border-radius: 4px; border:1px solid #78953e;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color:#FFF; line-height:34px;line-height:36px\9; font-size:15px;text-align:center;cursor:pointer;}
.btnGreen:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -152px transparent; height:33px; border:1px solid #8aa84e;}
.btnGreen:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -190px transparent; height:33px; border:1px solid #8aa84e;}
.btnGreenDisabled{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -114px transparent; height:33px; outline: none; display: inline-block;  margin: 0; padding: 0; border-radius: 4px; border:1px solid #78953e;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color:#FFF; line-height:34px;line-height:36px\9; font-size:15px;text-align:center;vertical-align:middle;opacity:0.3;}

/*紅色按紐*/
.btnRed{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -228px transparent; height:33px; outline: none; display: inline-block;  margin: 0; padding: 0; border-radius: 4px; border:1px solid #9e0c0c;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color:#FFF; line-height:34px;line-height:36px\9; font-size:15px;text-align:center;cursor:pointer;}
.btnRed:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -266px transparent; height:33px; border:1px solid #d42c2c;}
.btnRed:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -304px transparent; height:33px; border:1px solid #d42c2c;}
.btnRedDisabled{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -228px transparent; height:33px; outline: none; display: inline-block;  margin: 0; padding: 0; border-radius: 4px; border:1px solid #9e0c0c;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color:#FFF; line-height:34px;line-height:36px\9; font-size:15px;text-align:center;vertical-align:middle;opacity:0.3;}

/*灰色tab一組按紐*/
.tabGreyL{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 0 transparent; outline: none; display: inline-block;  margin: 0; padding: 0; border-left:1px solid #bcbcbc; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; border-right:1px solid #d1d1d1;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color:#464646;font-size:13px;text-align:center;cursor:pointer; border-radius:4px 0 0 4px;}
.tabGreyL:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -38px transparent; border-left:1px solid #cac9c9; border-top:1px solid #cac9c9; border-bottom:1px solid #cac9c9;}
.tabGreyL:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -76px transparent; border-left:1px solid #cac9c9; border-top:1px solid #cac9c9; border-bottom:1px solid #cac9c9;}
.tabGreyR{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 0 transparent; outline: none; display: inline-block;  margin: 0; padding: 0; border-right:1px solid #bcbcbc; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; border-left:1px solid #f8f8f8; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color:#464646;font-size:13px;text-align:center;cursor:pointer; border-radius:0 4px 4px 0;}
.tabGreyR:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -38px transparent; border-right:1px solid #cac9c9; border-top:1px solid #cac9c9; border-bottom:1px solid #cac9c9;}
.tabGreyR:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -76px transparent; border-right:1px solid #cac9c9; border-top:1px solid #cac9c9; border-bottom:1px solid #cac9c9;}
.tabGreyMid{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 0 transparent; outline: none; display: inline-block;  margin: 0; padding: 0; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; border-left:1px solid #f8f8f8; border-right:1px solid #d1d1d1; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color:#464646;font-size:13px;text-align:center;cursor:pointer; }
.tabGreyMid:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -38px transparent;border-top:1px solid #cac9c9; border-bottom:1px solid #cac9c9;}
.tabGreyMid:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -76px transparent; border-top:1px solid #cac9c9; border-bottom:1px solid #cac9c9;}
.tabGreyLON{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -346px transparent; box-shadow:0 2px 4px rgba(0,0,0,0.3)inset; outline: none; display: inline-block;  margin: 0; padding: 0; border-left:1px solid #70c4be; border-top:1px solid #48aca5; border-bottom:1px solid #70c4be; border-right:1px solid #5eb9b2;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); color:#ffffff;font-size:13px;text-align:center; border-radius:4px 0 0 4px;}
.tabGreyMidON{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -346px transparent; box-shadow:0 2px 4px rgba(0,0,0,0.3)inset; outline: none; display: inline-block;  margin: 0; padding: 0; border-left:1px solid #5eb9b2; border-top:1px solid #48aca5; border-bottom:1px solid #70c4be; border-right:1px solid #5eb9b2;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); color:#ffffff;font-size:13px;text-align:center; }
.tabGreyRON{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -346px transparent; box-shadow:0 2px 4px rgba(0,0,0,0.3)inset; outline: none; display: inline-block;  margin: 0; padding: 0; border-left:1px solid #5eb9b2; border-top:1px solid #48aca5; border-bottom:1px solid #70c4be; border-right:1px solid #5eb9b2;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); color:#ffffff;font-size:13px;text-align:center; border-radius:0 4px 4px 0;}




/*上方一條的pop*/
.pop_msgYellow{ background-color:#ffc450; border:1px solid #be7927; border-radius:3px 3px 3px 3px; box-shadow:  0 1px 2px rgba(0,0,0,0.2), 0 1px 0px rgba(255, 255, 255, 0.4) inset; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:10px; margin-bottom:15px; color:#3d3d3d; font-size:15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); text-align:left;}
.pop_msgTexRed{ color:#bf1919; text-decoration:underline;}
.pop_msgTexRed:hover{ color:#3384d0; text-decoration:underline;}
.pop_msgYellow a:hover{ color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0);}
.pop_msg_btnClose{ background:url(../images/basicpic.png) no-repeat scroll -21px -177px transparent; width:18px; height:18px; cursor:pointer;}

/*page navigation*/
.page_frame{ background-color:#faf9f7; font-size:13px; color:#89847a; line-height:30px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255,255,255,0.8)inset; border-radius:4px; border:1px solid #ecebe9; margin-top:45px;}
.page_frame a {color:#89847a;}
.page_frame .pageFrontNext, .page_frame .pageFrontNext a{ width:65px; text-align:center; cursor:pointer;}
.page_frame .pageFrontNext:hover, .page_frame .pageFrontNext:hover a{background-color: #F3F3F3;color: #ff7a68;}
.page_frame .pageNum, .page_frame .pageNum a{ width:36px; text-align:center;  cursor:pointer;}
.page_frame .pageNum:hover, .page_frame .pageNum:hover a{background-color: #F3F3F3; color: #ff7a68;}
.page_frame .pageNumON, .page_frame .pageNumON a{ width:36px; text-align:center; color:#8dbb7f; background-color:#fffffe; font-weight:bold;}
.page_frame .sepline{ border-left:1px solid #e7e5e2; border-right:1px solid #ffffff; height:30px;}
.page_frame .pageON{ color:#8dbb7f;}
.page_frame .pageFrontNo{ width:65px; text-align:center; color:#d2d2d2;}

/*彈出視窗*/
.popup_h{ background: url("../images/popbg.png") no-repeat scroll 0 0 transparent; width:610px; height:40px;}
.popup_hColor{ background: url("../images/popbg.png") no-repeat scroll -1927px 0 transparent; width:610px; height:30px;}
.popup_body{ background: url("../images/popbg.png") repeat-y scroll -615px 0 transparent; width:610px;}
.popup_f{ background: url("../images/popbg.png") no-repeat scroll -1230px 0 transparent; width:610px; height:40px;}
.popup_fWhite{ background: url("../images/popbg.png") no-repeat scroll -2542px 0 transparent; width:610px; height:40px;}
.popup_btnX{ background: url("../images/popbg.png") no-repeat scroll -1845px 0 transparent; width:36px; height:36px; cursor:pointer; }
.popup_btnX:hover{ background: url("../images/popbg.png") no-repeat scroll -1886px 0 transparent; width:36px; height:36px; }
.popup{ width:610px; position:relative;}
.popup .fbgcolor{ background:#f9f8f5; width:580px; padding-top:20px;}
.popup .hbgcolor{ background:#f2ebe2; width:580px; padding-bottom:13px;}
.popup .hbgcolor .title{ font-size:20px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);}
.popup .texRed{ color:#d62626;}
.popup .texBlack{ color:#222222; font-size:15px; line-height:22px;}
.popup .texTitle{ font-size:20px; line-height:28px;}
.popup .container{ text-align:left; padding:30px 60px; }

.popup .popup_body .msgbody {line-height: 26px;}
.popup .popup_body .main-button{
	padding: 0 15px;
	margin-bottom: 5px;
	min-width: 150px;
}
.popup .popup_body .close-text {
	color: #999;
	font-size: 13px;
	cursor: pointer;
}
.popup .popup_body .close-text.like-link {
	color: #3384d0;
}
.popup .popup_body .close-text.like-link:hover {
	color: #ff7a78;
}
.height310 .popup_body { height: 240px; }
.height310 .popup_body .msgbody{
	display: table-cell;
	height: 150px;
	text-align: center;
	vertical-align: middle;
	width: 610px;
	*display: block;
	*height: 90px;
	*padding-top: 50px;
}
.height490 .popup_body { height: 420px; }
.height490 .popup_body .msgbody{
	display: table-cell;
	height: 330px;
	text-align: center;
	vertical-align: middle;
	width: 610px;
	*display: block;
	*height: 270px;
	*padding-top: 50px;
}

a.btnGreen:hover{ color: #FFFFFF;}

/*-----20121030新增-----*/
.positionRela{ position:relative;}
.positionAbsou{ position:absolute;}
.cursorHelp{ cursor:help;}
img{ border: 0 none;max-width: 100%;vertical-align: middle; }

/*icon電燈泡*/
.icon_bulb{ background: url("../images/basicpic.png") no-repeat scroll -64px -177px transparent; width:20px; height:20px;  }
/*icon 成功與失敗*/
.icon_success{ background: url("../images/basicpic.png") no-repeat scroll -56px -200px transparent; width:34px; height:34px;  }
.icon_fail{ background: url("../images/basicpic.png") no-repeat scroll -95px -200px transparent; width:34px; height:34px;  }
/*成功失敗的文字顏色*/
.pop_texSuccess{ font-size:20px; color:#6bb22c; line-height:32px;}
.pop_texFail{ font-size:20px; color:#d62323; line-height:32px;}
.tex_black15{ color:#222; font-size:15px; line-height:26px;}
.tex_highlightOrange{ color:#f07355;}

/*980basic bg*/
.basic_bgH{ background: url("../images/basicbg.jpg") no-repeat scroll 0 0 transparent; width:980px; }
.basic_bgBody{ background: url("../images/basicbg.jpg") repeat-y scroll -1971px 0 transparent; width:980px; }
.basic_bgF{ background: url("../images/basicbg.jpg") no-repeat scroll -986px 0 transparent; width:980px; height:105px; }
.basic_bgContainer{ width:978px;}


/*tabbar*/
.tabbar{ margin-bottom:15px; background: url("../images/tabbar.png") no-repeat scroll 0 0 transparent; width:980px; height:38px; }
.tabbar .frame{ margin-left:7px; }
/*.tabbar .taboff{ color: #fff;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); font-size:15px; text-align:center; cursor:pointer; width:102px; margin-top:6px; line-height:34px;}
.tabbar .taboff:hover{ background:#b6bfc7; height:31px; margin-top:6px; border-bottom:1px solid #a8b1b9;}*/
.tabbar .tabon{ background: url("../images/tabbar.png") no-repeat scroll 0 -43px transparent; width:102px; height:38px; margin-left:5px; margin-right:5px;  color:#57bbb3; text-shadow: 0 1px 0 rgba(255, 255, 255, 1);  font-size:15px; text-align:center; line-height:34px; padding-top:6px;}
/*.tabbar .taboffLong{ color: #fff;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); font-size:15px; text-align:center; cursor:pointer; width:152px; margin-top:6px; margin-left:3px; margin-right:3px; line-height:34px;}
.tabbar .taboffLong:hover{ background:#b6bfc7; height:31px; margin-top:6px; border-bottom:1px solid #a8b1b9;}*/
.tabbar .tabonLong{ background: url("../images/tabbar.png") no-repeat scroll -107px -43px transparent; width:152px; height:38px; margin-left:3px; margin-right:3px;  color:#57bbb3; text-shadow: 0 1px 0 rgba(255, 255, 255, 1);  font-size:15px; text-align:center; line-height:34px; padding-top:6px;}
.tabbar .texClientNum{ color:#8e9399; }


.tabbar .taboff{ color: #828587;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-size:15px; text-align:center; cursor:pointer; width:102px; margin-top:6px; line-height:34px;}
.tabbar .taboff:hover{ color: #fff;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background:#b6bfc7; height:31px; margin-top:6px; border-bottom:1px solid #a8b1b9;}
.tabbar .taboffLong{ color: #828587;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-size:15px; text-align:center; cursor:pointer; width:152px; margin-top:6px; margin-left:3px; margin-right:3px; line-height:34px;}
.tabbar .taboffLong:hover{ color: #fff;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background:#b6bfc7; height:31px; margin-top:6px; border-bottom:1px solid #a8b1b9;}
.tabbar .taboffLongLong{ color: #828587;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-size:15px; text-align:center; cursor:pointer; width:167px; margin-top:6px; margin-left:3px; margin-right:3px; line-height:34px;}
.tabbar .taboffLongLong:hover{ color: #fff;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background:#b6bfc7; height:31px; margin-top:6px; border-bottom:1px solid #a8b1b9;}



/*Added By Dan For Special Effects*/
.btn_edit_outer{
	position:absolute;
	right:-11px;
	top:-8px;
	z-index:100;
}
/*.tabbar .taboffLongLong{ color: #fff;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); font-size:15px; text-align:center; cursor:pointer; width:167px; margin-top:6px; margin-left:3px; margin-right:3px; line-height:34px;}
.tabbar .taboffLongLong:hover{ background:#b6bfc7; height:31px; margin-top:6px; border-bottom:1px solid #a8b1b9;}*/
.tabbar .tabonLongLong{ background: url("../images/tabbar.png") no-repeat scroll -264px -43px transparent; width:167px; height:38px; margin-left:3px; margin-right:3px;  color:#57bbb3; text-shadow: 0 1px 0 rgba(255, 255, 255, 1);  font-size:15px; text-align:center; line-height:34px; padding-top:6px;}


/*--------------------------------20121107新增------------------------------------------------------*/
/*980兩層的底框線*/
.basicTwoPaper_bgH{ background: url("../images/contacts_add.png") no-repeat scroll 0 0 transparent; width:980px; padding-top:10px;}
.basicTwoPaper_bgF{ background: url("../images/contacts_add.png") no-repeat scroll -985px 0 transparent; width:980px; height:124px;}
.basicTwoPaper_bgRepeat{ background: url("../images/contacts_add.png") repeat-y scroll -1970px 0 transparent; width:980px;}
.basicTwoPaper_body{ margin:0 7px;  text-align:left; }

/*icon上升 下降*/
.iconPlus{ background: url("../images/basicpic.png") no-repeat scroll -89px -177px transparent; width:12px; height:18px; margin:0 2px 0 1px;}
.iconCut{ background: url("../images/basicpic.png") no-repeat scroll -106px -177px transparent; width:12px; height:18px; margin:0 2px 0 1px;}


/*-------------------------------------------------------HEADER----------------------------------------------------------*/

/*header*/
.header_panel{
	height: 105px;
	font-size: 15px;
	line-height: 32px;
	margin-bottom:25px;
}

.header_panel .header_line{
	background: url("../images/header.png") repeat-x scroll 0 -60px transparent;
	position:fixed;
	top:60px;
	width:100%;
	height:4px;
	z-index:8000;
}

.container980{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.header_h{ background: url("../images/header.png") repeat-x scroll 0 0 transparent; height:60px; width:100%; position:fixed; top:0px; z-index:8002; }
.header_menu_long{ background: url("../images/header.png") repeat-x scroll 0 -60px transparent; height:42px; position:absolute;top:60px;z-index:8001;width:100%; }
.header_menu{ background: url("../images/header.png") repeat-x scroll 0 -60px transparent; height:42px; line-height:41px;text-align:center; }
.header_menu:hover{ background: url("../images/header.png") repeat-x scroll 0 -107px transparent; height:42px; }
.header_menu:active{ background: url("../images/header.png") repeat-x scroll 0 -107px transparent; height:41px; box-shadow: 0 0 10px #000000 inset; }
.header_menu_m{ background: url("../images/header.png") repeat-x scroll 0 -107px transparent; height:42px; line-height:41px;text-align:center; }
.header_menu_clickShadow{ box-shadow: 0 0 10px #000000 inset; height:41px;}
.header_menu_on{ background: url("../images/header.png") repeat-x scroll 0 -154px transparent; height:42px; line-height:41px;text-align:center; }
/*.header_menu_on:hover{ background: url("../images/header.png") repeat-x scroll 0 -107px transparent; height:42px; }*/
.header_menu_on:active{ background: url("../images/header.png") repeat-x scroll 0 -107px transparent; height:41px; box-shadow: 0 0 10px #000000 inset; }
.header_menu_tex15{ color:#e6e5e5; font-size:15px; text-shadow: 0 1px 0 rgba(0, 0, 0, 1);}
.header_menu_tex13{ color:#e6e5e5; font-size:13px; text-shadow: 0 1px 0 rgba(0, 0, 0, 1);}
.header_menu_sepL{ background: url("../images/header_pic.png") repeat-x scroll -242px -83px transparent; width:2px; height:36px; margin-top:1px;}
.header_menu_sepR{ background: url("../images/header_pic.png") repeat-x scroll -249px -83px transparent; width:2px; height:36px; margin-top:1px;}
/*凍結header用*/
.header_freeze{ background: url("../images/header.png") repeat-x scroll 0 -201px transparent; height:64px; }

/*search*/
.search_Licon{  background: url("../images/header_pic.png") repeat-x scroll 0 0 transparent; width:30px; height:27px;}
.search_Lsearch{  background: url("../images/header_pic.png") repeat-x scroll -28px 0 transparent; width:187px; height:27px;}
.search_Radvanced{  background: url("../images/header_pic.png") repeat-x scroll -215px 0 transparent; width:40px; height:27px;}
.search_Radvanced_tex{ color:#b2b2b2; font-size:11px; }
.search_Radvanced_tex:hover{ color:#ff7a68; }

/*btn 新增聯絡人*/
.btn_addClient{ background: url("../images/header_pic.png") repeat-x scroll 0 -32px transparent; width:95px; height:29px; cursor:pointer;}
.btn_addClient:hover{ background: url("../images/header_pic.png") repeat-x scroll 0 -66px transparent; width:95px; height:29px;}
.btn_addClient:active{ background: url("../images/header_pic.png") repeat-x scroll 0 -100px transparent; width:95px; height:29px;}
/*btn 新增工作*/
.btn_addWork{ background: url("../images/header_pic.png") repeat-x scroll -100px -32px transparent; width:95px; height:29px; cursor:pointer;}
.btn_addWork:hover{ background: url("../images/header_pic.png") repeat-x scroll -100px -66px transparent; width:95px; height:29px;}
.btn_addWork:active{ background: url("../images/header_pic.png") repeat-x scroll -100px -100px transparent; width:95px; height:29px;}

/*icon下拉箭頭*/
.icon_dropdrownArrow{ background: url("../images/header_pic.png") repeat-x scroll -242px -32px transparent; width:16px; height:16px; }
/*icon腳丫*/
.icon_foot{ background: url("../images/header_pic.png") repeat-x scroll -242px -53px transparent; width:17px; height:25px; }



/*個人設定的 展開下拉選單*/
.user_dropdownListFrame{ background:#323d47; border-radius:4px; box-shadow: 1px 2px 3px rgba(0,0,0,0.4); padding:6px 0; text-align:left; float:left; width:auto;}
.user_dropdownListFrame .sepline{ border-top:1px solid #1e2933; border-bottom:1px solid #414f5b; margin-top:5px; margin-bottom:3px;}
.user_dropdownListFrame .optionList{ color:#8a949e; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); font-size:13px; line-height:26px; padding:0 15px; cursor:pointer;}
.user_dropdownListFrame .optionList:hover{ color:#fff; background:#52b8b1;}
.user_dropdownListFrame .optionList:hover .icon_1self{  background: url("../images/header_pic.png") repeat-x scroll -221px -32px transparent; width:16px; height:16px; }
.user_dropdownListFrame .optionList:hover .icon_2edm{   background: url("../images/header_pic.png") repeat-x scroll -221px -53px transparent; width:16px; height:16px;  }
.user_dropdownListFrame .optionList:hover .icon_3import{ background: url("../images/header_pic.png") repeat-x scroll -221px -74px transparent; width:16px; height:16px;  }
.user_dropdownListFrame .optionList:hover .icon_4logout{    background: url("../images/header_pic.png") repeat-x scroll -221px -95px transparent; width:16px; height:16px; }

/*icon個人設定 下拉選單裡的icon*/
.icon_1self{ background: url("../images/header_pic.png") repeat-x scroll -200px -32px transparent; width:16px; height:16px; margin-top:5px; margin-right:5px;}
.icon_2edm{ background: url("../images/header_pic.png") repeat-x scroll -200px -53px transparent; width:16px; height:16px;  margin-top:5px; margin-right:5px;}
.icon_3import{ background: url("../images/header_pic.png") repeat-x scroll -200px -74px transparent; width:16px; height:16px;  margin-top:5px; margin-right:5px;}
.icon_4logout{ background: url("../images/header_pic.png") repeat-x scroll -200px -95px transparent; width:16px; height:16px;  margin-top:5px; margin-right:5px;}

/*footer style*/
.footer{ background: url("../images/header.png") repeat-x scroll 0 -270px transparent; height:175px; margin-top:100px;}
.footer .space{ padding-top:22px;}
.footer .tex{ color:#7e858c; font-size:12px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); font-family:'Arial';}
.footer a{ color:#7e858c; font-size:12px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); font-family:'Arial'; text-decoration:none;}
.footer a:hover{ color:#fff;}

/*header上的文字連結*/
.tex_headerTask{ color:#e4985b; font-size:13px; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); line-height:40px; }
.tex_headerTask:hover{ text-decoration:underline; }
/*header上的文字前icon*/
.icon_headerTask{ background: url("../images/iconTask.png"); width:25px; height:20px; margin-top:10px; }


/*--------------------------------20121210新增------------------------------------------------------*/
.icon_tipCheck{ background: url("../images/basicpic.png") no-repeat scroll -81px -154px transparent; width:20px; height:20px; margin-right:5px;}
.icon_tipError{ background: url("../images/basicpic.png") no-repeat scroll -106px -154px transparent; width:20px; height:20px; margin-right:5px;}
.icon_upgrade{ background: url("../images/basicpic.png") no-repeat scroll -131px -152px transparent; width:20px; height:20px; margin-right:2px;}
.icon_listCheck{ background: url("../images/basicpic.png") no-repeat scroll -123px -174px transparent; width:16px; height:16px; margin-right:5px;}

.clientListDetail .optionList:hover{ color:#fff; background:#52b8b1;}

.optionListClient{
	color: #8a949e;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 15px;
	line-height: 30px;
	padding: 0 14px;
	cursor: pointer;
}

.optionListClient:hover{ color:#fff; background:#52b8b1;}


/* dan */
.detailListDetail .optionList:hover{ color:#fff; background:#52b8b1;}

.optionListDetail{
	color: #8a949e;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 13px;
	line-height: 26px;
	padding: 0 15px;
	cursor: pointer;
}

.optionListDetail:hover{ color:#fff; background:#52b8b1;}

/*--------------------------------20130312新增------------------------------------------------------*/
.icon_listCheckBluegreen{background: url("../images/basicpic.png") no-repeat scroll -156px -152px transparent; width:20px; height:20px; margin-right:5px;}

/* clearfix, see http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/*------------------------------20130509新增---------------------------------------------------------*/
/*灰色按鈕較高*/
.btnGrey40{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -456px transparent; height:38px; border-radius: 4px; border:1px solid #bcbcbc;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color:#464646; text-align:center;cursor:pointer;}
.btnGrey40:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -499px transparent; height:38px; border:1px solid #ed8d25; color:#e8871f;}
.btnGrey40:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -542px transparent; height:38px; border:1px solid #cac9c9;}
.btnGreyDisable{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -456px transparent; height:38px; border-radius: 4px; border:1px solid #bcbcbc;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color:#464646; text-align:center;}
/*綠色按鈕較高*/
.btnGreen40{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -585px transparent; height:38px; border-radius: 4px; border:1px solid #78953e;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color:#FFF; text-align:center;cursor:pointer;}
.btnGreen40:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -628px transparent; height:38px; border:1px solid #8aa84e;}
.btnGreen40:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -671px transparent; height:38px; border:1px solid #8aa84e;}
/*紅色按鈕較高*/
.btnRed40{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -714px transparent; height:38px; border-radius: 4px; border:1px solid #9e0c0c;  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color:#FFF; text-align:center;cursor:pointer;}
.btnRed40:hover{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -757px transparent; height:38px; border:1px solid #d42c2c;}
.btnRed40:active{ background: url("../images/btn_colorbg.png") repeat-x scroll 0 -800px transparent; height:38px; border:1px solid #d42c2c;}
/*字體分兩種*/
.btnTexA16{ line-height:39px; line-height:37px\9; *line-height:40px; font-size:16px; }
.btnTexB13{ line-height:39px; line-height:40px\9; *line-height:39px; font-size:13px; font-family:'新細明體'; }
.btnTexB15{ line-height:39px; line-height:40px\9; *line-height:39px; font-size:15px; font-family:'新細明體'; }
/*按鈕上用的icon編輯筆*/
.btnEdit_icon{ background: url("../images/basicpic.png") no-repeat scroll -50px 0px transparent; width:16px; height:16px; margin-top:2px;}
/*按鈕上用的icon刪除垃圾桶*/
.btnDelete_icon{ background: url("../images/basicpic.png") no-repeat scroll -50px -21px transparent; width:16px; height:16px; margin-top:2px;}


/*胖下拉選單框線
.dropdownFrame_L40{ background: url("../images/basicpic.png") no-repeat scroll 0 -305px transparent; height:40px; }
.dropdownFrame_R40{ background: url("../images/basicpic.png") no-repeat scroll -348px -305px transparent; width:38px; height:40px; cursor:pointer;}
.dropdownFrame_R40:active{ background: url("../images/basicpic.png") no-repeat scroll -391px -305px transparent; width:38px; height:40px; }
.dropdownFrame_tex40{ color:#464646; font-size:15px;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); line-height:41px; *line-height:43px; padding-left:13px;}
下拉選單框線*/
.dropdownFrame_L40{ background: url("../images/basicpic.png") no-repeat scroll 0 -305px transparent; height:40px; }
.dropdownFrame_R40{ background: url("../images/basicpic.png") no-repeat scroll -719px -305px transparent; width:38px; height:40px; cursor:pointer;}
.dropdownFrame_R40:active{ background: url("../images/basicpic.png") no-repeat scroll -762px -305px transparent; width:38px; height:40px; }
.dropdownFrame_tex40{ color:#464646; font-size:15px;  text-shadow: 0 1px 0 rgba(255, 255, 255, 1); line-height:41px; *line-height:43px; padding-left:13px; text-align: left;}
/*.dropdownFrame_L40body{ background: url("../images/basicpic.png") no-repeat scroll -5px -305px transparent; height:40px; }*/

.btn_changeFront{ background: url("../images/basicpic.png") no-repeat scroll -71px 0 transparent; width:30px; height:30px; cursor:pointer;}
.btn_changeFront:hover{ background: url("../images/basicpic.png") no-repeat scroll -71px -35px transparent;}
.btn_changeFront:active{ background: url("../images/basicpic.png") no-repeat scroll -71px -70px transparent;}
.btn_changeFrontGREY{ background: url("../images/basicpic.png") no-repeat scroll -71px -105px transparent; width:30px; height:30px;}
.btn_changeNext{ background: url("../images/basicpic.png") no-repeat scroll -101px 0 transparent; width:30px; height:30px; cursor:pointer;}
.btn_changeNext:hover{ background: url("../images/basicpic.png") no-repeat scroll -101px -35px transparent;}
.btn_changeNext:active{ background: url("../images/basicpic.png") no-repeat scroll -101px -70px transparent;}
.btn_changeNextGREY{ background: url("../images/basicpic.png") no-repeat scroll -101px -105px transparent;width:30px; height:30px;}
/*按鈕上用的icon新增+*/
.btnAdd_icon{ background: url("../images/basicpic.png") no-repeat scroll -50px -133px transparent; width:16px; height:16px; }

.draggableday{
	cursor: pointer;
}

/* 2013-08-08 標籤後動作_產生郵寄標籤 */
.uptitle{ font-size: 26px; color: #222; line-height: 80px; }
.frameBlue{ background:#f4f9fd; border-top:1px solid #e9f2f9; border-bottom:1px solid #e9f2f9; padding:25px 0 18px 0;}
.frameBlue .tex{ color: #f37a33; font-size: 15px;}
.frameBlue .btn{ width:230px; line-height: 36px; margin-top: 12px;}
.btnSave{ width:230px; line-height: 36px; margin:0 10px;}
.btnSave2{ width:230px; line-height: 0px; margin:0 10px;}
.ListFrame{ padding-bottom: 45px; text-align: left;}
.ListOne{ padding: 25px 15px; border-bottom: 1px solid #eee;}
.ListOne .d1{ width: 30px; margin-right: 10px;}
.ListOne .d1 .num{ background-color: #b3b3b3; border-radius: 4px; font-size: 13px; font-family: 'Arial'; text-shadow: 0 1px 0 rgba(0,0,0,0.2); line-height: 30px; color: #fff; text-align: center;}
.ListOne .d2{ width: 155px; height: 30px;overflow: hidden;}
.ListOne .d2 .tex{ color: #464646; font-size: 22px; font-family:'微軟正黑體'; padding-top: 2px;}
.ListOne .d3{ margin-left: 15px; }
.infoFrame{ border-top: 1px solid #eee; padding-top: 65px;}
.infoFrame .tex888{ color: #888; margin-bottom: 20px;}
.infoFrame .texOrange{ color: #f37a33; font-weight: bold; }
.infoFrame .Container{ width: 520px; padding-bottom: 50px;}
.choseTypeOne{ margin: 0 5px;}
.choseTypeOne .onetype{ background-color: #f4f9fd; border-radius: 10px; width: 120px; height: 180px; cursor: pointer;}
.choseTypeOne .onetype:hover{ background-color: #ffbb93; }
.choseTypeOne .onetypeON{ background-color: #ffbb93; border-radius: 10px; width: 120px; height: 180px;}
.choseTypeOne .texNum{ font-size: 30px; line-height: 26px; color: #222; font-family:'Arial'; padding: 9px 0 2px 0; font-weight: bold;}
.choseTypeOne .texCm{ font-size: 13px; color: #888; font-family:'Arial'; padding-bottom:5px;}
.choseTypeOne .pic1{ background: url("images/contacts_doaction_addtypepic.png") no-repeat scroll 0 0 transparent; width: 84px; height: 114px; }
.choseTypeOne .pic2{ background: url("images/contacts_doaction_addtypepic.png") no-repeat scroll 0 -119px transparent; width: 84px; height: 114px; }
.choseTypeOne .pic3{ background: url("images/contacts_doaction_addtypepic.png") no-repeat scroll 0 -238px transparent; width: 84px; height: 114px; }
.choseTypeOne .pic4{ background: url("images/contacts_doaction_addtypepic.png") no-repeat scroll 0 -357px transparent; width: 84px; height: 114px; }
.choseTypeOne .radioBtnPosi{ margin-top:8px; margin-left:5px;}

.infoFrame .tex222{ color: #222; margin-bottom: 20px;}
.infoFrame .tex13{ color: #888; font-size: 13px;}
.mailList{ width: 480px; height: 250px; margin-bottom: 20px; overflow-y: scroll;}
.btnTwiceFrame{ width:520px;}


input[type="text"]{ background:#ffffff; height:36px; border:1px solid #d9d9d9; border-radius:4px; box-shadow: 1px 1px 2px rgba(41,43,46,0.1)inset; padding-left:8px; font-family:'Arial' ;font-size:15px; *line-height:36px; line-height:36px\9; }
input[type="text"]:focus{ border:1px solid #669beb; box-shadow: 1px 1px 2px rgba(41,43,46,0.1)inset, 0 0 3px rgba(52,186,255,0.7);}
input[type="text"]:disabled{ background:#eeeeee; }
input:-moz-placeholder{color: #aaaaaa;}
input:-ms-input-placeholder{color: #aaaaaa;}
input:focus{outline: 0;}
input:-webkit-input-placeholder{color: #aaaaaa;}

/*查無此權限頁*/
.iconBan{ background: url("../images/basicpic.png") no-repeat scroll -134px -200px transparent; width:34px; height:34px; margin-right:6px;}
.adminNoFrame{ padding: 200px 0 100px 0; text-align: center;}
.adminNoFrame .texAdminNo{ color: #222; font-size: 24px; font-family: '微軟正黑體';}
.adminNoFrame .btnBack{ width: 150px; background-color: #f8f9fb; border: 1px solid #95b4d1; border-radius: 5px; color: #3384d0; font-size: 15px; line-height: 32px; padding-top: 2px\9; text-align: center; margin-top: 40px;}
.adminNoFrame .btnBack:hover{ border: 1px solid #ff7a68; background-color:#ff7a68;  color: #fff; }

.icon_QABulb{ background: url("../images/basicpic.png") no-repeat scroll -173px -200px transparent; width:34px; height:35px; margin-right:7px;}
.ui-tooltip-doMoreBlack{
	background-color: #4a4a4a;
	border-color: #4a4a4a;
}
.ui-tooltip-doMoreBlack .ui-tooltip-content{
	font-size:12px;
	color: #ffffff;
}

.ui-tooltip-doMoreBlack .ui-tooltip-titlebar{
	background-color: #4a4a4a;
}

.ui-tooltip-doMoreBlack .ui-tooltip-icon{
	border-color: #4a4a4a;
}

.ui-tooltip-doMoreBlack .ui-tooltip-titlebar .ui-state-hover{
	border-color: #4a4a4a;
}

.user-email-qtip{
	background-color: #4a4a4a ;
	border-radius: 3px;
	border:1px solid #4a4a4a ;
	color:#ffffff;
	font-size:13px;
	padding: 2px;
}

.business-company-title {
	font-size:16px;
	color:#d0d6dc;
	font-family:'微軟正黑體';
	margin-left:5px;
	margin-top:14px;
	text-shadow:0px 1px 0 rgba(0,0,0,1);
	max-width: 380px;
	overflow: hidden;
	white-space: nowrap;
}

.calendar_checkboxStop{
	background: url("../images/calendar_icon.png") no-repeat scroll 0 -426px transparent;
	width:20px;
	height:20px;
	margin-right:4px;
	margin-top:-2px;
	*margin-top:-3px;
}

/*icon AutoComplete聯絡人*/
.iconDotContact16{ background: url("../images/basicpic.png") no-repeat scroll -135px 0 transparent; width:16px; height:16px; margin-right: 3px;}
/*icon AutoComplete商機*/
.iconDotDeal16{ background: url("../images/basicpic.png") no-repeat scroll -135px -21px transparent; width:16px; height:16px; margin-right: 3px;}
/*icon AutoComplete新增聯絡人*/
.iconDotAddnew16{ background: url("../images/basicpic.png") no-repeat scroll -156px -21px transparent; width:16px; height:16px; margin-right: 3px;}
/*icon AutoComplete新增公司*/
.iconDotAddnewCompany16{ background: url("../images/basicpic.png") no-repeat scroll -156px 0px transparent; width:16px; height:16px; margin-right: 3px;}
.iconDotCompany16{ background: url("../images/basicpic.png") no-repeat scroll -135px -105px transparent; width:16px; height:16px; margin-right: 3px;}

/*icon 轉成inline-block*/
.iconforBlock{ display: inline-block; vertical-align: middle; padding-top: 3px; padding-top: 0px\9; padding-top: 1px\0/;}

/*-----20140520新增------------------------------------------------------------*/
/*icon商機金額sign*/
.iconDollarsign{ background: url("../images/basicpic.png") no-repeat scroll -135px -63px transparent; width:16px; height:16px; }
/*inputBox前面若要放icon*/
.inputIconSpace { position: absolute; top:14px; left:9px; }
.inputIconTex { float: left; left: 0; position: absolute; text-indent: 20px; }


/*-----20140527新增------------------------------------------------------------*/
/*icon麵包屑箭頭@tabBar上面*/
.breadcrumbs .iconTabbarBreadArrow{ background: url("../images/basicpic.png") no-repeat scroll -150px -177px transparent; width:8px; height:16px; margin: 9px 6px 0 3px;}
.breadcrumbs .frame{ padding-top: 6px;}
.breadcrumbs{ color: #6c6d6e; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); font-size:13px; line-height:34px;}
.breadcrumbs a{ color: #6c6d6e; text-align:center; cursor:pointer; padding: 0 8px; }
.breadcrumbs a:hover{ color: #fff;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); background:#b6bfc7; height:31px; border-bottom:1px solid #a8b1b9; }

/*下拉選單多個分隔線區間*/
.dropdownListFrame .sepLineFrame{ border-top:1px solid #e8e8e8; margin-top:5px; padding-top: 5px;}

.iconDotWork16{ background: url("../images/basicpic.png") no-repeat scroll -135px -84px transparent; width:16px; height:16px; margin-right: 3px;}

.search-widget .searchName a {
	margin-top: 5px;
	font-size: 13px;
	font-family: 'Arial';
}

/* general elements */

.button {
	cursor: pointer;
	font-size:16px;
	font-weight:bold;
	font-family:sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	line-height: 20px;
	padding:0 10px;
	text-decoration:none;
	display:inline-block;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 0.4);
	color:#333;

	-webkit-box-shadow:inset 1px 1px 0px 0px #FFFFFF, 1px 1px 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:inset 1px 1px 0px 0px #FFFFFF, 1px 1px 3px rgba(0, 0, 0, 0.7);
	box-shadow:inset 0px 1px 0px 0px #FFFFFF, 1px 1px 3px rgba(0, 0, 0, 0.7);

	background:-moz-linear-gradient( center top, #F8F8F8 5%, #E3E3E3 60%, #E3E3E3 100% );
	background:-ms-linear-gradient( top, #F8F8F8 5%, #E3E3E3 60%, #E3E3E3 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E3E3E3');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F8F8F8), color-stop(60%, #E3E3E3), color-stop(100%, #E3E3E3) );
	background-color:#F8F8F8;
}
.button:hover {
	background:-moz-linear-gradient( center top, #F9F9F9 5%, #EAEAEA 100% );
	background:-ms-linear-gradient( top, #F9F9F9 5%, #EAEAEA 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#EAEAEA');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F9F9F9), color-stop(100%, #EAEAEA) );
	background-color:#F9F9F9;
}
.button:active {
	top: 1px;
	position: relative;

	background:-moz-linear-gradient(center top, #E9E9E9 5%, #EBEBEB 40%, #F7F7F7 100% );
	background:-ms-linear-gradient(top, #E9E9E9 5%, #EBEBEB 40%, #F7F7F7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#F7F7F7');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #E9E9E9), color-stop(40%, #EBEBEB), color-stop(100%, #F7F7F7) );
	background-color:#E9E9E9;
}

.button.yellow {
	cursor: pointer;
	font-size:16px;
	font-weight:bold;
	font-family:sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	line-height: 20px;
	padding:0 10px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #F9CD3D 5%, #ECB632 60%, #d9a42c 100% );
	background:-ms-linear-gradient( top, #F9CD3D 5%, #ECB632 60%, #d9a42c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9CD3D', endColorstr='#d9a42c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F9CD3D), color-stop(60%, #ECB632), color-stop(100%, #d9a42c) );
	background-color:#F9CD3D;
	color:#333333;
	display:inline-block;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 0.4);
 	-webkit-box-shadow:inset 1px 1px 0px 0px #F2D985, 1px 1px 3px rgba(0, 0, 0, 0.7);
 	-moz-box-shadow:inset 1px 1px 0px 0px #F2D985, 1px 1px 3px rgba(0, 0, 0, 0.7);
 	box-shadow:inset 0px 1px 0px 0px #F2D985, 1px 1px 3px rgba(0, 0, 0, 0.7);
}
.button.yellow:hover {
	background:-moz-linear-gradient( center top, #F5DD3D 5%, #F5BF2B 100% );
	background:-ms-linear-gradient( top, #F5DD3D 5%, #F5BF2B 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5DD3D', endColorstr='#F5BF2B');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #F5DD3D), color-stop(100%, #F5BF2B) );
	background-color:#F5DD3D;
}
.button.yellow:active {
	background:-moz-linear-gradient(center top, #e4ad2f 5%, #f2bc35 40%, #F9CD3D 100% );
	background:-ms-linear-gradient(top, #e4ad2f 5%, #f2bc35 40%, #F9CD3D 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4ad2f', endColorstr='#F9CD3D');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e4ad2f), color-stop(40%, #f2bc35), color-stop(100%, #F9CD3D) );
	background-color:#e4ad2f;

	-webkit-box-shadow:inset 1px 1px 0px 0px #F2D985, 0px 0px 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:inset 1px 1px 0px 0px #F2D985, 0px 0px 3px rgba(0, 0, 0, 0.7);
	box-shadow:inset 0px 1px 0px 0px #F2D985, 0px 0px 3px rgba(0, 0, 0, 0.7);

	top: 1px;
	position: relative;
}

.icon26 {
	display: inline-block;
	width: 26px;
	height: 26px;
}
.icon26.right-arrow {
	background: url("../images/glyphicons_217_circle_arrow_right.png") no-repeat scroll transparent;
}