html, body  {
margin : 0;
padding : 0;
}
body {
background : #ddd;
font : 70% Arial, sans-serif;
}
body.home {
background : #ddd;
background-repeat : no-repeat;
background-position : 0 450px;
font : 70% Arial, sans-serif;
}
body.print {
background-color: #fff;
}

body.print #content {
font : 11px Arial, sans-serif;
color : #000;
margin-left : 20px;
}

body.print h2 {
font : lighter 2em "Trebuchet MS", Arial sans-serif;
color : #303f6e;
margin : 20px 0 0 20px;
border-bottom : 1px solid #a3cbee;
width : 80%;
}
body.print ul {
font : 1em verdana, geneva, sans-serif;
color : #000;
margin-top : 0;
}
#outer {
background : #bbd9ee;
background-image : url(/img/background.gif);
}

div#out_head {
background : #bbd9ee;
background-image : url(/img/bg_head.jpg);
background-position : top ;
background-repeat : repeat-x;

}

div#menu {
width : 80em;
padding :0;
margin: 0;
background : #bbd9ee;
white-space: nowrap;
}

div#logo {
z-index : 10;
vertical-align : top;
}

ul#nav, ul#nav li {
list-style-type : none;
margin : 0;
padding : 0;
}
ul#nav {

}
ul#nav li {
float : left;
margin-right : 0.48em;
text-align : center;
}

ul#nav[id] li{
float : left;
margin-right : 0.48em;
text-align : center;
}

ul#nav a {
float : left;
width : 11em;
padding : 5px 0;
background : #e7f1f8;
text-decoration : none;
color : #012a60;
font-weight : bold;
}
ul#nav a:hover {
background : #e6cfad;
color : #fe6103;
background-image : url(/img/bg_nav_hover.gif);
background-repeat : repeat-x;
background-position : bottom ;
}
ul#nav li.activelink a, ul#nav li.activelink a:hover {
color : #fff;
background-image : url(/img/bg_nav_act.jpg);
background-repeat : repeat-x;
background-position : bottom ;
}

.narr {
letter-spacing : -0.05em;
}
.date {
clear : both;
background : #e7f1f8;
padding : 2px;
width : 100%;
margin-top : 5px;
}
.desc {
clear : both;
background : #e7f1f8;
padding : 10px;
width : 95%;
margin-top : 5px;
}
.desc2 {
clear : both;
background : #eef2f7;
padding : 10px;
width : 93%;
margin-top : 5px;
}
.contact {
clear : both;
background : #ededed;
padding : 10px;
width : 80%;
margin-top : 5px;
}
.prod {
position : relative;
background : #bad9ee;
padding : 10px;
width : 50%;
margin : 5px 2px 0 0;
font-size : 0.9em;
line-height : 1.3em;
color : #303f6e;
float : right;
}
.bold {
font-weight : bold;
}
div#wrapfoot {
background-color:#ddd;
position: relative;
bottom: 0;
padding-bottom: 30px;
/* background-image : url(/img/bg_foot.jpg);
background-repeat: repeat-x;*/
}

div#footer {
clear : both;
background : #E7F1F8;
padding : 4px 0px 2px 0px;
width : 80em;
margin-top : 0;
text-align:left;

/*background-image : url(/img/bg_foot.gif);
background-position : bottom ;
background-repeat : repeat-x;*/
}
div#box {
width : 217px;
padding : 10px 0 0 0;
margin : 5px 0 5px 3px;
background-color : #EEDEC5;
color : #a65321;
text-align : left;
}
div#box p {
margin-left: 0;
}
p {
margin-top : 0;
}

h1 {
font : lighter 2em "Trebuchet MS", Arial sans-serif;
color : #303f6e;
margin : 0 0 0 0;
padding-bottom:20px;
text-indent: 0.5em;
width : 40em;

}
h1 span, h2 span {
color : #a3cbee;
}
h2 {
font : lighter 2em "Trebuchet MS", Arial sans-serif;
color : #FE6103;
margin : 0 0 0 0;
width : 40em;
padding-bottom:20px;
text-indent:0.5em;
text-align:left;
}

h3 {
margin : 0 0 10px 0;
font : 1.6em "Trebuchet MS", Arial sans-serif;
color : #a1ccee;
}
h4 {
font : 1em verdana, geneva, sans-serif;
font-weight : bold;
color : #303f6e;
}

h5 {
font : 1em verdana, geneva, sans-serif;
font-weight : bold;
color : #FE6103;
margin: 0;
}

div#sub {
clear : both;
width : 100%;
background-color : #fff;
height : 0;
}
div#empty {
padding-top : 0px;
line-height : 22px;
height : 22px;
width : 80em;
background-color : #E7F1F8;
border-top : 1px solid #c9e0f6;
}
div#empty a {
margin : 5px;
padding-right : 2px;
text-decoration : none;
color : #666;
font-weight : normal;
vertical-align : bottom;
display : inline;
}
div#submenu {
background-color : #E7F1F8;
border-bottom : 1px dotted #c9e0f6;
padding-top : 4px;
width : 80em;
max-width : 80em;
/*background-image : url(/img/bg_submen.gif);*/
line-height : 22px;
height : 22px;
overflow : hidden;
border-top : 1px solid #c9e0f6;
}

div#submenu a {
margin : 5px;
padding-right : 2px;
text-decoration : none;
color : #303f6e;
font-weight : normal;
vertical-align : bottom;
display : inline;
}
div#submenu a:hover {
margin : 5px;
padding-right : 2px;
text-decoration : none;
color : #fe6103;
font-weight : normal;
vertical-align : bottom;
display : inline;
}
div#submenu a:active {
margin : 5px;
padding-right : 2px;
text-decoration : none;
font-weight : normal;
vertical-align : bottom;
display : inline;
}

div#container {
padding-top : 30px;
width : 80em;
font-family : verdana, sans-serif;
min-height : 500px;
overflow : visible;
background-color : #fff;
text-align:left;
}

div#content {
margin-left : 10em;
width : 68em;
padding-right: 10px;
}

#container #content .home {
line-height : 2em;
font-size : 1.1em;
width : 38em;
float : left;
color : #666;
padding-top :0px;
padding-bottom : 60px;
background-color : #fff;
}

#container img.fl_left {
position:absolute;
}
#container #content img.fl_left {
position:relative;
}

#container #content .banner {
width : 230px;
float : right;
}
.orange {
color : #fc9b0a;
font : lighter 1.6em "Trebuchet MS", Arial sans-serif;
white-space : nowrap;
}
.fl_right {
float : right;
margin : 0 0 10px 15px;
font-size: 1em;
}
.fl_left {
float : left;
margin : 0 15px 20px 10px;

}

.all {
clear:both;
}

.padd {
padding-left:1em;
 }
.cont, tr.cont td {
font-size : 1.05em;
vertical-align : top;
line-height : 1.6em;
color : #666;
text-align:left;
}


a:link {
font-family : verdana, geneva, sans-serif;
font-size : 1em;
color: #012a60;
text-decoration : underline;
}
a:visited {
font-family : verdana, geneva, sans-serif;
color: #012a60;
text-decoration : underline;
}
a:hover {
font-family : verdana, geneva, sans-serif;
color: #fe6103;
text-decoration : none;
}
a:active {
font-family : verdana, geneva, sans-serif;
color: #fe6103;
text-decoration : none;
}

a.boxl, a.boxl:visited {
font-weight : bold;
color : #fe6103;
text-decoration : none;
padding-bottom : 5px;
border-bottom : 1px dotted #fff;
}
a.boxl:hover {
font-weight : bold;
background-color : #e6cfad;
text-decoration : none;
padding-bottom : 5px;
border-bottom : 1px dotted #fff;
}
a.nav1:link {
font-weight : normal;
color : #012a60;
text-decoration : none;
margin-right : 20px;
}
a.nav1:visited {
font-weight : normal;
color : #012a60;
text-decoration : none;
}
a.nav1:hover {
font-weight : normal;
color : #fe6103;
text-decoration : none;
}
a.nav1:active {
font-weight : normal;
color : #fe6103;
text-decoration : none;
}
a.dot:link {
font-family : verdana, geneva, sans-serif;
font-size : 1em;
color : #303f6e;
text-decoration : none;
border-bottom : 1px dotted #303f6e;
}
a.dot:visited {
font-family : verdana, geneva, sans-serif;
font-size : 1em;
color : #303f6e;
text-decoration : none;
border-bottom : 1px dotted #303f6e;
}
a.dot:hover {
font-family : verdana, geneva, sans-serif;
/*background-color : #f1e4d1;*/
background-color : #ffffff;
color: #fe6103;
text-decoration : none;
border-bottom : 1px dotted #fe6103;
}
a.dot:active {
font-family : verdana, geneva, sans-serif;
background-color : #ffffff;
border-bottom : 1px dotted #fe6103;
color: #fe6103;
text-decoration : none;
}
a.teas:link {
color : #fe6103;
font-family : verdana, geneva, sans-serif;
font-weight : bold;
white-space : nowrap;
text-decoration : none;

}
a.teas:visited {
font-family : verdana, geneva, sans-serif;
color : #fe6103;
font-weight : bold;
white-space : nowrap;
text-decoration : none;
}
a.teas:hover {
font-family : verdana, geneva, sans-serif;
color : #fe6103;
font-weight : bold;
white-space : nowrap;
text-decoration : underline;
background-color : #fff;
}
a.teas:active {
font-family : verdana, geneva, sans-serif;
color : #fe6103;
font-weight : bold;
white-space : nowrap;
text-decoration : underline;
background-color : #fff;
}

a.foot:link {
font-size : 11px;
color : #666;
text-decoration : none;
padding-right: 12px;
}
a.foot:visited {
font-size : 11px;
color : #666;
text-decoration : none;
padding-right: 12px;
}
a.foot:hover {
font-size : 11px;
color : #fe6103;
text-decoration : none;
}
a.foot:active {
font-size : 11px;
color : #fe6103;
text-decoration : underline;
}
input {
background-color : #ffffff;
border : 1px solid #a3cbee;
color : #000000;
font-family : verdana, geneva, sans-serif;
font-size : 11px;
font-weight : normal;
height : 17px;
padding-left : 5px;
}
textarea {
background-color : #ffffff;
border : 1px solid #a3cbee;
color : #000040;
font-family : verdana, geneva, sans-serif;
font-size : 11px;
font-weight : normal;
width : 387px;
}
input.sub {
background-image : url(/img/bg_sub.jpg);
background-position : 0% -10px;
border : 1px solid #b2e2f9;
color : #2f456c;
font-size : 10px;
font-weight : bold;
padding : 2px 5px 2px 5px;
height : 25px;
margin : 0;
}
input.sub:hover {
background-image : url(/img/bg_sub_h.jpg);
background-position : 0% -5px;
}
ul {
list-style : square;
color : #303f6e;
line-height : 1.6em;
}
form {
margin : 0;
}
#mobile_d {
display : block;
margin : 0;
}

#mobile_1, #mobile_2, #mobile_3, #mobile_4, #mobile_5, #mobile_6 {
display : none;
margin : 0;
z-index : 1000;
}
#book_d {
display : block;
margin : 0;
}
#book_1, #book_2, #book_3, #book_4 {
display : none;
margin: 0;
z-index : 1000;
}
#info_d {
display : block;
margin: 0;
}
#info_1, #info_2, #info_3, #info_4, #info_5, #info_6, #info_7 {
display : none;
margin: 0;
z-index : 1000;
}
#eserv_d {
display : block;
margin: 0;
}
#eserv_1, #eserv_2, #eserv_3, #eserv_4, #eserv_5, #eserv_6 {
display : none;
margin : 0;
z-index : 1000;
} 

#operate_d {
display : block;
margin : 0;
}