html, body {
width: 100%;
height: 100%;
color: #000;
}
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
}
.p0 {
padding: 0;
}
.shedow-left {
background-image: url("../images/prelogin-new-design-shadow-l.png");
background-position: left center;
background-repeat: no-repeat;
bottom: -10px;
display: block;
left: -40px;
position: absolute;
top: 0;
width: 40px;
}
.shedow-right {
background-image: url("../images/prelogin-new-design-shadow-r.png");
background-position: right center;
background-repeat: no-repeat;
bottom: -10px;
display: block;
position: absolute;
right: -40px;
top: 0;
width: 40px;
}
.login-data {
position: absolute;
vertical-align: middle;
width: inherit;
}
.login-shadow a {
display: table-cell;
vertical-align: middle;
width: inherit;
}
.login-shadow {
height: inherit;
overflow: hidden;
text-align: center;
width: inherit;
}
.banner {
margin: 0 auto;
position: relative;
width: 400px;
background-color: #fff;
}
.c-desk {
}
.data {
background-color: #fff;
display: inline-block;
text-align: center;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 400px;
height: 600px;
margin: auto;
z-index: 11;
}
.data .link {
display: table-cell;
height: inherit;
vertical-align: middle;
width: inherit;
}
.data .link-data {
color: #000000;
cursor: pointer;
display: block;
font-size: 18px;
margin-top: 10px;
padding: 10px;
text-decoration: underline;
}
.data1 {
background-color: #000;
bottom: 0;
display: inline-block;
height: 200px;
left: 0;
margin: auto;
position: fixed;
top: 0;
width: 50%;
z-index: 1;
background-image: url("../images/c-desk-1.png");
background-size: cover;
cursor: pointer;
transition: all 0.5s ease-in-out 0s;
-webkit-transition:all 0.5s ease-in-out 0s;
-moz-transition:all 0.5s ease-in-out 0s;
-ms-transition:all 0.5s ease-in-out 0s;
-o-transition:all 0.5s ease-in-out 0s;
}
.data2 {
background-color: #000;
bottom: 0;
display: inline-block;
height: 200px;
right: 0;
margin: auto;
position: fixed;
top: 0;
width: 50%;
z-index: 1;
background-image: url("../images/p-desk1.png");
background-size: cover;
cursor: pointer;
transition: all 0.5s ease-in-out 0s;
-webkit-transition:all 0.5s ease-in-out 0s;
-moz-transition:all 0.5s ease-in-out 0s;
-ms-transition:all 0.5s ease-in-out 0s;
-o-transition:all 0.5s ease-in-out 0s;
background-position: right top;
}
.text strong {
display: block;
line-height: 15px;
}
.p-text strong {
display: block;
line-height: 15px;
}
.data1:hover, .data2:hover {
background-color: #82a63f;
}
.c-desk-data {
color: #ffffff;
padding: 52px 210px 52px 20px;
text-align: right;
width: 100%;
}
.text {
display: inline-block;
font-size: 26px;
letter-spacing: 1px;
margin-right: 10px;
margin-top: 22px;
text-transform: uppercase;
vertical-align: middle;
}
.p-desk-data {
color: #ffffff;
padding: 52px 0 52px 210px;
text-align: left;
width: 100%;
}
.p-text {
display: inline-block;
font-size: 26px;
letter-spacing: 1px;
margin-left: 10px;
margin-top: 22px;
text-transform: uppercase;
vertical-align: middle;
}
/*------------------------ Mobile View ---------------------------*/
@media (min-width:320px) and (max-width : 479px) {
.shedow-right, .shedow-left {
display: none;
}
/*.data { height: auto; padding: 10px; position: static; width: 100%;}*/
.data {
bottom: -140%;
height: 135px;
padding: 10px;
position: absolute;
width: 100%;
}
.data .link {
display: block;
}
.data1, .data2 {
margin-bottom: 3px;
height: auto;
position: static;
width: 100%;
}
.p-desk-data, .c-desk-data {
padding: 50px 20px;
width: 100%;
}
.p-text, .text {
font-size: 21px;
}
}
@media (min-width:360px) and (max-width : 479px) {
.shedow-right, .shedow-left {
display: none;
}
.data {
bottom: -140%;
height: 135px;
padding: 10px;
position: absolute;
width: 100%;
}
.data .link {
display: block;
}
/*.data { height: auto; padding: 10px; position: static; width: 100%;}*/
.data1, .data2 {
margin-bottom: 3px;
height: auto;
position: static;
width: 100%;
}
.p-desk-data, .c-desk-data {
padding: 50px 20px;
width: 100%;
}
.p-text, .text {
font-size: 21px;
}
}
@media (min-width:480px) and (max-width : 639px) {
.shedow-right, .shedow-left {
display: none;
}
.data .link {
display: block;
}
.data {
bottom: -140%;
height: 135px;
padding: 10px;
position: absolute;
width: 100%;
}
/*.data { height: auto; padding: 10px; position: static; width: 100%;}*/
.data1, .data2 {
margin-bottom: 3px;
height: auto;
position: static;
width: 100%;
}
.p-desk-data, .c-desk-data {
padding: 50px 60px;
width: 100%;
}
.p-text, .text {
font-size: 30px;
}
}
@media (min-width:640px) and (max-width : 760px) {
.shedow-right, .shedow-left {
display: none;
}
.data .link {
display: block;
}
.data {
bottom: -140%;
height: 135px;
padding: 10px;
position: absolute;
width: 100%;
}
/*.data { height: auto; padding: 10px; position: static; width: 100%;}*/
.data1, .data2 {
margin-bottom: 3px;
height: auto;
position: static;
width: 100%;
}
.p-desk-data, .c-desk-data {
padding: 50px 135px;
width: 100%;
}
.p-text, .text {
font-size: 30px;
}
}
@media (min-width:641px) and (max-width : 959px) {
.data {
width: 295px;
}
.c-desk-data {
padding: 60px 150px 60px 0;
}
.p-desk-data {
padding: 60px 10px 60px 150px;
width: auto;
}
.text, .p-text {
font-size: 25px;
}
.c-desk-data img, .p-desk-data img {
display: none;
}
}
@media (min-width:960px) and (max-width : 1024px) {
.data {
width: 295px;
}
.c-desk-data {
padding: 60px 155px 52px 0;
}
.p-desk-data {
padding:60px 10px 52px 155px;
width: auto;
}
.text, .p-text {
font-size: 26px;
}
}
@media (min-width:1279px) and (max-width : 1280px) {
.data {
width: 295px;
}
.c-desk-data {
padding: 60px 155px 52px 0;
}
.p-desk-data {
padding:60px 10px 52px 155px;
width: auto;
}
.text, .p-text {
font-size: 32px;
}
}
@media (min-width:1024px) and (max-width : 1279px) {
}
@media (min-width : 1280px) {
}
.register {
position: absolute;
top: 381px;
z-index: 999985;
margin-left: 236px !important;
}
.register a {
background-color: #6ead15;
padding: 8px 10px;
color: white;
text-decoration: none;
}
.register1 {
position: absolute;
top: 381px;
z-index: 999985;
margin-left: 900px;
}
.register1 a {
background-color: #6ead15;
padding: 8px 10px;
color: white;
text-decoration: none;
}
.register1 a:hover {
background-color: #1e4a9d;
padding: 8px 10px;
color: white;
}
.register a:hover {
background-color: #1e4a9d;
padding: 8px 10px;
color: white;
}
.cp-widget-button {display:inline-block;position:fixed;bottom:23%;right:1%;z-index:999999}
.cp-widget-button__inner {animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}
.cp-widget-button__inner {height:64px;width:64px;line-height:64px;border-radius:50%;text-align:center;cursor:pointer}
.cp-widget-button__inner img {margin:0 auto}@keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px);}}@-webkit-keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px)}}
.cp-widget-button1 {display:inline-block;position:fixed;bottom:12%;right:1%;z-index:999999}
.cp-widget-button__inner1 {animation:bounce 1s infinite alternate;-webkit-animation:bounce 1s infinite alternate}
.cp-widget-button__inner1 {height:64px;width:64px;line-height:64px;border-radius:50%;text-align:center;cursor:pointer}
.cp-widget-button__inner1 img {margin:0 auto}@keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px);}}@-webkit-keyframes bounce {from {transform:translateY(0)}to {transform:translateY(-15px)}}
@media (min-width: 320px) and (max-width: 600px) {
.register {
top: 152px;
z-index: 999985;
margin-left: 145px !important;
bottom: 0px;
}
.register1 {
top: 343px;
z-index: 999985;
margin-left: 61px;
bottom: 0px;
}
}
@media (min-width : 1200px) {
.register {
position: absolute;
top: 381px;
z-index: 999985;
margin-left: 300px;
}
.register1 {
position: absolute;
top: 381px;
z-index: 999985;
margin-left: 900px;
}
}
@media (min-width : 1500px) {
.register {
position: absolute !important;
top: 530px !important;
z-index: 999985;
margin-left: 499px !important;
}
.register1 {
position: absolute!important;
top: 540px !important;
z-index: 999985!important;
margin-left: 1192px!important;
}
}
@media (min-width :720px) {
.register {
position: absolute;
top: 381px;
z-index: 999985;
margin-left: 145px !important;
}
}