/* Main */

.about { width: 100%; padding: 15px 20px;}
.about .step .hint { font-size: 11px; margin-top: 15px; margin-bottom: 4px;}
.about .step img.number { margin-left: 15px;} 
.about h1 { margin-bottom: 20px;}

.cards { width: 100%; padding: 15px 20px;}
.cards .card img { float: none; margin: 0;}
.cards .card .picture { margin-right: 15px; border: 1px solid #dddddd;}
.cards .card .zoom { /*position: relative; top: -15px;*/}
.cards .card .title { margin-top: 15px; color: #5F8ACC; margin-bottom: 10px; font-size: 17px; font-weight: normal;}
.cards .card .cost { margin-bottom: 7px;}
.cards .card .cost .value { display: inline; margin-left: 10px; font-weight: bold; font-size: 13px;}
.cards .card .types { margin-top: 8px; margin-bottom: 5px;}
.cards .card .types .line { width: 160px; height: 20px; margin-bottom: 5px;}
.cards .card .types .line .label { float: left; display: inline; position: relative; top: 4px; left: 8px;}
.cards .card input { margin: 0; display: inline;}
.cards .card input.quantity { width: 40px; border: 1px solid #D1D1D1; padding-top: 3px; float: right}
.cards .card input.buy { width: 80px; height: 25px; background-color: #ffffff; border: none; text-decoration: underline; font-size: 17px; color: #E3930A; cursor: hand; position: relative; left: -5px;}
.cards .card input.check { top: 1px; float: left;}

html>body .about,
html>body .cards { width: auto;}
html>body .cards .card .types { margin-top: 10px;}
html>body .cards .card input.quantity { padding-top: 2px;}

html:root .cards .card .types .line .label { top: 3px;}