/* CSS Document */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-u6udwt');
	src:url('../fonts/icomoon.eot?#iefix-u6udwt') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-u6udwt') format('woff'),
		url('../fonts/icomoon.ttf?-u6udwt') format('truetype'),
		url('../fonts/icomoon.svg?-u6udwt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-play3:before {
	content: "\e689";
}
.icon-play3{ font-size:20px;}
.icon-pause2:before {
	content: "\e68a";
}
.icon-pen:before{content: "\e603";}
.icon-pen{ color:#CC0000;}
.icon-close{ color:#CC0000;}
.icon-close:before{content: "\e67e";}
.icon-checkmark:before{content: "\e67f";}
.icon-clz:before{content: "\e67e";}
.icon-clz{ position:absolute; top:-4px; right:-4px; color:red; background:; padding:0 5px; border-rasius:3px;} 
.icon-clz:hover{ color:#900;}
{ margin: 0; padding: 0; outline: 0; }
body,html{ min-height:100%; margin:0; padding:0; position:relative;}
body{ 
min-width:100%; 
margin:0; 
padding:0;
background:#fff;
font-size:14px;
font-family: 'Noto Serif', serif;
color:#1c2a3a;
}
a {
color: #036;
border:none; 
text-decoration:none;
/*opacity:1;*/
-webkit-transition: all 280ms ease-in-out;
-moz-transition: all 280ms ease-in-out;
-o-transition: all 280ms ease-in-out;
transition: all 280ms ease-in-out;
}
a:hover{text-decoration:none;}
a img, img a{ border:none;}
h1,h2,h3,h4,h5{font-family: 'Noto Serif', serif;padding:0; margin:0;}
strong{ font-weight:800;}
.clr{ clear:both;}
.pad{
padding:10px;
}
.pad5{padding:5px;}
.padside{
padding:0 10px;
}
#container{ position:relative; margin:0 auto; width:960px;height:100%;}
#shs{height:87%;position:relative;background:url(../images/bg.png) no-repeat 10% 40% fixed;}
.hfoot{position:absolute; font-size:90%; bottom:10px; padding:20px 0; border-top:1px solid #ddd; width:100%; left:0;}
#header{ padding:10px; margin:0 auto; border-bottom:1px solid #ddd; position:relative;}
.logo{ display:inline-block; float:left;}
.logo img{ height:60px;}
.logo img a{ border:none; background:none;}
#nav{ padding:0 10px; text-align:center; position:relative; border-top:1px solid #666; border-bottom:1px solid #666;}
#nav ul{ display:inline-block; margin:0; padding:0; list-style-type:none;}
#nav ul li{ display:inline-block; position:relative;}
#nav ul li a{ display:block; color:#333; padding:10px 25px; text-decoration:none; text-transform:uppercase;}
#nav ul li a.glow{ background:#F30; color:#fff;}
#nav ul li a:hover{ background:#333; color:#fff;}

#nav ul li ul {
  padding: 0;
  position: absolute;
  
  top:100%; z-index:9999;
  left: 0; height:auto;
  width:100%; color:#fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0; color:#fff;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}


#nav ul li ul li { 
  display:inline-block;
  width:100%;
  float:left;
  clear:both;
  
}
#nav ul li ul li a { color:#fff;
  
}
#nav li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#logger{
width:280px;
min-height:350px;
max-height:350px; 
margin: auto;
position: fixed;
top: 0; bottom: 0; right:20px;
}
#hlogger{

background:#fff; 
color:#000; 
border-radius:2px;
margin: auto;
  z-index:9999999; 
 box-shadow:1px 0px 7px #666; 
}
.cright{ position:absolute;margin:0 auto; bottom:0px; width:100%; background:#fff;} 
input[type="text"].hl{background:#eee; border:1px solid #ddd; color:#000;  padding:8px 20px;  font-family: 'Noto Serif', serif; border-radius:2px; font-size:14px; width:100%; box-sizing:border-box; margin:3px 0;}
input[type="password"].hl{background:#eee; border:1px solid #ddd; color:#000;  padding:8px 20px;  font-family: 'Noto Serif', serif; border-radius:2px; font-size:14px; width:100%; box-sizing:border-box; margin:3px 0;}
input[type="submit"].hls{
background:#021d3e; background: -webkit-linear-gradient(top, #012e63, #021d3e);
background: -moz-linear-gradient(top, #012e63, #021d3e);
background: -ms-linear-gradient(top, #012e63, #021d3e);
background: -o-linear-gradient(top, #012e63, #021d3e);
background: linear-gradient(top, #012e63, #021d3e);border:1px solid #333; color:#fff;  padding:7px 20px; cursor:pointer; font-family: 'Noto Serif', serif; border-radius:2px; font-size:16px; text-transform:uppercase; display:block; width:100%; box-sizing:border-box; text-shadow:1px 1px 1px #111;}
input[type="submit"].hls:hover{ background:#22313F; border:1px solid #111; text-shadow:1px 1px 1px #111;}
input[type="checkbox"].hlc{ margin-right:10px;}

#stage input[type="text"],input[type="password"] {padding:5px; border:1px solid #ddd;font-size:14px;margin:4px 0; width:50%; background:#eee; border-radius:3px;}
#stage input[type="text"].short{ width:auto;}
#stage input[type="text"].small{ width:auto;}


input[type="text"],input[type="password"] {padding:5px; border:1px solid #ddd;font-size:14px;margin:4px 0; background:#eee; border-radius:3px;}
textarea{padding:5px; border:1px solid #ddd;font-size:18px; margin:4px; width:90%; }
label{ margin:4px; padding:10px 0;}
input[type="text"].answer{ width:auto; font-size:13px;padding:2px 5px; min-width:30px; }
input[type="text"].small{ width:auto; font-size:13px;padding:2px 5px;  min-width:30px; }
input[type="text"].hsearch{ width:auto; font-size:14px;padding:2px 10px;  background:#fff;}
input[type="file"]{ margin:2px 0;}
textarea{border:1px solid #ddd;font-size:18px; display:block; min-height:120px;width:98%; }
input[type="text"].qlog{ width:auto; font-size:12px;  margin:4px; padding:3px; float:left;  }
input[type="password"].qlog{ width:auto; font-size:12px;  margin:4px; padding:3px; float:left;  }
input[type="submit"].qsub{ width:auto; font-size:12px;  margin:4px; padding:3px; float:left;  }
input[type="submit"].qsubs{ width:auto; font-size:12px;  margin:4px 2px; padding:2px 20px; float:none;   }
input[type="text"].hdr{ visibility:hidden; display:none; padding:0; margin:0; width:auto; }
input[type="submit"],input[type="button"]{
cursor: pointer; 
width:auto; 
color:#fff;  
padding:6px 20px; 
border-radius:3px; 
font-size:17px; 
font-family: 'Noto Serif', serif;
background:#021d3e;
background: -webkit-linear-gradient(top, #012e63, #021d3e);
background: -moz-linear-gradient(top, #012e63, #021d3e);
background: -ms-linear-gradient(top, #012e63, #021d3e);
background: -o-linear-gradient(top, #012e63, #021d3e);
background: linear-gradient(top, #012e63, #021d3e);  
border: 1px solid #999999;}
input[type="submit"]:hover {
background:#021d3e;
background: -webkit-linear-gradient(top, #021d3e, #012e63);
background: -moz-linear-gradient(top, #021d3e, #012e63);
background: -ms-linear-gradient(top, #021d3e, #012e63);
background: -o-linear-gradient(top, #021d3e, #012e63);
background: linear-gradient(top, #021d3e, #012e63);  
border: 1px solid #bbb;}
select{
    -moz-appearance: none; border:1px solid #ddd;
    text-indent: 0.01px;  margin:6px 0;
    text-overflow: ''; padding:5px 20px;
	background-color:#eee; 
	background-image: url(../images/drop2.png); 
	background-repeat:no-repeat;
	background-position:97% center;  
	font-family: 'Noto Serif', serif; -moz-appearance: none;
	font-size:14px; display:inline-block; 
	border-radius:3px;  
	font-weight:300;-webkit-appearance: none; 
	min-width:;
	clear:none;
	
	cursor:pointer;
}
select.br{ margin:7px; float:right; padding:5px;border-radius:1px; }
label{ text-align:left;}
label.rem{ display:block; margin:2px 0; float:left; cursor:pointer;}
clr{ clear:both;}
.pad10{ padding:10px;}
.pad20{ padding:20px;}
h1,h2,h3,h4{font-family: 'Noto Serif', serif;
	font-weight: 700;
	text-rendering: optimizelegibility;
	line-height: 1;}
h2.pz{ margin-bottom:20px; border-bottom:1px solid #ddd;  font-weight:500}
.hder{display:block; color:#fff; font-weight:700;background:#006699; text-shadow:1px 1px 1px #111;  border-radius:5px 5px 0 0; font-size:100%; }
.her{color:#fff; font-weight:800; text-shadow:1px 1px 1px #111;  padding:10px; text-align:center;  border-radius:2px 2px 0 0; 
background:#021d3e; background: -webkit-linear-gradient(top, #012e63, #021d3e);
background: -moz-linear-gradient(top, #012e63, #021d3e);
background: -ms-linear-gradient(top, #012e63, #021d3e);
background: -o-linear-gradient(top, #012e63, #021d3e);
background: linear-gradient(top, #012e63, #021d3e); 
}
.her2{color:#fff; font-weight:800; font-size:100%; background:#006699; text-shadow:1px 1px 1px #111;  padding:10px; text-align:center; }  
.hder a{ display:block; float:right; background: #0099CC;padding:5px 15px; color:#fff; border-right:1px solid #2574A9; }
.hder a.cur{ background:#1E8BC3;}
.hder a:hover{ background:#2574A9;} 
a.facebook{width:100%; padding:10px 0px; font-family: 'Noto Serif', serif; font-size:16px; display:inline-block; border-radius:3px; margin:5px 0 5px 0; background:#003399 url(../images/fb-icon.png) 15px no-repeat; text-shadow:1px 1px 1px #111; color:#fff;}
a.facebook:hover{ background-color:#003366;}
a.twitter{ width:100%; padding:10px 0px; font-family: 'Noto Serif', serif; font-size:16px; display:inline-block; border-radius:3px; margin:5px 0 5px 0; background: #66CCFF url(../images/tw-icon.png) 15px  no-repeat; text-shadow:1px 1px 1px #111; color:#fff;}
a.twitter:hover{ background-color: #0099CC;} 
.bread{ padding:0 0 20px 0; font-size:80%; font-weight:600;}

.pad{ padding:10px;}
.px{ padding:5px;}
.pax{ padding:0 10px;}


#fnav{ padding:0 10px; text-align:center; position:relative; margin:20px 0;}
#fnav ul{ display:inline-block; margin:0; padding:0; list-style-type:none;}
#fnav ul li{ display:inline-block;}
#fnav ul li a{ display:block; color:#eee; padding:10px 25px; text-decoration:none; text-transform:uppercase;}
#fnav ul li a:hover{ text-decoration:underline;}

#lfa{ display:block;}
#lfa a{ text-align:center;display:block;  margin:10px 2px; padding:15px 10px; border-radius:3px; }
#lfa a.ds{
background:#09C; 
color:#fff;
}
#lfa a.ds:hover{ 
background: #03C;
}
#lfa a.ll{ background: #F00; color:#fff;}
#lfa a.ll:hover{ background:#333;}
#gslide{ height:150px; overflow:hidden;}
#mslide{ margin:20px 0;}
#intro{ position:relative;}
#about{ display:inline-block; width:50%; float:left;}
#book{ display:inline-block; width:50%; float:left;}
.chn{ padding:6px; width:100%; box-sizing:border-box;font-family: 'Noto Serif', serif;}
.chi{ float:left; width:50%; padding:2px 5px; box-sizing:border-box; }
.chx{ width:100%; padding:2px 5px; box-sizing:border-box; }
label{ padding:5px 0; font-weight:800;}
.Abook{ padding:6px 20px; display:block; color:#fff; width:100%; border-radius:2px; box-sizing:border-box; text-align:center; background:#222; cursor:pointer; border:none; margin:2px 0;}
.Abook:hover{ background:#05a6a8; color:#fff; text-decoration:none;}
.pos{ background:#006442; color:#fff; padding:6px; border:1px solid #507e80; border-radius:2px; width:100%; box-sizing:border-box;}
.neg{ background:#fb4a20; color:#000; padding:6px; border:1px solid #761802; border-radius:2px; width:100%; box-sizing:border-box;}
.shbook{ padding:5px 10px; border-radius:2px; border:1px solid #094c6e;  background:#036ba1; color:#fff;}
.shbook:hover{ background:#2ba0dc; color:#fff;}
.head{ display: block; text-align:center; margin:0 auto;}
.head h1{ text-align:center; color:#111; font-weight:800; padding:20px;}
#line{ width:90%; margin:30px auto;}



#footer{ background:; border-top:1px solid #ddd; color:#111; padding:30px; margin-top:30px; text-align:center;}
.copyright{ margin:0 auto; text-align:center; color:#111;}
.copyright span{ clear:both; display:block; padding-top:20px; font-size:95%;}
.lghead{ padding:10px; text-align:center; background:#111; color:#fff; font-weight:800; border-radius:3px 3px 0 0;}
#page{ min-height:400px; position:relative;}
#page2{ min-height:300px; position:relative;}
.logtab{ position:absolute; background:#ddd; border-radius:3px; right:0; top:0; left:0; bottom:0; margin:auto; width:300px; height:300px;}
ul#dpanel{ display:block;  width:auto;  position:absolute; padding:0; right:0; bottom:-10px; list-style-type:none;}
ul#dpanel li{ display:inline-block; float:right; margin:0; padding:0; min-width:20%; position:relative;  text-align:center;}
ul#dpanel li a{ display:block; padding:0px 15px;  font-weight:700;}
ul#dpanel li:last-child a{   border-radius:0 3px 3px 0;}
ul#dpanel li:first-child a{   border-radius:3px 0 0 3px;}
ul#dpanel li a:hover{ text-decoration:overline;}
ul#dpanel li a.ll:after { content:" +";}
ul#dpanel li ul {
  padding: 0;
  position: absolute;
  
  top:100%; z-index:9999;
  left: 0; height:auto;
  width:100%; color:#fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0; color:#fff;
  background:#fff; border:1px solid #ddd;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

ul#dpanel li ul:hover {}

ul#dpanel li ul li { 
  display:inline-block;
  padding:5px 0;
  width:100%;
  float:left;
  clear:both;
  
}
ul#dpanel li ul li a:hover{ text-decoration:none;}
ul#dpanel li ul li:hover { background:#eee; }
ul#dpanel li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}
.dr{ padding:0;}
table{ border-collapse:collapse; border:1px solid #ddd;}
tr{ border-bottom:1px solid #ddd;}
tr:hover{background:#fafafa;}
tr:nth-of-type(2n) {}
th{ padding:8px; background:#eee; font-weight:600;}
td{ padding:8px;}


.rom{ display:inline-block; text-align:center; float:left; width:25%; cursor:pointer; height:200px; position:relative; margin:20px 0;


}
.romcov{ position:absolute; top:0; right:0; width:100%; height:100%; background:#000; opacity:0.5; display:none;}


.iconner{
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;
z-index:99;
height:30px; text-align:center;
position:absolute;
display:none;
color:#fff;
width:100%;}
#view{
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;
z-index:9999999;
height:100%; text-align:center;
position:fixed;
display:none;
opacity:0.5;
background:#000;
width:100%;}
#cover{
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;
z-index:9999999;
height:100%; text-align:center;
position:fixed;
display:none;
opacity:0.9;
background:#000;
width:100%;}
#into {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
border:1px solid #000; border-radius:3px; position:fixed; z-index:99999999999;
height:60%; text-align:center; box-shadow:1px 2px 8px 6px #777;
width:50%; background:#fff; display:none; text-align:left;
}

#into img{ display:inline-block; max-width:99%; max-height:95%; }
#dip{ background:#fff; color:#111; height:400px; overflow:scroll;}

#upl{ width:100%; height:100%; background:;  z-index:999999999999; }
#into a.cls{ position:absolute; font-weight:900; padding:3px 10px; top:5px; right:5px; float:right; background:#000; color:#fff;z-index:999999999999;}
#into a.cls:hover{ background:#fff; color:#000;}

.right{ float:right;}
.left{ float:left;}
.r{ float:right;}
.l{ float:left;}

div.pagination {
	padding:0; margin:0; display:inline-block;
}

div.pagination a {
	display: inline-block;
	width:auto;
	font-size:12px;
	padding:1px 5px;
	border:1px solid #bbb;
	border-radius:2px;
	margin: 0px 1px;
	font-weight:700;
	text-decoration:none;
	color: #111;
	background: #fff;
	text-decoration: none; /* no underline */
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #aaa;
	background:#aaa;color: #fff;
	text-shadow:1px 1px 1px #111;
}
div.pagination span.current {
	padding:0px 5px;font-size:12px;
	border-radius:2px;
	border: 1px solid #333;
	background-color:#000;margin: 0px 1px;
	color: #fff;
	}
	div.pagination span.disabled {
		padding: 0px 5px;
		font-size:12px;
		border: 1px solid #bbb;
		background:#ccc;
	color: #777;
		display: inline-block;
	width:auto;
	margin: 0px 1px;
	font-weight:700;
	text-decoration: none; /* no underline */

	}
a.butte{display:block; text-align:center; background:#333; margin:5px 0; color:#fff; padding:6px 10px; border-radius:2px; box-sizing:border-box;}

.cpr{ display:inline-block; float:right; padding:10px 20px; border-radius:2px; background:#F00; color:#fff; margin:2px 0;}
.cpi{ display:inline-block; float:right; padding:10px 20px; border-radius:2px; background:#222; color:#fff; margin:2px 0;}
.cpr:hover{ background:#06F; color:#fff;}
#show{ padding:20px; text-align:center; background:#09C; display:none; color:#fff;}
a.cprt{ display:inline-block; float:right; padding:10px 20px; border-radius:2px; background: #093; color:#fff; margin:2px 0;}
ul#cbar{ display:block; text-align:center; margin:0;  padding:10px 0; list-style-type:none;}
ul#cbar li{ display:inline-block; width:20%; padding:0; float:left; margin:0; text-transform:uppercase; font-size:12px;}
ul#cbar li a{ 
display:block; 
margin:1px 0; 
color:#fff; 
padding:7px 10px;
background:#021d3e;
background: -webkit-linear-gradient(top, #012e63, #021d3e);
background: -moz-linear-gradient(top, #012e63, #021d3e);
background: -ms-linear-gradient(top, #012e63, #021d3e);
background: -o-linear-gradient(top, #012e63, #021d3e);
background: linear-gradient(top, #012e63, #021d3e);  
}
ul#cbar li:last-child a{   border-radius:0 3px 3px 0;}
ul#cbar li:first-child a{   border-radius:3px 0 0 3px;}
ul#cbar li a:hover, ul#cbar li a.active { background:#999; color:#000;}

ul#lbar{ display:block; text-align:center; margin:0;  padding: 0; list-style-type:none;}
ul#lbar li{ display:inline-block; width:100%; padding:0; float:left; margin:0; text-transform:uppercase; font-size:12px;}
ul#lbar li a{ display:block; margin:0; border-bottom:1px solid #09284b; background:#012e63; color:#fff; padding:5px 10px; }
ul#lbar li a:hover{ background:#eee; color:#000;}
#bord{ border:1px solid #ccc; margin:30px 0;}
.d80{ float:left; width:80%;}
.d20{ float:left; width:20%;}
#frm{ display:none;}
#lnh{ position:relative; border:1px solid #ddd; margin-bottom:20px; padding:10px 20px;}
.chv{ padding:6px; width:100%; font-size:16px; box-sizing:border-box;font-family: 'Noto Serif', serif; margin:2px 0; z-index:2; border:1px solid #333; border-radius:2px; display:block; clear:both;}
.chn{ padding:6px; width:100%; border:1px solid #333; margin:2px 0; box-sizing:border-box;font-family: 'Noto Serif', serif; clear:both; }
.chu{ padding:4px; width:52%; border:1px solid #aaa; margin:2px 0; box-sizing:border-box;font-family: 'Noto Serif', serif; float:left;  border-radius:2px;}
.svn, .pet, .svquess, .svopt, .svnps{ 
z-index:3;  
max-width:50%; 
padding:4px 16px; 
font-size:16px;  
margin:1px 0; 
background: -webkit-linear-gradient(top, #012e63, #021d3e);
background: -moz-linear-gradient(top, #012e63, #021d3e);
background: -ms-linear-gradient(top, #012e63, #021d3e);
background: -o-linear-gradient(top, #012e63, #021d3e);
background: linear-gradient(top, #012e63, #021d3e);   
display:inline-block; 
color:#fff;
font-family: 'Noto Serif', serif;
border-radius:2px; 
}
.svn:hover, .pet:hover, .svquess:hover, .svopt:hover{
background: -webkit-linear-gradient(top, #2b70c1, #021d3e);
background: -moz-linear-gradient(top, #2b70c1, #021d3e);
background: -ms-linear-gradient(top, #2b70c1, #021d3e);
background: -o-linear-gradient(top, 2b70c1, #021d3e);
background: linear-gradient(top, #2b70c1, #021d3e); 	
}
.sv, .svtext, .svradio, .svcheck, .svctext, .svrtext{ padding:4px 10px; display:inline-block; background:#15539c; color:#fff; margin:2px; box-sizing:border-box;font-family: 'Noto Serif', serif; float:left; border-radius:2px; }
.sh{ display:none; clear:both;}
.clone, .cimage, .cmatrix, .cdr, .crtext, .cradio, .ccheck, .cctext{ display:inline-block; padding:2px 10px; margin-bottom:5px; color:#fff; border-radius:2px;background: -webkit-linear-gradient(top, #012e63, #021d3e);
background: -moz-linear-gradient(top, #012e63, #021d3e);
background: -ms-linear-gradient(top, #012e63, #021d3e);
background: -o-linear-gradient(top, #012e63, #021d3e);
background: linear-gradient(top, #012e63, #021d3e);   }
.clone:hover,.cimage:hover,.cmatrix:hover,{ color:#fff; background:#0e4280;}
.ds{ margin:0; box-sizing:border-box;}
.pet{ background:#5D3F6A;}
#cnew{ margin-bottom:20px;}
#loads{ min-height:250px; display:none; background:#aaa;}
#qcon{}
#qen{}
#qcon ul#qs { list-style-type:none; margin:0; padding:0; display:block;}
#qcon ul#qs li.question{ min-height:60px; cursor: move;}
#qcon ul.sqs { list-style-type:none; margin:0; padding:0; display:block;}
#qcon ul.sqs li.question{ min-height:60px; cursor: move;}
#bread ul{ list-style-type:none; text-align:center;}
#bread ul li{ float:none; display:inline-block; padding:3px 10px;}
#bread ul li a{font-weight:900;}
#bread ul li a:hover{ text-decoration:underline; }
.ques{ margin-bottom:20px;}
.cliner{ 
padding:10px; 
color:#fff; 
border-bottom:1px solid #eee;
background: -webkit-linear-gradient(top, #012e63, #021d3e);
background: -moz-linear-gradient(top, #012e63, #021d3e);
background: -ms-linear-gradient(top, #012e63, #021d3e);
background: -o-linear-gradient(top, #012e63, #021d3e);
background: linear-gradient(top, #012e63, #021d3e); 
}

.ui-state-highlight { min-height: 60px; line-height: 60px; }
.cline{ margin:10px 0; border-bottom:1px solid #eee;}
.question{ border:1px solid #6686ad; position:relative; border-radius:8px; margin-bottom:20px; padding:10px 20px;   
background-image:linear-gradient(#fefefe , #fff);}
.qnum{ float:right; line-height:100%; font-weight:900; font-size:18px;}
.qio{background:#c9d6e6; border:1px solid #6686ad; color:#000; margin-top:10px; margin-bottom:3px; position:relative; border-radius:2px; padding:5px 10px;}
.question:hover{background-image:linear-gradient(#c9d6e6, #d5dce5);}
.question:hover .cline{ border-bottom:1px solid #ccc;}
button{ display:inline-block; padding:3px 6px; background:#333; color:#fff; border:none; cursor:pointer; border-radius:2px;font-family: 'Noto Serif', serif; margin:2px 0;}
button:hover{ background:#444;}
a.icon-dopt:before{content: "\e67e";}
a.icon-dopt{ vertical-align:super; color:#F00; margin:0 2px; font-size:80%; font-weight:100;}

a.icon-dta:before, a.icon-ets:before, a.icon-etsi:before{content: "\e603";}
a.icon-dta, a.icon-ets { vertical-align:super; color: #090; font-size:90%; display:inline-block; }
a.icon-dta:hover, a.icon-ets:hover{ color:#06C;}
.adm{position:absolute; right:10px;}

a.icon-mod:before{content: "\e603";}
a.icon-mod{ vertical-align:super; margin:0 2px; display:inline-block; color: #090; font-size:90%; }
a.icon-mod:hover{ color:#06C;}

a.icon-mod2:before{content: "\e603";}
a.icon-mod2{ vertical-align:super; margin:0 2px; display:inline-block; color: #090; font-size:90%; }
a.icon-mod2:hover{ color:#06C;}

a.icon-dqu:before{content: "\e67e";}
a.icon-dqu{ vertical-align:super; color:#F00; font-size:90%;  margin:0 2px;}
a.icon-dqu:hover{ color:#900;}
#gmodez{ display:none;}
.shi{ display:inline-block; padding:2px 4px; border-radius:3px; float:left; clear:both;}
.shi:hover{ border:1px solid #6686ad; background:#c6dcf7;}
.shi img{ 
max-width:100%;
max-height:80px;  
border-width:1px; 
vertical-align:middle; 
padding:2px; 
line-height:100%;border:1px solid #ddd;


}
.shi img:hover{border:1px solid #aaa; }
.icon-close{ color:#CC0000;}
.icon-close:before{content: "\e67e";}
.icon-checkmark:before{content: "\e67f";} 
.icon-spam:before{content:"\e67d";}
.icon-spam{ color:#F00; font-size:17px;}
.icon-go:before{content:"\e689";}
.icon-go{ color: #060; font-size:17px;}
#dnl{ float:right; padding:10px 0; clear:both;}
#dnl a{ margin: 10px;}

ul.c10{ display:block; padding:0;  margin:0; border-radius:3px; font-weight:300;}
ul.c10 li{ float:left; display:inline-block; padding:1px;border-right:1px solid #aaa; width:10%; text-align:right;z-index:2; box-sizing:border-box;}
ul.c10 li span{ float:left;}
ul.c10 li:first-child{ border-radius:3px 0 0 3px 0;}
ul.c10 li:last-child{ border-radius:0 0 3px 0 0;border-right:none;}

ul.cq{ display:block; padding:0;  margin:0; border-radius:3px; font-weight:300;}
ul.cq li{ float:left; display:inline-block; padding:1px;border-right:1px solid #aaa; width:10%; text-align:center;z-index:2; box-sizing:border-box;}
ul.cq li span{font-weight:900; text-decoration:underline; color:#000; font-size:120%;}
ul.cq li:first-child{ border-radius:3px 0 0 3px 0;}
ul.cq li:last-child{ border-radius:0 0 3px 0 0;border-right:none;}
.detr{ background:#C00; text-align:center; color:#fff; padding:3px; width:60%; float:left; box-sizing:border-box;}
.pass{ background:#333; text-align:center; color:#fff; padding:3px; width:20%; float:left; box-sizing:border-box;}
.promo{ background: #039aa0;  text-align:center; color:#fff; padding:3px; width:20%; float:left; box-sizing:border-box;}
#detra{ background:#b06f6f; text-align:center; color:#fff; padding:3px; width:60%; float:left; box-sizing:border-box;}
#passa{ background:#aaa;text-align:center; color:#fff; padding:3px; width:20%; float:left; box-sizing:border-box;}
#promoa{ background:#b1bfbf; text-align:center; color:#fff; padding:3px; width:20%; float:left; box-sizing:border-box;}

ul.cz{ display:block; padding:0;  margin:0; border-radius:3px; font-weight:300;}
ul.cz li{ float:left; display:inline-block;  width:10%; text-align:left;z-index:2; box-sizing:border-box;}
ul.cz li span{ float:left;}
ul.cz li:first-child{ border-radius:3px 0 0 3px 0;}
ul.cz li:last-child{ border-radius:0 0 3px 0 0;border-right:none;}

ul.ca{ display:block; padding:10px 0 0 14px ;  margin:0; border-radius:3px; font-weight:300;}
ul.ca li{ float:left; display:inline-block; width:10%; text-align:right;z-index:2; padding:1px 0; box-sizing:border-box; }
ul.ca li span{ float:left; margin-left:-14px;}
ul.ca li:first-child{ border-radius:3px 0 0 3px 0;}
ul.ca li:last-child{ border-radius:0 0 3px 0 0;}
.slider{position:absolute; height:23px; width:100%;}

@media screen and (max-width: 980px) {
#container{ width:100%;}
.dr{ padding:10px 20px;}	
}
@media only screen and (max-width: 800px){
}
	
	
@media only screen and (max-width: 480px){
#header{ padding:0px;}
#about{ display:block; width:100%; float:none; margin:10px 0;}
#book{ display:block; width:100%; float:none; margin:10px 0;}.serv{ display:block; width:100%; float:none;}	
#nav{ padding:0;}
#nav ul li{ display:inline-block; width:50%; float:left; overflow:hidden; border-top:1px solid #111;}
#nav ul li a{ display:block; color:#333; padding:10px 0; text-decoration:none; text-transform:none;}



#fnav{ padding:0; }
#fnav ul li{ display:inline-block; width:50%; float:left; overflow:hidden; border-top:1px solid #111;}
#fnav ul li a{ display:block; color:#eee; padding:10px 0; text-decoration:none; text-transform: none;}
}

@media only screen and (max-width: 320px){

.chi{ display:block; width:100%; float:none;}

#into {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
border:1px solid #000; border-radius:3px; position:fixed; z-index:99999999999;
height:60%; text-align:center; box-shadow:1px 2px 8px 6px #777;
width:90%; background:#fff; display:none; text-align:left;
}


}