*{
    margin:0px;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    }
body{
    background: #009933 url(../image/bg-green.jpg) repeat;
    }
img,object{
    display:block;
    }
a:focus {
    outline:none;
    -moz-outline:none;
}
body#long-text{
    background-attachment:fixed;
	}
body#blue{
    background:#58A6BD url(../image/bg-blue.jpg) repeat-x fixed;
    }
#content{
    margin:0px auto;
    width:806px;
    position:relative;
    }
/*-----------------------------banner----------------------------------------*/
#banner-home{
    width:806px;
    height:72px;
    }
#banner-home,#banner-introduction{
    background:url(../image/banner-home.jpg) no-repeat;
    }
#banner-cleaner-greener,#banner-award,#banner-stewardship{
    background:url(../image/banner-cleaner-greener.jpg) no-repeat;
    }
#banner-news{
    background:url(../image/banner-news.jpg) no-repeat;
    }
#banner-making{
    background:url(../image/banner-making.jpg) no-repeat;
    }
#banner-global-map{
    background:url(../image/banner-global-map.jpg) no-repeat;
    }
#banner-history{
    background:url(../image/banner-history.jpg) no-repeat;
    }
#banner-products{
    background:url(../image/banner-products.jpg) no-repeat;
    }
#banner-awards{
    background:url(../image/banner-awards.jpg) no-repeat;
    }
#banner-about-us-business-servic{
    background:url(../image/banner-about-us-business-servic.jpg) no-repeat;
    }
#banner-customers{
    background:url(../image/banner-customers.jpg) no-repeat;
    }
/*-----------------------------banner end----------------------------------------*/
#go-home{
    display:block;
    width:170px;
    height:72px;
    text-indent:-9999px;
    }
.languages{
    width:350px;
    position:absolute;
    top:0px;
    left:450px;
}
.languages a{
    display:block;
    height:20px;
    width:65px;
    line-height:20px;
    background:#060;
    font-size:12px;
    color:#FFF;
    text-decoration:none;
    float:right;
    margin-top:10px;
    margin-right:6px;
    font-family:"細明體";
    text-align:center;
    }
.languages a:hover{
    background:#fff;
    color:#030;
    }
.languages span{
    font-size:12px;
    }
#footer{
    background:#030;
    color:#FFF;
    text-align:center;
    font-size:12px;
    position: relative;
    }
#main2 p#awards-wall{
    position:absolute;
    top:199px;
    right:5px;
    color:#FFF;
    width:175px;
    line-height:150%;
    }
#main-award{
    width:646px;
    padding:18px 80px;
    }
#main-award p{
    margin-bottom:18px;
    }
#main-stewardship{
    padding:18px 50px 18px 18px;
    color:#FFFFFF;
    }
/*-----------------------------nav----------------------------------------*/
ul#nav{
    width:806px;
    height:27px;
    background:url(../image/nav-1.jpg) no-repeat top left;
    }
ul#nav li{
    list-style:none;
    float:left;
    position:relative;
    display:block;
    }
ul#nav li ul li{
    list-style:none;
    display:block;
    }
ul#nav li ul li a{
    text-indent:18px;
    display:block;
    width:150px;
    height:25px;
    }
ul#nav li ul{
    display:none;
    background:#2F8927;
    position:absolute;
    top:27px;
    width:150px;
    }
ul#nav li a{
    display:block;
    height:27px;
    text-indent:-9999px;
    }
ul#nav li ul a{
    line-height:25px;
    text-decoration:none;
    color:#FFFFFF;
    display:block;
    }
ul#nav li ul#products-nav li,ul#nav li ul#environmental-nav li{
    position:relative;
    }
ul#nav li ul#products-nav li ul,ul#nav li ul#environmental-nav li ul{
    display:none;
    position:absolute;
    top:0px;
    left:150px;
    width:150px;
    }
ul#nav li:hover ul,ul#nav li.over ul{
    display:block;
    }
ul#nav li ul#products-nav li:hover ul,ul#nav li ul#products-nav li.over2 ul{
    display:block;
    }
ul#nav li ul#environmental-nav li:hover ul,ul#nav li ul#environmental-nav li.over2 ul{
    display:block;
    }
ul#nav li ul a:hover,ul#nav li ul li.over2 a{
    background:#289728;
    }
ul#nav li ul li.over2 ul li a:hover{
    background:#12AD2B;
    }
ul#nav li a#about-us{
    background:url(../image/nav-1.jpg) no-repeat top left;
    width:75px;
    }
ul#nav li a#products{
    background:url(../image/nav-1.jpg) no-repeat -75px top;
    width:83px;
    }
ul#nav li a#environmental{
    background:url(../image/nav-1.jpg) no-repeat -158px top;
    width:113px;
    }
ul#nav li a#global-map{
    background:url(../image/nav-1.jpg) no-repeat -271px top;
    width:94px;
    }
ul#nav li a#awards{
    background:url(../image/nav-1.jpg) no-repeat -365px top;
    width:69px;
    }
ul#nav li a#news{
    background:url(../image/nav-1.jpg) no-repeat -434px top;
    width:49px;
    }
ul#nav li a#leather-making{
    background:url(../image/nav-1.jpg) no-repeat -483px top;
    width:125px;
    }
ul#nav li a#contact-pa{
    background:url(../image/nav-1.jpg) no-repeat -608px top;
    width:95px;
    }
ul#nav li a#employment{
    background:url(../image/nav-1.jpg) no-repeat -703px top;
    width:100px;
    }
ul#nav li.over a#about-us,ul#nav li a#about-us:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat top left;
    }

ul#nav li.over a#products,ul#nav li a#products:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat -75px top;
    }

ul#nav li.over a#environmental,ul#nav li a#environmental:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat -158px top;
    }

ul#nav li.over a#global-map,ul#nav li a#global-map:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat -271px top;
    }

ul#nav li.over a#awards,ul#nav li a#awards:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat -365px top;
    }

ul#nav li.over a#news,ul#nav li a#news:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat -434px top;
    }

ul#nav li.over a#leather-making,ul#nav li a#leather-making:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat -483px top;
    }

ul#nav li.over a#contact-pa,ul#nav li a#contact-pa:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat -608px top;
    }
ul#nav li.over a#employment,ul#nav li a#employment:hover{
    background:url(../image/nav-1-hover.jpg) no-repeat -703px top;
    }
/*-----------------------------nav end----------------------------------------*/

#his_content{
    color:#FFF;
    }
#his_content #history_dis{
    position:absolute;
    bottom:125px;
    right:75px;
    }
#his_content #history_tw p,#his_content #history_us p,#his_content #history_mc p,#his_content #history_vn p{
    font-size:13px;
    }
#his_content #history_tw p span.yellow,#his_content #history_us p span.yellow,#his_content #history_mc p span.yellow,#his_content #history_vn p span.yellow{
    display:block;
    color:#FF0;
    font-size:16px;
    line-height:180%;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-weight:bolder;
    }
#his_content #history_tw,#his_content #history_us,#his_content #history_mc,#his_content #history_vn{
    position:absolute;
    }
#his_content #history_tw{
    width:180px;
    top:245px;
    left:35px;
    }
#his_content #history_us{
    width:155px;
    top:180px;
    left:225px;
    }
#his_content #history_mc{
    width:210px;
    top:245px;
    left:390px;
    }
#his_content #history_vn{
    width:165px;
    top:212px;
    left:625px;
    }
#nav_show{
    width:800px;
    height:50px;
    }

#flash_show{
    width:801px;
    height:455px;
    }
#main-products{
    background:url(../image/bg-products.jpg) no-repeat bottom left;
    height:500px;
    }
.img-right{
    float:right;
    margin:15px;
    }
#img-left{
    float:left;
    margin:15px;
    }
#main-about-us-intro,#main-bus-service{
    padding:30px 15px 30px 15px;
    }
#main-about-us-intro p,#main-about-us-intro ul,#main-bus-service p,#main-bus-service ul{
    color:#FFFFFF;
    }
#main-about-us-intro ul,#main-bus-service ul{
    margin-left:40px;
    }
#main-about-us-intro div,.color-yellow-fad{
    color:#FFFF99;
    padding-top:5px;
    font-size:15px;
    }
#our_customers,#customer_li,#thanks{
    position:absolute;
    }
#our_customers{
    top:110px;
    right:80px;
    font-size:14px;
    font-weight:bolder;
    color:#FF0;
    }
#customer_li{
    bottom:45px;
    left:225px;
    font-weight:bold;
    color:#F00;
    }
#thanks{
    left:230px;
    top:280px;
    color:#FF0;
    font-size:20px;
    font-weight:bolder;
    width:350px;
    text-align:center;
    line-height:180%;
    }
#co2-left{
    float:left;
    padding:25px;
    }
#co2-right{
    padding:25px;
}
#co2-left h1{
    padding-left:8px;
    }
.color-yellow,.news-show h1{
    color:#FFFF00;
    margin:15px 0 15px 0;
    font-size:16px;
    }
.color-yellow,.news-show-w h1{
    color:#FFFF00;
    margin:15px 0 15px 0;
    font-size:16px;
    }
.paragraph{
    color:#FFF;
    line-height:130%;
    }
/*--------------------------------news----------------------------------------*/
#main-news{
    width:766px;
    padding:20px;
    overflow:hidden;
    }
.news-show{
    width:400px;
    float:left;
    }
#news-show-w{
    width:100%;
    float:left;
    }
.news-img{
    width:340px;
    float:left;
    padding-left:26px;
    }
.news-img p{
    color:#FFF;
    font-size:13px;
    }
.news-show p{
    line-height:150%;
    text-indent:26px;
    color:#FFF;
    padding-bottom:10px;
    }
.news-show-w p{
    line-height:150%;
    text-indent:26px;
    color:#FFF;
    padding-bottom:10px;
    }
.clear{
    clear:both;
    height:45px;
    }
/*-------------------------------news end----------------------------------------*/

/*-------------------------------products tabs----------------------------------------*/
#tabs{
    width:95%;
    }
#tabs ul li{
    list-style:none;
    float:left;
    }
#tabs ul li a,#tabs ul li span{
    display:block;
    float:left;
    }
#tabs ul li a{
    text-decoration:none;
    background:url(../image/p-nav-left.gif) no-repeat left top;
    padding-left:15px;
    float:left;
    color:#030;
    }
#tabs ul li span{
    background:url(../image/p-nav-right.gif) no-repeat right top;
    padding-right:15px;
    padding-top:3px;
    padding-bottom:3px;
    cursor: pointer;
    }
#tabs ul li a:hover,#tabs ul li a#selected{
    background:url(../image/p-nav-left-hover.gif) no-repeat left top;
    }
#tabs ul li a:hover span,#tabs ul li a#selected span{
    background:url(../image/p-nav-right-hover.gif) no-repeat right top;
    }
/*-------------------------------products tabs end----------------------------------------*/