@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; }
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/back.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:url(../images/temp/black10.png);border:solid 1px #444;color:#aaa;	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:url(../images/temp/black30.png);padding:0px 10px 0px 10px;border:solid 1px #333;color:#999;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:#0066CC;color:#fff; }
.TBS:hover { background:#333; }

::-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/lines.png) 90% 0px no-repeat;top:0px;bottom:0px;left:0px;right:0px; }
.BoxFrame img { display:none;width:100%;height:auto;max-width:480px;margin:0px auto; }
.LoginBox { width:360px;height:auto;background-image:url(../images/temp/white10.png);margin:120px auto 0px auto;border:solid 3px #555;padding:20px 20px 20px 20px; }
.LoginBox div { line-height:60px;color:#999;font-size:12px; }
.LoginBox p { text-align:center;margin:0px;padding:0;line-height:40px;font-size:20px;color:#aaa; }
.LoginBox span { display:block;margin:0px;padding:0;line-height:20px;font-size:13px;color:#aaa; }
.LoginBox .ReMe { opacity:0.5;margin-top:2px;float:left; }
.LoginBox a { color:#999;text-decoration:none;font-size:13px; }
.LoginBox a:hover { color:#0086ff; }

.FooterShare { position:fixed;height:60px;left:0px;right:0px;bottom:60px; }
.FooterBox { position:fixed;background-color:#111;height:60px;left:0px;right:0px;bottom:0px;color:#838383;font-size:13px; }
.FooterBox a { color:#838383;font-size:13px;text-decoration:none; }
.FooterBox a:hover { color:#0086ff; }
.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 10px 0px 10px; }

.ShareBox { display:table;margin:0px auto; }
.FB, .TW, .GP, .YT { float:left;display:block;width:30px;height:30px;margin:0px 20px 0px 20px;background:#555;color:#333 !important;text-align:center;line-height:32px !important;font-size:18px !important;-moz-border-radius: 15px;-khtml-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;text-decoration:none; }
.ShareBox a:hover { background:#0066CC; }

.ErrorStyle { font-size:13px !important;line-height:36px !important;color:#E92C3E !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; }




}