@charset "utf-8";
.indeximg{
	max-width:100%;
	height:100%;
}

.verticalmargin{
	height:15px;
	
}
/*----------- Mobile Devices css for <420px------------------------*/
.homecontent{
	position:relative;
	margin:0 auto;
	width:100%;
}
.photoframe{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0px solid #ffdddd;
}
.product_frame{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:0px solid #ffdddd;
	text-align:center;
}

.sp{
	font-family: 'Passion One', cursive;
}
.jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

.jssorb052 .i {position:absolute;cursor:pointer;}
.jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
.jssorb052 .i:hover .b {fill-opacity:.7;}
.jssorb052 .iav .b {fill-opacity: 1;}
.jssorb052 .i.idn {opacity:.3;}


.jssora053 {display:block;position:absolute;cursor:pointer;}
.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora053:hover {opacity:.8;}
.jssora053.jssora053dn {opacity:.5;}
.jssora053.jssora053ds {opacity:.3;pointer-events:none;}

.jssorb054 .i {position:absolute;cursor:pointer;visibility: hidden;}
.jssorb054 .i .b {fill:#000;fill-opacity:0.3;}
.jssorb054 .i:hover .b {fill-opacity:.7;}
.jssorb054 .iav .b {fill-opacity: 1;}
.jssorb054 .i.idn {opacity:.3;}


.jssora055 {display:block;position:absolute;cursor:pointer;visibility: hidden;}
.jssora055 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora055:hover {opacity:.8;}
.jssora055.jssora055dn {opacity:.5;}
.jssora055.jssora055ds {opacity:.3;pointer-events:none;}


.bw2h1{
	
}
.bw2h2{
	
}
.bw2h4{
	
}
.bw4h1{
	
}
.bw4h2{
	
}
.bw6h1{
	
}
.bw6h2{
	width:100%;
		
}
#Area2_1{
	position:absolute;
	left:0px;
}
#Area2_2{
	position:absolute;
	right:0px;
}

#Area3 div{
	position:absolute;
}

#Area5 div{
	position:absolute;
	
}
#Area5 div :hover{
	-webkit-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
}

#Area4 div :hover{
	-webkit-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
}

#Area3 div :hover{
	-webkit-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
}

#Area3_1Wrapper div :hover{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#Area2 div :hover{
	-webkit-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 43px 2px rgba(0,0,0,0.75);
}
/*---------------------------------------------------- Desktop Devices width 480px larger ------------------------*/
@media only screen and (min-width: 480px) {
.homecontent{
	width:1000px;
}
.bw2h1{
	min-height:150px;
	width:300px;
}
.bw2h2{
	min-height:300px;
	width:300px;
	float:left;
}
.bw2h4{
	min-height:600px;
	width:300px;
	float:left;
}
.bw4h1{
	min-height:150px;
}
.bw4h2{
	min-height:300px;
	width:685px;
	float:left;
}
.bw6h1{
	min-height:150px;
}
.bw6h2{
	height:300px;	
}
.test{
	
	width:400px;
	height:300px;
	
}

.test img{
	max-width:100%;
	height:100%;
}

.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

.jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


.jssorb052 .i {position:absolute;cursor:pointer;}
.jssorb052 .i .b {fill:#000;fill-opacity:0.3;}
.jssorb052 .i:hover .b {fill-opacity:.7;}
.jssorb052 .iav .b {fill-opacity: 1;}
.jssorb052 .i.idn {opacity:.3;}

.jssora053 {display:block;position:absolute;cursor:pointer;}
.jssora053 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora053:hover {opacity:.8;}
.jssora053.jssora053dn {opacity:.5;}
.jssora053.jssora053ds {opacity:.3;pointer-events:none;}

.jssorb054 .i {position:absolute;cursor:pointer;visibility: visible;}
.jssorb054 .i .b {fill:#000;fill-opacity:0.3;}
.jssorb054 .i:hover .b {fill-opacity:.7;}
.jssorb054 .iav .b {fill-opacity: 1;}
.jssorb054 .i.idn {opacity:.3;}

.jssora055 {display:block;position:absolute;cursor:pointer;visibility: visible;}
.jssora055 .a {fill:none;stroke:#fff;stroke-width:640;stroke-miterlimit:10;}
.jssora055:hover {opacity:.8;}
.jssora055.jssora055dn {opacity:.5;}
.jssora055.jssora055ds {opacity:.3;pointer-events:none;}

}