body, html{
	padding: 0;
	margin: 0;
	color: #000000;
	background-color: #e9e9e9;
	overflow-x: hidden;
}

*{
	box-sizing: border-box;
}

img{
	vertical-align: middle;
	pointer-events: none;
}



.container{
	margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0px;
    width: 1180px;
	-webkit-touch-callout: none; 
	  -webkit-user-select: none;  
	  -khtml-user-select: none;    
	  -moz-user-select: none;     
	  -ms-user-select: none;       
	  user-select: none;   
}

.img_block img{
	height: 100%;
}

.img_block{
	position: relative;
	height: 100vh;
	margin-bottom: 10px;
	text-align: center;
}

.mini_app{
	position: absolute;
    left: 25%;
    width: 220px;
    height: 36px;
    bottom: 23%;
}

.porshe{
	position: absolute;
    left: 25%;
    width: 200px;
    height: 36px;
    bottom: 24%;
}

.diksi_appst{
   position: absolute;
    left: 23.5%;
    width: 137px;
    height: 36px;
    bottom: 13.5%;
}

.diksi_gplay{
	position: absolute;
    left: 37%;
    width: 137px;
    height: 36px;
    bottom: 13.5%;
}

.tui{
	position: absolute;
    left: 26%;
    width: 182px;
    height: 36px;
    bottom: 28%;
}

.ezchoice{
	position: absolute;
    left: 26%;
    width: 182px;
    height: 36px;
    bottom: 18%;
}

.cmaker{
	position: absolute;
    left: 26%;
    width: 182px;
    height: 36px;
    bottom: 24%;
}

.legalark{
	position: absolute;
    left: 26%;
    width: 182px;
    height: 36px;
    bottom: 25%;
}

.projecthouse{
    position: absolute;
    left: 26%;
    width: 182px;
    height: 36px;
    bottom: 26%;
}

.fixbi{
    position: absolute;
    left: 26%;
    width: 182px;
    height: 36px;
    bottom: 25%;
}

.guidex{
    position: absolute;
    left: 26%;
    width: 182px;
    height: 36px;
    bottom: 26%;
}

.frontliner{
    position: absolute;
    left: 26%;
    width: 182px;
    height: 36px;
    bottom: 26%;
}

@media (max-width: 1200px){
	.container {
	   width: 720px;
	}

	.img_block{
		height: auto;
		width: 100%;
	}

	.img_block img{
		width: 100%;
	}

	.appstore{
		left: 65px;
	    bottom: 51px;
	    width: 98px;
	    height: 40px;
	}
	.gplay{
	    left: 172px;
	    bottom: 51px;
	    width: 113px;
	    height: 40px;
	}

	#adress{
		height: 50px;
	}

	#mail{
		bottom: 172px;
	}

	.mini_app{
		position: absolute;
	    left: 11%;
	    width: 220px;
	    height: 36px;
	    bottom: 23%;
	}

	.porshe{
		position: absolute;
	    left: 11%;
	    width: 200px;
	    height: 36px;
	    bottom: 24%;
	}

	.diksi_appst{
	   position: absolute;
	    left: 7.5%;
	    width: 137px;
	    height: 36px;
	    bottom: 13.5%;
	}

	.diksi_gplay{
		position: absolute;
	    left: 29%;
	    width: 137px;
	    height: 36px;
	    bottom: 13.5%;
	}

	.tui{
		position: absolute;
	    left: 11%;
	    width: 182px;
	    height: 36px;
	    bottom: 28%;
	}

	.ezchoice{
		position: absolute;
	    left: 11%;
	    width: 182px;
	    height: 36px;
	    bottom: 18%;
	}

	.cmaker{
		position: absolute;
	    left: 11%;
	    width: 182px;
	    height: 36px;
	    bottom: 24%;
	}

	.legalark{
		position: absolute;
	    left: 11%;
	    width: 182px;
	    height: 36px;
	    bottom: 25%;
	}

	.projecthouse{
	    position: absolute;
	    left: 11%;
	    width: 182px;
	    height: 36px;
	    bottom: 26%;
	}

	.fixbi{
	    position: absolute;
	    left: 11%;
	    width: 182px;
	    height: 36px;
	    bottom: 25%;
	}

	.guidex{
	    position: absolute;
	    left: 11%;
	    width: 182px;
	    height: 36px;
	    bottom: 26%;
	}

	.frontliner{
	    position: absolute;
	    left: 11%;
	    width: 182px;
	    height: 36px;
	    bottom: 26%;
	}

}

@media (max-width: 992px){
	.container {
	    width: 600px;
	}
	.appstore {
	    left: 50px;
	    bottom: 42px;
	    width: 76px;
	    height: 34px;
	}
	.gplay {
	    left: 134px;
	    bottom: 42px;
	    width: 87px;
	    height: 34px;
	}

	.img_block{
		height: auto;
	}

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

	.sl{
	    left: 40px;
	    bottom: 30px;
	    width: 235px;
	    height: 39px;
	}

	#adress {
	    height: 44px;
	    bottom: 84px;
	}

	#mail {
	    bottom: 137px;
	    height: 18px;
	}
}

@media (max-width: 768px){
	.container {
	    width: 100%;
	}

	img{
		
	}

	.sl {
	    left: 10px;
	    bottom: 10px;
	    width: 30%;
	    height: 11%;
	}

	.appstore {
	    left: 6.5%;
	    bottom: 7.5%;
	    width: 10%;
	    height: 9%;
	}

	.gplay {
	    left: 18%;
	    bottom: 7.5%;
	    width: 11%;
	    height: 9%;
	}

	#adress {
	    height: 10%;
	    bottom: 18%;
	    left: 5%;
	    width: 25%;
	}

	#mail {
	    bottom: 30%;
	    height: 4%;
	    left: 5%;
	    width: 23%;
	}
	.mini_app{
		position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 23%;
	}

	.porshe{
		position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 24%;
	}

	.diksi_appst{
	   position: absolute;
	    left: 7.5%;
        width: 20%;
    	height: 5%;
	    bottom: 13.5%;
	}

	.diksi_gplay{
		position: absolute;
	    left: 29%;
        width: 20%;
    	height: 5%;
	    bottom: 13.5%;
	}

	.tui{
		position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 28%;
	}

	.ezchoice{
		position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 18%;
	}

	.cmaker{
		position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;;
	    bottom: 24%;
	}

	.legalark{
		position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 25%;
	}

	.projecthouse{
	    position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 26%;
	}

	.fixbi{
	    position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 25%;
	}

	.guidex{
	    position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 26%;
	}

	.frontliner{
	    position: absolute;
	    left: 11%;
        width: 29%;
    	height: 5%;
	    bottom: 26%;
	}

	.img_block{
		margin-bottom: 5px;
	}
}