body {background: #1884e4; overflow: hidden; width:100%; height:600px; background: url(../img/pattern.svg)  #1884e4;}
body::after {background: url(../img/ticket.svg) no-repeat; width:200px; height:225px; margin:0 auto; margin-top:100px;}

/*[[[[[[[[[[[[[[ HEADER ]]]]]]]]]]]]]]*/
.header {margin:0 auto;min-width: 320px;}
.header p {font-size: 1.5rem; font-weight: 500; color:#fff; position: absolute; top:40px; left:50%; transform: translateX(-50%);}
.header p::first-letter{color:#1985e5;}
.header p::before{content: 'E'; display: inline-block; width:34px; height:34px; border-radius: 50px; color:#1985e5; font-weight: 500; background: #fbd556; text-align: right;}

/*[[[[[[[[[[[[[[ SECTION2 ]]]]]]]]]]]]]]*/
.section2 {padding:0 10px;}
.sign_wrap {position: absolute; top:110px; left:50%; transform: translate(-50%); display: block;}
.sign_wrap .sign_box {width:360px; height:490px; background:#fff; margin:0 auto; background-size: cover; box-shadow:5px rgba(10,100,185,0.5)}
.sign_box .pad30 {text-align: center; padding:30px 30px 0 30px;}
.sign_box input[type='text'], input[type='password'] {height:50px; border:none; border-bottom:2px solid #808c9b; margin-bottom: 15px; width:80%; color:#1b87e7; font-size:16px;}
.sign_box input[type='checkbox'] {width:20px; vertical-align: middle;}
.sign_box label {color:#808080; font-weight: 100; font-size: 0.8rem; margin-left:10px; vertical-align: middle;}
.sign_box a#SignIn {display:inline-block; border:none; border-bottom:2px solid #808c9b; border-radius:50px; font-weight:500; text-align:center; width:90%; padding:17px 0 15px 0; background:#1985e5; color:#fff; cursor:pointer; box-shadow:5px 5px 10px rgba(39, 125, 188, 0.5);}
.sign_box a#SignIn:hover {cursor:pointer; background:#0f6fcf; color:#fff;}

.sign_box .a-desktop a {color:#808080; font-size:16px; font-weight:700;}
.sign_box .a-desktop a:hover {cursor:pointer; color:#0f6fcf;}

.ticket {position:absolute; left:50%; top:570px; width:160px; transform:translateX(-50%);}