@charset "utf-8";


section {
    clear:both;
}


/**red**/
.products .red{
    clear:both;
    position: relative;
    color: #101010;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 2em 0.5em 2em;
    border-bottom: 3px solid #B92A2C;
}
.products .red:before{
    content: "";
    position: absolute;
    top:0; left:0;
    width: 0;
	height: 0;
	border-bottom: 1em solid transparent;
	border-left: 1em solid #B92A2C;
}
.products .red:after{
    content: "";
    position: absolute;
    bottom:0; right:0;
    width: 0;
	height: 0;
	border-top: 1em solid transparent;
	border-right: 1em solid #B92A2C;
}
/**red**/


/**green**/
.products .green{
    clear:both;
    position: relative;
    color: #101010;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 2em 0.5em 2em;
    border-bottom: 3px solid darkgreen;
}
.products .green:before{
    content: "";
    position: absolute;
    top:0; left:0;
    width: 0;
	height: 0;
	border-bottom: 1em solid transparent;
	border-left: 1em solid darkgreen;
}
.products .green:after{
    content: "";
    position: absolute;
    bottom:0; right:0;
    width: 0;
	height: 0;
	border-top: 1em solid transparent;
	border-right: 1em solid darkgreen;
}
/**green end **/

/**yellow**/
.products .yellow{
    clear:both;
    position: relative;
    color: #101010;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 1em 0.5em 1em;
    border-bottom: 3px solid #ffd800;
}
.products .yellow:before{
    content: "";
    position: absolute;
    top:0; left:0;
    width: 0;
	height: 0;
	border-bottom: 1em solid transparent;
	border-left: 1em solid #ffd800;
}
.products .yellow:after{
    content: "";
    position: absolute;
    bottom:0; right:0;
    width: 0;
	height: 0;
	border-top: 1em solid transparent;
	border-right: 1em solid #ffd800;
}
/**yellow**/

/**orange**/
.products h4.orange{
    clear:both;
    position: relative;
    color: #101010;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 1em 0.5em 1em;
    border-bottom: 3px solid #ff6a00;
}
.products h4.orange:before{
    content: "";
    position: absolute;
    top:0; left:0;
    width: 0;
	height: 0;
	border-bottom: 1em solid transparent;
	border-left: 1em solid #ff6a00;
}
.products h4.orange:after{
    content: "";
    position: absolute;
    bottom:0; right:0;
    width: 0;
	height: 0;
	border-top: 1em solid transparent;
	border-right: 1em solid #ff6a00;
}
/**orange**/


.products .logo img{
    max-width:100%;
    height:auto;
}
        
.products .images{
    float:right;
    width:38%;
}

.products .images_left{
    float:left;
    width:38%;
    text-align:center;
}

.images_left img{
    max-width:100%;
}
        
.images img{
    width:100%;
    max-width:100%;
    height:auto;
}

.products .products_content{
    padding:0 1em 0 1em;
}
.products .description{
    float:left;
    width:61%;
}
.products .description_right{
    float:right;
    width:61%;
}
.description p{
    padding:0.1em;
}

.pad_top_01{
    padding-top:1em;
}

.pad_top_02{
    padding-top:2em;
}
.pad_bottom_01{
    padding-bottom:1em;
}
.pad_bottom_02{
    padding-bottom:2em;
}


.detail{
    margin-left:1em;
    margin-bottom:0.5em;
}

/**spec table **/
.accessory_spec{
    width:100%;
    border-collapse: collapse;
}
.accessory_spec tr td{
    border-bottom:1px solid #C0C0C0;
    padding-top:0.5em; padding-top:0.5em;
    text-align:center;
}
.accessory_spec tr td:first-child{
    width:37%;
    text-align:left;
    font-weight:bold;
}
.accessory_spec tr td:nth-child(2){
    width:61%;
    text-align:left;
    font-size:small;
}

.accessory_spec_mirror{
    width:100%;
    border-collapse: collapse;
}
.accessory_spec_mirror tr td{
    border-bottom:1px solid #C0C0C0;
    padding-top:0.5em; padding-top:0.5em;
    text-align:center;
}
.accessory_spec_mirror tr td:first-child{
    width:61%;
    text-align:left;
    font-weight:bold;
}
.accessory_spec_mirror tr td:nth-child(2){
    width:37%;
    text-align:left;
    font-size:small;
}

/**spec table **/

@media only screen and (max-width: 768px) {
            
    .products .images{
        float:right;
        width:100%;
    }
    .products .description{
        float:left;
        width:100%;
    }  
    .products .images_left{
        float:right;
        width:100%;
        text-align:center;
    }
    .products .description_right{
        float:left;
        width:100%;
        text-align:center;
    }
}


@media only screen and (max-width: 768px) {

    .fire img{
        width:100%;
        height:auto;
    }
}