/*子會員功能*/
.php-subm-margin-0-auto {
	 margin : 0 auto;
}
.ui-editRangeSlider-inputValue{
    color:black;
}
.php-subm-mbr-info-block {
	width: 500px;
	height: auto;
	border: 5px solid gray;
	background-color: #5c88b5;
	opacity: 1;
	margin: 0 auto;
	position: relative;
	top: 30%;
	display: inline-block;
	z-index: 99999;
	text-align: left;
}
.php-subm-mbr-info-block ul li {
	width: 100%;
	float: left;
}
.php-subm-mbr-info-block ul li div {
	width: 50%;
	float: left;
}
.php-subm-close-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
	color: #009EFF;
}
.php-subm-close-btn:hover {
	 color: red;
}
.php-subm-mask-block {
	width: 100%;
	height: 100%;
	border: 1px solid gray;
	position: fixed;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	display: none;
	z-index: 99998;
	background-color: rgba(0, 0, 0, 0.8);
	text-align: center;
}
.php-subm-center {
	text-align: center;
}
.php-subm-add-submbr-block {
	display: none;
	width: 700px;
	margin: 0px auto;
}
.php-subm-add-submbr-trigger {
	cursor: pointer;
	width: 79%;
	text-align: center;
	border: 1px dotted #4EB4DA;
	margin: 1px auto;
	padding: 10px;
	background-color: #FFFFFF;
}
.php-subm-add-submbr-trigger:hover {
	border: 1px dotted #000;
	font-weight: bold;
}
.php-subm-tree-border {
	width: 100%;
	max-width: 700px;
	margin: 3% auto 0% auto;
}
.php-subm-letterspacing3px {
	letter-spacing: 3px;
}
.php-subm-cursor-pointer {
	cursor: pointer;
}

.php-subm-sg-head-field {
	line-height: 8px !important;
	font-weight: bold;
	text-align: center;
	font-family: 微軟正黑體;
}
.php-subm-sg-content-field {
	font-weight: bold;
	text-align: center;
	height: 25px !important;
}
.php-subm-control-row {
	width: 100%;
	height: auto;
	float: left;
}
.php-subm-control-row > div {
	float: left;
}
.php-subm-control-row > div:nth-child(1), .php-subm-control-row > div:nth-child(3) {
	width: 20%;
	text-align: center;
}
.php-subm-control-row > div:nth-child(2) {
	width: 60%;
	text-align: center;
}
.php-subm-control-row > div:nth-child(3) {
	text-align: center;
	font-size: 26px;
}
.php-subm-bold {
	font-weight: bold;
}
.php-subm-font-color-red {
	color: red;
}
.php-subm-font-size-0_8em {
	font-size: 1em;
	padding-bottom: 10px;
}
.php-subm-fontsize-2em {
	font-size: 1.5em;
	color: #6B6B6B;;
}
span.slick-column-name {
	line-height: 1em;
}
.ui-widget-content.slick-row.even,.ui-widget-content.slick-row.odd{
	border-left: 1px dotted silver;
}
.slickgrid_683111 .slick-header-column{
	border-left: 1px solid silver;
}
#tagline h2{
	border-bottom:none;
}
u.php-subm-php-subm-bold {
	font-weight: bolder;
	text-decoration: none;
}
.php-combprod-center {
	text-align: center;
}
.php-combprod-tree-border {
	width: 100%;
	max-width: 700px;
	margin: 3% auto 0% auto;
}
.php-combprod-letterspacing3px {
	letter-spacing: 3px;
}
.php-combprod-main {
	width: 100%;
	padding-top: 50px;
	text-align:center;
}
.php-combprod-bold {
	font-weight: bold;
}
.php-combprod-add-task {
	color: green;
}
.php-combprod-project-status {
	text-align: center;
	color: red;
}
.php-combprod-head {
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	width: 100%;
}
.php-combprod-font-red {
	color: rgb(102,102,102);
	font-size: 20px;
}
.php-combprod-task-alias-block {
	border: 0px solid brown;
	display: none;
	padding-top: 10px;
}
.php-combprod-task-name {
	background: orange;
	opacity: 0.7;
	color: white;
	padding: 5px;
	font-size: 12px;
	text-align: center;
	border-top-left-radius: 8px;
}
.php-combprod-task-alias {
	background: none repeat scroll 0% 0% #FFE115;
	opacity: 0.7;
	padding: 3px 5px;
	font-size: 12px;
}
.php-combprod-assign-task-block {
	width: 100%;
	height: auto;
	opacity: 1;
	margin: 0 auto;
	position: relative;
	top: 30%;
	display: block;
	z-index: 99999;
	padding: 15px;
}
.php-combprod-mask-block {
	width: 100%;
	height: 100%;
	border: 1px solid gray;
	position: fixed;
	top: 0px;
	left: 0px;
	margin: 0 auto;
	display: none;
	z-index: 99998;
	background-color: rgba(0, 0, 0, 0.8);
}
.php-combprod-set-block {
	width: 50%;
	height: 80%;
	margin: 0px auto;
	background: white;
	position: relative;
	top: 10%;
	border: 1px solid blue;
	padding: 20px;
}
.php-combprod-set-block > div:nth-child(1) {
	color: black;
	text-align: center;
	font-size: 2em;
	text-shadow: 5px 5px 15px black;
}
.php-combprod-set-block > span {
	width: 40%;
	overflow: auto;
	border: 0px solid pink;
	position: relative;
	top: 0px;
	display: block;
	float: left;
	max-height: 95%;
}
.php-combprod-close-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
	color: lightblue;
}
.php-combprod-style-1 {
	text-align: center;
	width: 100%;
	height: inherit;
	letter-spacing: 10px;
	top: 30px;
	position: relative;
	font-weight: bold;
	text-decoration: underline;
}
.php-combprod-assigned-member-block {
	width: 100%;
	border: 3px solid lightblue;
	border-radius: 3px;
	float: left;
	margin-bottom: 10px;
	padding: 0 3px 3px 0;
}
.php-combprod-assigned-member-list {
	border: 0px solid red;
	height: auto;
	float: left;
}
.php-combprod-label {
	background: green;
	padding: 3px 10px;
	margin: 3px;
	border-radius: 10px;
	display: inline;
	float: left;
	color: #fff;
}
.creata1{
	font-size:20px;
	line-height:43px;
}
.creata2{
	font-size: 16px;
	line-height: 36px;
	color: #FFFFCC;
}
.important{
	color: #31708f;
}
.remide{
	color:red;
	margin-bottom: 15px;
	font-size:14px;
}
.largespace{
	line-height:36px;
}
.php-combprod-pages-icon-block {
	width: 100%;
	height: 100%;
	float: left;
	border: 0px solid blue;
	margin-bottom: 16px;
}
.php-combprod-pages-icon-block > div {
	width: 2.65em;
	height: 2.65em;
	line-height: 2.65em;
	border-radius: 2.65em;
	float: left;
	border: 0px dashed red;
	text-align: center;
	background: white;
}
.php-combprod-add-task, .php-combprod-del-task {
		height: 30px;
		width: 30px;
		line-height: 30px;
		font-size: 30px;
}
.php-combprod-add-task {
	color: green;
}
.php-combprod-del-task {
	color: red;
}
.php-combprod-slider-block {
	display: block;
	border: 0px solid green;
	width: 100%;
	height: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	float: left;
}
.php-combprod-slider-wrap {
	width: 100%;
	height: 100%;
	float: left;
	background: #c9c9c9;
	border-radius: 10px;
	margin-bottom: 1em;
}
.php-combprod-slider-wrap-left {
	width: 15%;
	height: 100%;
	float: left;
}
.php-combprod-slider-wrap-right {
	width: 85%;
	height: 100%;
	float: left;
}
.php-combprod-main-block1, .php-combprod-main-block2 { 
	border: 0px solid red;
}
.php-combprod-main-block1 {
	height: 500px;
}
.php-combprod-main-block2 {
	display: none;
	float: left;
}
.php-combprod-main-block2 > div {
	float: left;
	position: relative;
	border: 0px solid gray;
}
.php-combprod-main-block2 > div:nth-child(1) > span {
	float: left;
	border: 0px solid gray;
	height: 100%;
	font-size: 14px;
	padding-right: 5px;
}
.php-combprod-main-block1-1, .php-combprod-main-block1-2, .php-combprod-main-block1-3 {
	border: 0px solid red;
}
.php-combprod-inner-center {
	text-align: center;
}
.php-combprod-font-size-30px {
	font-size: 30px;
	color: #fff;
	padding: 10px 20px;
	height: 100px;
	background-color: #337ab7;
	border: 1px solid #73B7C5;
	color: #fff;
	border-radius:5px;
	width: 70%;
	margin-left: 15%;
}
.php-combprod-font-size-2em {
	font-size: 2em;
}
.php-combprod-task-assign {
	background: #FCE650;
	width: 100%;
}
.php-combprod-task-assign a{
	background: #FCE650;
}
.php-combprod-task-assign a:active {
	background-color: #FFCC00;
	width: 100%;
}
input.php-combprod-task-assign{
	background-color: #FFCC00;
	border-bottom-left-radius: 8px;
}
.php-combprod-project-status {
	text-align: center;
	color: red;
}
.php-combprod-head {
	font-weight: bold;
	font-size: 2em;
	text-align: center;
	width: 100%;
}
.glyphicon.glyphicon-plus.php-combprod-add-task {
	border: 1px dotted #ccc;
	border-radius: 8px;
	width: 5%;
	background: #F9F9F9;
	height: 40px;
	padding: 6px 0 6px 0;
	font-size: 24px;
}
button.multiselect.dropdown-toggle.btn.btn-default {
	color: #fff;
	margin-top: -10px;
}
.aselect-a{
}
.onebot{
}
.addproject{
}
span.new-lefta {
	width: 60%;
	max-height:95%;
}
input[type=button]{
	padding: 5px;
}
input#task_alias_determine {
	color: #666;
	padding: 8px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#b5b5b5));
	border: 3px solid #39bf00;
	border-radius: 7px;
}
input#task_alias_cancel{
	color: #fff;
	padding: 8px;
	border: 3px solid #C3C3C3;
	border-radius: 7px;
	background-color: #C3C3C3;
}
input#add_assign_check {
	background: lightblue;
	color: #fff;
}
.glyphicon.glyphicon-remove.php-combprod-del-task {
	width: 100%;
	background-color: #FFDE74;
	font-size: 24px;
	line-height: 30px;
}
.jstree-proton>.jstree-container-ul>.jstree-node{
	text-align: left;
}
#mbr_list {
	width: inherit;
	height: 320px;
}
#row_count {
	width: 75px;
	display: inline;
	text-align: center;
}
#row_count option {
	text-align: center;
	font-size: 16px;
}
#row_count_now {
	font-size: 16px;
	color: #333;
}
#add_row, #remove_row {
	width:  auto;
	height: 100%;
	font-size: 30px;
	line-height: 30px;
	opacity: 0.7;
}
#add_row:hover, #remove_row:hover {
	opacity: 1;
}
#add_row { 
	color: green;
	border: 1px dotted #ccc;
	border-radius: 8px;
	width: 80%;
	background: #F9F9F9;
	height: 40px;
	padding: 12px 0 12px 0;
	margin-bottom: 0.3em;
	font-size: 24px;
}
#remove_row {
	color: red;
	margin-bottom: 0.3em;
	border: 1px dotted #ccc;
	border-radius: 8px;
	width: 80%;
	background: #F9F9F9;
	height: 40px;
	padding: 12px 0 12px 0;
	font-size: 24px;
}
#add_submember {
	background: green;
	opacity: 0.7;
	color: #FFF;
	font-family: 微軟正黑體;
	font-size: 18px;
	width:80%;
}
#clear_form {
	background: red;
	opacity: 0.5;
	color: #FFFFFF;
	font-family: 微軟正黑體;
	font-size: 18px;
	width:80%;
}
#add_submember:hover, #clear_form:hover {
	opacity: 1;
}
#create_project {
	width: auto;
	cursor: pointer;
}
#project_name {
	padding: 3px;
	margin: 5px;
	width:120px;
}
.php-combprod-center {
	text-align: center;
}
.php-combprod-tree-border {
	width: 100%;
	margin: 3% auto 0% auto;
}
.php-combprod-letterspacing3px {
	letter-spacing: 3px;
}
.php-combprod-main {
	width: 100%;
	padding-top: 50px;
}
.php-combprod-bold {
	font-weight: bold;
}
#saveProject, #submitProject, #delProject, #projView {
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	color: white;
	opacity: 0.7;
}
#saveProject:hover, #submitProject:hover, #delProject:hover, #projView:hover {
	font-weight: bold;
}
#saveProject {
	background-color: #696;
	margin-top: 4px;
}
#submitProject {
	background: green;
}
#delProject {
	margin-top: 4px;
	background-color: #aaa;
}
#projView {
	background: orange;
	display: none;
	margin-top: 4px;
}
input#send_choose_cover {
	padding: 3px 10px;
}
input.ui-editRangeSlider-inputValue {
	color: #888;
}
.glyphicon.glyphicon-plus.php-combprod-add-task {
	top: 5px;
}
#create_project {
	width: auto;
	cursor: pointer;
	padding: 7px 30px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#d6d6d6);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#d6d6d6));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e3e3e3;
	margin:10px;
}
.php-combprod-main-block1-2 {
	padding-left: 10%;
}
.php-combprod-main-block2.text-center {
	padding-left: 5%;
}
#create_project:hover {
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 30%,
		#c3c1c1);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.30, #ffffff),
		to(#c3c1c1));
	text-decoration: none;
}
select#load_project {
	margin: 5px;
	padding: 3px;
}
.php-projv-task-list {
	border: 0px solid gray;
	margin: 0 6%;
	float: left;
	padding: 5px 0 20px 0;
	width: 90%;
}
.php-projv-task-item {
	border: 3px solid #87b4e0;
	border-radius: 5px;
	width: 100%;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background: #fff;
	margin-top: 4px;
}
.php-projv-task-item > div {
	width: 100%;
	float: left;
}
.php-projv-fontweight-bold {
	font-weight: bold;
}
.php-projv-fontsize-2em {
	font-size: 2em;
}
.php-projv-fontsize-3em {
	font-size: 3em;
}
.php-projv-template-item {
	width: 115px;
	height: 115px;
	float: left;
	position: relative;
	margin: 3px;
	background-color: #D2D2D2;
	border: 3px solid white;
}
.php-projv-is-submit {
	border: 3px solid #87b4e0;
}
.php-projv-btn-row {
	border: 0px solid red;
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	float: left;
	display: none;
}
.php-projv-btn {
	border-radius: 5px;
	background: #87b4e0;
	padding: 3px 10px;
	width: auto;
	height: 25px;
	line-height: 25px;
	display: inline-block;
	color:#fff;
	margin-left: 2px;
}
.php-projv-btn:hover {
	cursor: pointer;
}
.php-projv-task-item-progress {
	font-size: 0.5em;
	font-weight: bold;
	display: block;
}
#total_percentage {
	display: inline-block;
	color: #888;
}
.php-projv-task-row {
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 90%;
	height: auto;
	margin-top: 5px;
}
.php-projv-task-row > div:nth-child(2) {
	border-left: 1px solid #ccc;
	height: inherit;
	line-height: inherit;
}
.php-projv-background-green {
	background: -moz-linear-gradient(
		top,
		#a3a3a3 0%,
		#3b3b3b 50%,
		#242424 50%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#a3a3a3),
		color-stop(0.50, #3b3b3b),
		color-stop(0.50, #242424),
		to(#000000));
	color: #fff;
	border:1px solid #fff;
}
.php-projv-background-green:hover {
		background: -moz-linear-gradient(
		top,
		#cccccc 0%,
		#3b3b3b 35%,
		#242424 35%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#cccccc),
		color-stop(0.35, #3b3b3b),
		color-stop(0.35, #242424),
		to(#000000));
	border:1px solid #000;
}
.php-projv-background-orange {
	background: rgb(55, 105, 168);
}
.php-projv-task-row > div:nth-child(1) {
	width: 33%;
	float: left;
	padding: 3px;
}
.php-projv-task-row > div:nth-child(2) {
	width: 65%;
	float: left;
	padding: 3px;
}
.tt01{
	color: #888;
	margin-bottom: 10px;
}
.container-aa{
	color:#888;
}
.container {
	width: 900px!important;
	margin-top:0px!important;
	display: table!important;
}
.php-combprod-main-block1-3 {
	line-height: 36px;
	padding-left: 42%;
	color: gray;
	font-size: 14px;
}
.texta-center{
	text-align:center;
}
.php-projv-fontweight-bold.php-projv-fontsize-2em {
	background: #d9edf7;
	border-radius: 5px;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
div#faq .left {
	width: 50%;
	margin-bottom:0;
}
div#faq .right {
	width: 50%;
}
/*END子會員*/
/* custom products start [客制產品相關 css] ------------------------------- */
.php-custom-prod-container{
	min-height:600px;
	height:auto !important;
	height:600px;
	padding:0;
	margin-top:-10px;
	position:relative;
}

.php-custom-prod-list{
	width:100%;
	min-height:600px;
	height:auto !important;
	height:600px;
	padding:5px;
	margin-top:20px;
	text-align:left;
}

.php-custom-prod-list li{
	width:210px; /*原215px*/
	min-height:345px;
	height:auto !important;
	height:345px;
	margin:4px;
	border:solid #ccc 1px;
	display:inline-block;
	vertical-align:top;
	zoom: 1;
    *display: inline;
}

.php-custom-prod-img{
	width:215px;
	height:215px;
	overflow:hidden;
}

.php-custom-prod-breadcrumb{
	text-align:right;
	font-size:12px;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
}
.php-custom-prod-breadcrumb span{
	cursor:pointer;
}

.php-custom-prod-breadcrumb a{
	color:#333;
}

.php-custom-prod-name{
	padding:2px 5px 2px 5px;
	text-align:left;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
	font-weight:bold;
}

.php-custom-prod-desc{
	padding:2px 10px 2px 10px;
	text-align:left;
	font-family:微軟正黑體;
	font-size:13px;
	width:90%;
	height:48px;
	overflow:hidden;
}

.php-custom-prod-more{
	display:none;
	padding:2px 5px 2px 5px;
	text-align:right;
	font-size:13px;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
	position:relative;
}

.php-custom-prod-list-price{
	position:absolute;
	left:5px;
	top:2px;
}

.php-custom-prod-more a{
	color:#178951;
}

.php-custom-prod-line{
	width:100%;
	height:5px;
	margin-top:5px;
	border-top:dashed #ccc 1px;
}

.php-custom-prod-addcart{
	padding:2px 5px 2px 5px;
	width:60%;
	margin:0 auto;
	font-size:13px;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
	cursor:pointer;
	margin-bottom:5px;
	text-align:center;
}

#php-custom-prod-menu{
	position:absolute;
	top:0;
	left:0;
}

#php-custom-prod-menu li{
	line-height:10px;
	font-size:13px;
	font-family:微軟正黑體;
	text-shadow:0px 0px 1px #eee;
	background-color:#589e20;
}
#php-custom-prod-menu li a{
	color:#fff;
}

.php-custom-prod-top{
	display:none;
	width:100%;
	min-height:600px;
	height:auto !important;
	height:600px;
	padding:5px;
	margin-top:20px;
	text-align:left;
	position:relative;
}

.php-custom-prod-img-inner{
	width:600px;
	height:360px;
	overflow:hidden;
}

.php-custom-prod-topright-inner{
	position:absolute;
	left:630px;
	top:10px;
	color:#465502;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
	font-size:16px;
	height:350px;
	width:320px;
	overflow:hidden;
}

.php-custom-prod-addcart-inner{
	padding:2px 5px 2px 5px;
	width:60%;
	margin:0 auto;
	font-size:13px;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
	cursor:pointer;
	text-align:center;
	position:absolute;
	right:40px;
	bottom:0;
	width:120px;
}
.php-custom-prod-goback-inner{
	padding:2px 5px 2px 5px;
	width:60%;
	margin:0 auto;
	font-size:13px;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
	cursor:pointer;
	text-align:center;
	position:absolute;
	right:180px;
	bottom:0;
	width:120px;
}

.php-custom-prod-html-title{
	padding:5px 10px 5px 10px;
	border:solid #ccc 1px;
	margin-top:10px;
	font-family:微軟正黑體;
	background-color:#eee;
	font-size:16px;
	text-shadow:1px 1px 1px #ccc;
	color:#465502;
}

.php-custom-prod-html-content{
	padding:8px;
}

.php-custom-prod-pager{
	background-color:#eee;
	padding:2px;
	width:80px;
}

.php-custom-prod-none{
	margin-top:40px;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
	font-weight:bold;
}

.div_qty_uprice_subtotal select{
	width:auto;
	margin-left:5px;
}

.php_customerproductclassli .php_pcimgarea img{
	width:273px;
}
.php-custom-prod-editor-list{
	margin-top:30px;
	width:100%;
	border-top:dotted #111 1px;
}
.php-custom-prod-editor-list li{
	background-color:#ddd;
	margin:10px;
	width:31%;
	float:left;
}
span.new-lefta{
	width:60%;
}
/* [上傳檔案 css] */
li.php-custom-prod-editor-beforeediting-li {
	padding-left: 23%;
	border-bottom: 1px dotted #ddd;
	margin: 10px 0;
	width: 75%;
}
php-custom-prod-editor-beforeediting-ul td{
	width:100%;
}
table#ul-beforeediting tr{
	border-bottom: 1px dotted #ADADAD;
}
input#test{
	margin-top: 1%;
}
.php-custom-prod-editor-beforeediting-span-type {
	float: left;
	width: 20%;
	margin-right: 1%;
	text-align: center;
	padding: 1%;
	color: #050505;
	background-color:#ddd;
	border:1px solid #bababa;
}
td input[type="text"]{
	margin-top: 1%;
}
table#ul-beforeediting {
	width: 100%;
	margin: 0;
}

li.php-custom-prod-editor-beforeediting-li {
	padding-left: 2%;
	margin: 10px 0;
	width: 98%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
.php-custom-prod-editor-beforeediting-span-beforeeditingname {
	padding-right: 20px;
	width: 20%;
	text-align: right;
	vertical-align: middle;
}
.php-custom-prod-editor-beforeediting-input-text {
	margin-top: 1% 0 1% 0;
	width: 90%;
}
.beforeediting-submit {
	padding: 2% 40%;
}
/* custom products end [客制產品相關 css] ------------------------------- */

/* member album start [線上相簿相關 css] */
.php-album-list{
	width:895px;
	min-height:580px;
	height:auto !important;
	height:580px;
	margin: 0 auto;
	margin-top:10px;
	padding-left:22px;
}
.php-album-list li{
	width:167px;
	height:204px;
	border:solid #ccc 1px;
	float:left;
	margin:0 9px 10px 0;
	position:relative;
}
.php-album-list li:hover{
	border:solid #aaa 1px;
}
.php-album-list li a{
	color:#333;
}
.php-album-pic-box{
	width:167px;
	height:167px;
	white-space:nowrap;
	overflow:hidden;
}
.php-album-pic-box img{
	width:167px;
}
.php-album-control-box{
	position:relative;
	width:100%;
	height:37px;
	font-size:13px;
	font-family:微軟正黑體;
	text-shadow:1px 1px 1px #ccc;
}
.php-album-control-box-name{
	color:#004ea0;
	position:absolute;
	top:2px;
	left:6px;
	width:130px;
	white-space:nowrap;
	overflow:hidden;
}
.php-album-control-box-description{
	display:none;
}
.php-album-control-box-counter{
	position:absolute;
	bottom:2px;
	left:4px;
}
.php-album-control-box-counter b{
	color:#ff5555;
}
.php-album-control-box-setting{
	position:absolute;
	bottom:10px;
	right:4px;
	z-index:99;
	width:16px;
	height:16px;
	background-image:url('../images/icons/evernote_16.png');
}
.php-album-add-box{
	position:relative;
}
.php-album-add-box-btn{
	width:100%;
	height:165px;
	overflow:hidden;
	white-space:nowrap;
}
.php-album-add-box-btn img{
	width:165px;
	height:165px;
}
.php-album-add-box-title{
	line-height:38px;
	background-color:#eee;
	text-align:center;
}
.php-album-clear{
	clear:both;
}
#AlbumManagerMenu,#PhotoManagerMenu{
	display:none;
}
#invoiceZipcode {
	width: 80px;
}
#invoiceAdd {
	width: 400px;
}
.php-album-return{
	margin:-10px 0 10px 0;
}
.php-album-return a{
	padding:5px;
	border:solid #ccc 1px;
	background-color:#60ab22;
	color:#fff;
	font-family:微軟正黑體;
	font-size:13px;
	text-shadow:1px 1px 1px #ccc;
}
.php-album-return a:hover{
	background-color:#76d127;
}
.php-album-search-box{
	font-size:13px;
	text-shadow:1px 1px 1px #ccc;
	font-family:微軟正黑體;
	margin-left:10px;
}
.php-album-search-box label,.php-album-search-box input[type=button]{
	cursor:pointer;
}
.php-album-search-box input[type=text]{
	padding:2px;
}
.php-album-search-box input[type=button]{
	padding:2px 4px 3px 4px;
	border:solid #ccc 1px;
	vertical-align:top;
}
.php-album-search-box input[type=button]:hover{
	border:solid #eee 1px;
	color:#333;
}
.php-photo-already-pclear{
	position:absolute;
	width:54px;
	height:58px;
	top:0;
	left:1px;
	background-image:url('../images/album/already-pclear.png');
}
/* member album end [線上相簿相關 css] */

.booklist {
    width: 220px;
	height:auto;
	background:#fff;
	box-shadow:0 0 8px #888;
	-moz-box-shadow:0 0 8px #888;
	-webkit-box-shadow:0 0 8px #888;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-align:left;
	float:left

}

.featured-box {
	position:relative;
	z-index:5;
	box-shadow:0 0 12px #777;
	-moz-box-shadow:0 0 12px #777;
	-webkit-box-shadow:0 0 12px #777;
	height: 520px;
}


.featured-box .booklist-header  {
	padding:15px 10px 15px 20px;
}

.booklist-header {
	background:#f2f2f2;
	padding:5px 10px 5px 20px;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-bottom:1px solid #dfdfdf
}

.booklist-header h4 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:-10px;
	text-shadow: 1px 1px 1px white;
	letter-spacing:-1px
}

.featured-box .booklist-header h4  {
	font-size:28px;
}

.booklist-description {
	font-size:11px!important;
	color:#878787;
	margin-bottom:0!important;
	margin-top:15px;
}

.booklist-body {
	padding:5px 10px 5px 20px;
	margin-top:12px
}

.booklist-body p {
	font-size:14px;
	color:#878787
}

.booklist-pice {
	background: #2b2b2b;
	min-height:30px;
	padding:5px 10px 5px 20px
}

.booklist-pice p {
	font-size: 25px;
	line-height: 50px;
	color:#ffffff;
	margin-bottom:0
}

.booklist-footer {
	padding:10px 10px;
	text-align:center
}

.featured-box .booklist-footer  {
	padding:15px;
}
.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	background: #589e20;
	background: -moz-linear-gradient(
		top,
		#67b924 0%,
		#589e20);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#67b924),
		to(#589e20));
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border: 1px solid rgba(0, 0, 0, .25);
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 1px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
	text-decoration:none;
	letter-spacing:-1px;
	text-transform:capitalize
}

.btn:hover {
	background: #60ab22;
	background: -moz-linear-gradient(
		top,
		#74d127 0%,
		#60ab22);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#74d127),
		to(#60ab22))
}

.btn-large {
	padding: 10px 25px;
	font-size: 18px;
	
}

.btn-medium {
	padding: 7px 18px;
	font-size: 15px;
}

.btn-small {
	padding: 5px 15px;
	fo
}

/*orher -------------------------------*/

ul.php_showproductclass {
	margin:0px;
	float:left;
	float:left; \9; /*IE8 */
	*float:left; /*IE7 */
	_float:left; /*IE6 */
}


ul.php_showproductclass li.php_singlepc {
	margin:0px 15px;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	zoom: 1;
	*display: inline;

}

ul.php_showproductclass li.php_singlepc a {
	color:#267bb1;

}



ul.php_showproductclass li.php_singlepc a:hover {
	color:#08446b;
}

ul.php_showproductclass li.php_singlepc .php_pcimgarea img {
	margin:0px auto;
}

ul.php_showproductclass li.php_singlepc .php_pctitle , ul.php_showproductclass li.php_singlepc .pcdescribe {
	display:block;
}

ul.php_showproductclass li.php_singlepc .php_pctitle {
	font-size:16px;
	font-weight:bold;
	color:#031b2b;
}

ul.php_showproductclass li.php_singlepc .pcdescribe {
}

.php_productarea {
	margin-left: 40px;
}

.php_productarea ul {


}

.php_productarea ul li.php_pcpli {
	display:block;
	min-height:200px;
	height:240px;
	margin-bottom:20px;
	padding-bottom:40px;
	font-size:12px;
	color:#444;
	border-bottom:dashed 1px #666;
	cursor:pointer;
	margin-left: -40px;
	width: 910px;
}

.php_productarea ul li.php_pcpli .php_pimgarea {
	margin-top:40px;
	float:left;
}

.php_productarea ul li.php_pcpli .php_ptitle , .php_productarea ul li.php_pcpli .php_pdescribe , .php_productarea ul li.php_pcpli .php_pgettemplate {
	display:block;
	margin-left:200px;
}

.php_productarea ul li.php_pcpli .php_ptitle {
	color:#333;
	font-weight:bold;
	font-size:20px;
	padding-top: 45px;


}

.php_productarea ul li.php_pcpli .php_pdescribe {
}

.php_productarea ul li.php_pcpli .php_pprice {
	color:#f00;
	font-weight:bold;
	font-size:20px;
	margin-top:-25px;margin-left:400px;
	margin-top:-25px;margin-left:400px \9; /*IE8色*/
	*margin-top:-25px;margin-left:180px !important; /*IE7色*/
	_margin-top:-25px;margin-left:400px; /*IE6*/

}

.php_productarea ul li.php_pcpli .php_pgettemplate {
	clear:both;
	display:block;
	overflow:hidden;
	width:180px;
	height:70px;
	text-indent:-999px;
	background:transparent url("../images/products/button/botton_3.png") no-repeat;
}

.php_productarea .php_showallproduct {
    margin: 10px 0px;
	clear:both;
	display:block;
	overflow:hidden;
	width:122px;
	height:30px;
	line-height:30px;
	background:transparent url("../images/step2_re.png") no-repeat;
	cursor:pointer;
	color:#267bb1;
	font-size:12px;
	padding-left:20px;
}

.php_templatearea {
	display:block;
    padding-left: 0px;
	padding-bottom:40px;
}

.php_templatearea ul li {
	width: 250px;
    min-height: 150px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    zoom: 1;
    *display: inline;
    _height: 150px;
}

.php_templatearea ul li img {
	cursor:pointer;
}

.php_templatearea ul li .php_taimgarea {
	display:block;
	text-align:center;
	margin:0px auto;
	width:250px;
	min-height:150px;
	background:#ddd;
}

.php_templatearea ul li .php_showpreview {
	display:block;
	margin:0px auto;
	margin-top:10px;
	width:100px;
	height:20px;
	line-height:20px;
	padding-left:20px;
	color:#900;
	background:transparent url("../images/pv.gif") no-repeat 0px 3px;
	font-size:12px;
	cursor:pointer;
}
.productarea .showallproduct {
	margin:10px 0px;
	clear:both;
	display:block;
	overflow:hidden;
	width:122px;
	height:30px;
	line-height:30px;
	background:transparent url("../images/step2_re.png") no-repeat;
	cursor:pointer;
	color:#267bb1;
	font-size:12px;
	padding-left:20px;
}

.keyininfor {
	margin-top:20px;
	width:920px;

}

.keyininfor td {
	vertical-align:middle;
}

.keyininfor td.kititle {
	text-align: right;
	font-family: 微軟中黑體;
	font-size: 13px;
}
#Zipcode {
	width:80px;
}
#memberAdd3{
	width:413px;
}
#gainpassword{
	width:146px;
}
#repassword{
	width:146px;
}
#email {
    width:280px
}
#name {
    width: 280px;
}
#message {
    width: 280px;
}
#delveryadd{
	width:400px;
}
#php_ship1b{
	line-height:24px;
}
#php_smsnotifynum{
	width:190px
}

input[type="submit"]s {
	width: 100px;
	background-color: #81D0E0;

}
.php_templatearea ul li {
	width: 250px;
}
.fixedcalendaraptot {
	list-style:none;
	float:left;
}
ul {
	list-style: none;
	font-family: "Microsoft JhengHe","微軟正黑體";
	color: #666;
}

li {
	list-style: none;
	color: #666;
	font-family: "Microsoft JhengHe","微軟正黑體";
}


.php_pcpli {
	width: 960px;
}

.btn.btn-large {
	color: white;
}


.php_pctitle {
	font-size: 20px;
	font-family: "微軟正黑體","Microsoft JhengHe"
	color: #F60;
	font-weight: bold;
	}
.php_showproductclass li.php_singlepcsticker a .php_pcdescribe {
    color: #666;
}

.ordersearch {
	text-align:center;
	font-size:14px;
}

.ordersearch #startdate , .ordersearch #enddate {
	width:100px;
	text-align:center;
	letter-spacing:2px;
	margin:0px 15px;
}

.ordersearch .sendsearch , .ordersearch .cleardate {
	width:80px;
	text-align:center;
	margin:0px 15px;
}

.orderlist {
	width:900px;
	margin:0px auto;
	margin-top:30px;
}

.orderlist tr td {
	padding:5px;
	text-align:center;
	border:1px solid #888;
	font-size:14px;
}

.orderlist tr.title td {
	background:#444;
	color:#eee;
	height:20px;
	line-height:20px;
}

.orderlist tr.title td.ol1 {
	width:100px;
}

.orderlist tr.title td.ol2 {
	width:80px;
}

.orderlist tr.title td.ol3 {
	width:120px;
}

.orderlist tr.title td.ol4 {
	width:120px;
}

.orderlist tr.title td.ol5 {
	width:30px;
}

.orderlist tr.title td.ol6 {
	width:120px;
}

.orderlist tr.title td.ol7 {
	width:200px;
}

.orderlist tr td.ol7 .delorderbutton {
	width:80px;
	text-align:center;
}

table.pageulcss {
	margin:0px auto;
	margin-top:10px;
	height:30px;
	line-height:30px;
	font-size:14px;
}

table.pageulcss td a {
	display:block;
	height:30px;
	line-height:30px;
	text-align:center;
	width:30px;
	color:#3b5998;
	font-family:sans-serif;
}

table.pageulcss td a:hover , table.pageulcss td a.thispage {
	font-weight:bold;
	font-size:14px;
}

table.pageulcss td a.nppage {
	width:50px;
}

table.pageulcss td.quickselectpage {
	color:#3b5998;
	padding-left:40px;
}

table.pageulcss td.quickselectpage select {
	margin-left:10px;
	color:#3b5998;
	border:1px solid #3b5998;
}

.php_showproductclass li.php_singlepcphotobook a .php_pcdescribe {
    color: #666;
}
.php_showproductclass li.php_singlepcfixedcalendar a .php_pcdescribe {
	color: #666;
}
.php_productarea li.php_pcplia4hbhp .php_ptitle {
	font-size: 20px;
	font-family: "Microsoft JhengHe","微軟正黑體";
	color: #393;
	font-weight: bold;
}
.php_pprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #666;
	font-weight: bold;
}
.php_productarea li.php_pcplia4hhp .php_ptitle {
	font-size: 20px;
	font-family: "Microsoft JhengHe","微軟正黑體";
	color: #393;
	font-weight: bold;
}
.php_ptitle {
	font-size: 20px;
	font-family: "Microsoft JhengHe","微軟正黑體";
	color: #393;
	font-weight: bold;
}
.php_singlepc .php_singlepcphotobook {
	font-size: 20px;
	font-family: "Microsoft JhengHe","微軟正黑體";
	color: #393;
	font-weight: bold;
}
.php_pcdescribe {
	font-size: 13px;
}
#startbt {
	padding-left: 150px;
}

.div_thumb{
	float:left;
}
.div_thumb img{
	border:none;
	vertical-align:middle;
}

#inputqty {
	display:none;
}
#content {
	min-height: 600px;
}
.booklist-header h4 {
	width:190px;
	line-height:46px;
	overflow:hidden;
}

.orderform {
}

.orderform .error {
	width:910px;
	height:40px;
	line-height:40px;
	border:1px solid #f7c7c9;
	border-left:5px solid #f7c7c9;
	font-size:14px;
	color:#b3696c;
	text-indent:40px;
	font-weight:bold;
	background:#f9e5e6 url("../images/icon-box-error.png") no-repeat 8px 7px;
}

.orderform .columns-container-error {
	padding:0px;
	margin-top:0px;
}

.orderform .orderinfor , .one_third {
	width:200px;
	height:340px;
	padding:30px;
	background:#FAFAFA;
	border:#EEEEEE thin solid;
	margin:10px;
	float:left;
}

.orderform .orderinfor .dropcap , .one_third .dropcap {
	display: block;
	float: left;
	font-size: 23px;
	font-weight: bold;
	line-height: 36px;
	width: 36px;
	height: 36px;
	text-align: center;
	margin: 0 7px 0 0;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	color: white;
	background: #484848;
}

.orderform .ordercounttitle{
	font-size: 20px;
	line-height: 40px;
}

.orderform #controlArea {
	height:220px;
	font-size:12px;
}

.orderform #controlArea input {
}

.orderform #controlArea #photobook_only h6 {
	margin-bottom:3px;
}

.orderform #controlArea #photobook_only #formorder {
	color:#555;
}

.orderform #controlArea #photobook_only #formorder div {
	padding:0px;
}

.orderform #controlArea #photobook_only #formorder div label {
	margin:0px;
	padding:0px;
	width:60px;
	height:16px;
	line-height:16px;
	color:#666;
}

.orderform #controlArea #photobook_only #formorder div label input {
	width:20px;
	vertical-align:top;
}

.orderform #controlArea #amountchoose {
	width:50px;
	padding:0px 0px 0px 5px;
	margin-left:25px;
}

.orderform #controlArea #inputqty {
	width:40px;
	border:thin #666666 solid;
	display:none;
	margin-left:25px;
	padding-left:5px;
}

.orderform a.normal-button {
}

.orderform .two_third {
	width:520px;
	height:380px;
	padding:10px;
	background:#FAFAFA;
	border:#EEEEEE thin solid;
	margin:10px;
	float:left;
}
.btn.btn-medium.lock {
	background: #999;
}

.item_uprice {
	margin-top: 10px;
}
.bookname {
	margin-top: 10px;
}
.item_qty {
	margin-top: 10px;
}
.item_uprice {

}

<!-- ORDER2.3.4 -->
input[type="checkbox"],input[type="radio"]{
	width:24px;
	background-color:#FFFFFF;
	vertical-align:top;
}
.container label{
	width:500px;
}
.container img{
	vertical-align:middle;
}
.trtitle {
	background-color:#f6f6f6;
	border:#eaeaea thin solid;
	color:#2691d5;
	font-size:16px;
	padding:5px;
}
.tr_list td{
	padding-left:20px;
}
.trconttt td{
	vertical-align:top;
}
#php_orderitemarea{
width:100%;
}
#php_orderitem li{
	list-style:none;
	border-bottom:#DDDDDD thin solid;
	margin:10px;
	margin-right:0px;
	height:120px;
	width:800px;
	padding-bottom:10px;

}
.div_thumb{
	float:left;
}
.div_thumb img{
	max-height: 120px;
	max-width: 120px;
	border:none;
	vertical-align:middle;
	margin-right: 10px;
}

.div_books{
	width:200px;
	height:120px;
	float:left;
}
.div_books .bookname h5{ /*書名*/
	margin-bottom:0px;
}
.div_books .productname, .div_books .ordermemo{ /*產品名,訂單備註*/
	color:#AAAAAA;
	font-size:13px;
	padding-top: 10px;
}

.div_qty_uprice_subtotal{  /*每筆訂單's數量,單價,小計*/
	width:450px;
	height:120px;
	float:left;
	vertical-align:middle;
}
.div_qty_uprice_subtotal div, .item_subtotal div{
	float:left;
}
.div_qty_uprice_subtotal .item_subtotal .dollor, .item_subtotal .dollor{   /*每筆訂單's單價xx元*/
	float:right;

}
.div_qty_uprice_subtotal .item_subtotal, .item_subtotal{
	float: right;
	background-color: #DCFFDC;
	width: 150px;
	margin-top: 7px;
	padding: 3px;
}
.item_cot{
	background-color:#DCFFDC;
	width:190px;
	text-align:right;
	height:36px;
	float:left;
	
}

.div_qty_uprice_subtotal .removeord{ /*刪除*/
	font-size:14px;
	width:12px;
	height:12px;
	background:url(../images/im/ord2.gif);
	background-position:0px 0px;
	margin:11px 4px;
	cursor:pointer;
	float:right;
}
.removeord:hover{
	background-position:0px 36px;
}
.div_qty_uprice_subtotal .modifyord{ /*修改*/
	font-size:14px;
	width:12px;
	height:12px;
	background:url(../images/im/ord2.gif);
	background-position:0px 24px;
	margin: 8px;
	cursor:pointer;
	float:right;



}
.modifyord:hover{
	background-position:0px 12px;
}

#php_addmore{ /*加購其他製作項目*/
	cursor:pointer;
	font-size:14px;
	width:200px;
	height:20px;
	margin:0 auto;
	text-align:center;
	background:url(../images/im/orbg.jpg);
	padding-top:3px;
	padding-bottom:3px;
}

.delivery_box{  /*運送方式區塊*/
	margin-bottom:30px;
}
.delivery_box div:not(.formErrorContent,.formErrorArrow){
	margin-left:31px;
}
#php_doverify{  /*驗證折扣優惠*/
	margin-left:10px;
	font-size:12px;
	cursor:pointer
}
#php_PromoteMsg{  /*驗證訊息*/
	font-size:12px;
	color:#990000;
	display:none;
	line-height:15px;
	margin-bottom:20px;
}

.div_thumb {
	min-height: 120px;
	min-width: 120px;
}
<!-- ORDER2.3.4 -->

.amountchoose {
	width: 30px;
}
.php_showproductclass li.php_singlepccalendar a .php_pcdescribe {
	color: #666;
}
#bktitle {
	width: 360px;
}

#delveryadd {
	width: 360px;
}
#bkname {
	width: 360px;
}
#bkname_sender {
	width: 360px;
}
#delveryadd_sender {
	width: 360px;
}
#province {
	width: 85px;
	margin-right: 5px;
}
#zone {
	width: 85px;
	margin-right: 5px;
}
#deliveryZIP {
	width: 150px;
}
#province_sender {
	width: 85px;
	margin-right: 5px;
}
#zone_sender {
	width: 85px;
	margin-right: 5px;
}
#deliveryZIP_sender {
	width: 112px;
}
#deliveryZIP {
	width: 112px;
}
#bksubtitle {
	width: 360px;
}
#bkauthor {
	width: 360px;
}
#bkspine {
	width: 360px;
}
.snapshotlink {
	color: #666;
}
.orderform {
	margin-left: -35px;
	margin-top: -55px;
	width:982px;
}
.php_uploadresultmiddle {
	padding: 20px;
}