@import "reset.css"; @import "contactform.css"; @import "scroll_top.css"; body {background:url(../images/bg.jpg) no-repeat 50% 120px; font-size:13px; color:#515151; font-family:'Arial';} html {overflow-y:scroll;} #headerLang ul,#mainNavWrapper ul,#sectionWrapper,#flashBanner,#indexCol1,#indexCol2,#indexCol3,#indexContent,#footer,#footerchi, #bannerCompany,#bannerServices,#bannerProducts,#bannerContact,#innerContent,#indexContentchi, #bannerCompanychi,#bannerServiceschi,#bannerProductschi,#bannerContactchi,#imgCompanyinfo,#infoOl,#contactusLink,#serviceItem,#serviceWrapper, #productItem,#productWrapper,#imgCompanyinfoChi {position:relative;} #header,#headerWrapper,#headerLogo {height:100px;} #header,#mainNav {width:100%;} #header {background:url(../images/top_bg.png) repeat-x;} #headerWrapper {width:882px; margin:0 auto;} #headerLogo {width:720px; float:left; background:url(../images/main_logo.png) no-repeat; cursor:pointer;} #headerLang {width:130px; float:right; height:32px; background:url(../images/bg_lang.png) no-repeat;} #headerLang ul {left:32px; top:7px;} #headerLang ul li {display:inline; list-style-type:none;} #mainNav,#mainNavWrapper {height:43px;} #mainNav {background:url(../images/nav_main_bg.png) 50% 0 repeat-x;} #mainNavWrapper {width:936px; margin:0 auto; background:url(../images/nav_main_all_bg.png) 50% 0 repeat-x;} #mainNavWrapper ul li {width:133px; height:34px; display:inline; margin:0 0 0 10px;} #mainNavWrapper ul {left:105px;} .btnHome,.btnCompany,.btnServices,.btnProducts,.btnContact {width:133px; height:34px; background-position: left bottom; float:left; cursor:pointer;} .btnHome {background:url(../images/btn_home_off.png) no-repeat;} .btnCompany {background:url(../images/btn_company_off.png) no-repeat;} .btnServices {background:url(../images/btn_services_off.png) no-repeat;} .btnProducts {background:url(../images/btn_products_off.png) no-repeat;} .btnContact {background:url(../images/btn_contact_off.png) no-repeat;} #sectionWrapper,#sectionTop,#sectionBody,#sectionBottom {width:864px;} #sectionTop,#sectionBottom,#footer,#footerchi {height:26px;} #sectionWrapper {height:auto; margin:0 auto; top:-18px;} #sectionTop {background:url(../images/main_wrapper_top.png) no-repeat;} #sectionBody {height:auto; background:url(../images/main_wrapper_body.png) repeat-y; padding:0 0 30px 0;} #sectionBottom {background:url(../images/main_wrapper_bottom.png) no-repeat;} #flashBanner,#indexContent,#indexContentchi {width:799px;} /*#bannerCompany,#bannerServices,#bannerProducts,#bannerContact, #bannerCompanychi,#bannerServiceschi,#bannerProductschi,#bannerContactchi {width:799px; height:200px; left:32px;}*/ /*#bannerCompany {background:url(../images/bannerCompany.png);}*/ /*#bannerServices {background:url(../images/bannerServices.png);}*/ /*#bannerProducts {background:url(../images/bannerProducts.png);}*/ /*#bannerContact {background:url(../images/bannerContact.png);}*/ /*#bannerCompanychi {background:url(../images/bannerCompanychi.png);}*/ /*#bannerServiceschi {background:url(../images/bannerServiceschi.png);}*/ /*#bannerProductschi {background:url(../images/bannerProductschi.png);}*/ /*#bannerContactchi {background:url(../images/bannerContactchi.png);}*/ #innerContent {width:740px; } #imgCompanyinfo,#imgCompanyinfoChi{width:500px; height:471px; top:10px; left:110px;} #imgCompanyinfo {background:url(../images/img_companyinfo.jpg) no-repeat;} #imgCompanyinfoChi {background:url(../images/img_companyinfo_chi.jpg) no-repeat;} #infoOl {width:720px; left:20px;} #contactusLink {left:240px; top:20px;} #innerContent {height:auto; padding:0 0 20px 0; left:60px; top:20px; line-height:20px;} #innerTitle2,#innerTitle {font-size:18px; font-weight:bold; color:#3a7ca0; } #innerTitle {border-bottom:1px dotted #3a7ca0; } #innerTitle2 {} /*#flashBanner {height:305px; left:35px;}*/ #indexContent {height:436px; background:url(../images/main3_bg.png) 50% no-repeat; top:10px;left:28px;} #indexContentchi {height:436px; background:url(../images/main3_bgchi.png) 50% no-repeat; top:10px;left:28px;} #serviceWrapper {width:780px; height:auto; left:-18px;} #serviceItem {width:185px; height:225px; background-color:#c6e2ec; float:left; margin:8px 0 0 8px;} #serviceItemdes {text-align:center;} #productWrapper {width:780px; height:auto; left:-18px;} #productItem {width:185px; height:225px; background-color:#c6e2ec; float:left; margin:8px 0 0 8px;} #productItemdes {text-align:center;} #producttableWrapperC,#producttableWrapper {width:740px; height:auto; } #producttableWrapper {background:url(../images/mapbg.jpg) -35px 0 no-repeat;} #producttableWrapperC {background:url(../images/mapbgc.jpg) -35px 0 no-repeat;} #producttable {width:100%; padding-top:10px;} #producttable tr {border-bottom:1px dotted #3598bd;} #imgContainer {border:1px solid #3598bd;} #indexCol1,#indexCol2,#indexCol3 {float:left;width:350px; height:100px;margin-left:10px;line-height:20px;} #indexCol1 {left:20px;top:30px; text-align:justify;} #indexCol2 {left:60px;top:30px;} #indexCol3 {left:60px;top:30px;} #btnMore {position:absolute; top:150px; right:0;} #addContact {font-size:20px;} #footerLeft,#footerLeftChi,#footerRight {padding:12px 0 0 0; line-height:20px;} #footer,#footerchi {width:800px; height:100px; margin:0 auto; top:-10px;} #footerLeft,#footerLeftChi {width:500px; height:56px; float:left;} #footerLeft {background:url(../images/footerlogo.png) no-repeat 60px 0;} /* #footerLeftChi {background:url(../images/footerlogo.png) no-repeat -15px 0;} */ #footerLeftChi {background:url(../images/footerlogo.png) no-repeat 25px 0;} #footerRight {float:right;} .active {background-color:#237fb1;} .boldFont {font-weight:bold; font-size:16px;} a:link {color:#000000;text-decoration:none;} a:hover {color:#FF0000;text-decoration:underline;} a:visited {color:#000000;text-decoration:none;} a:active {color:#000000;text-decoration:underline;} /***.clearfix***/ .clearfix:after {content:".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display:inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;}