@charset "utf-8";
.qmfv {
visibility : visible !important ;
}
.qmfh {
visibility : hidden !important ;
}
body {
margin : 0 auto;
padding : 0;
font-family : Verdana, sans-serif;
font-size : 11px;
color : #444444;
text-align : center;
background-repeat : no-repeat;
background-image : url(../images/back.jpg);
background-color : #000;
background-position : center 0%;
}
h1, h2, h3, h4, p, ul {
margin : 0;
padding : 0;
font-weight : normal;
list-style : none;
}
hr {
border : 0 none;
border-top : 1px solid #ccc;
border-bottom : 1px solid #efefef;
width : 80%;
height : 2px;
text-align : center;
margin : 0 auto;
}
img {
border : none;
}
span.clr {
display : block;
clear : both;
}
#maincontainer {
margin-left : auto;
margin-right : auto;
text-align : left;
}
#container {
background-image : url(../images/contentback.png);
width : 800px;
height : 450px;
margin-bottom : 25px;
margin-top : 0;
text-align : left;
margin-right : auto;
margin-left : auto;
padding-top : 5px;
padding-right : 0;
padding-bottom : 15px;
padding-left : 0;
}
.title {
border : 0 none;
border-bottom : 1px solid #ccc;
width : 100%;
height : 37px;
}
#header {
height : 100px;
width : 800px;
padding-left : 0;
margin-right : auto;
margin-left : auto;
}
.content {
float : left;
width : 780px;
height : 380px;
padding : 10px;
}
.content p {
padding-top : 7px;
font-size : 16px;
color : #333333;
}
.contentright {
float : right;
width : 250px;
height : 380px;
margin : 5px;
margin-top : 10px;
padding : 10px;
margin-right : 5px;
margin-bottom : 5px;
margin-left : 5px;
}
a {
color : #000000;
text-decoration : none;
}
a:hover {
color : #ccc;
text-decoration : none;
}
.footer {
height : 20px;
width : 800px;
margin : auto;
padding : 0;
text-align : right;
background : none;
}
.left {
float : left;
}
.right {
float : right;
}
.center {
float : inherit;
text-align : center;
}
#images {
display : none;
overflow : hidden;
}
#Tips2 {
color : #fff;
}
.tool-tip {
color : #fff;
width : 200px;
z-index : 13000;
}
.tool-title {
font-weight : bold;
font-size : 11px;
text-decoration : underline;
margin : 0;
color : #9fd4ff;
padding : 8px 8px 4px;
background : url(../bubble.png) top left;
}
.tool-text {
font-size : 11px;
padding : 4px 8px 10px;
background : url(../bubble.png) bottom right;
}
.gallery {
width : 750px;
margin-top : 15px;
}
.gallery img {
border : 1px solid #ccc;
padding : 5px 5px 5px 5px;
margin : 10px;
cursor : pointer;
}
.contentimage {
border : 1px solid #ccc;
margin : 5px;
padding : 5px;
margin-left : 20px;
}
.codebox {
padding : 10px;
font-family : "Courier New", Courier, monospace;
text-align : center;
background-color:#CCCCCC;
color : #fff;
width : 400px;
margin : 0 auto;
font-size : 13px;
border-style : solid;
border-width : 1px;
border-color : #ffffff;
border-top-color : #aca899;
border-left-color : #aca899;
}
ul#navigation {
list-style-type : none;
margin : 0;
padding : 0.5em 0;
border-top : 1px solid #efefef;
}
ul#navigation li a {
display : block;
width : 5em;
color : #fff;
background-color : #666;
text-align : center;
text-decoration : none;
padding-top : 0.2em;
padding-right : 0;
padding-bottom : 0.2em;
padding-left : 0;
}
ul#navigation li a:hover {
color : #fff;
background-color : #999;
}
ul#navigation .left {
float : left;
}
ul#navigation .right {
float : right;
}
ul#navigation .center {
float:none;
text-align:center;
}
.qmmc .qmdivider {
display : block;
font-size : 1px;
border-width : 0;
border-style : solid;
position : relative;
z-index : 1;
}
.qmmc .qmdividery {
float : left;
width : 0;
}
.qmmc .qmtitle {
display : block;
cursor : default;
white-space : nowrap;
position : relative;
z-index : 1;
}
.qmclear {
font-size : 1px;
height : 0;
width : 0;
clear : left;
line-height : 0;
display : block;
float : none !important ;
}
.qmmc {
position : relative;
z-index : 10;
}
.qmmc a, .qmmc li {
float : left;
display : block;
white-space : nowrap;
position : relative;
z-index : 1;
}
.qmmc div a, .qmmc ul a, .qmmc ul li {
float : none;
}
.qmsh div a {
float : left;
}
.qmmc div {
visibility : hidden;
position : absolute;
}
.qmmc .qmcbox {
cursor : default;
display : block;
position : relative;
z-index : 1;
}
.qmmc .qmcbox a {
display : inline;
}
.qmmc .qmcbox div {
float : none;
position : static;
visibility : inherit;
left : auto;
}
.qmmc li {
z-index : auto;
}
.qmmc ul {
left : -10000px;
position : absolute;
z-index : 10;
}
.qmmc, .qmmc ul {
list-style : none;
padding : 0;
margin : 0;
}
.qmmc li a {
float : none;
}
.qmmc li:hover > ul {
left : auto;
}
#qm0 ul {
top : 100%;
}
#qm0 ul li:hover > ul {
top : 0;
left : 100%;
}
#qm0 a {
padding : 5px 4px 5px 5px;
color : #555555;
font-family : Arial;
font-size : 10px;
text-decoration : none;
}
#qm0 div, #qm0 ul {
padding : 10px;
margin : -2px 0 0 0;
background-color : transparent;
border-style : none;
}
#qm0 div a, #qm0 ul a {
padding : 3px 10px 3px 5px;
background-color : transparent;
font-size : 11px;
border-width : 0;
border-style : none;
}
#qm0 div a:hover {
background-color : #dadada;
color : #cc0000;
}
#qm0 ul li:hover > a {
background-color : #dadada;
color : #cc0000;
}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
background-color : #dadada;
color : #cc0000;
}
#qm0 .qmtitle {
cursor : default;
padding : 3px 0 3px 4px;
color : #444444;
font-family : arial;
font-size : 11px;
font-weight : bold;
}
#qm0 .qmdividerx {
border-top-width : 1px;
margin : 4px 0 4px 0;
border-color : #bfbfbf;
}
#qm0 .qmdividery {
border-left-width : 1px;
height : 15px;
margin : 4px 2px 0 2px;
border-color : #aaaaaa;
}
#qm0 .qmritem span {
border-color : #dadada;
background-color : #f7f7f7;
}
#qm0 .qmritemcontent {
padding : 0 0 0 4px;
}
#qm0 div .qmritem span {
border-color : #666666;
background-color : #eeeeee;
}
#qm0 div .qmritemcontent {
padding : 0 0 0 4px;
}
ul#qm0 ul {
padding : 10px;
margin : -2px 0 0 0;
background-color : #f7f7f7;
border-width : 1px;
border-style : solid;
border-color : #dadada;
}
ul#qm0 li:hover > a {
background-color : #f7f7f7;
}
body {
margin : 0 auto;
padding : 0;
font-family : Verdana, sans-serif;
font-size : 11px;
color : #444444;
text-align : center;
background-repeat : no-repeat;
background-image : url(../images/back.jpg);
background-color : #000;
background-position : center 0%;
}
h1, h2, h3, h4, p, ul {
margin : 0;
padding : 0;
font-weight : normal;
list-style : none;
}
hr {
border : 0 none;
border-top : 1px solid #ccc;
border-bottom : 1px solid #efefef;
width : 80%;
height : 2px;
text-align : center;
margin : 0 auto;
}
img {
border : none;
}
span.clr {
display : block;
clear : both;
}
#maincontainer {
margin-left : auto;
margin-right : auto;
text-align : left;
}
#container {
background-image : url(../images/contentback.png);
width : 800px;
height : 450px;
margin-bottom : 25px;
margin-top : 0;
text-align : left;
margin-right : auto;
margin-left : auto;
padding-top : 5px;
padding-right : 0;
padding-bottom : 15px;
padding-left : 0;
}
.title {
border : 0 none;
border-bottom : 1px solid #ccc;
width : 100%;
height : 37px;
}
#header {
height : 100px;
width : 800px;
padding-left : 0;
margin-right : auto;
margin-left : auto;
}
.content {
float : left;
width : 780px;
height : 380px;
padding : 10px;
}
.content p {
padding-top : 7px;
font-size : 16px;
color : #333333;
}
.contentright {
float : right;
width : 250px;
height : 380px;
margin : 5px;
margin-top : 10px;
padding : 10px;
margin-right : 5px;
margin-bottom : 5px;
margin-left : 5px;
}
a {
color : #000000;
text-decoration : none;
}
a:hover {
color : #ccc;
text-decoration : none;
}
.footer {
height : 20px;
width : 800px;
margin : auto;
padding : 0;
text-align : right;
background : none;
}
.left {
float : left;
}
.right {
float : right;
}
.center {
float : inherit;
text-align : center;
}
#images {
display : none;
overflow : hidden;
}
#Tips2 {
color : #fff;
}
.tool-tip {
color : #fff;
width : 200px;
z-index : 13000;
}
.tool-title {
font-weight : bold;
font-size : 11px;
text-decoration : underline;
margin : 0;
color : #9fd4ff;
padding : 8px 8px 4px;
background : url(../bubble.png) top left;
}
.tool-text {
font-size : 11px;
padding : 4px 8px 10px;
background : url(../bubble.png) bottom right;
}
.gallery {
width : 750px;
margin-top : 15px;
}
.gallery img {
border : 1px solid #ccc;
padding : 5px 5px 5px 5px;
margin : 10px;
cursor : pointer;
}
.contentimage {
border : 1px solid #ccc;
margin : 5px;
padding : 5px;
margin-left : 20px;
}
.codebox {
padding : 10px;
font-family : "Courier New", Courier, monospace;
text-align : center;
background-color : #666;
color : #fff;
width : 400px;
margin : 0 auto;
font-size : 13px;
border-style : solid;
border-width : 1px;
border-color : #ffffff;
border-top-color : #aca899;
border-left-color : #aca899;
}
ul#navigation {
list-style-type : none;
margin : 0;
padding : 0.5em 0;
border-top : 1px solid #efefef;
}
ul#navigation li a {
display : block;
width : 5em;
color : #fff;
background-color : #666;
text-align : center;
text-decoration : none;
padding-top : 0.2em;
padding-right : 0;
padding-bottom : 0.2em;
padding-left : 0;
}
ul#navigation li a:hover {
color : #fff;
background-color : #999;
}
ul#navigation .left {
float : left;
}
ul#navigation .right {
float : right;
}
.qmmc .qmdivider {
display : block;
font-size : 1px;
border-width : 0;
border-style : solid;
position : relative;
z-index : 1;
}
.qmmc .qmdividery {
float : left;
width : 0;
}
.qmmc .qmtitle {
display : block;
cursor : default;
white-space : nowrap;
position : relative;
z-index : 1;
}
.qmclear {
font-size : 1px;
height : 0;
width : 0;
clear : left;
line-height : 0;
display : block;
float : none !important ;
}
.qmmc {
position : relative;
z-index : 10;
}
.qmmc a, .qmmc li {
float : left;
display : block;
white-space : nowrap;
position : relative;
z-index : 1;
}
.qmmc div a, .qmmc ul a, .qmmc ul li {
float : none;
}
.qmsh div a {
float : left;
}
.qmmc div {
visibility : hidden;
position : absolute;
}
.qmmc .qmcbox {
cursor : default;
display : block;
position : relative;
z-index : 1;
}
.qmmc .qmcbox a {
display : inline;
}
.qmmc .qmcbox div {
float : none;
position : static;
visibility : inherit;
left : auto;
}
.qmmc li {
z-index : auto;
}
.qmmc ul {
left : -10000px;
position : absolute;
z-index : 10;
}
.qmmc, .qmmc ul {
list-style : none;
padding : 0;
margin : 0;
}
.qmmc li a {
float : none;
}
.qmmc li:hover > ul {
left : auto;
}
#qm0 ul {
top : 100%;
}
#qm0 ul li:hover > ul {
top : 0;
left : 100%;
}
#qm0 a {
padding : 5px 4px 5px 5px;
color : #555555;
font-family : Arial;
font-size : 10px;
text-decoration : none;
}
#qm0 div, #qm0 ul {
padding : 10px;
margin : -2px 0 0 0;
background-color : transparent;
border-style : none;
}
#qm0 div a, #qm0 ul a {
padding : 3px 10px 3px 5px;
background-color : transparent;
font-size : 11px;
border-width : 0;
border-style : none;
}
#qm0 div a:hover {
background-color : #dadada;
color : #cc0000;
}
#qm0 ul li:hover > a {
background-color : #dadada;
color : #cc0000;
}
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
background-color : #dadada;
color : #cc0000;
}
#qm0 .qmtitle {
cursor : default;
padding : 3px 0 3px 4px;
color : #444444;
font-family : arial;
font-size : 11px;
font-weight : bold;
}
#qm0 .qmdividerx {
border-top-width : 1px;
margin : 4px 0 4px 0;
border-color : #bfbfbf;
}
#qm0 .qmdividery {
border-left-width : 1px;
height : 15px;
margin : 4px 2px 0 2px;
border-color : #aaaaaa;
}
#qm0 .qmritem span {
border-color : #dadada;
background-color : #f7f7f7;
}
#qm0 .qmritemcontent {
padding : 0 0 0 4px;
}
#qm0 div .qmritem span {
border-color : #666666;
background-color : #eeeeee;
}
#qm0 div .qmritemcontent {
padding : 0 0 0 4px;
}
ul#qm0 ul {
padding : 10px;
margin : -2px 0 0 0;
background-color : #f7f7f7;
border-width : 1px;
border-style : solid;
border-color : #dadada;
}
ul#qm0 li:hover > a {
background-color : #f7f7f7;
}