/* ===== submemberedit BEGIN =====*/
.php-subm-margin-0-auto {
	 margin : 0 auto;
}

.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;
    font-size: 15px;
}
.php-subm-close-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	font-size: 24px;
	line-height: 18px;
	color: #FF9900;
	margin: 10px;
}
.php-subm-close-btn:hover {
	color: #F60;
}
.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, .php-subm-add-exists-member-block, .php-subm-remove-submember-relation-block, .php-subm-import-submember-relation-block {
	display: none;
	width: 800px;
	margin: 0px auto;
}
.php-subm-add-submbr-trigger, .php-subm-add-exists-mbr-trigger, .php-subm-remove-submbr-relation-trigger, .php-subm-import-submbr-relation-trigger, #php-subm-bind-openid {
	cursor: pointer;
	width: 800px;
	text-align: center;
	border: 1px solid #d6d6d6;
	margin: 1px auto;
	padding: 10px;
	background-color: #FFFFFF;
    margin-bottom: 5px;
	font-size: 15px;
}
.php-subm-add-submbr-trigger:hover, .php-subm-add-exists-mbr-trigger:hover, .php-subm-remove-submbr-relation-trigger:hover, .php-subm-import-submbr-relation-trigger:hover, #php-subm-bind-openid:hover {
	border: 1px dotted #000;
	font-weight: bold;
}
.php-subm-tree-border {
	width: 100%;
	max-width: 800px;
	margin: 3% auto 0% auto;
}
.php-subm-letterspacing3px {
	letter-spacing: 3px;
}
.php-subm-cursor-pointer {
	cursor: pointer;
    border: 1px dotted #ccc;
    width: 96%;
    border-radius: 3px;
}
.php-subm-sg-head-field {
	line-height: 8px !important;
	font-weight: bold;
	text-align: center;
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
}
.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;
    line-height: 30px;
}
.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;
	font-size: 15px;
}
.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;
}

<!-- 子會員 -->
input.editor-text {
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	background: transparent;
	outline: 0;
	padding: 0;
}
/* 修正套用 bootstrap 後欄位高度異常 */
.slick-header-column {
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align: center;
	height: 25px !important;
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
}
	
.slick-cell {
	cursor: pointer;
}
	
#mbr_list {
	width: 700px;
	height: 320px;
}
	
#row_count {
	width: 110px;
	display: inline;
}
	
#row_count option {
	text-align: center;
	font-size: 16px;
}
	
.mbr-info-block {
	width: 500px;
	height: 300px;
	border: 1px solid gray;
	background-color: #5c88b5;
	opacity: 1;
	margin: 0 auto;
	position: relative;
	top: 30%;
	display: block;
	z-index: 99999;
}
	
.mbr-info-block ul li {
	width: 100%;
	float: left;
}
	
.mbr-info-block ul li div {
	width: 50%;
	float: left;
}
	
.close-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 18px;
	color: darkred;
}
	
.close-btn:hover {
	color: red;
}
	
.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);
}
	
.center {
	text-align: center;
}
	
.add-submbr-block {
	display: none;
	margin-bottom: 15px;
}
	
.add-submbr-trigger {
	cursor: pointer;
	}
	
.tree-border {
	width: 500px;
}
.children{
	width: 100%;
	padding-top: 50px;
	border: 0px solid red;
}
.slick-header-column{
	width:15%;
}
.grid-canvas{
	width:100%;
}

/* ===== submemberedit END =====*/
.sticky-navigation-c .navbar-nav > li > a {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 600;
	color: #CCC;
}

.navbar-inverse-r {
	background-color: #222;
	border-color: #080808;
	background: url(../images/bg-image-11.jpg) no-repeat center top fixed;
	-moz-box-shadow: 0px 1px 3px rgba(128,092,128,0.5),
	 inset 0px 0px 2px rgba(255,255,255,0.7);
	-webkit-box-shadow: 0px 1px 3px rgba(128,092,128,0.5),
	 inset 0px 0px 2px rgba(255,255,255,0.7);
	box-shadow: 0px 1px 3px rgba(128,092,128,0.5),
	 inset 0px 0px 2px rgba(255,255,255,0.7);
}

.sticky-navigation-c {
	min-height: 75px;
	-webkit-backface-visibility: hidden;
	border: 0;
}

.php_productarea .php_ptitle {
	color: #777;
	font-weight: bold;
	font-size: 20px;
	border-right: 4px solid #D2D2D2;
	padding-right: 10px;
	margin-right: 10px;
}

.canClick{
	cursor:pointer;
}

.delorder{
	color:rgb(139, 36, 36);
}

.php_productarea .php_pprice {
	color: #f00;
	font-weight: bold;
	font-size: 20px;
}

.alert-primary {
	background-color: #428bca;
	border-color: #428bca;
	color: #fff;
}

.order-fee{
	border-bottom: 1px solid #729EA2;
}

.order2-form-row{
	margin-bottom:10px
}

<!-- mobile screen-->
@media(max-width:767px){
	.php_productarea .php_pcpli .php_pgettemplate {
		clear: both;
		display: block;
		overflow: hidden;
	}
	
	.php_productarea .php_showallproduct {
		margin: 10px 0px;
		clear: both;
		display: block;
		overflow: hidden;
		line-height: 30px;
		cursor: pointer;
		color: #267bb1;
		font-size: 14px;
		padding-right: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991px) { 
	.php_productarea .php_pcpli .php_pgettemplate {
		clear: both;
		display: inline-block;
		overflow: hidden;

	}
}	
	.php_productarea .php_showallproduct {
		margin: 10px 0px;
		clear: both;
		display: block;
		overflow: hidden;
		line-height: 30px;
		cursor: pointer;
		color: #267bb1;
		font-size: 14px;
		padding-right: 20px;
		margin: 10px auto;
		text-align:center;
	}
	
	
	.featured-box{
		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;
		box-shadow: 0 0 12px #777;
		-moz-box-shadow: 0 0 12px #777;
		-webkit-box-shadow: 0 0 12px #777;
	}
	
	#input_postcard_b #input_postcard_b_inner{
		margin-left:-200px;
	}

.php_templatearea .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;
}

.featured-box .booklist-header{
	height:100px;
}

.featured-box .booklist-footer{
	margin-top:20px;
	margin-bottom:20px;
}

.container .step-title {
	margin:30px 0px;
}

.container .step1subtitle {
	margin:20px 0px;
}

.container .step1subtitle .step1subtitle-img {
	margin-right:10px;
}

.container .step1 {
	margin-bottom:20px;
}

.container .step1 .step1-warning {
	padding-left:10px;
	border-left:3px solid #f00;
	display:block;
	color:#f00;
}

/* 網路相簿相關 [Start] ------------------------------------------------------------------------------ */
.php-album-box{
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
	margin:0 auto;
	min-height:600px;
	height:auto !important;
	height:600px;
}

.php-album-entry{
	position:relative;
	min-height:200px;
	height:auto !important;
	height:200px;
	cursor:pointer;
	border:1px solid #eee;
}

.php-album-entry a{
	color:#111;
}

.php-album-entry-imgbox{
	height:200px;
	margin-top:4px;
	overflow:hidden;
}

.php-album-entry-txtbox{
	margin:0 auto;
	width:100%;
	height:40px;
	position:relative;
	bottom:0;
	left:0;
}

.php-album-entry-txtbox-top{
	color:#004ea0;
	position:absolute;
	top:0;
	left:3px;
	width:96%;
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
}

.php-album-entry-txtbox-bottom{
	position:absolute;
	bottom:0;
	left:3px;
	width:96%;
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
}

.php-album-entry-txtbox-bottom b{
	color:#ff5555;
}

.php-album-entry-txtbox-icon{
	position:absolute;
	right:-14px;
	z-index:99;
	border-color:#ddd !important;
}

.php-album-entry-txtbox-date{
	font-size:8px;
	margin-left:-2px;
}

.php-album-entry-txtbox-description{display:none;}

.php-album-search-box{
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
	text-align:left;
	margin-bottom:10px;
}

.php-album-search-box .btn{
	border:solid #ddd 1px;
	margin-right:4px;
	background-color:#eee;
}

.php-album-search-box .btn:hover{
	border:solid #eee 1px;
}

.php-album-search-box input[type=text]{
	line-height:17px;
}

.php-album-search-box input[type=button]{
	line-height:19px;
}

#php-album-tools,#jqContextMenu{
	display:none;
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
	text-align:left;
}

#fallr-wrapper{
	text-align:left;
}

.php-photo-already-pclear{
	position:absolute;
	width:54px;
	height:58px;
	top:0;
	left:1px;
	background-image:url('../images/album/already-pclear.png');
}

.php-album-photo-preview{
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
	text-align:left;
	color:#111;
}

.php-album-photo-preview-tools{
	margin:0 auto;
	margin-top:2px;
	border:solid #ccc 1px;
	text-align:center;
}

.php-album-photo-preview-tools-title{
	text-align:center;
	background-color:#eee;
	color:#111;
	font-weight:bold;
	border-bottom:solid #ccc 1px;
}

.php-album-photo-preview-tools-content{
	border-bottom:solid #ccc 1px;
	padding:5px 5px 10px 5px;
	font-size:8px;
}
.php-album-photo-preview-tools-content label{
	margin-bottom:-3px;
	vertical-align:middle;
}
.php-album-photo-preview-tools-content input[type=checkbox]{
	vertical-align:middle;
}
.php-album-photo-preview-tools-content-last{
	border-bottom:none;
	min-height:48px;
	height:auto !important;
	height:48px;
	text-align:left;
}
/*Betty新增網路相簿最小寬度*/
.php-album-entry {
	min-width: 200px;
/*end Betty新增寬度*/
}
/* 網路相簿相關 [End] ------------------------------------------------------------------------------ 

/* uploadResult(訂購) [Start] ------------------------------------------------------------------------------ */
.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;
}
/* uploadResult(訂購) [End] ------------------------------------------------------------------------------ */

/* orderhistory(訂購記錄) [Start] ------------------------------------------------------------------------------ */
.php-orderhistory{
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
	text-align:left;
}
.php-orderhistory input[type=text].hasDatepicker{
	line-height:16px;
	width:84px;
	padding:0 2px 0 2px;
	border: 1px solid #ccc;
	border-radius: 4px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.php-orderhistory-search-btnbox input[type=button]{
	font-size:13px;
	line-height:13px;
	margin:0 auto;
}

#ui-datepicker-div{
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
	font-size:13px;
}
#ui-datepicker-div select{color:#111;}

.ui-widget-header{
	background-color:#ccc !important;
	background-image:none !important;
	border:solid #999 1px !important;
}

.php-orderhistory-title{
	color:#eee;
	background-color:#444;
	border:solid #999 1px;
	text-shadow:none;
	margin-top:10px;
}

.pageulcss td a{
	padding:2px 5px 2px 5px;
	background-color:#eee;
	margin:0 0 0 2px;
}

.quickselectpage{
	padding:5px;
}

.quickselectpage select{
	margin-left:5px;
}

/* orderhistory(訂購記錄) [End] -------------------------------------------------------------------------------- */

/* booklists(製作紀錄) [Start] ------------------------------------------------------------------------------ */
.php-booklists-img-area{
	min-height: 120px;
	max-height: 120px;
}

.php-booklists-img{
	max-height: 120px;
	max-width: 120px;
}

.php-booklists-panel .panel-heading{
	overflow:hidden;
	max-height: 46px;
}

.php-booklists-panel{
	min-height: 550px;
	max-height: 100%;
}

.php-booklists-button{
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}


.php-booklists-editorbutton{

}

.php-booklists-orderstar{
	margin: 3px;
}

/* booklists(製作紀錄) [End] -------------------------------------------------------------------------------- */

/* memeberregister(會員註冊) [Start] ------------------------------------------------------------------------------ */
.php-memberregister{
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow: 1px 1px 1px #ccc;
	text-align:left;
}
.php-memeberregister-account-row{
	margin-bottom:0;
}
#member_message{text-align:center;}
/* memeberregister(會員註冊) [End] -------------------------------------------------------------------------------- */

#shoppingcar{
	margin:10px 0 0 0;
}

/* verifyedit(驗證編輯密碼) [Start] ------------------------------------------------------------------------------ */
.php-verifyedit #verid,.php-verifyedit #status{
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
}
/* verifyedit(驗證編輯密碼) [End] ------------------------------------------------------------------------------ */

/* customprods (自訂商品列表) [Start] ------------------------------------------------------------------------------ */
.php-custom-prod-content{
	margin-top:-80px;
}
.php-custom-prod-grid{
	border:solid #eee 1px;
	padding:5px;
	text-align:center;
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
	margin-top:5px;
	position:relative;
	min-width: 200px;
}

.php-custom-prod-addcart{
	text-align:center;
}

.php-custom-prod-imgbox{
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	height:150px;
	overflow:hidden;
	white-space:nowrap;
}

.php-custom-prod-imgbox img{
	margin:0 auto;
}

.php-custom-prod-text{
	text-align:left;
}

.php-custom-prod-name{
	font-size:14px;
	font-weight:bold;
}
.php-custom-prod-desc-box{
	margin-top:5px;
}

.php-custom-prod-list-price{
	text-align:right;
	color:#178951;
}

.php-custom-prod-line{
	border-top:dashed #ccc 1px;
	margin-bottom:6px;
}

#php-custom-prod-menu li{
	text-align:center;
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
	line-height: 10px;
	background-color:#eee;
	border:solid #ccc 1px;
}

#php-custom-prod-menu li a{
	color:#111;
}

.php-custom-prod-page-content{
	font-family:微軟正黑體;
	font-size:13px;
	text-shadow: 1px 1px 1px #ccc;
}

.php-custom-prod-info{
	margin-top:10px;
	text-align:left;
}

.php-custom-prod-templates{
	height:200px;
}

.php-custom-prod-text{text-align:left;}
/* customprods (自訂商品列表) [End] -------------------------------------------------------------------------------- */

.section_title{
	background-image:url(../../images/slide/slides-bg/home.jpg);
}
.cc01{
	font-size:18px;
	color: #aaa;
	display:inline;
	font-weight: bold;
}
.cc02{
	font-size:15px;
	display:inline;
	color:#fff;
}
form input,form textarea{
	margin:5px;
}
div#bootstrap_content {
	max-height: 100%;
	min-height: 26em;
	margin-bottom: 40px;
}
.booklist-footer {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}
.booklist {
	padding: 0 1px 0 1px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#d9d9d9));
	border: 1px solid #fff;
	-moz-box-shadow:
		1px 2px 2px rgba(89,88,89,0.2),
		inset 0px 0px 2px rgba(176,174,176,1);
	-webkit-box-shadow:
		1px 2px 2px rgba(89,88,89,0.2),
		inset 0px 0px 2px rgba(176,174,176,1);
	box-shadow:
		1px 2px 2px rgba(89,88,89,0.2),
		inset 0px 0px 2px rgba(176,174,176,1);
	min-width: 280px;
	max-width: 320px;
	margin-bottom: 20px;
}
	 .booklist-header h4 {
		padding-top: 20px;
		font-size: 22px;
		font-weight: bold;
		padding-left: 20px;
		border-bottom: 1px dotted #ddd;
	    padding-bottom: 10px;
}
.btn-small{
	margin:10px;
}
.php-booklists-editorbutton {
	display: table;
	font-size: 18px;
}
button.btn.btn-success.btn-lg.btn-block.php-booklists-editorbutton{
	width: 100%;
	margin-left:3px;
}
.php_showallproduct {
	font-size: 14px;
	color: #125577;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ffffff 50%,
		#dadada);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ffffff),
		to(#dadada));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow:
		2px 2px 3px rgba(000,000,000,0.2),
		inset 2px -1px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		2px 2px 3px rgba(000,000,000,0.2),
		inset 2px -1px 1px rgba(255,255,255,0.5);
	box-shadow:
		2px 2px 3px rgba(000,000,000,0.2),
		inset 2px -1px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px 0px 0px rgba(000,000,000,0.7),
		0px 0px 0px rgba(255,255,255,0.3);
	margin: 10px 10px 20px 0;
	min-width: 130px;
	text-align: center;
	border: 3px solid #6CC;
}
.php_pgettemplate{
	background: -moz-linear-gradient(
		top,
		#87e3e6 0%,
		#36a9ad 50%,
		#2c9599 50%,
		#1faeb8);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#87e3e6),
		color-stop(0.50, #36a9ad),
		color-stop(0.50, #2c9599),
		to(#1faeb8));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #4daaba;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 0px 2px rgba(255,255,255,0);
	color:#fff;
	min-width:130px;
	text-align: center;	
	padding:10px 20px;
    margin-bottom: 20px;
}
.newline hr{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #BCBCBC;
}
#startbt {
	text-align: center;
}
.php_ptitle {
	font-size: 20px;
	color: #333;
	float: left;
}
p.php_pprice.text-left {
	color:#FF0404;
	font-weight: bold;
	font-size: 20px;
	margin-left: 8em;
	padding-left:1em;
}
a.snapshotlink {
	color: #42AFCA;
}
button.btn.btn-sm.btn-primary {
	border-radius: 4px;
	width: 100%;
	text-align: left;
	margin-bottom: 0.2em;
}
.php_pagecontrola {
	text-align: center;
}
.searchmember{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding:1em;
	margin:1em;
	display: table;
}
.booklistfrom{
	min-width: 25em;
}
.btn-succes{
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
	margin-bottom:1em;
}
.btn-primary input{
	width:100%;
}
.twobot{
	text-align: center;
}
.panel-body img{
	max-width: 100%;
}
.center-block img{
	width:100%;
}
#mobile,#name1{
	min-width:150px;
}
.city{
	min-width:80px;
}
{
	padding-top:20px;
	font-size:22px;
	font-weight: bold;	
	padding-left:20px;
}
p.booklist-description.small {
	padding-left: 20px;
}
.box-middle img {
	overflow: hidden;
	width: 100%;
	-moz-box-shadow:
		2px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,0);
	-webkit-box-shadow:
		2px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,0);
	box-shadow:
		2px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,0);
	border:0;
	margin:0;
	padding:0;
}
tr.php-orderhistory-title {
	background: #f9ac00;
}
.producta{
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	height:340px;
    min-width: 250px;
}
.producta img{
	width:100%;
}
.producta img a{
	border:none;
}
@media (max-width:767px){
.producta img{
	min-height:200px;
}
.producta{
	height:auto;
}
}
.producta h3{
	line-height:50%;
	padding-top: 10PX;
	padding-bottom: 0;
}
select#city {
	float: left;
	margin-right: 5px;
}
select#cityarea {
	float: left;
}
input#Zipcode {
	margin-bottom: 5px;
	display: inline;
}
.apost{
	min-width:100px;
}
select {
	padding: 5px 5px 5px 5px!important;
}
.logo img{
	float:none;
}

.logo img a {
	position: relative;
}
.list{
	min-width:300px;
	max-width:100%;
}
.asap{
	margin-left: 0.5em;
	font-family: '微軟正黑體' ,'Microsoft JhengHei', 'Open Sans', 'sans-serif';
	width: 90%;
	font-size: 18px;
}
input#php_doverify {
	max-width: 200px;
}
form input:last-child {
	margin-bottom: 10px;
}
label{
	line-height:20px;
}
.row.order2-form-row {
	padding-left: 20px;
}
button#confirmed {
	font-size: 18px;
}
button#cancel {
	font-size: 18px;
}
.php-album-entry {
	min-width: 200px;
}

.sharebot{
	width:300px;
}
input#php_cancel {
	font-size: 18px;
}
#selfname input{
	min-width: 200px;
}
#selftel input{
	min-width: 200px;
}
.sl-imgarea{
	padding:10px;
}

div#php-custom-prod-menu {
	margin-top: 80px;
}
.hiline{
	margin-bottom:1%!important;
}
button#cancel {
	margin-right:1%!important;
}
label.form-control {
  display: table!important;
}
@media(max-width:480px) {
.sm-title{
	text-align:center;
}
.pi-context{
	text-align:center;
}
.pi-title{
	text-align:center;
}
}
.step-title img {
  margin: 0 auto!important;
}
span#bkname_spantitle {
  color: #000000!important;
}
span#editimg_pancel {
  color: #fff!important;
}
p.panel-title {
	color:#fff;
}
.hintkeyininfor p{
	margin-top: 50px!important;
}
#shoppingcar {
  margin-top: 50px!important;
}
.php-custom-prod-text p {
  font-weight: 100;
  color: #888;
}
h5.panel-title {
  padding-left: 20px;
}
.breadcrumb {
	background-color: #F5F5F5;
}
.custprod-title{
  font-size: 20px;
  font-weight: bold;
  color: #555;
}
.php-custom-prod-topright-inner-price b {
  color: #f00;
  font-weight: bold;
  font-size: 20px;
}
/*
20170728 為了畢冊加的部份
*/
.php-subm-add-back-init {
    position: absolute;
    top: 0%;
    right: 4%;
    cursor: pointer;
    display: none;
    background: orange;
    padding: 7px 10px;
    color: #fff;
	font-decoration:none;
	font-size:14px;
}
.php-subm-add-back-init:hover,.php-subm-add-back-init:focus {
	font-decoration: none;
	background-color: #FC0;
}
#php-subm-search-input-data {
	width: 51em;
	display: inline-block;
	float:left;
}
#php-subm-serach-type {
	display: none;
}

#php-subm-search-submit {
	width: 5em;
	display: inline-block;
    float: right;
}
#php-subm-search-result-block {
	display: none;
}
#php-subm-search-result-block table thead tr th:nth-child(5) {
	width: 8em;
}

.php-subm-select-style {
	font-size: .7em;
	cursor: pointer;
	margin: 0% 5%;
	color: gray;
}

.php-subm-select-style:hover {
	font-weight: bold;
	color: black;
}

#php-subm-total-page-list, #php-subm-total-page-list2 {
	text-align: center;
}

#php-subm-total-page-list .qp_prev, #php-subm-total-page-list2 .qp_prev {
	margin-left: 2em;
}

#php-subm-total-page-list .qp_next, #php-subm-total-page-list2 .qp_next {
	margin-right: 2em;
}

#php-subm-add-selected-member {
	display: none;
	margin: 0% auto;
	border: 1px solid rgb(85, 170, 221);
	width: 16em;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}

#php-subm-remove-submbr-list table thead tr th:nth-child(6) {
	width: 150px;
}

#php-subm-remove-selected-member-relation {
	display: none;
	margin: 0% auto;
	border: 1px solid rgb(85, 170, 221);
	width: 20em;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
}
.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;*/
	border:1px solid #AAA;
	text-align: center;
	background: white;
	margin-top:3px;
}
.php-combprod-pages-icon-block > div:nth-child(even){
	margin-right:10px;
	border-left:0px;
}
.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: #f8f8f8;
    border-radius: 0;
    margin-bottom: 1em;
    border: 1px solid #d7d7d7;
}
.php-combprod-slider-wrap-left {
	width: 15%;
	height: 100%;
	float: left;
	background: #fff;
    -webkit-box-shadow: 2px 0px 2px rgba(000,000,000,0.2), inset 0px 0px 0px rgba(255,000,217,0);
    box-shadow: 2px 0px 2px rgba(000,000,000,0.2), inset 0px 0px 0px rgba(255,000,217,0);
}
.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: #7ec64d;
	color: #fff;
	border-radius:0px;
	width: 90%;
	margin-left: 0%;
}
.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-radius: 0;
}
.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:0;
	width: 5%;
	background: #F9F9F9;
	height: 35px;
	padding: 3px 0;
	font-size: 24px;
}
.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;
	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: 14px;
	text-align: center;
	border-radius: 0;
	margin: 1px;
}
.php-combprod-task-alias {
	background: none repeat scroll 0% 0% #FFE115;
	opacity: 0.7;
	padding: 3px 5px;
	font-size: 14px;
    margin: 1px;
}
.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;
}
#create_project {
	width: auto;
	cursor: pointer;
}
#project_name {
	padding: 3px;
	margin: 5px;
}
#saveProject, #submitProject, #delProject, #projView, #editProject {
	height: 34px;
	line-height: 34px;
	padding: 0px 10px;
	color: white;
	opacity: 0.7;
}
#saveProject:hover, #submitProject:hover, #delProject:hover, #projView:hover, #editProject:hover {
	font-weight: bold;
}
#saveProject {
	background-color: #696;
	border:0;
	outline:0;
}
#submitProject {
	background: green;
}
#delProject {
	background-color: #aaa;
	border:0;
	outline:0;
}
#projView {
	background: orange;
	display: none;
	border:0;
	outline:0;	
}
#editProject {
	background: #795548;
	display: none;
	border:0;
	outline:0;	
}
input#send_choose_cover {
    padding: 6px 10px;
    border: 0;
    background: orange;
    color: #fff;
	outline:none;
	margin-left: 2px;
}
#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: 0;
	border: 1px solid #e3e3e3;
	margin:10px;
	color: #000;
}
.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;
}
.largespace{
	line-height:36px;
}
.ui-editRangeSlider-inputValue {
	background: orange;
}
.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;
    /*margin: 0 5px;*/
	text-align: center;
}
.php-projv-btn {
	border-radius:0;
	background: #e3a649;
	padding: 3px 10px;
	width: auto;
	line-height: 25px;
	display: inline-block;
	color:#fff;
	margin-bottom:5px;
	user-select: none;
}
.php-projv-btn:hover {
	cursor: pointer;
}
.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;
}
.tt01{
	color: #888;
	margin-bottom: 10px;
}
.container-aa{
	color:#888;
}
#total_percentage {
	display: inline-block;
	color: #888;
}
.php-projv-task-list {
	border: 0px solid gray;
	margin: 0;
	float: left;
	padding:0;
	width: 90%;
}
.php-projv-task-item {
	border: 3px solid #FFCC00;
	border-radius: 0;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background: #fff;
	margin-top: 4px;
	min-height: 255px;
}
.php-projv-task-item > div {
	width: 100%;
	float: left;
	background-color:#fff;
}
.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;
	background-color: #D2D2D2;
	border: 3px solid white;
}
.php-projv-is-submit {
	border: 3px solid #87b4e0;
}
.php-projv-is-lock {
	border: 3px solid #e08787;
}
.php-projv-task-item-progress {
	font-size: 0.5em;
	font-weight: bold;
	display: block;
}
.php-projv-fontweight-bold.php-projv-fontsize-2em {
	background: #e6e6e6;
	border-radius: 0;
	margin-bottom: 5px;
	padding-bottom: 8px;
    font-size: 24px;
    padding-top: 5px;
    padding-left: 10px;
}
.php-projv-task-row {
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 100%;
	height: auto;
	float: left;
    margin-bottom: -1px;
}
.php-projv-task-row > div:nth-child(1) {
	width: 25%;
	float: left;
	padding: 5px;
    font-size: 15px;
    line-height: 20px;
}
.php-projv-task-row > div:nth-child(2) {
	height: inherit;
	line-height: inherit;
	width: 75%;
	float: left;
	padding: 3px;
	border-left: 1px solid #ccc;
	min-height:120px;
}
@media(max-width:667px){
.php-projv-task-row > div:nth-child(2){
	min-height: 120px;
}
.php-projv-task-row > div:nth-child(2) {
	width:100%;
}
}
@media(max-width:414px){
.php-projv-task-row > div:nth-child(1){
	width:100%;
	display:block;
    border-bottom: 1px solid #ccc;
}
.php-projv-task-row {
    border: 0;
}
.php-projv-task-row > div:nth-child(2) {
    border: 0;
}
}
/*子會員功能*/
a.btn.btn-primary span {
    color: #fff;
}
#topmenu li{
	float:right;
	list-style:none;
	text-decoration: none;
	height:83px;
	width:100px;
    text-align: center;
    vertical-align: bottom;
	font-weight: bolder;
	font-size: 16px;
	color: #000;
    line-height: 60px;
    height: 100px;
    display: inline-block;
    font-family: 微軟正黑體, "Microsoft JhengHei", 微軟雅黑體, "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
#topmenu li{
	font-size: 16px;
	color: #000;
    line-height: 60px;
    height: 100px;
    display: inline-block;
    font-family: 微軟正黑體, "Microsoft JhengHei", 微軟雅黑體, "Microsoft YaHei", Arial, Helvetica, sans-serif;
	line-height:80px;
	padding: 0;
}
#topmenu li:hover,#topmenu li:focus{
	color: #fe6a00;
	text-decoration: none;
	background-image: url(../images/menu-hover.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 100px;
    height: 83px;
	cursor:pointer;
    font-family: 微軟正黑體, "Microsoft JhengHei", 微軟雅黑體, "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
.logo h1 {
    font-size: 30px;
    color: #ff8c39;
    font-weight: bolder;
    letter-spacing: 1px;
    margin: 0;
    font-family: 微軟正黑體, "Microsoft JhengHei", 微軟雅黑體, "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
.logo.navbar-brand span{
    font-family: 微軟正黑體, "Microsoft JhengHei", 微軟雅黑體, "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
.navbar-brand{
	padding:0!important;
}
@media (max-width: 767px){
#topmenu li a {
	color:#fff!important;
	line-height:20px!important;
	height:40px!important;
	background-images:none!important;
}
#topmenu li a, #topmenu li{
    font-size: 16px!important;
    line-height: 20px!important;
    height: 40px!important;
    display: inline-block;
    font-family: 微軟正黑體, "Microsoft JhengHei", 微軟雅黑體, "Microsoft YaHei", Arial, Helvetica, sans-serif;
    padding: 5px;
}
#topmenu li:hover,a#topmenu li:hover{
	text-decoration: none;
    line-height: 20px;
    height: 40px!important;
	width:100%!important;
	background-color: #fe6a00!important;
	background-image:none!important;
	color:#fff!important;
}
.navbar-toggle {
    background-color: #ff8c39!important;
}
.btn-primary{
	width:100%;
	margin-left: 0!important;
}
input#edm{
    margin-left: -35px;
}
}
input#edm{
    margin-left: -35px;
}
.panel.panel-info.php-subm-tree-border {
    margin: 0 auto;
    margin-top: 30px;
}
/*派工*/
.ui-rangeSlider-label.ui-rangeSlider-leftLabel {
    border-radius: 80px;
    padding: 10px;
}
input.ui-editRangeSlider-inputValue {
    border-radius: 50px;
    padding: 5px 3px;
    border: 0;
    font-size: 18px;
}
.ui-rangeSlider-label-inner{
	margin-top:-1px!important;
}
.ui-rangeSlider-label.ui-rangeSlider-rightLabel {
    border-radius: 50px;
    padding: 10px;
}
input.php-combprod-task-assign {
    background-color: #ff9633;
    border-radius: 0;
    color: #fff;
    border: 0;
    padding: 5px;
    outline: 0;
    border: 10px solid #fff;
}
input.php-combprod-task-assign:hover{
	background-color: #FFA757!important;
}
ui-rangeSlider-disabled .ui-rangeSlider-container, .ui-rangeSlider-disabled .ui-rangeSlider-arrow {
    border-top-color: #a3a3a3!important;
    border-bottom-color: #c5c6c7!important;
}
.ui-rangeSlider-disabled .ui-rangeSlider-container, .ui-rangeSlider-disabled .ui-rangeSlider-arrow, .ui-rangeSlider-disabled .ui-rangeSlider-label {
    background: #dbdbdb!important;
}
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow {
    border-left-color: #c5c6c7!important;
}
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner, .ui-rangeSlider-disabled .ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner {
    border-left-color: #f1f1f1!important;
}
.ui-rangeSlider-disabled .ui-rangeSlider-container, .ui-rangeSlider-disabled .ui-rangeSlider-arrow {
    border-top-color: #a3a3a3!important;
    border-bottom-color: #c5c6c7!important;
}
.ui-rangeSlider-disabled .ui-rangeSlider-rightArrow {
    border-right-color: #c5c6c7!important;
}
.ui-rangeSlider-label.ui-rangeSlider-rightLabel {
    background-color: #ffe9c3!important;
}
.ui-rangeSlider-label.ui-rangeSlider-rightLabel {
    background-color: #ffe9c3!important;
}
.ui-rangeSlider-disabled .ui-rangeSlider-label-inner {
    border-top-color: #ffe9c3!important;
}
.ui-rangeSlider-label.ui-rangeSlider-leftLabel {
    background-color: #ffe9c3!important;
}
.ui-rangeSlider-disabled .ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner, .ui-rangeSlider-disabled .ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner{
	border-right-color: #f1f1f1!important;
}
.ui-rangeSlider-disabled .ui-rangeSlider-bar {
    background: #ffbe4a!important;
}
.btn-group>.btn:first-child{
    margin-top: -10px!important;
    margin-right: 10px!important;
}
.ui-rangeSlider {
    padding-top: 60px;
}
.ui-rangeSlider {
    padding-top: 60px!important;
}
p#php-mbrindex-task-assign-msg {
    margin-bottom: 0;
    letter-spacing: 0.2px;
}
span.glyphicon.glyphicon-minus {
    font-size: 30px;
    color: pink;
}
span.glyphicon.glyphicon-minus {
    font-size: 30px;
    color: orangered;
}
div#clear_form {
    background-color: #f64c2b;
    font-size: 16px;
    color: #fff;
    box-shadow: none;
    width: 97%;
}
div#clear_form:hover,div#clear_form:focus{
	background-color: #F97C62;
}
.remide {
    margin-bottom: 20px;
}
div#add_row span.glyphicon.glyphicon-plus {
    font-size: 30px;
    color: yellowgreen;
    padding-top: 5px;
}
div#add_submember {
    font-size: 16px!important;
    background-color: yellowgreen;
    color: #fff;
	line-height: 24px!important;
    box-shadow: none;
}
div#add_submember:hover,div#add_submember:focus {
	background-color: #AED759;
}
.project-content{
	padding:0 10px;
}
.jstree-proton .jstree-wholerow-hovered {
	background: #F7CEA2!important;
}
.jstree-proton .jstree-wholerow-clicked {
	background: #F7CEA2!important;
}
.open>.dropdown-menu {
    border: 0;
}
.jstree-proton .jstree-anchor {
    font-size: 16px;
}
caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    text-align: left;
    background-color: coral;
    text-align: center;
    font-size: 14px;
}
div#php-subm-import-tree {
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    color: orange;
}
div#remove_row {
    margin-bottom: 5px;
    padding-top: 5px;
}
div#add_row{
    margin-bottom: 5px;
}
.php-projv-is-submit:before {
    content: url(../images/award.png);
    position: absolute;
    top: -5px;
    left: -5px;
    z-index: 5;
}


ul.member-task-project{
    -webkit-padding-start: 0;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
	margin:0;
    padding: 0;
}
.member-task-project li{
	list-style: none;
    float: left;
    padding: 0 0 0 5px;
	line-height: 20px;
	min-width:140px;
}
ul.member-task-project li a{
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 0 3px;
	font-weight: bolder;
	background-color: orange;
	float:left;
	width:50%;
}
#showprojectwork > ul > h3 > a{
	display:table-cell;
	position:relative;
}
ul.member-task-project li a:hover{
	background-color: #F09C00;
}
a.showprojectworkpage {
	background-color: #fff!important;
	padding: 0 10px!important;
	margin-bottom:5px;
	font-size:14px!important;
	color:#fff!important;
	line-height:20px;
	border: none!important;
	border: 1px dotted #919191!important;
	color: #6c6b6b!important;
}
a.showprojectworkpage:hover {
	color: #000!important;
	background-color: #EFEFEF!important;
}
.showprojectwork > ul > h3 > a{
    background-color: #FC6;
    color: #fff;
    font-size: 12px;
    padding: 0 10px;
	display: table;
	margin:0 auto 5px auto;
	width: 100%;
}
.showprojectwork > ul > h3 > a:hover{
	background-color: #FC0;
}
ul.member-task-project h3{
	font-size: 16px;
	margin: 0;
	padding-right: 8px;
	line-height: 18px;
	text-align: center;
	font-weight: bolder;
	width: 88px;
	vertical-align: middle;
	padding:5px 0;
    display: table-cell;
}
.showprojectwork h2{
	font-size: 18px;
    text-align: center;
    letter-spacing: 0.3px;
    border-bottom: orange 3px solid;
    padding-bottom: 8px;
    margin: 3px;
    background-color: #ffffa7;
    padding-top: 11px;
    line-height: 20px;
}
span.showprojectworkname {
    background-color: orange;
    color: #fff;
    width: 100%;
    display: table;
    text-align: center;
    font-weight: bolder;
	font-size: 16px;
    margin-bottom: 2px;
	padding: 2px 4px;
}
.showprojectwork{
	display:table;
	width: 100%;
}
@media (max-width:1023px){
.showprojectwork h2{
	margin-top:70px;
}
.showprojectwork{
	padding:0 20px;
}
.member-task-project li{
    min-width: 40px;
}
}
.projectdivli {
	display: flow-root;
	border-left: 1px solid #e3e3e3;
	margin: 0;
	border-collapse: collapse;
	padding: 5px 0!important;
	display: table-cell;
}

/*End派工*/

/*fancybox*/
div#fancybox-wrap {
    top: 10%!important;
    left: 10%!important;
    width: 75%!important;
	position:fixed!important;
}
div#fancybox-content {
    min-width: 500px!important;
    background-color: #fff!important;
    width: 100%!important;
    height: 500px!important;
    overflow-y: scroll!important;
}
@media (max-width:1380px){
div#fancybox-wrap {
    top: 15%!important;
    left: 5%!important;
    width: 85%!important;
}
div#fancybox-content {
    min-width: 250px!important;
    width: 100%!important;
    height: 300px!important;
    overflow-y: scroll!important;
}
}
@media (max-height:350px){
div#fancybox-content {
    height: 250px!important;
}
}
@media (max-height:450px){
div#fancybox-wrap {
    top: 5%!important;
    left: 5%!important;
    width: 85%!important;
}
}
a.inline {
	list-style: none!important;
	padding: 2px 8px;
	color: orange;
	text-shadow: none;
	background-color:#fff;
}
a.inline:hover,a.inline:focus{
	background-color: #FC0;
	border:none;
	color:#fff;
}
.php-custom-prod-templates ul {
    list-style: none!important;
    -webkit-padding-start: 0;
}
.communityarea {
    margin-top: 20px;
}
/*畢冊專案*/
.ui-widget input{
	font-family: 微軟正黑體,Microsoft JhengHei,Arial, Helvetica, sans-serif!important;	
}
/*登入驗證*/
.errormessage {
    font-size: 16px;
    letter-spacing: 0.5px;
}
a.btn.btn-home.btn-homepassword{
	background-color: #eccd49;
}
a.btn.btn-home.btn-homepassword:hover{
	background-color: #E0C24B;
	color:#fff;
}
input#verifycode {
    padding: 5px;
}
img#securityimg {
    margin-left: 10px;
	margin-top: 10px;
}
#php_member_form > tr{
	text-align: center;	
}
.verifycode-right{
	margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: left;
	margin-left:0;
}
@media (min-with:800px){
.verifycode-right {
    text-align: center!important;
	margin-left:-30px!important;	
}
}
.formgroup-verifycode {
    margin: 0;
    padding: 0;
}
.verifycode-label {
    margin-top: 10px;
	font-size: 16px;
    font-weight: normal;
}
#bootstrap_content > div > div.container.container-member > div > div > div > div.panel-body{
	padding:0;
}
/*END 登入驗證*/
.projectviewimg{
	vertical-align: middle;
    position: absolute;
    display: inline-block;
    top: calc(5%);
    left: calc(5%);
}
.projlist {
	width: 100%;
}
.individual-php-projv-btn {
	border-radius:0;
	background: #e3a649;
	padding: 3px 10px;
	width: auto;
	line-height: 25px;
	display: inline-block;
	color:#fff;
	margin-bottom:5px;
}
.individual-php-projv-btn:hover {
	cursor: pointer;
}
.projdispatched {
	border: 0px solid gray;
	margin: 0;
	padding:0;
	width: 100%;
}
.individual-php-projv-list > div {
	width: 100%;
	float: left;
	margin-bottom:6px;
}
.individual-php-projv-list {
	border: 3px solid #FFCC00;
	border-radius: 0;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background: #fff;
	margin-top: 4px;
	min-height: 255px;
	font-weight: bold;
}
.individual-php-projv-name {
	float: left;
	font-size: 24px;
	color: #888;
}
.individual-php-projv {
	background: #e6e6e6;
	border-radius: 0;
	margin-bottom: 5px;
	padding-bottom: 8px;
    font-size: 24px;
    padding-top: 5px;
    padding-left: 10px;
}
.individual-php-projv-dispatched {
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 100%;
	height: auto;
	float: left;
}
.individual-php-projv-dispatched-name {
	float: left;
	width: 100%;
	font-size: 20px;
	background-color: #fef4cc;
    margin: 1px;
    width: 99.8%;
    color: #888;
}
.individual-php-projv-dispatched-content {
	float: left;
	width: 100%;
}
.individual-php-projv-dispatched-content-member {
    width: 25%;
    float: left;
    padding: 5px;
    font-size: 15px;
    line-height: 20px;
	border-top: 1px solid #ccc;
	color: #888;
	text-align:left;
}
.individual-php-projv-dispatched-content-book {
	height: inherit;
	line-height: inherit;
	width: 75%;
	float: left;
	padding: 3px;
	border-left: 1px solid #ccc;
	min-height: 120px;
	border-top: 1px solid #ccc;
	text-align: left;
    color: #888;
}
.individual-php-projv-template-item {
	width: 115px;
	height: 115px;
	float: left;
	position: relative;
	margin: 3px;
	background-color: #D2D2D2;
	border: 3px solid white;
}
.individual-php-projv-is-submit {
	border: 3px solid #87b4e0;
}
.individual-php-projv-is-submit:before {
    content: url(../images/award.png);
    position: absolute;
    top: -10px;
    left: -20px;
}
.individual-projectviewimg{
	vertical-align: middle;
    position: absolute;
    display: inline-block;
    top: calc(5%);
    left: calc(5%);
}
.individual-php-projv-btn-row {
	width: 100%;
	height: 40px;
	line-height: 40px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	float: left;
	display: none;
	padding: 0 4px;
}
.individual-php-projv-btn {
	border-radius:0;
	background: #e3a649;
	padding: 3px 10px;
	width: auto;
	line-height: 25px;
	display: inline-block;
	color:#fff;
	margin-bottom:5px;
}
.individual-php-projv-btn:hover {
	cursor: pointer;
}
.individual-chosesclass{
	background : #8e5918;
}
@media (max-width: 414px){
.individual-php-projv-dispatched-content-member {
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
}
.individual-php-projv-dispatched-content-book {
    border: 0;
}
}
.php-projo-order-item {
	border: 3px solid #FFCC00;
	border-radius: 0;
	height: auto;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	background: #fff;
	margin-top: 4px;
	min-height: auto;
}
.php-projo-order-member{
	height: auto;
	float: left;
    width: 100%;
	margin-bottom: 5px;
	border-bottom: 1px solid #000000;
	text-align:center;
	padding-top:5px;
}
.php-projo-order-member-detail{
	float:left;
	width:25%;
	font-size: large;
	height: 30px;
}
.php-projo-order-member-detail-input{
	float: left;
    height: 25px;
    width: 90%;
    text-align: center;
}
.php-projo-order-member-detail-right{
	text-align:right;
}
.showMsgNotFinish{
    color: #ff0000;
    text-align: center;
	line-height: 18px;
	margin-top: 110px;
}