﻿
@font-face {font-family: courier;  src: url(../ttf/cour.ttf); }
body{ overflow:hidden; scrollbar-base-color:#a38559;background:#a38559; font-family:courier; margin:0 0 0 0; padding:0 0 0 0; border-style:none;}
img { border-style:none;}
img.back { display: block; position:absolute; left:0; top:0; margin:0 0 0 0; padding:0 0 0 0; border-style:none; width:100.0%; height:100%; z-index:1}

object.logo {z-index: 2; display: block; position:absolute; left:2%;
top:3%;
width:13.5%;
height:16%; margin:0 0 0 0; padding:0 0 0 0; border-style:none; }

embed.logo {z-index: 2; display: block; position:absolute;
left:2%;
top:3%;
width:13.5%;
height:16%;margin:0 0 0 0;padding:0 0 0 0;border-style:none;}

img#left { position: absolute;
left:18.7%;
top:8%;
width:5.6%;
height:84%;z-index:3;} 

img#right { position: absolute; 
left:87.7%;
top:8%;
width:5.6%;
height:84%;z-index:3;} 

div#content {  margin:0 0 0 0; padding:0 0 0 0; border-style:none; display: block;position:absolute; overflow:hidden; font-weight:bold; font-size:80%;  overflow: auto; color:#000077; font-family: courier;
left:17.9%;
top:9%;
width:77.45%;
height:83%;z-index:2;}


div{ position:absolute; margin:0 0 0 0; padding:0 0 0 0; border-style:none;}
div#menu { display: block; text-transform:lowercase; text-align:right;
left:1.0%;
top:21%;
width:14%;
height:59%;font-weight:bolder;font-size: 11pt;color:white;z-index:2;}

div.menu a {color:#000055;}

div.menu a:visited {color:#0033ff;}
div.menu a:link:hover {color:red;}
div.switch { display: block; text-transform:lowercase; text-align:right;
left:1.0%;
top:86%;
width:14%;
height:10%;font-weight:bolder; font-size: 11pt; color:white; z-index:2;}

div.switch a {color:#000055;}
div.switch a:visited { color:#0033ff;}
div.switch a:link:hover {color:red;}

div#news {  display: block; font-size: 10pt; font-weight:700; line-height:12pt; color:white; text-shadow:1 1 black; text-align:center; display: block; text-align:center;
left:28.0%;
top:1.0%;
width:60%;
height:3.5%; z-index:2;}
div.news a { color:white;}

div.news a:visited {color:blue;}
div.news a:link:hover { color:red;}


marquee { height:100%;width:95%;}
div#title { display: block; font-size: 18pt; font-weight:700; line-height:16pt; color:red; text-shadow:1 1 black; text-transform:uppercase; text-align:center;
left:97%;
top:7%;
width:3%;
height:86%;z-index:2;}

div#wisdom { text-align:center; display: block; font-size: 8pt; font-weight:700; line-height:12pt; color:white; text-shadow: 1 1 black; text-transform:uppercase; text-align:center;
left:18.0%;
top:96.0%;
width:80%;
height:4%;z-index:2;}
div#map{position:absolute; left:0; top:0; width:100%; font-size:2%; z-index:0;}
iframe.hedden{display:none;}
div.main {position: absolute; left:0; width:100%; top:0; height:100%; margin:0 0 0 0; padding:0 0 0 0; border-style:none; scrollbar-base-color:#E7E2CE; overflow: auto;  } 
div.subscr {left:10%; width:80%; text-align:center; } 
div.usual { position: absolute; overflow:hidden; scrollbar-base-color:#E7E2CE; top:3%; 
left:8%;
width:78%;}
div.video { position: relative; width:600; left:20%; height:500; border-style:none;} 
div#map { position: relative; width:80%; left:10%; height:500;} 
img.face{ margin: 10 10 10 10; padding: 0 0 0 0; -moz-box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8);  -webkit-box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8);  z-index:2;box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8); }
img.left { position: fixed; top:0; left:0%; width:7%; } 
img.right { position: fixed; top:0; left:89%; width:7%; } 
img#tbl {position:relative; width:80%; } 
img#tbl1 {position:relative;  width:50%; } 
input#tbl { position: relative; width:50%; } 
table { overflow:hidden; text-align:center; font-size:inherit; color:inherit; margin: 5pt 5pt 5pt 5pt; padding: 0pt 0pt 0pt 0pt;  } 
table.hanzi { text-align:center; background-color:white; color:inherit; margin: 5pt 5pt 5pt 5pt; padding: 0pt 0pt 0pt 0pt; } 
tr.dict {  text-align:left;  } 
td.hanzi { font-size:150%; } 
tr {color:inherit; font-size:inherit; font-style:inherit; font-weight:bold;  } 
td {color:inherit; font-size:90%; font-style:inherit; font-weight:bold;  } 
table.left { text-align:left; } 
table.left td{ text-align:left; } 
img {  border-style:none; } 
img.button {  display:compact;  border-style:none;    margin:0 0 0 0;  padding:0 0 0 0; } 
img.icon {  width:30px;  height:30px;  margin:0 0 0 0;  padding:0 0 0 0; -moz-box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8);  -webkit-box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8);  z-index:2;box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8);  } 
video{ -moz-box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8);  -webkit-box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8);  z-index:2;box-shadow: 5px 8px 7px 3px rgba(50,44,31,0.8);  } 
img.left-icon { display:compact; float:left; width:16pt;  height:16pt;  margin-bottom:0;  margin-top:0; } 
img.right-icon { display:compact;  float:right;  width:16pt;  height:16pt;  border-style:none;  margin:0 0 0 0;  padding:0 0 0 0; } 
select  { background:#EAE1D2; scrollbar-base-color:#EAE1D2; font-weight:bold; color: inherit; font-family: inherit;} 
form { text-align:center; } 
form * { text-align:center; font-family:inherit;  font-weight:bold; color:#000077; } 
form.opros * { text-align:left; } 
form select  { background:#EAE1D2; scrollbar-base-color:#EAE1D2; font-family: inherit;} 
form input { background:#EAE1D2; text-align: left;} 
form textarea { background:#EAE1D2; text-align: left;} 
form.left { text-align:center; width:340; display:compact; }
em { color:red;  font-style:normal;  } 
em:hover {  color:red; } 
em.search {background: blue; color:yellow;}
* em.search {background: blue; color:yellow;}
h1 { text-transform: uppercase;  font-size: 120%; font-weight: bold;  color:red;    text-shadow: white 1 1; text-align:center;  } 
h2 { text-transform: uppercase;   font-size: 105%;  font-weight: bold;  color:red;    text-shadow: black 1 1;  text-align:center;  margin: 5pt 5pt 5pt 5pt;  } 
h3 {  text-align:center;  color:red;  font-size:90%; } 
p { display: block; text-align:justify; margin:8pt 8pt 8pt 8pt; text-indent: 30;  } 
p.right  { text-align:right;    } 
p.right:first-letter { font-size:100%; } 
p.text { font-size:90%;  margin:4pt 0pt 4pt 12pt;  } 
p.remark  { font-size:75%; margin:1pt 1pt 1pt 1pt;   }
p.comment { font-size:75%; text-align:left; } 
p.comment:hover { text-align:left; color: yellow; } 
p.advert {  display:none; } 
p.special {  text-align:center;  } 
p.special:first-letter {  font-size:120%;  } 
p.sign:first-letter {  text-transform:uppercase;  font-size:200%;  font-style:italic; }
p.usual { text-align:left; } 
p.usual:first-letter {  font-size:100%;  font-weight:bold;  } 
span  { text-transform: uppercase;  font-size: 100%; color:red;   font-weight:bold; } 
sup  {	 font-size:3mm; } 
a { border-style:none; white-space:pre; text-decoration:underline; font-size:100%; } 
a:link img {border-style:none;  } 
a:link {border-style:none; color:#75009f;  } 
a:link:hover {  color:red;  } 
a:visited {  color:gray;  } 
a#player {display:block;position:relative;width:600;height:400;}
li { text-align:left;}
dt { margin:8pt 8pt 7pt 7pt; text-align:left; font-size:90%;} 
dd { text-align:left; font-size:90%; } 
dd dd { font-size:100%; } 
dd dt { font-size:100%; } 
dd em { font-size:100%; } 
dd p.text { font-size:100%; } 
dt p.remark {font-size:100%; }
dd p.remark  { font-size:100%; } 
dt p.text  { font-size:100%; }
div.announce { font-size: 100%; position:relative;  width:100%; height: 110; } 
div#announce0 { position:absolute; top:0; left:0; width: 50%; height: 100; } 
div#announce1  {position:absolute; top:0; left:50%; width: 50%; height: 100; } 
div#announce2 { position:absolute; top:0; left:66%; width: 33%; height: 100; } 
img.face#announce { top:0; height: 80;} 
table#setup tr:nth-of-type(even) { background-color: #DCC;}
table#setup tr:nth-of-type(odd) { background-color: #F3F3F3;}
div.m1{position:relative; left:5%;}
div.m2{position:relative; left:10%;}
div.m3{position:relative; left:15%;}
div.m4{position:relative; left:20%;}
div.m5{position:relative; left:25%;}
div.m6{position:relative; left:30%;}
div.m7{position:relative; left:35%;}
div.m8{position:relative; left:40%;}
div.m9{position:relative; left:45%;}
div.hanzi{position:relative;font-size:160%;}
div.p{position:relative;font-size:90%; color: green;}
div.c{position:relative;font-size:90%; color: blue;}
div.c#green{position:relative;font-size:90%; color: green;}
div.c#red{position:relative;font-size:90%; color: red;}
div.c#brown{position:relative;font-size:90%; color: brown;}
div.c#violet{position:relative;font-size:90%; color: violet;}
div.c#black{position:relative;font-size:90%; color: black;}
div.c#crimson{position:relative;font-size:90%; color: crimson;}
div.c#gray{position:relative;font-size:90%; color: gray;}
div.ex{position:relative;font-size:85%; color: #333333;}
input.hanzi{position:relative;font-size:200%;}
input#search{width:70%;}
table#hanzi{width:90%;}
table.calendar h1{ text-transform: uppercase; font-size: 150%; font-weight: bold;  color:green; text-shadow: white 2 2; text-align:center; }
table.calendar td{ background: white; font-size: 100%; }
table.calendar td.today { background: red;}
table.calendar td#month { background: #bbbbbb; font-size: 70%; }
table.calendar td#month h1 {text-transform: uppercase; font-size: 150%;font-weight: bolder;color:#333333;text-shadow: white 1 1; text-align:center; }
table td h3 {font-size: 150%;font-weight: bold; color:red; text-shadow: white 2 2; text-align:left;}
pre{}

