@charset "utf-8";
.system3d {
    position:relative;
    width:100%;
    height:0;
    max-width: 1600px;
    min-width: 1000px;
	min-height:550px;
    max-height:700px;
    margin: 0 auto;
	overflow:hidden;
}

.system3d_control {
    clear:both;
    position:relative;
    width:1000px;
    height:50px;
    text-align: center;
    margin:0 auto;
}
.system3d_control ul {
    list-style: none;
    display:inline-block;
}
.system3d_control ul li {
    display: inline-block;
    margin-right:5px;
}
.system3d ul li img {
    width: 45px;
    height: 45px;
}
.bg_icon {
    opacity: 0.3;
    -ms-filter: 'alpha(opacity=30)';
    cursor: pointer;
}
.bg_icon:hover {
    opacity: 1.0;
    -ms-filter: 'alpha(opacity=100)';
}
.bg_icon.active {
    opacity: 1.0;
    -ms-filter:'alpha(opacity=100)';
    cursor: default;
}
.mouse_icon {
    opacity: 0.3;
    -ms-filter: 'alpha(opacity=30)';
    cursor: pointer;
}
.mouse_icon:hover {
    opacity: 1.0;
    -ms-filter:'filter(opacity=100)';
}
.mouse_icon.active {
    opacity: 1.0;
    -ms-filter:'alpha(opacity=100)';
    cursor: default;
}
.system3d_container {
    position:relative;

    width:100%;
    height:400px;
	max-height:700px;
    margin-top:30px;
}
.system3d_container ul {
    list-style: none;
}
.system3d_container ul li {
    float:left;
    width:50%;
    max-width:800px;
    min-width:500px;
    height:0;
    padding-bottom:calc(400  /800 * 50%);
    max-height: 290px;
}

.system3d_container ul li iframe {
    position: relative;
    width:100%;
    height:400px;
    min-height: 390px;
	max-height: 700px;
}

.system_help  {
    display: none;
	position:absolute;
    width:100%;
    height:100%;
	left:0;
	right:0;
	margin:auto;
	background-color: rgba(21, 21, 21, 0.9);
	z-index:100;
    cursor: pointer;
}
.system_help img {
    position:absolute;
    left:0;
    right:0;
    margin:auto;
}


#lineup_contents .comparisonPage .carGrade ul li:before {
	display:none;
}