@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway:100');

/*< Reset > */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, b, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0;	outline: 0;	padding: 0;	vertical-align: baseline;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox { -webkit-appearance: none; border-radius: 0; }
body { 	line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
/* </ Reset >  */

body { color:#fff;font-size:13px;margin:0px;background-color:#161616;background-image:url(../images/basic/background.jpg);padding:0px;font-family: 'Open Sans', sans-serif;background-attachment:fixed;background-position:center center;background-repeat:no-repeat;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;  }

/*
body div { border:solid 1px silver; }
*/


.FL { float:left; }
.FR { float:right; }

.TBS, .DDS
{ -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	}

.RALL
{ -moz-border-radius: 10px;-khtml-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }
.RALL5, .TBS, .BTN
{ -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
.RALL3
{ -moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; }

.SHADOW, .LoginBox
{ -webkit-box-shadow: #ccc 2px 2px 3px;-moz-box-shadow: #ccc 2px 2px 3px;-IE6-box-shadow: #ccc 2px 2px 3px;box-shadow: #333 0px 0px 10px; }

.BTN
{ font-size:14px; background:rgba(0,0,0,0.6);border:solid 1px #666;color:#ED1B24;	padding:0px 30px 0px 30px;	line-height:40px;	font-family: 'Source Sans Pro', sans-serif;	cursor:pointer;display:block;margin:20px auto 0px auto; }
.TBS
{ background:rgba(0,0,0,0.6);padding:0px 10px 0px 10px;border:solid 1px #666;color:#eee;line-height:36px;font-size:13px;font-family: 'Source Sans Pro', sans-serif;	margin:0px;width:100%;  }
.DDS 
{ background-color:#F6F6F6;padding:4px 10px 5px 10px;border:solid 1px #DDD;color:#333;line-height:26px;font-size:13px;font-family: 'Source Sans Pro', sans-serif;	margin:0px;  }

input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0px 9999px  #3C3C3C;-webkit-text-fill-color: #999;}

.BTN:hover { background:#ED1B24;color:#fff; }
.TBS:hover { background:rgba(0,0,0,0.9); }

::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track  { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  }
::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(221,221,221,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
::-webkit-scrollbar-thumb:window-inactive { background: rgba(221,221,221,0.4); }


.BoxFrame { position:fixed;background:url(../images/basic/logo.png) 3% 10px no-repeat;top:0px;bottom:0px;left:0px;right:0px; }
.BoxFrame img { display:none;width:100%;height:auto;max-width:300px;margin:0px auto 10px auto; }
.LoginBox { width:400px;height:auto;background:rgba(0,0,0,0.7);margin:140px auto 0px auto;border:solid 1px #000;padding:20px 20px 20px 20px;border-top:3px solid #ED1B24; }
.LoginBox div { line-height:60px;color:#eee;font-size:12px; }
.LoginBox p { text-align:center;margin:0px;padding:0;line-height:40px;font-size:20px;color:#eee; }
.LoginBox span { display:block;margin:0px;padding:0;line-height:20px;font-size:13px;color:#bbb; }
.LoginBox .ReMe { opacity:0.6;margin-top:2px;float:left; }
.LoginBox a { color:#bbb;text-decoration:none;font-size:13px; }
.LoginBox a:hover { color:#ED1B24; }

.FooterShare { position:fixed;height:60px;left:0px;right:0px;bottom:60px; }
.FooterBox { position:fixed;background:rgba(0,0,0,0.7);height:40px;left:0px;right:0px;bottom:0px;color:#bbb;font-size:13px;border-top:1px solid #000; }
.FooterBox a { color:#bbb;font-size:13px;text-decoration:none; }
.FooterBox a:hover { color:#ED1B24; }
.FooterLeft { float:left;padding:12px 0px 0 10px; }
.FooterLeft span { display:block;font-size:12px;color:#666;padding-left:10px; }
.FooterLeft span a { font-size:12px;color:#666; }
.FooterRight { float:right;padding:10px 20px 0 0;text-align:right;line-height:20px;font-size:13px; }
.FooterRight span { display:block;font-size:14px;font-weight:bold; }
.FooterRight a { font-size:13px; }
.MenuLeft { line-height:14px;padding:0 0 10px 0px; }
.MenuLeft a { padding:0px 5px 0px 5px; }

.ShareBox { display:table;margin:0px auto; }
.FB, .TW, .GP, .YT { float:left;display:block;width:40px;height:40px;margin:0px 20px 0px 20px;background:rgba(0,0,0,0.5);color:#fff !important;text-align:center;line-height:40px !important;font-size:20px !important;-moz-border-radius: 20px;-khtml-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;text-decoration:none; }
.ShareBox a:hover { background:#fff;color:#ED1B24 !important; }

.ErrorStyle { font-size:13px !important;line-height:36px !important;color:#eee !important; }
.LinkStyle { font-size:13px !important;line-height:36px !important; }

.ALL500, .BTN, .BTN:hover, .TBS, .ShareBox a, .ShareBox a:hover 
{
	-webkit-transition: all 500ms ease;  
	-moz-transition: all 500ms ease;  
	-o-transition: all 500ms ease;  
	-ms-transition: all 500ms ease;  
	transition: all 500ms ease;
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)
{

 .BoxFrame { background-image:none;padding:20px;position:static;width:100%;display:table;margin:0px;top:auto;left:auto;right:auto;bottom:auto; }
 .BoxFrame img { display:block; }
 .LoginBox { margin:0px auto;width:100%;max-width:360px; }
 .FooterShare { position:static;padding:20px 0px 100px 0px;  }
 .FooterShare a { margin:0px 10px;  }
 .FooterBox span { display:none; }
 .FooterRight { display:none; }
 .FooterBox { height:40px; }
}