@charset "utf-8";

/* ********************************************************************* */
/* CSS HTML BODY ------------------------------------------------------- */
/* ********************************************************************* */
@media screen and (min-width:1366px) {
html,body { width:100%; height:100vh; background:#1d1d1d url('bg.jpg')no-repeat bottom center; background-size:100%; position:relative; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
html,body { width:100%; height:100vh; background:#1d1d1d url('bg.jpg')no-repeat bottom center; background-size:100%; position:relative; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
html,body { width:100%; height:100vh; background:#1d1d1d url('bg.jpg')no-repeat bottom center; background-size:100%; position:relative; }
}
@media screen and (max-width:600px) {
html,body { width:100%; height:100vh; background:#1d1d1d url('bg.jpg')no-repeat bottom center; background-size:100%; position:relative; }
}

/* ********************************************************************* */
/* CSS FORMAT ---------------------------------------------------------- */
/* ********************************************************************* */
*{ margin:0; padding:0; }

@media screen and (min-width:1366px) {
.icon001 { width:82px; position:absolute; left:28px; top:28px;    }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.icon001 { width:82px; position:absolute; left:28px; top:28px;    }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
.icon001 { width:82px; position:absolute; left:28px; top:28px;    }
}
@media screen and (max-width:600px) {
.icon001 { width:82px; position:absolute; left:28px; top:28px;    }
}

@media screen and (min-width:1366px) {
.icon002 { width:99px; position:absolute; right:28px; top:28px;   }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.icon002 { width:99px; position:absolute; right:28px; top:28px;   }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
.icon002 { width:99px; position:absolute; left:50%; bottom:48px; margin:0px 0px 0px -50px; }
}
@media screen and (max-width:600px) {
.icon002 { width:99px; position:absolute; left:50%; bottom:48px; margin:0px 0px 0px -50px; }
}

@media screen and (min-width:1366px) {
.soon { width:380px; position:absolute; left:28px; bottom:28px;   }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.soon { width:380px; position:absolute; left:28px; bottom:28px;   }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
.soon { width:380px; position:absolute; left:50%; top:48px; margin:0px 0px 0px -190px; }
}
@media screen and (max-width:600px) {
.soon { width:320px; position:absolute; left:50%; top:88px; margin:0px 0px 0px -160px; }
}


@media screen and (min-width:1366px) {
.alert { width:160px; height:160px; display:block; position:absolute; right:28px; bottom:28px; text-decoration:none; outline:none; }
.alert img { width:160px; height:160px; float:left; }
}
@media screen and (min-width:1024px) and (max-width:1365px) {
.alert { width:160px; height:160px; display:block; position:absolute; right:28px; bottom:28px; text-decoration:none; outline:none; }
.alert img { width:160px; height:160px; float:left; }
}
@media screen and (min-width:601px) and  (max-width:1023px) {
.alert { width:160px; height:160px; display:block; position:absolute; left:50%; top:50%; margin:-40px 0px 0px -80px; text-decoration:none; outline:none; }
.alert img { width:160px; height:160px; float:left; }
}
@media screen and (max-width:600px) {
.alert { width:200px; height:200px; display:block; position:absolute; left:50%; top:50%; margin:-100px 0px 0px -100px; text-decoration:none; outline:none; }
.alert img { width:200px; height:200px; float:left; }
}