BODY{
	font-family:'Gotham-Book', 'EdwardianBold', 'Microsoft JhengHei', '微軟正黑體';
	font-weight:400;
}

A, 
A:FOCUS{
	outline:none !important;
}

P{
	padding:0;
	margin:0;
}

INPUT[type="text"], 
INPUT[type="tel"], 
INPUT[type="email"]{
	padding:5px 10px;
	background-color:#EEE;
	color:#333;
	box-shadow:none;
	font-size:15px;
}

BODY INPUT:FOCUS{
	outline:none;
}

DIV.ms-sfc_product-thumbnails{
	width:100%;
	height:360px;
	border:solid 1px rgba(0, 0, 0, 0.5);
}

H2.woocommerce-loop-product__title{
	margin-top:10px;
}

DIV#ms-sfc_footer-wc-logo{
	background-image:url('../images/woocommerce-logo-s.png');
	background-size:16%;
	background-repeat:no-repeat;
	background-position:50%;
	width:100%;
	height:80px;
}

DIV#ms-sfc_footer-wc-logo+P{
	text-align:center;
	font-size:12px;
}

DIV#ms-sfc_footer-wc-logo+P > SPAN{
	font-size:14px;
	font-weight:600;
}

FOOTER#colophon{
	padding:1em 0;
}

TABLE.cart TH.product-remove, 
TABLE.cart TD.product-remove{
	width:50px;
}

TABLE.cart TH.product-thumbnail, 
TABLE.cart TD.product-thumbnail{
	width:100px;
}

TABLE.cart TH.product-subtotal, 
TABLE.cart TD.product-subtotal{
	width:200px;
}

/*===My account===*/
DIV.woocommerce-MyAccount-content > TABLE TH, 
DIV.woocommerce-MyAccount-content > TABLE TD{
	width:auto;
	vertical-align:middle;
}

DIV.woocommerce-MyAccount-content > TABLE TH{
	padding:15px 10px;
}

DIV.woocommerce-MyAccount-content > TABLE TH, 
DIV.woocommerce-MyAccount-content > TABLE TD{
	padding:10px 10px;
}

DIV.woocommerce-MyAccount-content > TABLE TH:FIRST-CHILD, 
DIV.woocommerce-MyAccount-content > TABLE TD:FIRST-CHILD{
	width:100px;
}

DIV.woocommerce-MyAccount-content > TABLE TH:nth-of-type(4), 
DIV.woocommerce-MyAccount-content > TABLE TD:nth-of-type(4){
	width:240px;
}

DIV.woocommerce-MyAccount-content > TABLE TH:nth-of-type(5), 
DIV.woocommerce-MyAccount-content > TABLE TD:nth-of-type(5){
	width:200px;
}

DIV.woocommerce-MyAccount-content > TABLE TD:nth-of-type(4) > *{
	display:block;
}
/*===My account===*/

/*===Checkout===*/
DIV.woocommerce-billing-fields__field-wrapper, 
DIV.woocommerce-shipping-fields__field-wrapper{
	display:flex;
	flex-wrap:wrap;
}

P.form-row.form-row-first, 
P.form-row.form-row-last{
	flex:1 1 45%;
	float:none;
}

P.form-row.form-row-first{
	margin-right:10%;
}

P.form-row.form-row-wide{
	margin-top:15px;
}

FORM.checkout.woocommerce-checkout{
	/* font-size:13px; */
}

BODY.woocommerce-checkout TABLE.shop_table TH, 
BODY.woocommerce-checkout TABLE.shop_table TD{
	width:50%;
}

UL#shipping_method > LI{
	margin-bottom:15px;
}

UL#shipping_method > LI:LAST-CHILD{
	margin-bottom:0;
}

UL#shipping_method INPUT[type="radio"]{
	display:none;
}

UL#shipping_method INPUT[type="radio"]+LABEL{
	position:relative;
	padding-left:16px;
	cursor:pointer;
}

UL#shipping_method INPUT[type="radio"]+LABEL::BEFORE{
	position:absolute;
	width:16px;
	height:16px;
	content:'';
	top:-2px;
	left:-5px;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiNBQUREQUEiIGQ9Ik0wLDEwLjAwMUMwLDQuNDc4LDQuNDc4LDAuMDAxLDkuOTk5LDBsMCwwQzE1LjUyMSwwLjAwMSwxOS45OTgsNC40NzgsMjAsMTAuMDAxbDAsMGMtMC4wMDIsNS41MjItNC40NzksOS45OTgtMTAuMDAxLDEwbDAsMEM0LjQ3OCwxOS45OTksMCwxNS41MjMsMCwxMC4wMDFMMCwxMC4wMDF6IE0yLjYwOCwxMC4wMDFjMC4wMDcsNC4wODIsMy4zMSw3LjM4Miw3LjM5MSw3LjM5bDAsMGM0LjA4My0wLjAwOCw3LjM4NC0zLjMwOSw3LjM5Mi03LjM5bDAsMGMtMC4wMDgtNC4wODMtMy4zMDktNy4zODQtNy4zOTItNy4zOTFsMCwwQzUuOTE4LDIuNjE3LDIuNjE2LDUuOTE4LDIuNjA4LDEwLjAwMUwyLjYwOCwxMC4wMDF6Ii8+PC9zdmc+');
	background-size:cover;
}

UL#shipping_method INPUT[type="radio"]:CHECKED+LABEL::BEFORE{
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjAgMjAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMwMDk5MDAiIGQ9Ik0wLDEwLjAwMUMwLDQuNDc4LDQuNDc4LDAuMDAxLDkuOTk5LDBsMCwwQzE1LjUyMSwwLjAwMSwxOS45OTgsNC40NzgsMjAsMTAuMDAxbDAsMGMtMC4wMDIsNS41MjItNC40NzksOS45OTgtMTAuMDAxLDEwbDAsMEM0LjQ3OCwxOS45OTksMCwxNS41MjMsMCwxMC4wMDFMMCwxMC4wMDF6IE0yLjYwOCwxMC4wMDFjMC4wMDcsNC4wODIsMy4zMSw3LjM4Miw3LjM5MSw3LjM5bDAsMGM0LjA4My0wLjAwOCw3LjM4NC0zLjMwOSw3LjM5Mi03LjM5bDAsMGMtMC4wMDgtNC4wODMtMy4zMDktNy4zODQtNy4zOTItNy4zOTFsMCwwQzUuOTE4LDIuNjE3LDIuNjE2LDUuOTE4LDIuNjA4LDEwLjAwMUwyLjYwOCwxMC4wMDF6Ii8+PGNpcmNsZSBmaWxsPSIjMDA5OTAwIiBjeD0iMTAiIGN5PSIxMCIgcj0iNCIvPjwvc3ZnPg==');
}
/*===Checkout===*/


/*===WooCommerce 3.5===*/
/*
DIV.cart_totals TH{
	min-width:35%;
	max-width:none;
}

DIV.cart_totals TD{
	width:65%;
	max-width:none;
}
*/

@media only screen 
and (min-width: 320px) 
and (max-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2){
	
}

@media only screen 
and (min-width: 320px) 
and (max-width: 1024px){
	
}

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px){
	
}

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: portrait){
	
}

@media only screen 
and (min-width: 768px) 
and (max-width: 1024px) 
and (orientation: landscape){
	
}

@media only screen 
and (min-width: 320px) 
and (max-width: 782px){
	TABLE.shop_table TH, 
	TABLE.shop_table TD{
		width:auto;
	}
}

@media only screen 
and (min-width: 320px) 
and (max-width: 782px) 
and (orientation: portrait){
	
}

@media only screen 
and (min-width: 320px) 
and (max-width: 782px) 
and (orientation: landscape){
	
}