@charset "utf-8";
/* css reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label,  caption {word-break : normal;margin:0;padding:0;border:0;outline:0;font-size:14px;}
ol, ul {list-style:none}:focus {outline:none; }
table {border-collapse:collapse;border-spacing: 0}
caption, th, td { text-align: left; font-weight: normal}
strong {font-weight:600}
a{text-decoration:none;color:#404040;cursor:pointer;}
a:hover{text-decoration:underline;color:#FF3300}
h1{font-size:16px;font-weight:600;color:#666}
.left{float:left}
.right{float:right}
.clear{clear:both}


html,body{width: 100%;height: 100%;}
.loadwrap{width:100%;height:100%;background:#155fc9;position:absolute;z-index:19999}
#caseBlanche{height:1.5rem;width:1.5rem;float:left;position:absolute;z-index:99;left:0;right:0;top:-17%;bottom:0;margin:auto}
#caseBlanche #load{height:1.5rem;width:100%;color:#fff;font-family:calibri;text-align:center;position:absolute;font-size:2rem;line-height:.19rem;text-align:center;left: 6%;top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);}
#load i{height:100%;display:inline-block;width:100%;text-align:center}
#load i img{width:100%}
#test{height:5px;width:5px;position:absolute;background-color:#fff;border-radius:50%;top:0;left:50px}
#rond{height:1.5rem;width:1.5rem;border:1px solid #fff;border-radius:50%;position:absolute;animation:rond 2s infinite;-webkit-animation:rond 2s infinite}
.loading{width:100%;color:#fff;font-size:.2rem;position:absolute;top:1.605rem;text-align:center}
@keyframes rond{0%{transform:rotate(0deg)}
    100%{transform:rotate(360deg)}
}
@-webkit-keyframes rond{0%{-webkit-transform:rotate(0deg
)}
    100%{-webkit-transform:rotate(360deg)}
}

