@charset "utf-8";
/* CSS Document */
a:hover{
	color: #f90;
}
a:hover img{
	opacity: 0.9;
}
div.panel img{
	width:100%!important;
	float:left;
}
div.panel a{
	width:100%!important;
	float:left;
}
div.panel a:hover{
	transform: scale(1.02);
	box-shadow: 0 0 7px 1px #f90;
}
#content.yamaha img{
	width: 100%;
	height: auto;
}
.setup{
	width: 60%;
	margin: 0 auto;
	border: 5px dotted #FFA500;
	border-radius: 10px;
	padding: 10px 0;
	background-color: rgba(255, 255, 255, 0.5);
}
.setup p{
	font-size: 1.2rem;
}
.now{
	font-size: 1.6rem;
	text-align: center;
	border-bottom: 1px solid #111111;
	font-weight: bold;
}
.start{
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	
	
	
}
.textbig{
	font-size: 3.6rem;
	
	
	
	
}
.three-models{
	font-size: 1.2rem;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
}
.panel{
	width: 100%!important;
	margin: 0 auto;
}
.staff{
	width: 75%;
	margin: 0 auto;
}
h3.name{
	font-size: 1.4rem;
	line-height: 1.4;
	border-left: solid 10px #FFA500;
	border-bottom: solid 1px #FFA500;
}
p.whiteback{
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 10px;
	margin-top: 15px;
}
#content.yamaha .panel h3{
	margin-bottom: 0.25em;
}
.panel p.lead{
	text-align: left!important;
	margin:0 0 0.5em;
	font-size: 1.125em;
	font-weight: 600;
}
.panel p.finish {
	background: #fff;
	padding:0.5em;
	margin: 0.5em 0 1em;
	border-radius: 5px;
	line-height: 1.8;
	width: 100%;
	font-weight: 400;
	font-size: 1rem;
}
.underline{
	border-bottom: 1px solid #111111;
}
#shelf div.serieser{
	width:96%;
	margin: 0 auto!important;
	padding: 0.5em;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 10px;
	color: #fff;
}
#content.yamaha div.serieser h3{
	font-weight: 600;
	margin: 0.25em 0;
}
.panel a.button{
	display: block;
	text-align: center;
	background: rgb(164,107,117);
	border:2px solid #fff;
	border-radius: 7px;
	text-decoration: none;
	color:#fff;
	font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5em;
	box-shadow: 2px 2px 5px 0 #666;
	line-height: 1.1em;
	padding:0.125em;
	width: 100%;
	margin-top: 1em;
}
.panel.sold a.button{
	box-shadow: none;
	background: rgb(180,180,180);
	cursor: default;
	color: #ccc;
	line-height: 2em;
}
.panel a.button span{
	display: block;
	font-size: 0.5em;
	font-weight: 400;
}
.panel a.button:hover{
	transform: none;
	box-shadow: 0 0 3px 0 #333;
	top:1px;
	left:1px;
}
.panel.sold a.button:hover{
	box-shadow: none;
	top:0;
	left: 0;
}
.mapframe {
	width: 50%!important;
}
@media screen and (max-width: 61em) {
#content.yamaha div.serieser{
	float:none;
	width:90%;
	margin:0 auto;
}
div.panel > span > p{
	font-size: 1.25em;
}
.bshide {
	display: none;
	visibility: hidden;
}
.panel p.finish{
	line-height: 1.2em;
}
}
@media screen and (max-width: 1200px) {
.staff{
	width: 100%!important;
}
}
@media screen and (max-width: 992px) {
#content {
	width: 96%!important;
}
.setup{
	width: 96%;
}
.serieser {
	width: 100%!important;
}
}
@media screen and (max-width: 768px) {
.setup p{
	font-size: 1rem;
}
.letsgo{
	font-size: 2.4rem;
}
.mapframe{
	width: 100%!important;
}
}

/*720px*/
@media screen and (max-width: 45em) {
div.panel > span > p{
	font-size: 1em;
}
}

/*560px*/
@media screen and (max-width: 35em) {
div.panel > a{
	width:30%;
}
div.panel > span{
	width:68%;
}
div.panel > span > p{
	font-size: 0.8em;
}
}
.red{
	background-color: red;
}
.blue{
	background-color: blue;
}
.yellow{
	background-color: yellow;
}