
/************************************************************\
* Full Fix
\************************************************************/
#footer {
	width: auto;
}
#footer .inside {
	width: 1200px;
	margin: 0 auto;
}

/************************************************************\
* 1. cart  / 購物清單１
* 2. cart2 / 購物清單２
* 3. cart3 / 購物清單３
\************************************************************/
.contents {
	background:#f8f8f8;
	width: 100%;
	min-height:500px;
	padding:90px 0 50px 0;
	border-top:1px solid #e1e1e1;
}
.contents .inside {
	width: 1200px;
	margin: 0 auto;
}
.cartTit {
	display:inline-block;
	margin:0 0 0 100px;
	vertical-align:top;
	margin:0 80px 0 100px;
	opacity: 0;
	opacity: 1\9\0;
}
.cartTit .ch{
	font-family:"SimSun", 'cwTeXFangSong', serif;
	display:block;
	font-size:30px;
	width:40px;
	height:inherit;
	line-height:120%;
	color:#000000;
}
.cartTit .en{
	font-family:"SimSun", 'cwTeXFangSong', serif;
	display:block;
	font-size:13px;
	width:40px;
	letter-spacing:0.1em;
	line-height:120%;
	padding:25px 0 50px 2px;
	color:#4e4e4e;
}
.cartNav, .cartForm {
	display:inline-block;
	vertical-align:top;
	font-family: "Microsoft JhengHei", "微軟正黑體", serif;
	opacity: 0;
	opacity: 1\9\0;
}
.cartNav {
	width:86px;
	font-size:12px;
	letter-spacing:0.1em;
	margin:-15px 0 0 0;
}
.cartNav a{
	display:block;
	padding:15px 0;
	border-bottom:1px solid #afafaf;
	color: inherit;
	cursor:pointer;
}
.cartNav .here {
	font-weight:bold;
	border-bottom:3px solid #afafaf;
}
.cartForm {
	width:696px;
	margin:0 0 0 57px;
}
.cartForm .step{
	display:block;
}
.cartForm .step div{
	display:inline-block;
	padding:0 0 15px 0;
	border-bottom:3px solid #dcdcdc;
	text-align:center;
	font-size:14px;
	color:#5d4a2f;
	font-weight:bold;
	text-align:center;
}
.cartForm .step div::after{
	content: url(../images/cart_o1.jpg);
	color:#afafaf;
	display:inline-block;
	width:16px;
	height:12px;
	font-size:8px;
	background:#f8f8f8;
	text-align:center;
	position:absolute;
	z-index:10;
	margin:10px 0 0 0;
	margin:10px 0 0 114px\9;
}

.cartForm .step p{
	display:block;
	border-right:1px solid #dcdcdc;
	width:228px;
	font-weight:normal;
}
.cartForm .step span{
	padding:0 10px 0 0;
}
.cartForm .step .s03 p{
	border-right: none !important;
}
.cartForm .step .here{
	border-bottom:3px solid #5d4a2f !important;

}
.cartForm .step .here p{
	font-weight:bold !important;
}
.cartForm .step .here::after{
	content: url(../images/cart_o2.jpg) !important;
}
/* HACK */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.cartForm .step div:after{
	margin:10px 0 0 114px;
}
}
.cartForm>.txt {
	display:block;
	font-size:13px;
	margin:75px 0 20px 0;
}
.formBox {
	display:block;
	width:100%;
	height:auto;
	border:1px solid #dcdcdc;
}
.formBox>ul{
	display:block;
}

.formBox .formTit {
	display:block;
	width:682px;
	padding:20px 7px;
	font-size:12px;
	border-bottom:1px solid #dcdcdc;
}
.formBox .formTit li{
	display:inline-block;
	text-align:center;
	border-right:1px solid #dcdcdc;
}
.formBox .form {
	display:block;
	text-align:center;
	width:100%;
}
.formBox .form li.row {
	display:inline-block;
	width:682px;
	padding: 40px 0;
	border-bottom:1px solid #dcdcdc;
	font-size:12px;
	margin:0 auto;
	
}
.formBox .form li.row::after{
	content:"";
	display:block;
	clear:both;
}

.formBox .form .row ul>li {
	display:inline-block;
	vertical-align:middle;

}
.formBox .form .row ul .c01 .pic, .formBox .form .row ul .c01 div{
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 15px;
}
.formBox .form .row ul .c01 .pic{
	width:65px;
}
.formBox .form .row ul .c01 div{
	width:70px;
}
.formBox .c01 {width:200px;}
.shoplist.formBox .c01 {width:260px;}
.formBox .c02 {width:125px; text-align:center;}
.formBox .c03 {width:110px; text-align:center;}
.formBox .c04 {width:90px; text-align:center;}
.formBox .c05 {width:75px; text-align:center;}
.formBox .c06 { width:60px;  text-align:center; }
.formBox .end { border-right:none !important; }
.formBox .form .c04 input {
	width:30px; 
	text-align:center;
	border:none;
	outline:none;
	font-weight:normal;
}
.formBox .form .c06 .del{
	width:26px;
	height:26px;
	display:inline-block;
	background:url(../images/cart_x.jpg) no-repeat center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	border:1px solid #b7b7b7;
	cursor:pointer;
}
.formBox .total{
	display:block;
	padding: 36px 0;
}
.formBox .total::after{
	content:"";
	display:block;
	clear:both;
}
.total .btBrown {
	margin:0 0 0 38px;
	vertical-align:middle;
}
.total .txt {
	font-size:12px;
	display:inline-block;
	vertical-align:middle;
	text-align:right;
	width:70%;
}
.total .txt span{
	display:inline-block;
	width:95px;
	padding:0 15px;
}
.total .txt .shipment {
	margin-bottom: 10px;
}

.detail {
	display:block;
	margin:76px 0 0 0;
}
.detail .tit{
	display:block;
	font-size:15px;
	padding:0 0 26px 0;
	border-bottom:1px solid #b7b7b7;
}
.detail .item{
	display:block;
	margin:53px 0 0 0;
	line-height:160%;
}
.detail .item .it01{
	font-size:13px;
	letter-spacing:0.1em;
	color:#3c3c3c;
	font-weight:bold !important;
	padding:0 0 26px 0;
}
.detail .item .it02{
	padding:0 0 60px 0;
	font-size:13px;
	color:#7c7c7c;
	letter-spacing:0.1em;
	font-weight:normal;
	text-align:justify;
}
.shoplist .row{
	padding:20px 0 !important;
}
.shoplist .total{
	padding:30px 0 !important;
}
.orderInfo {
	font-family: "Microsoft JhengHei", "微軟正黑體", serif;
	letter-spacing:0.1em;
	color:#7b7b7b;
	display:block;
	margin:63px 0 0 0;
}
.orderInfo .tit{
	display:block;
	font-size:15px;
	color:#000000;
	font-weight:bold;
	padding:0 0 26px 0;
	border-bottom:1px solid #000000;
}
.orderInfo>ul {
	display:block;
	margin:33px 0 0 0;
}
.orderInfo>ul>li{

}
.orderInfo .question{
	display:inline-block;
	width:123px;
	height:15px;
	padding:15px 5px;
	color:#3d3c3c;
	border-bottom:1px solid #a4a4a4;
	vertical-align:top;
	font-size:13px;
}
.orderInfo .answer{
	font-size:11px;
	display:inline-block;
	width:545px;
	height:15px;
	padding:15px 0 15px 15px;
	margin:0 0 0 2px;
	color:#3d3c3c;
	border-bottom:1px solid #dcdcdc;
	vertical-align:top;
}
.orderInfo .answer>select{
	width:100px;
	color:#7b7b7b;
	letter-spacing:0.1em;
}
.orderInfo .answer>input{
	background:none;
	border:none;
	outline:none;
	width:80%;
	color:#7b7b7b;
	letter-spacing:0.1em;
}
.orderInfo .answer>input[type="radio"] {
	display:inline-block;
	vertical-align:middle;
	width:auto;
	margin:0 5px 0 0;
}
.orderInfo .answer>span {
	display:inline-block;
	vertical-align:middle;
	margin:0 15px 0 0;
	color:#7b7b7b;
}
.orderInfo .answer>span:last-child {
	margin: 0;
}
.orderInfo .answer .write {
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 20px;
	height: 23px;
}
.orderInfo .answer .write input {
	border:0;
	background:#e7e6e6;
	outline:none;
	margin:0 10px 0 0;
	padding:5px;
	color:#5c5c5c;
}
.cartForm .okSent {
	margin:45px 0 105px 0;
}
.cartOK {
	display:block;
	text-align:right;
	width:260px;
	padding:30px 0 30px 150px;
	background:url(../images/cart3_ok.jpg) no-repeat left center;
	margin:150px auto 0 auto;
}
.cartOK p{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:180%;
	border-left:1px solid #dcdcdc;
	padding:0 0 0 50px;
}

/*****************************\
* placeholder
\*****************************/
/* WebKit browsers */
.orderInfo .answer ::-webkit-input-placeholder { color: #a3a3a3; font-size: 12px; }
/* Mozilla Firefox 4 to 18 */
.orderInfo .answer :-moz-placeholder { color: #a3a3a3; font-size: 12px; opacity: 1; }
/* Mozilla Firefox 19+ */
.orderInfo .answer ::-moz-placeholder { color: #a3a3a3; font-size: 12px; opacity: 1; }
/* Internet Explorer 10+ */
.orderInfo .answer :-ms-input-placeholder { color: #a3a3a3; font-size: 12px; }

