@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body * {
	font-family:Arial, Helvetica, sans-serif;
}
a {
	text-decoration:none;
	cursor:pointer;
	color:#666666;
}
.clear {
	margin:0;
	padding:0;
	clear:both;
}
/* default colors */
.red {
	color:#FF0033;
}
.blue{
	color:#36C;
}
.purple {
	color:#754089;
}
.cursor-pointer {
	cursor:pointer;
}
/* login area */
.login-dialog { 
	position:absolute;
	top:50%;
	left:50%;
	width:400px;
	height:380px;
	margin-left:-200px;
	margin-top:-260px;
	padding:25px;
	border:#CCCCCC solid 1px;
	border-radius:10px;
	-webkit-border-radius:10px;
}
.company-title {
	width:100%;
	font: 18px/24px  'Merienda One', cursive;
	color:#333;
	text-align:center;
}
.login-title {
	text-transform: uppercase;
	font-size: 36px;
	margin: 36px 0 18px 20px;
}
.login-dialog .input-box {
	padding: 0 20px;
	margin-bottom: 18px;
}
.login-dialog .input-box label{
	color:#999999;
	font-size:0.8em;
}
.login-dialog .input-box input.inp{
	background: url("../images/bg-input.png") repeat-x left bottom #ffffff;
	border: 1px solid #e9e9e9;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
	color: #000000;
	font-size: 22px;
	height: 44px;
	line-height: 44px;
	width: 100%;
	margin-bottom: 8px;
	padding-left: 10px !important;	
}
.dialog-button:hover {
	background-position: center -40px;
}
.dialog-button {
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff !important;
	width: 200px;
	height: 40px;
	line-height: 40px;
	font-size: 24px;
	font-weight: bold;
	background: url("../images/bg-button.png") no-repeat center 0 transparent;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	cursor: pointer;
	border:0;
}
.header {
	position:relative;
	background:url(../images/header_bg_repeat.png) repeat-x;
	width:100%;
	height:90px;
}
.header .title{
	margin:10px 0 0 20px;
	float:left;
	font: 18px/24px  'Merienda One', cursive;
	color:#333;
	text-align:center;
}
.header .logo {
	float:left;
}
.header .member_search {
	float:left;
	margin:50px 0 0 0;
}
.header .menu {
	position:absolute;
	top:10px;
	left:237px;
	list-style:none;
	z-index:999;
}
.header .home {
	position:absolute;
	top:17px;
	left:210px;
	list-style:none;
	z-index:999;
}
.header .menu>li {
	float:left;
	min-width:95px;
	margin-right:5px;
	text-align:center;
}
.header .menu>li:hover, .header .menu>li.current {
	background:#ffeeff;
	border-radius:5px;
}
.header .menu>li a {
	color:#FFFFFF;
	display: inline-block;
	padding:5px 2px;
}
.header .menu>li:hover a, .header .menu>li.current a {
	color:#754089;
}
.submenu {
	display:none;
	list-style:none;
	padding:0;
}
.header .menu>li:hover .submenu {
	display:block;
}
.submenu>li{
	padding: 0px;
	margin: 5px;
	border-radius:5px;
	-webkit-border-radius:5px;
	color:#754089;
}
.submenu>li:hover, .submenu>li:hover a{
	background: #C9F;
	color:#FFFFFF;
	cursor:pointer;
}
.icon-add {
	width:11px;
	height:10px;
	background: url("../images/more-ico.png") no-repeat center 9px transparent;
}

/* body */
.body {
	position:relative;
}

/* 首頁工作管理 */

.controller {
	position:relative;
	margin:10px 0 10px 10px;
	min-height:542px;
	border:#ccc solid 1px;
	float:left;
}
.controller.todaywork {
	width:30%;
	display:none;
}
.controller .title{
	font-size:24px;
	background:#754089;
	color:#fff;
	padding:10px 0 15px 10px;
}
.controller .title .title_status_switch{
	display:inline-block;
	margin-left:15px;
	color:#754089;
	border:#ccc solid 1px;
	padding:4px 6px;
	background:#ffeeff;
	font-size:9px;
}
.controller .title .title_status_switch.current{
	background:#754089;
	border:#fff solid 1px;
	color:#FFF;
	font-weight:bold;
}
.today{
	margin-top:30px;
	text-align:center;
	font-size:25px;
	color:#754089;
	line-height:48px;
}
.clock{
	text-align:center;
}
.hours{
	font-size:60px;
	color:#666;
}
.secs{
	font-size:10px;
	color:#999;
}
.ampm{
	font-size:15px;
	color:#754089;
}
.buttons{
	text-align:center;
	padding:20px 10px;
}
.button{
  font: normal 12px/20px Arial, sans-serif;
  color: #fff;
  width: 80px;
  height: 30px;
  display: inline-block;
  margin: 0 auto;
  text-decoration: none;
  border-radius:5px;
  -webkit-border-radius:5px;
  background:#754089;
  cursor:pointer;
}
.button:hover{
	background:#9155a5;
}
.controller_btn{
	margin:20px;
}
.work_time{
	font-size:36px;
	color:#777;
}
.work_on_time{
	color:#754089;
	margin-top:5px;
	text-align:center;
}

/* 首頁訊息區 */
.controller .worklists{
	position:absolute;
	top:270px;
	bottom:45px;
	width:100%;
	margin-top:0px;
	border-top:#efefef solid 1px;
	overflow-y:auto;
	overflow-x:hidden;
}
.controller .worklists .msg{
	display:block;
	font-size:15px;
	width:100%;
	color:#333;
	text-decoration:none;
	border-bottom:#efefef solid 1px;
	position:relative;
}
.controller .worklists .msg:hover{
	background:#9155a5;
	color:#fff;
}
.controller .worklists .msg:hover .msg-reply{
	color:#ccc;
}
.controller .worklists .msg>div{
	line-height:30px;
	padding:15px 10px 10px 20px;
}
.controller .worklists .msg .msg-reply{
	font-size:12px;
	color:#999;
	line-height:18px;
}
.worklists .msg a.close_msg { 
	background:url(../images/x-button.png) no-repeat center center;
	width:27px;
	height:27px;
	position:absolute;
	right:0px;
	top:9px;
	display:none;
}
.worklists .msg a.user {
	background-color:#754089;
	font-size:9px;
	line-height:18px;
	padding-left:20px;
	color:#fff;
	width:100px;
	height:18px;
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	cursor:default;
}
.controller .worklists .msg:hover a{
	display:block;
}
.controller .add_msg{
	position:absolute;
	height:40px;
	bottom:0px;
	width:300px;
	text-align:center;
}

.controller .memberlists{
	overflow-y:auto;
	overflow-x:hidden;
}
.add_instore {
	display:block;
	position:absolute;
	top:12px;
	right:20px;
	color:#754089;
	font-size:12px;
	background:#ffeeff;
	padding:5px 5px;
	width:35px;
	text-align:center;
	border:#ffeeff solid 1px;
}
.add_instore:hover{
	background:#9155a5;
	color:#fff;
	border-top:#fff solid 1px;
	border-left:#fff solid 1px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
}
.add_instore .add{
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
}

/* pop-up 相關 */

.over {
  background: #000;
  opacity: 0.5;
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  bottom:0;
  left:0;
  right:0;
  display: none;
  z-index: 99;
}
.pop-up {
  width: 960px;
  padding: 10px;
  background: #fff;
  display: none;
  position: absolute;
  top: 10%;
  left: 50%;
  margin-left: -490px;
  z-index: 1000;
}
.close {
  position: absolute;
  cursor: pointer;
  width: 27px;
  height: 27px;
  right: -12px;
  top: -14px;
  background: url(../images/x-button.png) no-repeat 0 0;
}
.popup-content .title {
	position:relative;
	font-size:24px;
	background:#754089;
	color:#fff;
	padding:10px 0 15px 10px;
}
.popup-content .content {
	position:relative;
}
.instore_member_search th, .instore_member_search td{
	height:200px;
}
#instore_member_products a {
	border-bottom:#754089 solid 1px;
	color:#754089;
	cursor:pointer;
	padding-bottom:2px;
}	
.popup_table {
	width:100%;
	border:0;
	border-collapse:collapse;
}
.popup_table th, .popup_table td{
	font-size:15px;
	line-height:25px;
	color:#666;
	padding:10px;
	vertical-align:top;
}
.popup_table thead th {
	background:#dedede;
	border-bottom:#ccc solid 1px;
}
.popup_table tfoot td {
	background:#efefef;
	border-top:#ccc solid 1px;
}
.popup_table td div {
	/*padding:5px;*/
	line-height:25px;
}
.popup_table .inp {
	border: 1px solid #e9e9e9;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
	color: #000000;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	color:#666;
	width: 300px;
	margin-bottom: 8px;
	padding-left: 10px !important;
}
.popup_table .inp.txtara{
	height: 120px;
}
.popup_table .err {
	border-color:#CC0000;
}
.popup_table tr.get td{
	color:#754089;
}
.popup_table tr.use td{
	color:#333;
}
.uprod.c, .ic{
	color:#F03;
	font-weight:bold;
}
.uprod.w{
	color:#754089;
}
.my_products_table {
	border-collapse:collapse;
	width:100%;
}
.my_products_table th {
	font-weight:bold;
	background:#999999;
	color:#FFFFFF;
}
.my_products_table th, .my_products_table td, .my_products_table td div {
	padding:1px 5px;
	border_bottom:#ccc solid 1px;
}
.err_msg {
	font-size:12px;
	color:#CC0000;
}
.instore_member_info {
	display:none;
}
.detail {
	position:relative;
	border:#CCC solid 1px;
	padding:5px;
}
.memberlists table{
	width:100%;
	color:#666;
	border:0;
	border-collapse:collapse;
}
table.datalist tbody tr:hover {
	background:#9155a5;
	color:#fff;
	cursor:pointer;
}
table.datalist tbody tr:hover a{
	color:#fff;
}
.item-table {
	width:100%;
	color:#666;
	border:0;
	border-collapse:collapse;
}
.item-table th{
	text-align:left;
	border-bottom:#ccc solid 1px;
}
.item-table td {
	vertical-align:middle;
	border-bottom:#efefef solid 1px;
}
.item-table th, .item-table td{
	padding: 11px 5px;
}

.memberlists table th {
	text-align:left;
	border-bottom:#efefef solid 1px;
}
.memberlists table td {
	vertical-align:middle;
}
.memberlists table tbody td {
	border-bottom:#efefef solid 1px;
}
.memberlists table th, .memberlists table td{
	padding: 11px 5px;
}
.controller.instore{
	width:33%;
}
.controller.dashboard{
	min-height:500px;
	width:29%;
}
.controller.dashboard2{
	min-height:500px;
	width:33%;
}
.controller.dashboard2.last{
	float:right;
	margin-right:10px;
}
.controller.instore.last{
	float:right;
}
.controller.members{
	position:absolute;
	left:0;
	right:0;
	margin-right:10px;
}
.srchdiv {
	padding:8px 0 0 15px;
	font-size:15px;
	color:#666;
}
.srchdiv .inp{
	border: 1px solid #e9e9e9;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) inset;
	color: #000000;
	font-size: 15px;
	height: 20px;
	line-height: 20px;
	color:#666;
	width: 300px;
	margin: 0 0 8px 25px;
	padding-left: 10px !important;
}
.item-class {
	width:15%;
	float:left;
	border-right:#ccc solid 1px;
}
.item-class td.current{
	background-color:#9155a5
}
.item-class td.current a{
	color:#fff;
}
.item-table-div {
	width:83%;
	float:right;
}
.stock{
	height:12px;
}

#yearhelp div{
	float:left;
	width:50px;
}
/*  member edit menu */

.popup-content .menu {
	position:absolute;
	top:0;
	left:0;
	font-size:13px;
	margin: 10px 0 10px 175px;
}
.popup-content .menu li {
	display: inline-block;
	margin:0 5px 0 0 ;
	padding: 0 5px;
	border-radius:5px;
	background:#754089;
}
.popup-content .menu li a {
	color:#fff;
	display: inline-block;
	padding:5px;
}
.popup-content .menu li:hover, .popup-content .menu li.current {
	background:#ffeeff;
	border-radius:5px;
}
.popup-content .menu li:hover a, .popup-content .menu li.current a {
	color:#754089;
}
.member_edit_table {
	border:0;
	border-collapse:collapse;
	font-size:12px;
	color:#333;
}
.member_edit_table th, .member_edit_table td {
	padding: 5px 0 5px 5px;
	text-align:left;
}
.member_edit_table th {
	width: 80px;
}
.member_edit_table td {
	width: 360px;
}
.member_edit_table tbody th, .member_edit_table tbody td {
	border-bottom:#ececec solid 1px;
}
.member_edit_table tbody td div{
	padding:0;
}
.transfer_edit .stitle {
	text-align:center;
	font-size:15px;
	font-weight:bold;
}
.popup-content .member_edit {
	margin-top:10px;
}
.twzip {
	float:left;
}
.zipcss { 
	display:none;
}
.fastedit_submit { 
	display:none;
}
input.tiny {
	width:30px;
}
input.short {
	width:70px;
}
input.key {
	width:150px;
}
.pager { 
	float:left;
}
.pager a.no_pager { 
	display:none;
}
.pager a.next { 
	display:inline-block;
	background:url(../sadmin/images/arrow_right.png) no-repeat;
	width:16px;
	height:16px;
}
.pager a.prev { 
	display:inline-block;
	background:url(../sadmin/images/arrow_left.png) no-repeat;
	width:16px;
	height:16px;
}
.pager a.first { 
	display:inline-block;
	background:url(../sadmin/images/arrow_start.png) no-repeat;
	width:16px;
	height:16px;
}
.pager a.last { 
	display:inline-block;
	background:url(../sadmin/images/arrow_end.png) no-repeat;
	width:16px;
	height:16px;
}
.pager li {
	display:inline-block;
	margin-right:25px;
}
.pager a.current { 
	color:#754089;
	font-size:18px;
	font-weight:bold;
}
.mpoints { 
	color:#C03;
	font-size:15px;
	font-weight:bold;
}
.popup-content .origin{
	position:absolute;
	width:80%;
	height:450px;
	top:10%;
	margin:0 auto;
	border:#666666 solid 1px;
	background-color:#FFF;
	display:none;
	overflow:auto;
}
.popup-content .origin div {
	margin:10px;
}
.popup-content .origin .edit_origin {
	
}
.popup-content #yearhelp{
	margin-left:-500px;
}
.popup-content #yearhelp td{
	cursor:pointer;
}
.member_rowdata.N{
	font-weight:bold;
}
.member_rowdata.Y{
	color:#639;
}
#suggestaddr{
	padding:5px 10px;
	background-color:#FFF;
	border:#ccc solid 1px;
	line-height:30px;
}
#today_cash{
	display:none;
	width:680px;
}
.cnotes{
	list-style: none;
	padding:0;
	margin:5px;
}
.cnotes li{
	padding:5px;
}