/*
 * w270 - 888k iweb22-style09
 * http://888k.com.tw
 *
 * Copyright 2013, Evelyn Wang
 * 
 * 
 * December 2013
 */


/* +join
*----------------------------------------------------------------------------*/
.wrapper .contentWrap .memverCenter {
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
}

.wrapper .contentWrap .memverCenter h2 {
	margin: 15px 0;
	padding: 5px 15px;
	border-bottom: 1px #bbb dashed;
	color: #2b1a13;
}
/*
.wrapper .contentWrap .memverCenter h2.login {
	margin: 15px 0;
	padding: 5px 15px;
	border-bottom: 1px #bbb dashed;
	color: #2b1a13;
}
*/
.wrapper .contentWrap .memverCenter h2 span {
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
	color: #fff;
}

.wrapper .contentWrap .memverCenter .member {
	margin: 0 15px;
	}

.wrapper .contentWrap .memverCenter .item {
	margin: 20px 15px 20px 0;
	width: 210px;
	height: 200px;
	background: #fff;
	/*border: 1px #bbb solid;*/
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.wrapper .contentWrap .memverCenter .item h3 {
	padding: 10px 5px;
	background: #C5AF8B;
	font-size: 16px;
	color: #fff;
}

.wrapper .contentWrap .memverCenter .item span {
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
	color: #2b1a13;
}

.wrapper .contentWrap .memverCenter .item ul {
	margin: 10px 15px;
}

.wrapper .contentWrap .memverCenter .item ul li {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	background: url(../../images/09/member/dot01.png) no-repeat 0 0;
	color: #888;
}

.wrapper .contentWrap .memverCenter .item ul li span ,
.wrapper .contentWrap .memverCenter .item .more a {
	color: #C39;
}

.wrapper .contentWrap .memverCenter .item ul li strong {
	color: #000;
}

.wrapper .contentWrap .memverCenter .item .more {
	margin: 10px 15px;
	padding: 5px 0 0;
	border-top: 1px #ddd dotted;
	text-align: right;
	font-size: 12px;
}


/**
*
* =login
*
**/
.wrapper .contentWrap .memverCenter fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.wrapper .contentWrap .memverCenter fieldset.login {
	margin: 20px auto;
	width: 670px;
}

.wrapper .contentWrap .memverCenter fieldset.login ul li {
	margin: 0 0 3px;
	font-size: 12px;
	color: #C39;
	overflow: hidden;
}

.wrapper .contentWrap .memverCenter fieldset.login ul li span {
	margin: 10px 0 0 15px;
	display: inline-block;
	line-height: 160%;
}
.wrapper .contentWrap .memverCenter fieldset.login ul li strong {
	height: 30px;
	display: inline-block;
	line-height: 35px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
}
.wrapper .contentWrap .memverCenter fieldset.login ul li .text {
	width: 180px;
	float: left;
	text-align: right;
	margin: 0 5px 0 0; 
	}
.wrapper .contentWrap .memverCenter fieldset.login ul li .form {
	margin: 0;
 
	}	
.wrapper .contentWrap .memverCenter fieldset.login ul li label {
	height: 30px;
	display: inline-block;
	line-height: 30px;
	text-align: right;
	font-size: 14px;
	color: #000;
}

.wrapper .contentWrap .memverCenter fieldset.login ul li label strong {
	color: #F00;
	margin: 0 4px 0 0;
	}
.wrapper .contentWrap .memverCenter fieldset.login ul li input {
	padding: 3px;
	background: #fff;
	border: 1px #bbb solid;
	margin: 4px 0 0;
}

.wrapper .contentWrap .memverCenter fieldset.login ul li input.checkbox {
	width: 20px;
}

/**
*
* =send
*
**/
.wrapper .contentWrap .memverCenter fieldset.btn {
	margin: 0 auto 30px;
	width: 470px;
}

.wrapper .contentWrap .memverCenter fieldset.btn p {
	margin: 0 0 10px;
	overflow: hidden;
}

.wrapper .contentWrap .memverCenter fieldset.btn p a {
	font-size: 12px;
	color: #C39;
}

.wrapper .contentWrap .memverCenter fieldset.btn p a.Forgetpassword {
	margin-left: 20px;
	padding: 8px 20px;
	background: #444;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: 900;
  }

.wrapper .contentWrap .memverCenter fieldset.btn p input.send ,
.wrapper .contentWrap .memverCenter fieldset.btn p input.send2 ,
.wrapper .contentWrap .memverCenter fieldset.btn p input.reset ,
.wrapper .contentWrap .content .contentMain .memberInfo fieldset.btn .send ,
.wrapper .contentWrap .content .contentMain .memberInfo fieldset.btn .reset {
	margin-left: 190px;
	padding: 8px 20px;
	background: #F36;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: 900;
}

.wrapper .contentWrap .memverCenter fieldset.btn p input.send2 {
	margin-left: 115px;
}
.wrapper .contentWrap .memverCenter fieldset.btn p input.reset ,
.wrapper .contentWrap .content .contentMain .memberInfo fieldset.btn .reset {
	margin-left: 0;
	background: #444;
}


/* +member
*----------------------------------------------------------------------------*/
.wrapper .contentWrap .content #sidebar .membernav {
	margin: 0 0 15px;
	width: 235px;
	/* background: #fff; */
	/* border: 1px #e5e5e5 solid; */
	/* -webkit-border-radius: 5px; */
	-moz-border-radius: 5px;
	/* border-radius: 5px; */
	overflow: hidden;
}

.wrapper .contentWrap .content #sidebar .membernav h3 {
	padding: 0 5px 10px 5px;
	font-size: 18px;
	color: #202020;
	border-bottom: 1px #c7bfac solid;
	font-weight: normal;
}

.wrapper .contentWrap .content #sidebar .membernav h3 span {
	width: 1px;
	height: 1px;
	display: block;
	overflow: hidden;
	color: #fff;
}

.wrapper .contentWrap .content #sidebar .membernav p.more {
	margin: 0 15px 15px 10px;
	padding: 10px 0 0;
	border-top: 1px #ddd solid;
	text-align: right;
}

.wrapper .contentWrap .content #sidebar .membernav p.more a {
	color: #C39;
}

.wrapper .contentWrap .content #sidebar .membernav ul {
	margin: 20px 15px 10px 10px;
}

.wrapper .contentWrap .content #sidebar .membernav ul li {
	margin: 0 0 15px;
	padding: 0 0 0 20px;
	background: url(../../images/09/member/dot01.png) no-repeat 0 0;
	color: #888;
}

.wrapper .contentWrap .content #sidebar .membernav ul li a ,
.wrapper .contentWrap .content #sidebar .membernav ul li span {
	color: #000;
}

.wrapper .contentWrap .content .contentMain {
	margin-bottom: 20px;
}

.wrapper .contentWrap .content .contentMain h2 {
	margin: 15px 0;
	padding: 5px 15px;
	border-bottom: 1px #bbb dashed;
	color: #2b1a13
}

.wrapper .contentWrap .content .contentMain .memberInfo ,
.wrapper .contentWrap .content .contentMain .traiList ,
.wrapper .contentWrap .content .contentMain .pointList ,
.wrapper .contentWrap .content .contentMain #orderingList {
	padding: 0 15px;
	background: #f3eddb;
}

.wrapper .contentWrap .content .contentMain .memberInfo h3 {
	border-bottom: 1px #bbb solid;
	font-size: 18px;
	color: #bbb;
}

.wrapper .contentWrap .content .contentMain .memberInfo h3 span ,
.wrapper .contentWrap .content .contentMain h2 span {
	width: 1px;
	height: 1px;
	display: inline-block;
	overflow: hidden;
	color: #fff;
}

.wrapper .contentWrap .content .contentMain .memberInfo h3 strong {
	font-size: 12px;
	font-weight: normal;
}

.wrapper .contentWrap .content .contentMain .memberInfo p {
	margin: 0 0 15px;
	line-height: 160%;
}

.wrapper .contentWrap .content .contentMain .memberInfo p.function {
	padding: 0 0 0 75px;
}

.wrapper .contentWrap .content .contentMain .memberInfo p.function a {
	padding: 8px 20px;
	background: #F36;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: 900;
}

.wrapper .contentWrap .content .contentMain .memberInfo ul {
	margin: 20px 0 40px 75px;
}

.wrapper .contentWrap .content .contentMain .memberInfo ul li {
	margin: 0 0 10px;
	overflow: hidden;
	color: #000;
}

.wrapper .contentWrap .content .contentMain .memberInfo ul li input {
	padding: 3px;
	background: #fff;
	border: 1px #bbb solid;
}

.wrapper .contentWrap .content .contentMain .memberInfo ul li select {
	padding: 3px;
}

.wrapper .contentWrap .content .contentMain .memberInfo ul li span {
	margin: 0 10px 0 0;
	width: 100px;
	display: inline-block;
	text-align: right;
	color: #000;
}

.wrapper .contentWrap .content .contentMain .memberInfo fieldset {
	margin: 30px 0;
	padding: 0;
	border: 0;
}

.wrapper .contentWrap .content .contentMain .memberInfo fieldset p {
	padding: 0 0 10px;
}

.wrapper .contentWrap .content .contentMain .memberInfo fieldset p label {
	margin: 0 0 10px;
	width: 200px;
	display: inline-block;
	text-align: right;
}

.wrapper .contentWrap .content .contentMain .memberInfo fieldset p input {
	padding: 3px;
	border: 1px #bbb solid;
}

.wrapper .contentWrap .content .contentMain .memberInfo fieldset.btn {
	margin: 0 0 40px;
	padding: 0;
	border: 0;
	overflow: hidden;
}

.wrapper .contentWrap .content .contentMain .memberInfo fieldset.btn .send {
	margin-left: 185px;
}


/* +notice
*----------------------------------------------------------------------------*/
.wrapper .contentWrap .content .contentMain .memberInfo .notice {
	margin: 25px 0;
	padding: 15px 0;
	border-top: 1px #bbb solid;
}

.wrapper .contentWrap .content .contentMain .memberInfo .notice h3 {
	border: 0;
	font-size: 16px;
	color: #666;
}

.wrapper .contentWrap .content .contentMain .memberInfo .notice ol {
	margin: 10px 0;
	padding: 0 0 0 25px;
	list-style: decimal;
}

.wrapper .contentWrap .content .contentMain .memberInfo .notice ol li {
	margin: 0 0 5px;
	list-style: decimal;
	font-size: 13px;
	color: #666;
}


/* +traiList
*----------------------------------------------------------------------------*/
.wrapper .contentWrap .content .contentMain .traiList .type ,
.wrapper .contentWrap .content .contentMain .pointList .type {
	margin: 0 0 5px;
	padding: 5px;
	background: #C5AF8B;
	overflow: hidden;
}

.wrapper .contentWrap .content .contentMain .traiList .type .checkbox ,
.wrapper .contentWrap .content .contentMain .traiList .type .photo ,
.wrapper .contentWrap .content .contentMain .traiList .type .name ,
.wrapper .contentWrap .content .contentMain .traiList .type .price ,
.wrapper .contentWrap .content .contentMain .traiList .type .weight ,
.wrapper .contentWrap .content .contentMain .traiList .type .status ,
.wrapper .contentWrap .content .contentMain .traiList .type .operating ,
.wrapper .contentWrap .content .contentMain .traiList .list .checkbox ,
.wrapper .contentWrap .content .contentMain .traiList .list .photo ,
.wrapper .contentWrap .content .contentMain .traiList .list .name ,
.wrapper .contentWrap .content .contentMain .traiList .list .price ,
.wrapper .contentWrap .content .contentMain .traiList .list .weight ,
.wrapper .contentWrap .content .contentMain .traiList .list .status ,
.wrapper .contentWrap .content .contentMain .traiList .list .operating {
	width:80px;
	height: 20px;
	display: inline-block;
	float: left;
	line-height: 20px;
	text-align: center;
	color: #fff;
}

.wrapper .contentWrap .content .contentMain .traiList .type .checkbox ,
.wrapper .contentWrap .content .contentMain .traiList .list .checkbox {
	width: 20px;
}

.wrapper .contentWrap .content .contentMain .traiList .type .checkbox input {
	margin: 5px 0 0;
}

.wrapper .contentWrap .content .contentMain .traiList .type .photo ,
.wrapper .contentWrap .content .contentMain .traiList .list .photo {
	width: 120px;
}
.wrapper .contentWrap .content .contentMain .traiList .type .name ,
.wrapper .contentWrap .content .contentMain .traiList .list .name {
	width: 170px;
}

.wrapper .contentWrap .content .contentMain .traiList .type .operating ,
.wrapper .contentWrap .content .contentMain .traiList .list .operating {
	width: 50px;
}

.wrapper .contentWrap .content .contentMain .traiList .list ,
.wrapper .contentWrap .content .contentMain .pointList .list {
	margin: 0 0 5px;
	padding: 5px;
	background: #fff;
	overflow: hidden;
	border: 4px #E4D7C1 solid;
}

.wrapper .contentWrap .content .contentMain .traiList .list .checkbox ,
.wrapper .contentWrap .content .contentMain .traiList .list .photo ,
.wrapper .contentWrap .content .contentMain .traiList .list .name ,
.wrapper .contentWrap .content .contentMain .traiList .list .price ,
.wrapper .contentWrap .content .contentMain .traiList .list .weight ,
.wrapper .contentWrap .content .contentMain .traiList .list .status ,
.wrapper .contentWrap .content .contentMain .traiList .list .operating {
	height: 120px;
	color: #000;
	line-height: 120px;
}

.wrapper .contentWrap .content .contentMain .traiList .list .checkbox input {
	margin-top: 54px;
}

.wrapper .contentWrap .content .contentMain .traiList .list .photo img {
	margin: 10px;
}

.wrapper .contentWrap .content .contentMain .traiList .list .name a {
	margin: 5px;
	width: 160px;
	height: 120px;
	display: table-cell;
	vertical-align: middle;
	line-height: 160%;
	text-align: left;
}

.wrapper .contentWrap .content .contentMain .traiList .list .operating a {
	margin: 43px auto 42px;
	width: 35px;
	height: 35px;
	background: url(../../images/09/member/icon-del.png) no-repeat 0 0;
	display: block;
	text-indent: -999999px;
}

.wrapper .contentWrap .content .contentMain .traiList .function {
	margin: 15px 0;
	text-align: right;
}

.wrapper .contentWrap .content .contentMain .traiList .function input {
	padding: 8px 20px;
	background: #F36;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	font-weight: 900;
}


/* +pointList
*----------------------------------------------------------------------------*/
.wrapper .contentWrap .content .contentMain .pointList .type .weight ,
.wrapper .contentWrap .content .contentMain .pointList .type .price ,
.wrapper .contentWrap .content .contentMain .pointList .type .name ,
.wrapper .contentWrap .content .contentMain .pointList .type .status ,
.wrapper .contentWrap .content .contentMain .pointList .list .weight ,
.wrapper .contentWrap .content .contentMain .pointList .list .price ,
.wrapper .contentWrap .content .contentMain .pointList .list .name ,
.wrapper .contentWrap .content .contentMain .pointList .list .status {
	width: 80px;
	height: 20px;
	display: inline-block;
	float: left;
	line-height: 20px;
	text-align: center;
	color: #fff;
}

.wrapper .contentWrap .content .contentMain .pointList .type .name ,
.wrapper .contentWrap .content .contentMain .pointList .list .name {
	width: 120px;
}

.wrapper .contentWrap .content .contentMain .pointList .type .status ,
.wrapper .contentWrap .content .contentMain .pointList .list .status {
	width: 320px;
}

.wrapper .contentWrap .content .contentMain .pointList .list .weight ,
.wrapper .contentWrap .content .contentMain .pointList .list .name ,
.wrapper .contentWrap .content .contentMain .pointList .list .status {
	color: #000;
}

.wrapper .contentWrap .content .contentMain .pointList .list .price {
	color: #C00;
	font-weight: 900;
}


/* +orderingList
*----------------------------------------------------------------------------*/
.wrapper .contentWrap .content .contentMain #orderingList .list {
	margin: 0 0 50px;
	padding: 0 0 20px;
	border: 3px #E4D7C1 solid;
	background: #fff;	
}

/**
*
* =orderInfo
*
**/
.wrapper .contentWrap .content .contentMain #orderingList .list .orderInfo {
	margin: 0 0 5px;
	padding: 5px 15px;
	overflow: hidden;
	background: #B6935A;
	color: #fff;
}

.wrapper .contentWrap .content .contentMain #orderingList .list .orderInfo p {
	width: 284px;
	float: left;
}

/**
*
* =sysList
*
**/
.wrapper .contentWrap .content .contentMain #orderingList .list .sysList {
	margin: 0;
}

.wrapper .contentWrap .content .contentMain #orderingList .list .sysList ul {
	margin: 0;
	padding: 10px 50px 10px;
	border-bottom: 1px #E4D7C1 solid;
	overflow: hidden;
}

.wrapper .contentWrap .content .contentMain #orderingList .list .sysList ul li {
	margin: 0 0 10px;
	width: 250px;
	float: left;
	font-size: 12px;
	color: #2b1a13;
}

/**
*
* =type
*
**/
.wrapper .contentWrap .content .contentMain #orderingList .list .type {
	margin: 0 0 5px;
	padding: 5px;
	background: #C5AF8B;
	overflow: hidden;
}

.wrapper .contentWrap .content .contentMain #orderingList .list .type .photo ,
.wrapper .contentWrap .content .contentMain #orderingList .list .type .name ,
.wrapper .contentWrap .content .contentMain #orderingList .list .type .weight ,
.wrapper .contentWrap .content .contentMain #orderingList .list .type .price  {
	width: 100px;
	height: 20px;
	display: inline-block;
	float: left;
	line-height: 20px;
	text-align: center;
	color: #fff;
}
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .photo ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .name ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .weight ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .price {
	width: 100px;
	height: 20px;
	display: inline-block;
	float: left;
	line-height: 20px;
	text-align: center;
}

.wrapper .contentWrap .content .contentMain #orderingList .list .type .name ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .name {
	width: 130px;
}
.wrapper .contentWrap .content .contentMain #orderingList .list .type .weight ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .weight {
	width: 40px;
}
.wrapper .contentWrap .content .contentMain #orderingList .list .type .price ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .price {
	width: 100px;
}

/**
*
* =send
*
**/
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist {
	margin: 0 0 10px;
	padding: 5px 5px 10px;
	border-bottom: 1px #ddd dotted;
	overflow: hidden;
}

.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .photo ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .name ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .weight ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .price {
	height: 100px;
}

.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .name {
	display: table-cell;
	vertical-align: middle;
	line-height: 160%;
}

.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .weight ,
.wrapper .contentWrap .content .contentMain #orderingList .list .orderlist .price {
	line-height: 25px;
}


.wrapper .contentWrap .content .contentMain #orderingList .list .write {
	margin: 0 0 20px 0; 
	padding: 5px 5px 5px 50px; 
	border-bottom: 1px #E4D7C1 solid;
	overflow: hidden;
	}
.wrapper .contentWrap .content .contentMain #orderingList .list .write h3 {
	color: #B6935A;
	margin: 0 0 10px;
	}	
.wrapper .contentWrap .content .contentMain #orderingList .list .write ul {
	margin: 0; padding: 0; 
	border: 0; 
	border-bottom: 0; 
	font-size: 13px; 
	color: #888;
	}	
.wrapper .contentWrap .content .contentMain #orderingList .list .write ul li {
	margin: 0 0 10px;
	width: 250px;
	float: left;
	font-size: 12px;
	color: #2b1a13;
  }

/**
*
* =send
*
**/
.wrapper .contentWrap .content .contentMain #orderingList .list #payDetail {
	overflow: hidden;
	margin: 0 0 0 350px;
	clear: both;
}

.wrapper .contentWrap .content .contentMain #orderingList .list #payDetail span ,
.wrapper .contentWrap .content .contentMain #orderingList .list #payDetail p {
	width: 30px;
	display: block;
	float: left;
	text-align: center;
}

.wrapper .contentWrap .content .contentMain #orderingList .list #payDetail p {
	width: 80px;
}