﻿body{width:100%;height:100vh;background-color:#2aa2b0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:1.4em;overflow:hidden;}body a{color:#ccc;}body a:hover{color:#fff;text-decoration:none;}body .text{color:#ddd;margin-top:4px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-weight:lighter;}body .wg-backtext{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-weight:bolder;font-size:7em;opacity:.05;position:absolute;top:0;left:24px;}body .wg-backtext div{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;cursor:default;}body .wg-logo{position:absolute;top:64px;margin-left:48px;}body .wg-login-container{position:fixed;right:-3660px;width:380px;min-width:340px;height:100%;z-index:2;background-color:#292929;padding:24px;padding-top:128px;color:#aaa;}body .wg-login-container .wg-l{margin:0 auto;width:100%;margin-bottom:18px;}body .wg-login-container .wg-l.wg_l_1{font-weight:bold;}body .wg-login-container .wg-l.wg_l_4{line-height:36px;}body .wg-login-container .wg-l.wg_l_4 input{margin-right:12px;}body .wg-login-container .wg-l.wg_l_4>.wg_l_8{display:inline-block;vertical-align:middle;width:calc(50% - 6px);height:36px;text-align:left;}body .wg-login-container .wg-l.wg_l_4>.wg_l_9{display:inline-block;vertical-align:middle;width:calc(50% - 6px);height:36px;position:relative;top:12px;text-align:right;cursor:pointer;}body .wg-login-container .wg-l.wg_l_4>.wg_l_9:hover{color:#fff;}body .wg-login-container .wg-l>input{border-radius:6px;height:36px;margin:0;background-color:transparent;background:none;padding-left:6px;border:none;border-bottom:solid 1px #eee;color:#aaa;}body .wg-login-container .wg-l>input:focus{border-bottom-color:#2aa2b0;box-shadow:none;}body .wg-login-container .wg-l.wg_l_5 .wg-button{width:100%;height:42px;background-color:#29c7ca;color:#fff;text-align:center;line-height:42px;font-weight:bold;font-size:1.2em;margin-top:36px;border-radius:4px;cursor:pointer;}body .wg-login-container .wg-l.wg_l_5 .wg-button:hover{background-color:#33abad;}body .wg-login-container .wg-l.wg_l_6{margin-bottom:6px;margin-top:64px;}body .wg-login-container .wg-l.wg_l_7{font-size:.8em;cursor:pointer;}body .wg-login-container .wg-l.wg_l_7:hover{color:#fff;}body .wg-login-container .wg-l select{width:100%;height:32px;background-color:transparent;}body .wg-login-container .wg-l select option{background-color:transparent;background:none;}body .wg-login-container2{width:360px;margin:0 auto;}body .wg-login-container2 input{width:100%;margin-top:6px;background-color:transparent;border:none;border-bottom:solid 1px #aaa;padding-left:6px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;font-size:12px;outline:none;height:36px;}body .wg-login-container2 .wg_l_5 .btn{width:360px;height:36px;margin-top:18px;}body .wg-image-container{position:fixed;top:0;left:0;right:340px;bottom:0;z-index:1;}body .wg-image-container .coffe_cup{position:absolute;top:1280px;right:-160px;z-index:3;}body .wg-image-container .pencil{position:absolute;top:-256px;left:-32px;z-index:3;}body .wg-image-container .eraser{position:absolute;top:1356px;left:8px;z-index:3;}body .wg-image-container .usb{position:absolute;top:56px;right:-520px;z-index:3;}body .wg-image-container .handphone{position:absolute;bottom:-128px;left:-1280px;z-index:3;}body .wg-image-container .wg-brand{position:fixed;width:100%;top:356px;z-index:3;font-size:1.2em;color:#fff;text-align:center;}body .wg-image-container .wg-brand .title{font-size:1.8em;font-weight:bold;font-stretch:semi-condensed;}body .wg-image-container .wg-brand2{position:absolute;left:0;right:0;bottom:6px;z-index:3;font-size:.9em;color:#fff;font-stretch:extra-condensed;text-align:center;}body .wg-image-container .wg-brand2 .title{font-size:1.8em;font-weight:bold;font-stretch:semi-condensed;}body .wg-image-container .wg-brand2 .text{font-weight:lighter;color:#ddd;}@media screen and (max-width:780px){body .wg-login-container{width:100%;}}