/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, /*em,*/ img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: middle;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a{
text-decoration:none;
color:#b65b00;
}
table {
/*border-collapse: collapse;*/
border-spacing: 4px ;
}
td{
background:#fff;
padding:5px;
}
td a{
vertical-align: top;
}
/* End of Eric Meyer's CSS Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
}
section{
margin:13px 0 0;
}
aside img{
text-align:center;
}
body {
font: 15px/23px arial, sans-serif;
width: 100%;
background:#EAEAEA;
}
/* Begin of styles for the demo (you can remove them) */
a.expand {
width: 90px;
display: block;
margin: 10px 0 0;
}
a.expand:hover {
height: 500px;
}
h1{
font-size:25px;
color:#6c5f55;
line-height:5px;
visibility: hidden;
}
h2{
font-size: 25px;
line-height: 28px;
padding: 0 0 10px 10px;
border-bottom: 1px #6b7f23 solid;
color: #6b7f23;
}
h3{
font-size:22px;
line-height:24px;
}
h4{
font-size:15px;
margin:0 0 10px 0;
}
a .hidden {
display: none;
}
span.hidden{
display: none;
}
.heading1{
font-size:25px;
color:#6c5f55;
line-height:48px;
}
.heading2{
font-size: 25px;
line-height: 28px;
padding: 0 0 10px 10px;
border-bottom: 1px #6b7f23 solid;
color: #6b7f23;
}
.heading3{
font-size:22px;
line-height:24px;
}
.heading4{
font-size:15px;
margin:0 0 10px 0;
}
/* End of of styles for the demo */
.wrapper {
width: 1000px;
margin: 0 auto;
}
.grid4col{
width:100%;
}
.column {
float: left;
}
.right{
float:right;
}
.sp{
margin-top:10px;
}
/* Header
-----------------------------------------------------------------------------*/
.header {
height: 152px;
}
.header img{
padding:0;
margin:0;
}
.official{
padding:0;
margin:0;
border:0;
height:89px;
background:url(/images/bkgdtexture.gif);
border-bottom:2px solid #bb3333;
}
.theme{
background:url(/images/d1-header.jpg);
text-align:right;
clear:both;
width:1000px;
height:67px;
}
.10th-logo{
width:65px;
text-align:center;
}
.mod-header{
padding:0;
margin:0;
height:200px;
}
.box li{
list-style:none;
}
.box{
width:400px;
background:#fff;
float:left;
margin:13px 0 0 13px;
position: relative;
}
.box-half{
width:400px;
background:#fff;
float:left;
margin:0px 0 0 0px;
position: relative;
}
.box-block{
background:#fff;
margin:13px 0 0 13px;
clear:both;
top:13px;
position:relative;
height:142px;
}
.box-block li{
margin:0 10px;
float:left;
}
.services li .heading4{
width: 100%;
padding: 85px 0 0 0;
text-align: center;
display: inline-block;
}
.service-icon-link {
display:inline-block;
width:100%;
text-align: center;
margin-top: 85px;
}
.box h4{
margin:0 0 10px 10px;}
/*.box h1 {
position: relative;
top: -60px;
width: 190px;
line-height: 24px;
text-align: center;
color: #fff;
height: 0px;
}*/
.box span{
float:left;
}
.topmenu_areabox{
bottom:-5px;
position:relative;}
.topmenu_areabox a{
display:block;
float:left;
}
.topmenu_areabox .right{
/*width:350px;
position:relative;
bottom:5px;
text-align:right;*/
width: 370px;
position: absolute;
bottom: 4px;
text-align: right;
right: 0;
}
a.gov_icon_menu{
background:url(/images/header/mainbar1.gif);
height:19px;
width:171px;
}
a.gov_icon_menu:hover{
background:url(/images/header/mainbar1_f2.gif);
height:19px;
width:171px;
}
a.top_lang_menu_en{
background:url(../images/header/mainbar4.gif);
height:19px;
width:56px;
}
a.top_lang_menu_en:hover{
background:url(../images/header/mainbar4_f2.gif);
height:19px;
width:56px;
}
a.top_lang_menu_zh{
background:url(/images/header/mainbar3e.gif);
height:19px;
width:51px;
}
a.top_lang_menu_zh:hover{
background:url(/images/header/mainbar3_f2e.gif);
height:19px;
width:51px;
}
a.top_lang_menu_cn{
background:url(/images/header/mainbar4e.gif);
height:19px;
width:51px;
}
a.top_lang_menu_cn:hover{
background:url(/images/header/mainbar4_f2e.gif);
height:19px;
width:51px;
}
a.normalfont{
background:url(/images/header/SmallARed.png.gif);
}
a.normalfont{
background:url(/images/header/SmallARed.png.gif);
}
a.topmenu_sitemap{
background:url(/images/header/mainbar3_f2e.gif);
}
a.topsearch_icon{
background:url(/images/header/mainbar8e.gif);
width:24px;
height:19px;
}
a.topsearch_icon:hover{
background:url(/images/header/mainbar8_f2e.gif);
width:24px;
height:19px;
}
a.topsearch_label{
background:url(/images/header/mainbar6.gif);
width:54px;
height:19px;
}
a.topsearch_label:hover{
background:url(/images/header/mainbar6_f2.gif);
width:54px;
height:19px;
}
a.topsearch_label_tc{
background:url(/images/header/mainbar6tc.gif);
width:37px;
height:19px;
}
a.topsearch_label_tc:hover{
background:url(/images/header/mainbar6tc_f2.gif);
width:37px;
height:19px;
}
a.topsearch_label_sc{
background:url(/images/header/mainbar6sc.gif);
width:37px;
height:19px;
}
a.topsearch_label_sc:hover{
background:url(/images/header/mainbar6sc_f2.gif);
width:37px;
height:19px;
}
a.topmenu_email{
background:url(/images/header/mainbar10c.gif);
width:36px;
height:20px;
}
a.topmenu_email:hover{
background:url(/images/header/mainbar10_f2c.gif);
width:36px;
height:20px;
}
a.topmenu_sitemap{
background:url(/images/header/mainbar9e.gif);
width:65px;
height:19px;
}
a.topmenu_sitemap:hover{
background:url(/images/header/mainbar9_f2e.gif);
width:65px;
height:19px;
}
a.topmenu_sitemap_tc{
background:url(/images/header/mainbar9tc.gif);
width:68px;
height:19px;
}
a.topmenu_sitemap_tc:hover{
background:url(/images/header/mainbar9_f2tc.gif);
width:68px;
height:19px;
}
a.topmenu_sitemap_sc{
background:url(/images/header/mainbar9sc.gif);
width:68px;
height:19px;
}
a.topmenu_sitemap_sc:hover{
background:url(/images/header/mainbar9_f2sc.gif);
width:68px;
height:19px;
}
.searchInput{
width:143px;
height:15px;
font-family: Arial;
}
#search_input_area{
float:left;
}
/* Module Title
-----------------------------------------------------------------------------*/
.box h3{
font-size:22px;
line-height:28px;
}
#title-10th-en{
background:url(/images/home/10th-img.jpg);
float:left;
background-repeat:no-repeat;
background-position: 100% 0;
}
#title-10th-en a{
display: block;
width:400px;
height:200px;
float:left;
}
#title-10th-en div {
position:absolute;
top:150px;
left:20px;
font-size: 22px;
}
#title-10th-chi{
background:url(/images/home/10th-img.jpg);
/*width:400px;*/
/*height:200px;*/
float:left;
background-repeat:no-repeat;
background-position: 100% 0;
/*display: block;*/
/* background-position:100%, 0; */
}
#title-10th-chi a{
display: block;
width:400px;
height:200px;
float:left;
}
#title-10th-chi div {
position:absolute;
top:150px;
left:45px;
font-size: 22px;
}
.title-10th img{
float: left;
}
.title-10th-tc{
background:url(/images/home/title-icon-10th-tc.jpg);
width:400px;
height:200px;
float:left;
background-repeat:no-repeat;
/* background-position:100%, 0; */
}
.title-10th-sc{
background:url(/images/home/title-icon-10th-sc.jpg);
width:400px;
height:200px;
float:left;
background-repeat:no-repeat;
/* background-position:100%, 0; */
}
.title-10th img{
float:right;
}
.title-10th-tc img{
float:right;
}
.title-10th-sc img{
float:right;
}
#title-icon-community{
background-image:url(/images/home/icon-community.jpg);
width:400px;
height:200px;
background-color:#cc2200;
background-repeat:repeat-y;
background-position: 100% 0;
}
#title-icon-community a{
float:left;
/* color:#cb2200;*/
width:200px;
height:200px;
color:#fff;
border:0;
display:block;
}
#title-icon-community span {
line-height:25px;
text-align:center;
display: inline-block;
width:200px;
}
#title-icon-community .tc {
padding-top: 30px;
margin-top:60px;
}
#title-icon-community .eng {
padding-top: 30px;
margin-top:30px;
}
#title-icon-community .undericon{
padding-top: 30px;
margin-top:120px;
color:#cc2200;
}
#title-icon-community .undericon2{
padding-top: 30px;
margin-top:120px;
color:#cc2200;
}
.title-icon-community + .heading4 {
display: inline-block;
width: 290px;
margin-left: 10px;
}
#title-icon-mobile{
width:200px;
height:100px;
background-color:#ff9900;
background-repeat:repeat-y;
background-position: 100% 0;
}
#title-icon-mobile a{
float:left;
/* color:#cb2200;*/
width:200px;
height:100px;
color:#fff;
border:0;
display:block;
}
#title-icon-mobile span {
line-height:25px;
text-align:center;
display: inline-block;
width:200px;
}
#title-icon-mobile .tc {
padding-top: 30px;
margin-top:60px;
}
#title-icon-mobile .eng {
padding-top: 30px;
margin-top:0px;
}
#title-icon-mobile .undericon{
padding-top: 30px;
margin-top:120px;
color:#cc2200;
}
#title-icon-mobile .undericon2{
padding-top: 30px;
margin-top:120px;
color:#cc2200;
}
.title-icon-job{
background:url(/images/home/title-icon-job.jpg);
width:200px;
height:200px;
}
.title-icon-news{
background:url(/images/home/title-icon-news.jpg);
width:200px;
height:200px;
float:left;
}
.title-icon-news h3{
color:#955a17;
text-align:center;
line-height: 320px;
height: 200px;
}
#title-icon-nothing{
width:400px;
height:200px;
background-color:#ffffff;
background-repeat:repeat-y;
background-position: 100% 0;
}
#title-icon-community-engagement{
background-image:url(/images/home/icon-community1.jpg);
width:400px;
height:100px;
background-color:#cc2200;
background-repeat:repeat-y;
background-position: 100% 0;
}
#title-icon-community-engagement a{
float:left;
/*color:#cb2200;*/
width:200px;
height:100px;
color:#fff;
border:0;
display:block;
}
#title-icon-community-engagement span {
line-height:25px;
text-align:center;
display: inline-block;
width:200px;
}
#title-icon-community-engagement .tc {
padding-top: 30px;
margin-top:60px;
}
#title-icon-community-engagement .eng {
padding-top: 1px;
margin-top:10px;
}
#title-icon-community-engagement1{
background-image:url(/images/home/icon-community1.jpg);
width:400px;
height:100px;
background-color:#cc2200;
background-repeat:repeat-y;
background-position: 100% 0;
}
#title-icon-community-engagement1 a{
float:left;
width:200px;
height:100px;
color:#fff;
border:0;
display:block;
}
#title-icon-community-engagement1 span {
line-height:25px;
text-align:center;
display: inline-block;
width:200px;
}
#title-icon-community-engagement1 .tc {
padding-top: 30px;
margin-top:60px;
}
#title-icon-community-engagement1 .eng {
padding-top: 1px;
margin-top:10px;
}
#title-icon-engagement{
background-image:url(/images/home/icon-engagement.jpg);
width:400px;
height:200px;
background-color:#ff9900;
background-repeat:repeat-y;
background-position: 100% 0;
}
#title-icon-engagement a{
float:left;
/*color:#cb2200;*/
width:200px;
height:200px;
color:#fff;
border:0;
display:block;
}
#title-icon-engagement span {
line-height:25px;
text-align:center;
display: inline-block;
width:200px;
}
#title-icon-engagement .tc {
padding-top: 30px;
margin-top:60px;
}
#title-icon-engagement .eng {
padding-top: 30px;
margin-top:50px;
}
#title-icon-engagement .undericon{
padding-top: 30px;
margin-top:120px;
color:#cc2200;
}
.title-icon-engagement + .heading4 {
display: inline-block;
width: 290px;
margin-left: 10px;
}
#title-icon-publication{
background-image:url(/images/home/title-icon-publication.jpg);
width:400px;
height:200px;
background-color:#853b70;
background-repeat:repeat-y;
}
#title-icon-publication a{
width:200px;
height:200px;
float:left;
display: block;
}
#title-icon-publication .heading3{
display: inline-block;
width: 200px;
text-align:center;
color:#fff;
}
.title-icon-publication span{
text-align: center;
width: 100%;
display: inline-block;
padding-top: 150px;
color:#853b70;
}
#title-icon-publication .eng{
margin-top: 85px;
}
#title-icon-publication .tc{
margin-top: 85px;
}
/*.title-icon-publication h2{
margin:0 0 0 200px;
text-align:center;
color:#fff;
line-height:200px;
border-bottom: 0px;
}
*/
.clearbox{
clear: both;
background-color:transparent;
}
.clearbox img{
float: left;
width: 200px;
height: 200px;
}
.clearbox .right{
float: right;
}
.title-icon-publicservices{
background-image:url(/images/home/title-icon-publicservice1.jpg);
width:400px;
height:200px;
background-color:#12848e;
background-repeat:repeat-y;
}
/*.title-icon-publicservices h2{
margin:0 0 0 200px;
text-align:center;
color:#fff;
line-height:200px;
border-bottom: 0px;
}
*/
#title-icon-publicservices a{
width:200px;
height:200px;
float:left;
background-color:#12848e;
display: inline-block;
}
#title-icon-publicservices .heading3{
display: inline-block;
width: 200px;
text-align:center;
color:#fff;
}
.title-icon-publicservices span{
text-align: center;
width: 100%;
display: inline-block;
padding-top: 150px;
color:#12848e;
}
#title-icon-publicservices .eng{
margin-top: 85px;
}
#title-icon-publicservices .tc{
margin-top: 85px;
}
.title-icon-slopesafety{
background:url(/images/home/title-icon-slopesafety.jpg);
width:200px;
height:200px;
}
.title-icon-tender{
color:#1f69a6;
background:url(/images/home/title-icon-tender.jpg);
width:200px;
height:200px;
float:left;
display: block;
}
.title-icon-tender span{
text-align: center;
width: 100%;
display: inline-block;
padding-top: 150px;
}
.tender .category {
float: left;
}
.tender .category li {
background: #1f69a6;
color: #fff;
width: 200px;
border-bottom: 1px solid white;
height: 99px;
}
.tender .category .head4{
color: #fff;
display: block;
font-size: 22px;
line-height: 24px;
/*padding-left: 10px;*/
text-align:center;
}
.paddingcase1{
padding: 40px 0;
}
.paddingcase2{
padding: 28px 0;
}
.paddingcase3{
padding: 28px 0;
}
.tender .category #last {
height: 101px;
border: 0!important;
}
/*.title-icon-tender h3{
color:#1f69a6;
line-height: 320px;
height: 200px;
}
.tender .category{
margin:0 0 0 200px;
height:200px;
}
.tender .category li{
background: #1f69a6;
color: #fff;
margin: 1px 0;
padding: 30px 0;
height: 39px;
}*/
/*.tender .category li h4{
font-size:15px;
padding:8px 0 0 0px;
}*/
/*
.tender .category li:first-child{
border-bottom:1px solid #fff;
}*/
.title-icon-topicinfocus{
background:url(/images/home/title-icon-topicinfocus.jpg);
width:400px;
height:100px;
display: block;
}
/*raku*/
.title-icon-topicinfocus h1{
font-size:22px;
line-height: 100px;
margin-left: 124px;
color:#6b7f23;
text-align:center;
}
.title-icon-topicinfocus span{
/*font-size: 22px;*/
line-height: 100px;
float: right;
color: #6b7f23;
text-align: center;
display: inline-block;
width: 276px;
}
#title-icon-video{
background:url(/images/home/title-icon-video.jpg);
color:#955a17;
width:400px;
height:200px;
background-repeat:no-repeat;
background-position:100% 0;
}
#title-icon-video a {
display: block;
width:200px;
height:200px;
float:left;
}
#title-icon-video .iframeVideo{
}
#title-icon-video .heading3{
display: inline-block;
text-align:center;
margin-top: 150px;
width: 200px;
}
.title-icon-slope-en{
background:url(/images/home/title-icon-slopesafety-en.jpg);
width:200px;
height:200px;
float:left;
}
.title-icon-slope-en .heading3 {
width: 200px;
display: inline-block;
padding: 140px 0 0;
text-align: center;
color: #645d4f;
}
.title-icon-slope-c{
background:url(/images/home/title-icon-slopesafety-c.jpg);
width:200px;
height:200px;
float:left;
}
.title-icon-slope-c .heading3 {
width: 200px;
display: inline-block;
padding: 150px 0 0;
text-align: center;
color: #645d4f;
}
.title-icon-hongkonggeology{
background:url(/images/home/title-icon-hongkonggeology.jpg);
width:200px;
height:200px;
float:left;
}
.title-icon-hongkonggeology .heading3{
color:#645d4f;
text-align:center;
height: 200px;
width: 100%;
}
.title-icon-hongkonggeology .eng{
margin:140px 0 0 0;
}
.title-icon-hongkonggeology .tc{
margin:150px 0 0 0;
}
.services-icon-environment{
background:url(/images/home//icon-environment.jpg);
width:180px;
height:130px;
}
.services-icon-geo{
background:url(/images/home//icon-geo.jpg);
width:180px;
height:130px;
}
.services-icon-land{
background:url(/images/home//icon-land.jpg);
width:180px;
height:130px;
}
.services-icon-port{
background:url(/images/home//icon-port.jpg);
width:180px;
height:130px;
}
/* Middle
-----------------------------------------------------------------------------*/
.middle {
/*
border-left: 198px solid #42A068;*/
border-left: 174px solid #37dc8c;
position: relative;
top:6px;
}
.middle:after {
display: table;
clear: both;
content: '';
}
.container {
width: 100%;
float: left;
overflow: hidden;
/*margin-right: -100%;*/
}
.home .content {
padding: 0;
}
.content {
padding: 10px 0 0 13px;
min-height:600px;
}
#pagetitle{
font-size:25px;
line-height:48px;
color:#6c5f55;
}
.chart{
background:#fff;
text-align:center;
height:500px;
padding:20px;
}
.chart .headerbox{
background:#007074;
color:#fff;
width:325px;
padding:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin:0 auto;
}
.chart .chart-tree-line-1{
border-right:3px solid #1f69a6;
height: 14px;
width: 50%;
}
.chart .chart-tree-line-2{
border-right:3px solid #1f69a6;
border-left:3px solid #1f69a6;
border-top:3px solid #1f69a6;
height: 14px;
width:80%;
margin:0 auto;
}
.chart li{
background:#1f69a6;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color:#fff;
float:left;
width:90px;
height: 200px;
margin:0 5px;
padding:10px 5px 10px 5px;
}
.chart li h4{
height:100px;
vertical-align:middle;
display: table-cell;
text-align:center;
width:90px;
}
.chart a.button {
background: #ff9933;
color: #103959;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-align: center;
font-size: 12px;
margin-top:5px;
margin-right:6px !important;
margin-left:0 !important;
padding:3px;
width:82%;
}
/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
float: left;
width: 174px;
position: absolute;
background: none;
left: -174px;
}
/* MENU
-----------------------------------------------------------------------------*/
#cssmenu > ul {
list-style: none;
margin: 0;
padding: 0;
vertical-align: baseline;
line-height: 1;
}
/* The container */
#cssmenu > ul {
display: block;
position: relative;
width: 174px;
/* The list elements which contain the links */
}
#cssmenu > ul li {
display: block;
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
#cssmenu .active{
background-color: #2e5b40;
color: #FFFFFF;
}
#cssmenu .showsub {
top:0px;
opacity:1;
}
/* General link styling */
#cssmenu > ul li a {
/* Layout */
display: block;
position: relative;
margin: 0;
padding: 11px 20px;
/* Typography */
color: #234631;
text-decoration: none;
font-size: 15px;
line-height:18px;
font-weight: 300;
/* Background & effects */
/*background: #42A068;*/
background:#37dc8c;
/*background: #2f734a;*/
}
/* Rounded corners for the first link of the menu/submenus */
#cssmenu > ul li:first-child > a {
border-top: 0;
}
/* Rounded corners for the last link of the menu/submenus */
#cssmenu > ul li:last-child > a {
border-bottom: 0;
}
/* The hover state of the menu/submenu links */
#cssmenu > ul li > a:hover,
#cssmenu > ul li:hover > a {
color: #ffffff;
background: #2e5b40;
border-color: transparent;
}
/* The arrow indicating a submenu */
#cssmenu > ul .has-sub > a::after {
content: '';
position: absolute;
top: 16px;
right: 10px;
width: 0px;
height: 0px;
/* Creating the arrow using borders */
/*border: 4px solid transparent;
border-left: 4px solid #ffffff;*/
}
/* The same arrow, but with a darker color, to create the shadow effect */
#cssmenu > ul .has-sub > a::before {
content: '';
position: absolute;
top: 17px;
right: 10px;
width: 0px;
height: 0px;
/* Creating the arrow using borders */
/*border: 4px solid transparent;
border-left: 4px solid #000;*/
}
/* Changing the color of the arrow on hover */
#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
border-left: 4px solid #ffffff;
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
border-left: 4px solid rgba(0, 0, 0, 0.3);
}
/* THE SUBMENUS */
#cssmenu > ul ul {
position: absolute;
left: 100%;
top: -9999px;
padding-left: 5px;
opacity: 0;
width: 200px;
z-index: 999;
/* The fade effect, created using an opacity transition */
-webkit-transition: opacity 0.3s ease-in;
-moz-transition: opacity 0.3s ease-in;
transition: opacity 0.3s ease-in;
}
/* Showing the submenu when the user is hovering the parent link */
#cssmenu > ul li:hover > ul {
top: 0px;
opacity: 1;
}
#cssmenu img{
margin:10px;
}
/* Bottom
-----------------------------------------------------------------------------*/
.bottom{
background:#fff;
padding:10px;
margin:20px 0;
/*visibility:hidden;*/
}
.bottom a {
margin-left: 1px;
vertical-align:top;
display: inline-block;
position: relative;
z-index:1;
}
.otherlinks{
width:100%;
}
.bottom-icons{ top:30px; position:relative;}
.bottom-icons a{ margin: 0 20px 0 0;vertical-align: middle;}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
height: auto;
min-height:580px;
background: #37dc8c;
padding:20px;
color:#234631;
}
.footer br{
text-indent:10px;
}
.footer a{
color:#234631;
}
.grid4col .column{
float:left;
width: 25%;
}
.footer h3{
font-weight:bold;
}
.footer ul{
list-style:circle;
margin:0 40px 20px 18px;
width:206px;
}
.footer li{
font-weight:normal;
}
.toggle-wrapper{
clear:both;
width:100%;
height:50px;
}
.toggle {
background: url(/images/icons/backtotop.png);
background-repeat: no-repeat;
background-position: 100% 0;
padding: 5px 35px 0 0;
float: right;
height: 30px;
position:relative;
margin: 0 10px;
}
/* carousel
-----------------------------------------------------------------------------*/
#slider2 {height:auto; overflow:hidden; padding: 0 0 30px 0; }
#slider2 .viewport { float: left; width: 916px; height:60px; overflow: hidden; position: relative; }
#slider2 .buttons { display: block; margin:10px 5px; float: left;z-index:3; }
#slider2 .next { }
#slider2 .disable {
filter:alpha(opacity=20); /* IE */
-moz-opacity:0.2; /* Mozilla */
opacity: 0.2; /* CSS3 */
pointer-events: none;
cursor: default;
z-index:1;
}
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider2 .overview li{ float: left; margin: 0 10px 12px 0; padding: 0 10px; }
#slider2 .prev{background:url(/images/slider2-btn.png); background-position:0 0; background-repeat:no-repeat;height:36px; width:22px;}
#slider2 .next{background:url(/images/slider2-btn.png); background-position:0 -36px; background-repeat:no-repeat;height:36px; width:22px;}
#slider3 {
height: auto;
overflow:hidden;
background:#FF9933;
clear: both;
}
#wtsnews {
padding-top: 160px;
width: 100%;
text-align: center;
}
.box > .mod-header {
padding: 0;
margin: 0;
/*height: 200px;*/
width: 200px;
float: left;
/*position: absolute;
z-index: 4;
top: 0;*/
background: url(/images/home/title-icon-news.jpg) 0 0 no-repeat;
}
#imgslider {
position: absolute;
right: 0;
top: 0;
width: 200px;
height: 200px;
overflow: hidden;
}
#slider3 li span {
line-height: 1.5em;
padding: 10px 10px;
}
#slider3 li a{
display: block;
width: 400px;
height: 100px;
}
/*#slider3 li img{
float: right;
}*/
/*#slider3 .viewport { float: left; width: 370px; height: 66px; overflow: hidden; position: relative; }*/
#slider3 .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider3 .next { margin: 30px 0 0 10px; }
#slider3 .disable { visibility: hidden; }
#slider3 .overview { list-style: none; padding: 0; margin: 0; /*position: absolute; left: 0; top: 0;*/ }
#slider3 .overview li{ float: left; height: 100px;/*margin: 0 20px 0 0; padding: 8px; */ width: 328px; color:#444; font-size:15px;}
#slider3 .overview a{ color:#444; font-size:15px;}
#slider3 .pager {
overflow:hidden;
list-style: none;
clear: both;
margin: 10px;
float:right;
position: absolute;
z-index: 1;
right: 0;
bottom: 0;
}
#slider3 .pager .hidden {
display: none;
}
#slider3 .pager li { float: left; }
#slider3 .pagenum { background:url(/images/slider3-btn.png) no-repeat; width:15px; height:14px; display: block; margin:0 5px; }
#slider3 .active { color: #fff; background:url(/images/slider3-btn-active.png) no-repeat; width:14px; height:14px; }
#slider4 { border: 1px solid #dcdcdc; height: 200px; overflow:hidden; }
#slider4 .viewport { float: left; width: 400px; height: 200px; overflow: hidden; position: relative;/*overflow-x:hidden; overflow-y:auto;*/ }
#slider4 .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider4 .next { margin: 30px 0 0 10px; }
#slider4 .disable { visibility: hidden; }
#slider4 .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; }
#slider4 .overview li {
/*float: left;
border: 1px solid #dcdcdc;*/
clear: both;
height: 49px;
/*margin: 0 5px 0 0;*/
/*padding: 1px;*/
/*height: 48px;*/
/*border-top: 1px solid #dcdcdc;*/
border-bottom: 1px solid #dcdcdc;
width: 400px;
background: #fff;
/*line-height: 46px;*/
}
#slider4 .overview a {
display: inline-block;
height: 50px;
width: 400px;
}
/* raku */
#slider4 .head4{
float:left;
/*padding-top: 7px;*/
line-height: 18px;
margin: 8px 0 0 10px;
/*margin: 0 10px;*/
width: 320px;
/*margin:10px 0 0 10px;margin:0 0 10px 0;*/
}
#slider4 .short {
margin: 15px 0 0 10px;
}
#slider4 img{
float:left;
/*margin:0 10px 0 0;*/
height:50px;
width:50px;
}
#slider4 .right {
float: right;
margin:0 0 0 10px;
width:50px;
height:50px;
}
/*#slider4 li p{margin:10px 0 0 10px;}*/
/*#slider4 span{padding:0; width:80%; font-size:15px;}*/
#slider4 .pager { overflow:hidden; list-style: none; clear: both; margin: 0 0 0 45px; }
#slider4 .pager li { float: left; }
#slider4 .pagenum { background-color: #fff; text-decoration: none; text-align: center; padding: 5px; color: #555555; font-size: 15px; font-weight: bold; display: block; }
#slider4 .active { color: #fff; background-color: #555555; }
#albumslider { height: 490px; overflow:hidden;}
#albumslider .viewport { float: middle; width: 100px; height: 416px; overflow: hidden; position: relative; /*overflow-x:hidden; overflow-y:auto;*/ }
#albumslider .buttons { display: block; margin: 0 0 0 0; float: middle;z-index:3; }
#albumslider .prev{background:url(/images/btn_up.png); background-position:0 0; background-repeat:no-repeat;height:36px; width:108px;position:relative;z-index:3;}
#albumslider .next{background:url(/images/btn_down.png); background-position:0 0; background-repeat:no-repeat;height:36px; width:108px;position:relative;z-index:3;}
#albumslider .disable {
filter:alpha(opacity=20); /* IE */
-moz-opacity:0.2; /* Mozilla */
opacity: 0.2; /* CSS3 */
pointer-events: none;
cursor: default;
z-index:1;
}
#albumslider .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; }
#albumslider .overview li { float: left;}
#albumslider img{margin:0 0 0 0; height:100px; width:100px; padding: 5px 0 5px 0;}
#albumslider .hideBtnTop {position:absolute;height:40px;width:110px;z-index:2;}
#albumslider .hideBtnBottom {position:absolute;height:40px;width:110px;top:450px;z-index:2;}
#slider5 { height: 400px; overflow:hidden; }
#slider5 .viewport { float: left; width: 7px; height: 400px; overflow: hidden; position: relative; }
#slider5 .buttons { display: block; margin: 30px 10px 0 0; float: left; }
#slider5 .next { margin: 30px 0 0 10px; }
#slider5 .disable { visibility: hidden; }
#slider5 .overview { list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; }
#slider5 .overview li{ float: left; margin: 0; padding:0;width: 810px; color:#fff; font-size:15px;}
#slider5 .pager { overflow:hidden; list-style: none; clear: both; margin: 10px; float:right; bottom:40px; position:relative;}
#slider5 .pager li { float: left; }
#slider5 .pagenum { background:url(/images/slider3-btn.png) no-repeat; width:15px; height:14px; display: block; margin:0 5px; }
#slider5 .active { color: #fff; background:url(/images/slider3-btn-active.png) no-repeat; width:14px; height:14px; }
/* slider
-----------------------------------------------------------------------------*/
.banner { position: relative; overflow: auto; }
.banner li { list-style: none; }
.banner ul li { float: left; }
/* news page
-----------------------------------------------------------------------------*/
.news li{
background:#fff;
height:100px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
margin:10px 0;
line-height: 15px;
/*width: 100%;*/
}
.news li:hover{
background:#FF9933;
height:100px;
color:#000;
}
.news li a{
display: inline-block;
width: 100%;
height: 100%;
}
.news li:hover a{
color:#000;
}
.news a:hover{
color:#000;
}
.news li h5{
color:#444;
}
.news li span{
display:inline-block;
width: 85%;
margin-top: 10px;
}
.news li span:hover{
cursor: pointer;
}
.news li p{
padding:10px;
}
.news li img{
width:100px;
float:left;
margin:0 10px 0 0;
}
/*.news-item .item{
width:100%;
padding:10px;
}*/
.news-item .item{
width:100%;
padding: 10px;
}
/*.news-item .item p{
padding: 10px 0;
}*/
.special .news li.first img{
width:200px !important;
height:200px;
}
.special .news li.first {
height:200px;
}
.special .news li.first:hover {
background:#fff;
color:#444;
}
.special .news li.first a{
display:block;
}
.special .news li h5, .special .item h5{
font-style:italic;
color:#7A949F;
font-size:11px;
}
.special .news li h6{
color:#444;
}
a.button{
background:#FF9933;
padding:10px;
color:#000;
float:right;
margin:0 10px;
}
/* global page
-----------------------------------------------------------------------------*/
.contenttitle{
background:#A9C937;
padding:5px;
color:#000;
margin-bottom:10px;
}
section{
background:#fff;
}
.section{
background:#fff;
margin:13px 0 0;
}
.sectionlower{
background:#fff;
margin:0 0 0;
}
.sectionlower p{
padding:10px;
}
.top{
/*height:300px;*/
}
.top img{
float:left;
margin:0 10px 0 0;}
.content section p{
padding:10px;
}
/* major project
-----------------------------------------------------------------------------*/
.map-tab {
clear:both;
}
.map-tab a.active {
background:#00AEB3;
padding:10px;
color:#444
}
/*.map-tab a.active a{}
.map-tab li a{}
.map-tab li{
}*/
.map-tab a {
float:left;
color:#fff;
display:block;
cursor: pointer;
background:#444;
padding:10px;
color:#fff;
margin:0 5px 10px 5px;
width:173px;
}
.map-nav{
margin:0 2px 0 0;
background:#fff;
height:472px;
width:270px;
overflow-y:scroll;
}
.mapnavshow{
display:block;
}
.mapnavgone{
display:none;
}
.map-nav li{
padding:10px;
}
.map-nav li a{
color:#444;
}
.map-nav li a:hover{
color:#D81F27;
}
.map-nav li div{
display:none;
}
.map-nav li:hover div{
display:block;
}
.map {
background: url(/images/map.jpg);
height: 472px;
width: 540px;
border-left: 1px solid #fff;
background-repeat: no-repeat;
background-color: #00aeb3;
}
.pin{
background:url(/images/pin.png);
width:14px;
height:22px;
position:absolute;
opacity:1;
}
.notpin-eng{
display: inline;
color: white;
position:absolute;
top:200px;
left:440px;
}
.notpin-eng:after{
font-size:15px;
background:DarkSlateGray;
content:'This is a territory-wide project.';padding:10px;
}
.notpin-tc{
display: inline;
color: white;
position:absolute;
top:200px;
left:470px;
}
.notpin-tc:after{
font-size:15px;
background:DarkSlateGray;
/*content:'本項目跨越全港多區 ';padding:10px;*/
}
/*item*/
.major-project-item section h2{
background:#5c747e;
padding:5px;
color:#fff;
font-size:18px;
margin:10px 0;
}
.major-project-item section h3{
font-weight:bold;
line-height:18px;
margin:5px;
color:#444;
}
ol.custom {
list-style-type:lower-roman;
}
ol.custom li{
margin-left:30px;
}
.major-project-item ul{
list-style:circle;
}
.major-project-item p{
padding:10px;
}
.major-project-item center img {
height: 175px;
width: auto;
}
/*publication*/
.tabletitle{
background:#00AEB3;
color:#003637;
padding:5px;
}
a.text_link {
background: #FF9933;
color: #444;
font-size: 15px;
padding: 4px;
width: 190px;
height: 20px;
text-align: center;
display: block;
}
.tableinside1{
width:100%;
}
.tableinside1 .text_link{
margin:0 auto;
}
.tab{
margin:10px 0;
width:100%;
margin-bottom:10px;
height:30px;
}
.tab ul{
width:940px;
}
.tab a li{
background:#fff;
color:#6b7f23;
font-size:15px;
padding:4px;
}
.tab li{
background:#A9C937;
color:#000;
display:inline;
font-size:15px;
padding:4px;
width:43%;
float:left;
}
a.contenttitle {
background:#fff;
color:#A9C937;
width:50%;
}
.special .contenttitle{
width:100%;
margin:10px 0;
}
.news .first{
}
.item {
background:#fff;
padding:10px;
width:100%;
}
.gallery{
#text-align:right;
#margin:10px 0;
padding:0;
right: 0px;
position: relative;
}
.gallery li a{
width:100px;
height:100px;
overflow:hidden;
display:block;
float:left;
margin:2px;
}
.gallery li img{
width:100px;
height:auto;
}
.bigimage{
text-align: center;
width:699px;
}
.bigimage img {
height:490px;
width:auto;
max-width:700px;
}
/*ul.directoy {list-style-image: url('/images/bullet-page.png');}*/
.directoy li{
background: #fff;
height: auto;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
margin: 10px 0;
}
.directoy li:hover {
background: #FF9933;
color: #000;
}
.directoy li:hover a {
color: #000;
}
.directoy li img{
width: 50px;
float: left;
margin: 0 10px 0 0;
}
.directoy li a {
display: inline-block;
background:url(../images/bullet-page.png) 10px 10px no-repeat;
width: 100%;
height: 50px;
padding: 10px;
/*cursor: context-menu;*/
}
.directoy li span {
display: inline-block;
width: 90%;
margin-top:5px;
margin-left: 60px;
}
/*.directoy li:hover span {
cursor: pointer;
}*/
.icon-feedback {
background:url(../images/icon-feedback.png) 3px 3px;
background-repeat:no-repeat;
text-indent:30px;
}
.article {
background:#fff;
padding:20px;
}
.article a {
vertical-align:top;
/*display: inline-block;*/
display: inline;
}
.article .blocklink {
display: inline-block!important;
}
.article .graphimages {
width: 555px;
}
.singleLightbox {
color: #000;
}
.article p.strong {
font-weight: bold;
}
/*ul.directoy_single {list-style-image: url('/images/bullet-page.png');}*/
.article .orderlist1 li{
margin-bottom: 25px;
}
/*.pub_article {
background:#fff;
padding:20px 20px 20px 5px;
}*/
.pub_article p,
.pub_article .header2 {
padding-left:0!important;
}
.pub_article + .header2{
padding: 18px 0 10px 20px;
}
#address{
display:inline-block;
font-weight: bold;
width: 300px;
margin: 40px 0 25px;
}
.costitems {
display: inline-block;
width: 165px;
}
.directoy_single li{
background: #fff;
height: auto;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
margin: 10px 0;
/*padding:10px;
padding-left: 50px;*/
}
.directoy_single li a {
/*background:url('/images/bullet-page.png') 10px 10px no-repeat;*/
display: inline-block;
width: 793px;
height: 100%;
padding: 10px;
/*cursor: context-menu;*/
}
.directoy_single li:hover {
background: #FF9933;
color:#000;
}
.directoy_single li:hover a {
color:#000;
}
/*.directoy_single li:hover span {
cursor: pointer;
}*/
.directoy_single li span{
margin-top: 5px;
display: inline-block;
width: 88%;
}
.directoy_single li img{
width:50px;
float:left;
margin:0 10px 0 0;
}
a.text_link_content {
background: #FF9933;
color: #444;
font-size: 12px;
padding: 4px;
width: 145px;
height: 20px;
text-align: center;
display: inline-block;
}
a.text_link_feedback {
background: #FF9933;
color: #444;
font-size: 15px;
padding: 5px;
height: 25px;
text-align: center;
display: inline-block;
}
div.header1{
font-size:25px;
color:#6c5f55;
line-height:48px;
}
div.header2{
font-size: 25px;
line-height: 28px;
/*padding: 0 0 10px 10px;*/
border-bottom: 1px #6b7f23 solid;
color: #6b7f23;
padding-left:0!important;
padding: 18px 0 10px 20px;
}
div.header3{
/*margin-left: 10px;*/
font-size:22px;
line-height:24px;
}
div.header4{
font-size:15px;
margin-left: 30px;
font-weight: bold;
}
div.header5{
/*margin-left: 10px;*/
}
div.header3 + .header4 {
margin-top: 10px;
}
div.header6{
font-size:13px;
margin:0 0 10px 0;
}
.chart li div.header6{
height:130px;
vertical-align:middle;
display: table-cell;
text-align:center;
width:100px;
}
div.header7{
font-size:15px;
padding: 85px 0 0 0;
text-align: center;
}
div.center {
text-align: center;
}
div.center img {
text-align: center;
height: 175px;
width: auto;
}
p.header4{
font-size:15px;
font-weight: bold;
}
.map1 {
background: url(/images/hkmap-02.png);
height: 472px;
width: 540px;
border-left: 1px solid #fff;
background-repeat: no-repeat;
background-color: #00aeb3;
}
.map2 {
background: url(/images/hkmap-03.png);
height: 472px;
width: 540px;
border-left: 1px solid #fff;
background-repeat: no-repeat;
background-color: #00aeb3;
}
.map3 {
background: url(/images/hkmap-04.png);
height: 472px;
width: 540px;
border-left: 1px solid #fff;
background-repeat: no-repeat;
background-color: #00aeb3;
}
.map4 {
background: url(/images/hkmap-01.png);
height: 472px;
width: 540px;
border-left: 1px solid #fff;
background-repeat: no-repeat;
background-color: #00aeb3;
}
#topnav {
margin-left: 1px;
vertical-align:top;
display: inline-block;
position: relative;
z-index:1;
}
#topnav a {
margin-left: 1px;
vertical-align:top;
display: inline-block;
position: relative;
z-index:1;
}
#content{
/* width:1px;
position: absolute!important;
z-index: -10;*/
}
#topnav a:visited {text-decoration: none; color:#b65b00;}
#topnav a:link {text-decoration: none; color:#b65b00;}
#topnav a:hover {text-decoration: none; color:#b65b00;}
.jobtitle {
font-weight: bold;
}
.logo-fonts {
font-family: 'Limelight', cursive;
}
.green {
color:#25782c;
}
.blue{
color:#283f92;
}
.special .article {
background:#fff;
height:500px
}
.special .article.chinese{
background:#fff;
height:400px
}
.width50 {
width:45%;
float:left;
margin:0 30px 0 0;
}
sup {
vertical-align: super;
font-size: smaller;
}
/*div#skipwrapper, .access{
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
position: absolute;
}*/
#skipwrapper a{
position: absolute;
left: 10px;
padding: 5px 10px;
top:-999px;
text-decoration: none;
}
/*
#skipwrapper a:focus{
top: 0;
}*/
/*for wrapper long text in table cell*/
.wraptext{
width:90px;
word-wrap: break-word;
}
.wraplong{
width:130px;
word-wrap: break-word;
}
/*supertext*/
.article .super{
vertical-align: super;
font-size: 0.8em;
}
.article p{
padding:10px 10px 10px 0px;
/*padding-left:0!important;*/
}
.tableinside1 .longtext {
display: inline-block;
width: 620px;
}
.tableinside1 .longtext_tc {
display: inline-block;
width: 700px;
}
/*rsstable*/
#rssheader2 {
padding-left: 5px;
}
#rsstable {
margin-bottom: 22px;
}
#rsstable .longlink{
padding-right: 100px;
}
#rsstable .subject {
padding-right: 20px;
}
#rsstable .text_link {
width: 160px;
}
/*tendertables*/
.tendertables {
width: 100%;
}
.tendertables .text_link{
margin: 0 auto;
}
.tendertables .date_tc {
display: inline-block;
width: 80px;
}
.tendertables .date {
padding-left: 10px;
vertical-align: bottom;
display: inline-block;
width: 100px;
padding: 0;
}
.tendertables .longtext{
display: inline-block;
width: 400px;
padding: 0;
word-wrap: break-word;
}
/*explosive leaflet table*/
#leaf-cat-table .text_link{
height: auto;
}
.p_of_header4{
margin-left: 30px;
}
ol.lower_alpha{
list-style:lower-alpha;
margin-left:20px;
}
ol.lower_alpha.under_header3{
margin-left:50px;
}
ol.lower_alpha.under_header4{
margin-left:80px;
}
ol.decimal{
list-style:decimal;
margin-left:20px;
}
ol.decimal.under_header3{
margin-left:50px;
}
ol.decimal.under_header4{
margin-left:80px;
}
ol.lower-roman{
list-style:lower-roman;
margin-left:20px;
}
ol.lower-roman.under_header3{
margin-left:50px;
}
ol.lower-roman.under_header4{
margin-left:80px;
}
ul.circle{
list-style:circle;
margin-left:20px;
}
ul.circle.under_header3{
margin-left:50px;
}
ul.circle.under_header4{
margin-left:80px;
}
.project_title{
display:inline-block;
width:650px;
}
}
.timetable td{
height: 45px;
text-align: center;
}
.timetable .left{
text-align: left!important;
}
.timetable .tabletitle{
height:auto!important;
text-align:center;
}
.addressblock{
clear:both;
width:100%;
}
.addressblock span{
display: block!important;
float: left;
}
.addressblock .rightadd {
width: 350px;
/*padding: 10px;*/
}
.addressblock .leftcol {
width: 60px;
padding: 0 10px;
}
.addressblock #post {
padding: 45px 10px;
}
.addressblock #post-tc{
padding: 45px 10px;
}
#post + .rightadd{
margin-top:10px;
}
.bottom-mar li{
margin-bottom:18px;
}
.leftpara {
width: 73%;
float: left;
}
.leftpara + p {
width: 150px;
float: left;
margin-top: 10px;
text-align: center;
}
.leftpara + p a{
width: 100%;
}
.welcome_a{
position:absolute;
top:90px;
text-align: center;
display:block;
width:180px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clearfix img{
max-width: 540px;
}
.clearfix div{
width:30%;
padding:0px;
}
.floatLeft{
float:left
}
.floatRight{
float:right
}
.tenIndex{
background:#FFF ;
height: 200px;
margin-top:10px;
}
.tenIndex img{
float:left;
}
.tenIndex.tenlogo img{
padding-left:5px;
}
.tenIndex.tenlogo{
height:260px;
}
.tenIndex.tenlogochi{
height:200px;
}
.tenIndex.tenlogochi img{
padding-left:5px;
}
.welcomebox{
width:100%;
position:relative;
height:120px;
}
.mobile{
width:100%;
background: #FF9933;
height:60px;
padding: 10px 10px 10px 20px;
}
.mobile p{
width:50%;
float: left;
}
.mobilelink{
width:20%;
height:45px;
float: left;
padding-left: 20px;
}
.width101{
width: 101px;
}
/* 10th project
-----------------------------------------------------------------------------*/
.tenFirst{
background:url(/images/10th/bg_10th_anniversary_1_tw.jpg);
height:751px;
width:813px;
}
.tenPage{
background:url(/images/10th/bg_10th_anniversary_2_tw.png);
height:751px;
width:813px;
position:relative;
padding-left: 40px;
padding-right: 40px;
}
.tenFirst .firstP{
height: 387px;
width: 340px;
top: 445px;
left: 277px;
position: absolute;
}
.tenFirst .firstPchi{
height: 387px;
width: 222px;
top: 445px;
left: 277px;
position: absolute;
}
.tenheader{
color: #005386;
font-weight: bold;
}
/*page1*/
.tenPage .page1p1{
position:absolute;top:100px;left:50px;width:350px
}
.tenPage .page1p2{
position:absolute;top:350px;left:400px;width:400px;
}
.tenPage .page1img1{
position:absolute;top:90px;right:150px;
}
.tenPage .page1img1chi{
position:absolute;top:90px;right:150px;
}
.tenPage .page1img2{
position:absolute;top:350px;width:360px;
}
.tenPage .page1p1chi{
position:absolute;top:100px;left:50px;width:350px
}
.tenPage .page1p2chi{
position:absolute;top:390px;left:400px;width:400px;
}
/*page2*/
.tenPage .page2p1{
position:absolute;top:110px;left:50px;width:460px
}
.tenPage .page2p2{
position:absolute;top:400px;left:50px;width:700px;
}
.tenPage .page2img1{
position:absolute;top:90px;right:65px; width:300px;
}
.tenPage .page2img1chi{
position:absolute;top:90px;right:65px; width:300px;
}
.tenPage .page2p1chi{
position:absolute;top:130px;left:50px;width:420px
}
.tenPage .page2img2{
position:absolute;top:540px;right:80px;
}
.tenPage .page2img2chi{
position:absolute;top:540px;right:80px;
}
/*page3*/
.tenPage .page3p1{
position:absolute;top:100px;left:50px;width:350px
}
.tenPage .page3p2{
position:absolute;top:350px;left:400px;width:400px;
}
.tenPage .page3img1{
position:absolute;top:90px;right:110px;
}
.tenPage .page3img1chi{
position:absolute;top:90px;right:100px;
}
.tenPage .page3img2{
position:absolute;top:350px;width:320px;
}
.tenPage .page3img2chi{
position:absolute;top:350px;width:320px;
}
.tenPage .page3p1chi{
position:absolute;top:100px;left:50px;width:300px
}
.tenPage .page3p2chi{
position:absolute;top:390px;left:400px;width:400px;
}
/*page4*/
.tenPage .page4p1{
position:absolute;top:137px;left:65px;width:400px
}
.tenPage .page4img1{
position:absolute;top:112px;right:180px;
}
.tenPage .page4img2{
position:absolute;top:390px;left:150px;
}
.tenPage .page4img2chi{
position:absolute;top:330px; left:150px;
}
/* page5*/
.tenPage .page5p1{
position:absolute;top:80px;left:50px;width:400px
}
.tenPage .page5p2{
position:absolute;top:360px;left:50px;width:420px;
}
.tenPage .page5img1{
position:absolute;top:65px;right:95px;
}
.tenPage .page5img2{
position:absolute;top:380px;right:95px;
}
.tenPage .page5p1chi{
position:absolute;top:80px;left:50px;width:400px
}
.tenPage .page5p2chi{
position:absolute;top:360px;left:50px;width:420px;
}
.tenPage .page5img1chi{
position:absolute;top:65px;right:95px;
}
.tenPage .page5img2chi{
position:absolute;top:380px;right:95px;
}
/*page6*/
.tenPage .page6p1{
position:absolute;top:100px;left:65px;width:700px
}
.tenPage .page6img1{
position:absolute;top:330px;left:140px
}
.tenPage .page6img1chi{
position:absolute;top:300px;left:140px
}
/*page7*/
.tenPage .page7p1{
position:absolute;top:80px;left:65px;width:700px
}
.tenPage .page7img1{
position:absolute;top:480px;left:200px
}
.tenPage .page7img2{
position:absolute;top:280px;left:100px
}
.tenPage .page7p1chi{
position:absolute;top:80px;left:65px;width:700px
}
.tenPage .page7img1chi{
position:absolute;top:400px;left:200px
}
.tenPage .page7img2chi{
position:absolute;top:200px;left:100px
}
/*page8*/
.tenPage .page8p1{
position:absolute;top:100px;left:65px;width:450px
}
.tenPage .page8img1{
position:absolute;top:100px;right:100px;
}
.tenPage .page8img2{
position:absolute;top:350px;right:100px;
}
.tenPage .page8p1chi{
position:absolute;top:120px;left:65px;width:400px
}
.tenPage .page8img1chi{
position:absolute;top:100px;left:530px
}
.tenPage .page8img2chi{
position:absolute;top:350px;left:530px
}
/*page9*/
.tenPage .page9p1{
position:absolute;top: 80px;left: 50px;width: 730px;
}
.tenPage .page9img1{
position:absolute;top: 365px;right: 350px;
}
.tenPage .page9p1chi{
position:absolute;top: 80px;left: 50px;width: 730px;
}
.tenPage .page9img1chi{
position:absolute;top: 280px;right: 350px;
}
.greeningdl{
width:170px!important;
display:block;
}
p span{
vertical-align: top!important;
}