body {font-family:Georgia,serif;font-size:150%;text-align:center;line-height:1.5;}

a {padding:0 9px; text-decoration:none;color:#555;display:inline-block;min-width:110px;}
a:hover {text-decoration:underline;}
u {padding:0 12px;text-decoration:none;color:#555;display:inline-block;}
u:hover {color:#333;cursor:default;}

.e {color:#007bb6;font-size:300%;}
.t {background-color:#00aced;color:#fff;text-align:center;font-size:125%;}
.f {background-color:#3b5998;color:#fff;text-align:center;font-size:125%;} 
.g {background-color:#dd4b39;color:#fff;text-align:center;font-size:125%;}
.in {background-color:#007bb6;color:#fff;text-align:center;font-size:125%;}
.x {background-color: #f44336;margin:0 -25px;float:right;border:none;color:#fff;font-size:100%;}
.y {font-size:125%;color:#CC7777;padding:0 15px;}
.z {font-size:135%;color:#7777FF;padding:0 15px;}
.s {font-size:80%;}

#h {padding:9px 32px;color:#008833;height:68px;}

#m {text-align:right;width:100%;position:relative;z-index:1;height:35px;overflow:hidden;
	background-color:#cc4b39; background: linear-gradient(90deg, brown,red);}
#m a {margin:0 18px;color:#fff;}

#dt {width:258px;padding:4px 3px 1px 32px;height:25px;font-size:80%;color:#fff;}

#en {display:none;}

#book {display:none;position:fixed;z-index:1;left:-32px;top:0;width:100%;height:100%;
       background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); padding-top: 63px; text-align:center;}
#book form {width:450px;line-height:1.5;padding:25px 50px;background-color:#fff;}

form.i {width:500px;line-height:1.5;}

form {width:98%;line-height:1.2;text-align:left;margin:0 auto;
	position:relative;z-index:1;}

input, textarea, select {width:100%;color:#007898;font-size:90%;line-height:1.2;font-style:italic;}
input[type=checkbox] {width:22px;height:20px;}
input[type=submit] {background-color:#fff;margin:8px 0;padding:3px;border:1px solid #007898;width:50%;font-style:normal;}
input[type=submit]:hover {opacity:0.8;background-color:#007898;color:#fff;}

div {margin:0;padding:0;text-align:left;display:inline-block;vertical-align:top;}
div.L {width:100%;margin:0;padding:9px 0;text-align:center;}
div.R {width:100%;margin:0;padding:9px 0;text-align:center;}

div.cir {margin:18px 120px 18px 0;height:108px;width:108px;text-align:center;
	border:1px solid #FF5555;border-radius:55px;}
div.sq {margin:18px 0;height:108px;width:1px;border:1px solid #FF5555;}
div.sqr {margin:18px 0;height:108px;width:2px;border:1px solid #FF5555;}

div.cube {margin:18px 120px 18px 0;height:108px;width:108px;text-align:center;
	border:1px solid #FF5555;}

ol {text-align:left;opacity:0.95;position:relative;z-index:1;padding:0;
	border-right:1px solid #ccc;background-color:#eee;background-image:url("i/b2.png");}
li {margin:5px 0;padding:5px 9px;list-style-type:none;text-align:justify;}
li a {padding:9px;color:#007bb6;text-align:left;display:inline-block;line-height:1;}

p {margin:0;padding:9px 2%;text-align:justify;}
h1 {color:#007898;margin:0;padding:0;text-align:center;}
h3 {color:#007898;margin:18px 0;padding:0;width:100%;line-height:30px;text-align:left;}
h4 {width:58px;margin:0;padding:0 9px 0 0;display:inline-block;float:right;
	font-size:85%;color:#005888;font-family:Times New Roman,serif;}
h5 {width:558px;margin:0;padding:0;display:inline-block;vertical-align:top;
	font-size:85%;color:#005888;font-family:Times New Roman,serif;}
h6 {width:100%;margin:0;padding:5px 0;color:#007bb6;text-align:left;font-size:85%;}
footer {margin:0 auto;padding:0 99px 0 0;color:#777;max-width:980px;font-size:90%;text-align:left;}
hr {height:1px;border-top:1px dotted #008828;margin:5px 0;padding:0;}
table {width:95%;text-align:center;font-size:80%;margin:12px auto;border-collapse:collapse;
	background-color:#eee;}
#face {text-align:center;}
#face u {margin:9px;padding:0;height:50px;width:50px;border-radius:27px;line-height:48px;
	font-weight:bold;display:inline-block;vertical-align:top;}

@media only screen and (min-width:1063px) {
div.L {width:765px;padding:9px 2% 9px 0;}
div.R {width:235px;margin:-115px 0 -325px 0;padding:0;}
#en {font-size:60%;width:100%;height:160px;margin:0;padding:0;display:block;}
#face {width:80px;}
#face u {margin:32px auto;display:block;}
div.sp {width:830px;}
div.face {position:fixed;width:97%;top:108px;left:0;text-align:center;}

}