@charset "utf-8";

html { height:100%; }
body { height:100%; margin:0; padding:0; text-decoration:none; color:#000; font-size:20px; font-family:Arial, Helvetica, sans-serif; }
#wrapper { position:relative; min-height:100%; width:100%; background:url('bg.png'); background-repeat:repeat-x; }

.mmenu {
  background-color: #ffffff;
  margin-top:   8px;
  margin-left:  8px;
  display: block;
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 3px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 7px);
    transform: rotate(-45deg) translate(-6px, 7px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -7px);
    transform: rotate(45deg) translate(-6px, -7px);
}

.mmenu:hover,
.mmenu:focus {
    background-color: #ffffff;
}
#mmenu_rdrpdn {
    margin-top: 50px;
}

.mmenu_drpdn_c {
    height:80%;
    text-align: left;
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    box-shadow: 0px 8px 16px 0px rgba(255,0,0,0.3);
    z-index: 1;
}
.mmenu_show {display:block;}

/* 頁尾 */
#footer{
  clear:both;
  position:absolute;
  bottom:0px;
  right:0px;
  height:20px;
  line-height:20px;
  background:#d8d8d8;
  color:#333;
  width:100%;
  text-align:center;
  vertical-align: bottom;
  font-size:12px;
}

#sidetab {
	width:50px;
	text-align:center;
	position:fixed;
	_position:absolute;
	z-index:50;
	bottom:80px;
	right:0;
	margin:0 0 0 0;
}

/* 中間內容頁籤 */
#contain_menu { clear:both; position:relative; margin:0px 10px 0 10px; padding:10px 0 0 0; color:#272727; height:24px; z-index:999; }
#contain_menu ul { margin:0; padding:0; list-style:none; text-align:left; }
#contain_menu li { display:block; float:left; margin:0; padding:0; }
#contain_menu li a { color:#000000; background-color:#efefef; text-decoration:none; padding:10px 20px ; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
#contain_menu li a.tabactive { border-bottom:1px solid #fff; background-color:#dedede; position:relative; }


/* 中間內容 */
#contain-primary { clear:both; margin:0px 10px 40px 10px; position:relative; border:1px #e1e1e1 solid; padding:15px 15px; background:#fff; }
.contain-title { margin-top:0px; background:#d8d8d8; color:#ff4000; font-size:24px; border-left:5px #f00 solid; padding:5px 10px; margin-bottom:10px; }
.contain-title p { margin:0; float:right; margin-top:-3px; }

.contain-subtitle { width:45%; background:#d8d8d8; color:#ff0000; font-size:14px; border-left:5px #474747 solid; padding:5px 10px;}
.contain-subtitle p { margin:0; float:right; margin-top:-3px;}

.contain-box { clear: both; position:relative; border:1px solid #aaa; padding:10px; }
.contain-status { background:#efefef; color:#000; font-size:15px; border-left:5px #777 solid; padding:5px 10px; margin-bottom:10px; }


/* 分頁 */
.pager { text-align:center; margin:10px 5px; }
.pager { font-size:20px; color:#4d4d4d; }
.pager a { color:#4d4d4d; padding:2px 6px; border:solid 1px #ddd; background:#fff; text-decoration:none; }
.pager a:visited { color:#4d4d4d; padding:2px 6px; border:solid 1px #ddd; background:#fff; text-decoration:none; }
.pager a:hover { color:#000; border:solid 1px #4d4d4d; background:#ccc; text-decoration:none;}
.pager .curPage { padding:2px 6px; border:solid 1px #4d4d4d; font-weight:bold; vertical-align:top; background:#ddd; color:#4d4d4d; }

/* 表格 */
#table-list { width:100%; font-size:20px; font-weight:normal; color:#000; }
#table-list table { font-size:20px; color:#000; border:none; width:100%; }
#table-list tr { background:#fff; }
#table-list tr:nth-child(odd) { background:#ffe5e5; }
#table-list tr:hover { background:#e5e5e5; }
#table-list th { background:#bfff00; padding:2px; text-align:center; }
#table-list td { border-bottom:1px none #d9d9d9; border-bottom-style:solid; padding:2px; text-align:center; }
#table-list tr .th-title { background:#bfff00; padding:2px; text-align:center; }
#table-list .td-title  { text-align:left; background:#919191; color:#000; }
#table-list .td-left   { text-align:left; }
#table-list .td-left p { clear:both; position:relative; }
#table-list .td-right  { text-align:right; }
#table-list .td-mark   { text-align:left; background:#fcc6c0; }
#table-list .td-qty    { text-align:left; color:#fb0102; }
#table-list .tr-mark   { background:#ffecf7; }

#dtable-list { width:100%; font-size:20px; font-weight:normal; color:#000; }
#dtable-list table { font-size:20px; color:#000; border:none; width:100%; }
#dtable-list tr { background:#fff; }
#dtable-list tr:nth-child(odd) { background:#e5e5e5; }
#dtable-list tr:hover { background:#ffe5e5; }
#dtable-list th { font-weight:normal; color:#000; background:#ffc000; padding:5px; text-align:center; }
#dtable-list td { border-bottom:1px none #d9d9d9; border-bottom-style:solid; padding:5px; text-align:center; }
#dtable-list .td-title { text-align:left; background:#eaff00; color:#000; }
#dtable-list .td-left { text-align:left; }
#dtable-list .td-left p { clear:both; position:relative; }
#dtable-list .td-right { text-align:right; }
#dtable-list .tr-mark { background:#fddde6; }


/* 表單 */
#table-form { width:100%; }
#table-form table { border:none; width:100%; font-size:20px; }
#table-form th { color:#000; border:1px none #ccc; border-bottom-style:dashed; font-weight:normal; background:#d8d8d8; padding:2px; text-align:center; }
#table-form td { color:#000; border:1px none #ccc; border-bottom-style:dashed; padding:2px; }
#table-form .csstext { font-style:normal; color:#000; padding:3px; border:1px solid #ccc; }
#table-form .td-left { text-align:left; }
#table-form .td-right { text-align:right; }

/* 其它 */
#errormsg { color:#f00; border:1px solid #ffb2b2; font-size:20px; padding:6px 10px 6px 27px; margin:8px 0px; background:url('warning.png') no-repeat 5px 4px #ffcccc; }
#errormsg1 { color:#f00; border:1px solid #ffb2b2; font-size:20px; padding:6px 10px 6px 27px; margin:8px 0px; background:url('warning.png') no-repeat 5px 4px #ffcccc; }
.clear { clear:both; height:1px; padding:0; margin:0; overflow:hidden; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:none; }
img { border:0; }
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="button"], input[type="submit"], input[type="reset"], select { border:1px solid #ccc; }

.cssbutton {
  width:90%; text-align:center;
	cursor:pointer;
	text-decoration:none;
	background: #00ff40;
	background: -moz-linear-gradient(top,#00ff40 0%,#ffcc00 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#00ff40),color-stop(100%,#ffcc00));
	background: -webkit-linear-gradient(top,#00ff40 0%,#ffcc00 100%);
	background: -o-linear-gradient(top,#00ff40 0%,#ffcc00 100%);
	background: -ms-linear-gradient(top,#00ff40 0%,#ffcc00 100%);
	background: linear-gradient(top,#00ff40 0%,#ffcc00 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ff40',endColorstr='#ffcc00',GradientType=0);
	padding:3px 3px 3px 6px;
	color:#000000;
	font-family:'Helvetica Neue',sans-serif;
	font-size:20px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9
}
.cssbutton:hover {
	cursor:pointer;
	text-decoration:none;
	background: #ff9933;
	background: -moz-linear-gradient(top,#ff9933 0%,#157AAA 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9933),color-stop(100%,#157AAA));
	background: -webkit-linear-gradient(top,#ff9933 0%,#157AAA 100%);
	background: -o-linear-gradient(top,#ff9933 0%,#157AAA 100%);
	background: -ms-linear-gradient(top,#ff9933 0%,#157AAA 100%);
	background: linear-gradient(top,#ff9933 0%,#157AAA 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff9933',endColorstr='#157AAA',GradientType=0);
	padding:3px 3px 3px 6px;
	color:#ffffff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:22px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9
}

/* 文字定義 */
.s1201   { font-size:12px; color:#000; }
.s1201CW { font-size:12px; color:#fff; }
.s1201CB { font-size:12px; color:#333; }
.s1201B  { font-size:12px; color:#000; font-weight:bold; }
.s1201BC { font-size:12px; color:#ff0000; font-weight:bold; }
.s12BR   { font-size:12px; color:#f00; font-weight:bold; }
.s1202   { font-size:12px; color:#666; }
.s1203   { font-size:12px; color:#fff; }
.s1205   { font-size:12px; color:#474747; }
.s1205CW { font-size:12px; color:#fff; }
.s1205CB { font-size:12px; color:#333; }
.s1212   { font-size:12px; color:#F00; }
.s1212CW { font-size:12px; color:#fff; }
.s1212CB { font-size:12px; color:#333; }
.s1401T  { font-size:14px; color:#000; text-decoration:line-through; }
.s1501   { font-size:15px; color:#000; }
.s1505   { font-size:15px; color:#474747; }
.s1512   { font-size:15px; color:#F00; }
.s1601   { font-size:16px; color:#000; }
.s1601B  { font-size:16px; color:#000; font-weight:bold; }
.s1605   { font-size:16px; color:#474747; }
.s1605B  { font-size:16px; color:#474747; font-weight:bold; }
.s1612B  { font-size:16px; color:#F00; font-weight:bold; }
.s1801   { font-size:18px; color:#000; }
.s1801B  { font-size:18px; color:#000; font-weight:bold; }
.s1812B  { font-size:20px; color:#f00; font-weight:bold; }
.s1802   { font-size:18px; color:#666; }
.s2012B  { font-size:20px; color:#f00; font-weight:bold; }
.s20N    { font-size:20px; color:#000; }
.s20B    { font-size:20px; color:#000; font-weight:bold; }
.s20GB   { font-size:20px; color:#1C30F1; font-weight:bold; }
.s2401B  { font-size:24px; color:#000; font-weight:bold; }
.s2412B  { font-size:24px; color:#f00; font-weight:bold; }
.s20MTB2CY { font-size:20px; width:90%; text-align:center; background-color:yellow; margin-top:2px; margin-bottom:2px; }
.s20QTY  { font-size:20px; width:70px; height:36px; text-align:right; padding-right:4px; background-color:yellow; }



/* 商品 */
.category_name    { float:left; font-size:12px; color:#696969; border: 1px solid #008000; padding:2px; margin:0 2px 2px 0; }
#set_category     {	float:left; border:1px solid #919191; width:210px; margin-bottom:10px; }
#category_title   { font-size:12px; font-weight:normal; color:#fff; background:#919191; padding:2px; text-align:center; }
#set_category_box { float:left; border:1px solid #919191; margin:0 10px 10px 0; }
#category_content { padding:10px; }

/* 訂單下方 */
.ajax-menu { padding:0; width:100%; background:transparent; }
.ajax-menu ul { margin:0; padding:0; list-style:none; }
.ajax-menu li { display: inline; margin: 0 2px 0 0; padding: 0; }
.ajax-menu a { float:left; display:block; font-size:13px; color:#fff; text-decoration:none; margin:0 3px 0 0; padding:5px 10px; background-color:#919191; }
.ajax-menu a:hover { background-color:#777; border-bottom-color:#777; }
.ajax-menu .current a { background-color:#777; border-bottom-color:#777; }
.ajax-content { clear: both; position:relative; border:1px solid #777; padding:10px; }
.ajax-loading { background: center center no-repeat url('ajax_loading.gif') #fff; }