|
|
(9 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <html> | | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> |
| <head>
| | <HTML> |
| <style>
| | <HEAD> |
| body {
| | <TITLE> New Document </TITLE> |
| background:transparent;
| | <META NAME="Author" CONTENT="oscar999"> |
| color: #000000;
| | <meta http-equiv="refresh" content="0; URL=http://scutchem.sinaapp.com/"> |
| font-size: 80%;
| | <script> |
| margin: 0;
| | </script> |
| padding: 0;
| | </HEAD> |
| }
| | <BODY> |
| | | </BODY> |
| .clearLeft {
| | </HTML> |
| clear: left;
| |
| }
| |
| a1:hover {
| |
| opacity: 0;
| |
| }
| |
| .menu-, .menu-list {
| |
| list-style: outside none none;
| |
| margin: 0;
| |
| padding-left: 0;
| |
| }
| |
| .menu-case {
| |
| float: left;
| |
| }
| |
| .menu-::after {
| |
| clear: both;
| |
| content: "";
| |
| display: block;
| |
| }
| |
| .menu-list {
| |
| opacity: 0;
| |
| position: absolute;
| |
| width: 10em;
| |
| z-index: -1;
| |
| }
| |
| .menu-name:hover + .menu-list, .menu-list:hover {
| |
| opacity: 1;
| |
| z-index: 1;
| |
| }
| |
| .menu-case:hover .menu-name {
| |
| color: #507ea4;
| |
| }
| |
| | |
| #content a:link {
| |
| }
| |
| #content a:visited {
| |
| }
| |
| #content a:hover {
| |
| }
| |
| #content a:active {
| |
| }
| |
| #container {
| |
| background: rgba(0, 0, 0, 0) url("../image/pageback_880_gray.gif") no-repeat scroll center top;
| |
| margin: 0 auto;
| |
| width: 1000px;
| |
| }
| |
| #page {
| |
| background-color: #ffffff;
| |
| border-left: 1px solid #505050;
| |
| border-right: 1px solid #505050;
| |
| margin: 0 auto;
| |
| width: 1000px;
| |
| }
| |
| #header {
| |
| background-color: #ffffff;
| |
| border-bottom: 1px solid #4b4b4b;
| |
| margin-bottom: 12px;
| |
| padding: 15px 0 8px;
| |
| position: relative;
| |
| width: 100%;
| |
| }
| |
| #header h1.siteTitle, #header p.siteTitle {
| |
| color: #eee8aa;
| |
| font-size: 200%;
| |
| margin: 0 19px 7px;
| |
| }
| |
| #header h1.siteTitle img, #header p.siteTitle img {
| |
| border: medium none;
| |
| }
| |
| #header p.catch {
| |
| color: #808080;
| |
| margin: 0 22px 10px;
| |
| }
| |
| #header p.catch strong {
| |
| font-weight: normal;
| |
| }
| |
| #header ul.guide {
| |
| list-style-type: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| position: absolute;
| |
| right: 20px;
| |
| top: 30px;
| |
| }
| |
| #header ul.guide li {
| |
| background: rgba(0, 0, 0, 0) url("../image/menu_line_gray.gif") no-repeat scroll left center;
| |
| display: inline;
| |
| padding: 0 4px 0 8px;
| |
| }
| |
| #header ul.guide li.first {
| |
| background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
| |
| }
| |
| #header div.opening {
| |
| margin: 0 auto 2px;
| |
| width: 1000px;
| |
| }
| |
| #header div.opening h2 {
| |
| margin: 0;
| |
| }
| |
| #header ul.nl {
| |
| -moz-border-bottom-colors: none;
| |
| -moz-border-left-colors: none;
| |
| -moz-border-right-colors: none;
| |
| -moz-border-top-colors: none;
| |
| background: #ffffff url("../image/hor_menu5_off.gif") repeat-x scroll center top;
| |
| border-color: #aca36a;
| |
| border-image: none;
| |
| border-style: solid;
| |
| border-width: 2px 3px;
| |
| list-style-type: none;
| |
| margin: 0 auto;
| |
| padding: 0;
| |
| text-align: center;
| |
| width: 1000px;
| |
| }
| |
| #header ul.nl li {
| |
| float: left;
| |
| line-height: 100%;
| |
| width: 139px;
| |
| }
| |
| #header ul.nl li a {
| |
| -moz-border-bottom-colors: none;
| |
| -moz-border-left-colors: none;
| |
| -moz-border-right-colors: none;
| |
| -moz-border-top-colors: none;
| |
| border-color: #e4d6b8 #8b7e63 #8b7e63 #e4d6b8;
| |
| border-image: none;
| |
| border-style: solid;
| |
| border-width: 1px;
| |
| color: #ffffff;
| |
| display: block;
| |
| font-weight: bold;
| |
| padding: 13px 2px 5px;
| |
| position: relative;
| |
| text-decoration: none;
| |
| }
| |
| #header ul.nl li a span.en {
| |
| color: #eee8aa;
| |
| display: block;
| |
| font-size: 85%;
| |
| font-weight: normal;
| |
| margin-top: 2px;
| |
| }
| |
| #header ul.nl li a:hover, #header ul.nl li.active a {
| |
| background: #b6a57f url("../image/hor_menu5_on.gif") repeat-x scroll center top;
| |
| color: #f4efc4;
| |
| }
| |
| #header ul.nl li a:hover span.en, #header ul.nl li.active span.en {
| |
| color: #fde337;
| |
| }
| |
| #content {
| |
| background:transparent;
| |
| padding:0px;
| |
| margin:0px;
| |
| width: 100%;
| |
| }
| |
| #main {
| |
| float: right;
| |
| width: 1000px;
| |
| }
| |
| #main div.pageTitle {
| |
| background: #f0e8c7 url("../image/heading_back4.gif") repeat-x scroll center top;
| |
| margin: 0 20px 15px;
| |
| padding: 23px 15px;
| |
| }
| |
| #main div.pageTitle h1 {
| |
| font-size: 160%;
| |
| line-height: 100%;
| |
| margin: 0;
| |
| }
| |
| #main div.section {
| |
| margin: 0 20px 3em;
| |
| }
| |
| #main div.normal div.heading {
| |
| border-bottom: 1px solid #999999;
| |
| margin-bottom: 1.2em;
| |
| padding: 4px 2px;
| |
| }
| |
| #main div.normal div.heading h2 {
| |
| border-left: 5px solid #b6a57f;
| |
| font-size: 130%;
| |
| line-height: 100%;
| |
| margin: 0;
| |
| padding: 2px 0 1px 5px;
| |
| }
| |
| #main div.normal p {
| |
| line-height: 160%;
| |
| margin: 0 5px 1em;
| |
| }
| |
| #main div.emphasis {
| |
| background-color: #ffffff;
| |
| border: 1px solid #d8c89d;
| |
| padding: 1.1em 15px 0;
| |
| }
| |
| #main div.emphasis h2 {
| |
| color: #dc3900;
| |
| font-size: 130%;
| |
| margin: 0 0 0.8em;
| |
| }
| |
| #main div.emphasis p {
| |
| color: #2b2b2b;
| |
| line-height: 150%;
| |
| margin: 0 0 1em;
| |
| }
| |
| #main div.update dl {
| |
| margin: 0 auto;
| |
| width: 580px;
| |
| }
| |
| #main div.update dt {
| |
| float: left;
| |
| line-height: 120%;
| |
| padding: 7px 0 6px 3px;
| |
| width: 6.7em;
| |
| }
| |
| #main div.update dd {
| |
| border-bottom: 1px dotted #ffffff;
| |
| line-height: 120%;
| |
| margin: 0;
| |
| padding: 7px 3px 6px 6.6em;
| |
| }
| |
| #nav {
| |
| float: right;
| |
| padding-left: 10px;
| |
| width: 200px;
| |
| }
| |
| #nav div.section {
| |
| background-color: #f6f0d4;
| |
| padding-bottom: 5px;
| |
| }
| |
| #nav div.heading {
| |
| background: #3f3f3f url("../image/heading_back_gray3.gif") repeat-x scroll center top;
| |
| border: 1px solid #666666;
| |
| margin: 0 0 0.7em;
| |
| padding: 5px;
| |
| }
| |
| #nav div.section h2 {
| |
| border-left: 4px solid;
| |
| color: #f9f9f9;
| |
| font-size: 100%;
| |
| line-height: 100%;
| |
| margin: 0;
| |
| padding: 2px 0 2px 7px;
| |
| }
| |
| #nav div.section p {
| |
| line-height: 130%;
| |
| margin: 0 5px 0.7em;
| |
| }
| |
| #nav div.normal h2 {
| |
| border-left-color: #c0c0c0;
| |
| }
| |
| #nav div.emphasis h2 {
| |
| border-left-color: #add8e6;
| |
| }
| |
| #nav div.strong h2 {
| |
| border-left-color: #fde337;
| |
| }
| |
| #nav div.subMenu div.heading {
| |
| margin: 0;
| |
| }
| |
| #nav div.subMenu h2 {
| |
| border-left-color: #add8e6;
| |
| }
| |
| #nav div.subMenu ul.nl {
| |
| border: 1px solid #666666;
| |
| list-style-type: none;
| |
| margin: 1px 0 0;
| |
| padding: 0;
| |
| }
| |
| #nav div.subMenu ul.nl li {
| |
| border-bottom: 1px solid #404040;
| |
| border-top: 1px solid #808080;
| |
| }
| |
| #nav div.subMenu ul.nl li a {
| |
| background: #3f3f3f url("../image/ver_menu4_off.gif") repeat-x scroll center top;
| |
| color: #e0e0e0;
| |
| display: block;
| |
| padding: 14px 10px;
| |
| position: relative;
| |
| text-decoration: none;
| |
| }
| |
| #nav div.subMenu ul.nl li a:hover {
| |
| background: #505050 url("../image/ver_menu4_on.gif") repeat-x scroll center top;
| |
| text-decoration: underline;
| |
| }
| |
| #nav div.contact {
| |
| padding-bottom: 0.3em;
| |
| }
| |
| #nav div.contact p {
| |
| margin-bottom: 0.4em;
| |
| }
| |
| #nav div.contact p.form a {
| |
| background: #3f99b3 url("../image/form_back1_off.gif") repeat-x scroll center top;
| |
| color: #ffffff;
| |
| display: block;
| |
| font-size: 110%;
| |
| font-weight: bold;
| |
| padding: 12px 2px;
| |
| position: relative;
| |
| text-decoration: none;
| |
| }
| |
| #nav div.contact p.form a:hover {
| |
| background: #54b3cf url("../image/form_back1_on.gif") repeat-x scroll center top;
| |
| }
| |
| #content hr.clear {
| |
| clear: right;
| |
| margin: 0;
| |
| visibility: hidden;
| |
| width: 100%;
| |
| }
| |
| .clearFix::after {
| |
| clear: both;
| |
| content: ".";
| |
| display: block;
| |
| height: 0;
| |
| visibility: hidden;
| |
| }
| |
| .clearFix {
| |
| min-height: 1px;
| |
| }
| |
| #column-one {
| |
| display: none;
| |
| width: 0;
| |
| }
| |
| #footer {
| |
| display: none;
| |
| width: 0;
| |
| }
| |
| .firstHeading {
| |
| display: none;
| |
| width: 0;
| |
| }
| |
| #contentSub {
| |
| display: none;
| |
| width: 0;
| |
| }
| |
| .container {
| |
| background-color: #ffffff;
| |
| margin-top: 0;
| |
| }
| |
| .OWWNBcpCurrentDateFilled {
| |
| display: none;
| |
| }
| |
| #menu li {
| |
| float: left;
| |
| margin: 0;
| |
| padding: 0;
| |
| position: relative;
| |
| text-align: center;
| |
| width: 161px;
| |
| }
| |
| #menu li a {
| |
| color: #dc4e4e;
| |
| display: block;
| |
| font-size: 100%;
| |
| font-weight: bold;
| |
| line-height: 1;
| |
| margin: 0;
| |
| padding: 15px 0 11px;
| |
| text-decoration: none;
| |
| }
| |
| #menu li:hover > a {
| |
| background: #ffffff none repeat scroll 0 0;
| |
| color: #dc4e4e;
| |
| }
| |
| #menu > li:hover > a {
| |
| border-radius: 3px;
| |
| }
| |
| #menu li ul {
| |
| border-radius: 0;
| |
| left: 0;
| |
| list-style: outside none none;
| |
| margin: 0;
| |
| padding: 0;
| |
| position: absolute;
| |
| top: 100%;
| |
| }
| |
| #menu li:last-child ul {
| |
| left: -100%;
| |
| width: 100%;
| |
| }
| |
| #menu li ul li {
| |
| color: #dc4e4e;
| |
| height: 0;
| |
| overflow: hidden;
| |
| transition: all 0.2s ease 0s;
| |
| width: 200%;
| |
| }
| |
| #menu li ul li a {
| |
| background: #ffffff none repeat scroll 0 0;
| |
| font-size: 12px;
| |
| font-weight: normal;
| |
| padding: 13px 15px;
| |
| text-align: left;
| |
| }
| |
| #menu li:hover ul li {
| |
| border-bottom: 1px solid #ffffff;
| |
| border-top: 1px solid #ffffff;
| |
| height: 38px;
| |
| overflow: visible;
| |
| }
| |
| #menu li:hover ul li:first-child {
| |
| border-top: 0 none;
| |
| }
| |
| #menu li:hover ul li:last-child {
| |
| border-bottom: 0 none;
| |
| }
| |
| #menu li:hover ul li:last-child a {
| |
| border-radius: 0;
| |
| }
| |
| BODY { | |
| }
| |
| </style>
| |
| </head> | |
| </html> | |