* { position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; text-rendering: optimizeLegibility; font-smooth: always; }

body { line-height: normal; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ' '; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img { display: block; }


main,
header,
nav,
section,
footer,
aside { display: block; }

.separator { font-size: 0; height: 0; clear: both; }

input, textarea, select { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }



#mediaQuerySign { height: 0px !important; }

/* SMARTPHONE */
@media all and (max-width: 700px) {
    #mediaQuerySign { width: 400px; }
}

/* TABLET PORTRAIT */
@media all and (min-width: 701px) and (max-width: 1023px) {
    #mediaQuerySign { width: 768px; }
}

/* TABLET LANDSCAPE */
@media all and (min-width: 1024px) and (max-width: 1200px) {
    #mediaQuerySign { width: 1024px; }
}

/* DESKTOP XS */
@media all and (min-width: 1201px) and (max-width: 1300px) {
    #mediaQuerySign { width: 1280px; }
}

/* DESKTOP S */
@media all and (min-width: 1301px) and (max-width: 1400px) {
    #mediaQuerySign { width: 1366px; }
}

/* DESKTOP M */
@media all and (min-width: 1401px) and (max-width: 1500px) {
    #mediaQuerySign { width: 1440px; }
}

/* DESKTOP L */
@media all and (min-width: 1501px) {
    #mediaQuerySign { width: 1600px; }
}

.PopupContainer { display: none; height: 100%; position: fixed; z-index: 100; width: 100%; }
.PopupBG { background-color: rgba(0,0,0,.5); position: fixed; height: 100%; left: 0; top: 0; width: 100%; }
.PopupClose { cursor: pointer; margin-left: 353px; z-index: 500; position: absolute; left: 50%; top: 50%; margin-top: -280px; }
.PopupContainerIN { margin-left: -400px; }
.PopupContainerIN { height: 600px; left: 50%; margin-top: -300px; top: 50%; width: 800px; position: absolute; }
.PopM { display: none; }
.PopWeb { display: block; }
.ui-mobile .PopWeb { display: none; }
.ui-mobile .PopM { display: block; }
.ui-mobile .PopupContainerIN { height: 347px; margin-top: -174px; top: 50%; position: absolute; left: 18px; margin-left: 0; width: 338px; }
.PopM { width: 100%; }
.ui-mobile .PopupClose { cursor: pointer; margin-left: 353px; z-index: 500; position: absolute; right: 35px; top: 50%; left: auto; margin-top: -162px; }