/*
 * phgrt - RWD system type-12
 * https://www.phgrt.com.tw/
 *
 * Copyright 2016, evelyn wang
 * 
 * 
 * January 2016
 */


/* +shopping car
*----------------------------------------------------------------------------*/
#shopping-car {
	overflow: hidden;
}

/**
*
* =shopping list
*
**/
#shopping-car .shopping-list {
	margin-bottom: 30px;
	border-top: 1px #0169a6 solid;
}

#shopping-car .shopping-list .list {
	border-bottom: 1px #b5b5b4 solid;
	overflow: hidden;
}

#shopping-car .shopping-list .list p {
	width: 64%;
	float: left;
}

#shopping-car .shopping-list .list p label {
	padding: 10px 0;
	border-bottom: 1px #0169a6 solid;
	display: none;
	text-align: center;
}

#shopping-car .shopping-list .list p input {
	padding: 2px;
	width: 50%;
	border: 1px #444 solid;
	display: inline-block;
	text-align: center;
}
#shopping-car .shopping-list .list p input.Del {
	background: #444;
	color: #fff;
}

#shopping-car .shopping-list .list p a {
	display: block;
	line-height: 121px;
}

#shopping-car .shopping-list .list p a b {
	margin-right: 10px;
	width: 25%;
	display: inline-block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

#shopping-car .shopping-list .list p a img {
	width: 100%;
}

#shopping-car .shopping-list .list p:nth-child(2) ,
#shopping-car .shopping-list .list p:nth-child(3) ,
#shopping-car .shopping-list .list p:nth-child(4) ,
#shopping-car .shopping-list .list p:nth-child(5) {
	width: 9%;
	line-height: 121px;
	text-align: center;
}

#shopping-car .shopping-list .list p:nth-child(2) label ,
#shopping-car .shopping-list .list p:nth-child(3) label ,
#shopping-car .shopping-list .list p:nth-child(4) label ,
#shopping-car .shopping-list .list p:nth-child(5) label {
	line-height: 132%;
}

#shopping-car .shopping-list .list:first-child p label {
	display: block;
}

/**
*
* =checkout
*
**/
#shopping-car .checkout {
	margin-bottom: 50px;
	padding: 0 0 20px 70%;
	border-bottom: 5px #0169a6 solid;
}

#shopping-car .checkout p {
	margin-bottom: 5px;
	overflow: hidden;
}

#shopping-car .checkout p strong {
	display: inline-block;
	float: right;
	color: #000;
	font-weight: bold;
}

/**
*
* =function-bar
*
**/
#shopping-car .function-bar {
}

#shopping-car .function-bar p ,
#shopping-car .order-info fieldset.btn p.send input {
	margin-right: 5px;
	padding: 5px 10px;
	background: #231815;
	display: inline-block;
}

#shopping-car .function-bar p a ,
#shopping-car .function-bar p i {
	color: #fff;
}

#shopping-car .function-bar p input ,
#shopping-car .function-bar p:last-child ,
#shopping-car .order-info fieldset.btn p.send input {
	background: #0169a6;
	color: #fff;
}

/**
*
* =question title
*
**/
#shopping-car #order-info {
	margin-top: 60px;
	padding: 25px;
	background: #eaeaea;
}

#shopping-car #order-info article {
	line-height: 170%;
	font-size: 16px;
}

/**
*
* =order-info
*
**/
#shopping-car .order-info {
	margin-top: 60px;
}

#shopping-car .order-info h3 {
	margin-bottom: 25px;
	padding-bottom: 10px;
	border-bottom: 1px #a9a9a9 solid;
}

#shopping-car .order-info fieldset {
	padding: 0;
	border: none;
}

#shopping-car .order-info fieldset p {
	padding: 10px 0;
	font-size: 16px;
}

#shopping-car .order-info fieldset p label {
	margin-right: 10px;
	width: 80px;
	display: inline-block;
	text-align: right;
}

#shopping-car .order-info fieldset p label strong {
	color: #0169a6;
}

#shopping-car .order-info fieldset p input {
	padding: 3px;
	width: 250px;
	min-height: 20px;
	border: 1px #a9a9a9 solid;
}

#shopping-car .order-info fieldset p textarea {
	padding: 3px;
	width: 65%;
	border: 1px #a9a9a9 solid;
}

#shopping-car .order-info fieldset.btn {
	padding-left: 90px;
}

#shopping-car .order-info fieldset.btn p.send input {
	width: 150px;
	text-align: center;
}