@charset "utf-8";
body{
background:#676767 url(../img/bg_13.jpg) center top repeat-y;
margin:0 auto;
text-align:left;
font:500 12px Arial, Helvetica, sans-serif;
color:#fff;
}
h1, h1 a{
font:800 24px Arial, Helvetica, sans-serif;
color:#000;
line-height:30px;
}
h2, h2 a{
font:400 18px "Times New Roman", Times, serif;
color:#494225;
line-height:24px;
}
h3, h3 a{
font:800 16px Arial, Helvetica, sans-serif;
color:#e3c974;
}
h4, h4 a{
font:800 14px Arial, Helvetica, sans-serif;
color:#fff;
}
h5, h5 a{
font:400 14px Arial, Helvetica, sans-serif;
color:#757465;
}
h6, h6 a{
font:800 12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
}
h6 a:hover{
color:#fff;
}
p{
font:400 12px Arial, Helvetica, sans-serif;
color:#fff;
line-height:18px;
margin-top:15px;
text-align:justify;
}
p a{
color:#fff;
text-decoration:underline;
}
p a:hover{
color:#e3c974;
}
.left{
float:left;
display:inline;
}
.right{
float:right;
display:inline;
}
#stock p {
margin-top:10px;
}
#header{
width:950px;
height:302px;
}
#content{
width:950px;
overflow:hidden;
background:url(../img/main_bg.jpg) top center repeat-y;
}
#inner-cont{
width:950px;
overflow:hidden;
background:url(../img/inner_bg.jpg) top center repeat-y;
}
ul.listing{
margin:15px 15px 40px 15px;
padding-left:15px;
}
ul.listing li{
list-style:disc;
margin-bottom:10px;
}
#footer{
width:890px;
background:#000;
padding:15px 30px;
overflow:hidden;
}
#upper-header{
width:950px;
background:url(../img/header_bg.jpg) no-repeat top center;
height:119px;
position:relative;
}
#hmenu{
width:950px;
height:29px;
background:url(../img/menu.jpg) no-repeat;
}
.imgwrapper{
line-height:1px;
overflow:hidden;
}
.imgwrapper img{
overflow:hidden;
}
#logo a{
width:400px;
height:88px;
display:block;
top:15px;
left:30px;
position:absolute;
}
#lang-tw a{
width:30px;
height:30px;
position:absolute;
display:block;
left:779px;
}
#lang-cn a{
width:30px;
height:30px;
position:absolute;
display:block;
left:840px;
}
#lang-us a{
width:32px;
height:30px;
position:absolute;
display:block;
left:902px;
}
#stock{
position:absolute;
width:204px;
top:32px;
left:720px;
height:74px;
padding: 13px 13px 0 13px;
}
#homecont{
width:720px;
overflow:hidden;
background:url(../img/home_bg.jpg) no-repeat top left;
min-height:661px;
}
#home-article{
padding-top:175px;
}
#news{
width:190px;
background:url(../img/news_header.jpg) top left no-repeat;
padding:73px 14px 30px 14px;
}
#news h5{
text-decoration:none;
}
#news p a{
margin:10px 0;
color:#8b7420;
text-decoration:none;
text-transform:uppercase;
}
#news p a:hover{
color:#fff;
text-decoration:underline;
}
#news ul li{
background:url(../img/border_line.jpg) no-repeat bottom center;
margin-bottom:20px;
padding-bottom:20px;
}
#footer-menu{
width:950px;
}
#footer-menu ul li{
float:left;
margin-right:40px;
}
#footer-menu ul li a{
color:#fff;
text-decoration:none;
}
#footer-menu ul li a:hover{
color:#CCCCCC;
text-decoration:underline;
}
#footer p, #footer p a{
color:#6c6c6c;
text-decoration:none;
}
#footer p a:hover{
color:#fff;
text-decoration:underline;
}
#our-company-cont,#investor-relations-cont,#projects-cont, #contact-us-cont, #hypelink-directory-cont{
width:800px;
overflow:hidden;
background:url(../img/our_company_bg.jpg) no-repeat top left;
padding:140px 110px 50px 40px;
}
#investor-relations-cont{
background:url(../img/investor_relations_bg.jpg) no-repeat top left;
}
#projects-cont{
background:url(../img/projects_bg.jpg) no-repeat top left;
}
#contact-us-cont{
background:url(../img/contact_us_bg.jpg) no-repeat top left;
}
#hypelink-directory-cont{
background:url(../img/hypelink_directory_bg.jpg) no-repeat top left;
}
#inner-cont h2, #inner-cont h3{
margin-top:25px;
}
.black14{
font:400 14px Arial, Helvetica, sans-serif;
color:#000000;
}
.boxheaderL,.boxheaderR,.boxL,.boxR,.boxReport{
background:#333333;
color:#fff;
padding:10px;
font:800 14px Arial, Helvetica, sans-serif;
border:1px solid #000;
}
.boxReport{
border:1px dotted #000;
}
.boxheaderR,.boxR{
border-left:none;
}
.boxL,.boxR,.boxReport{
font:400 12px Arial, Helvetica, sans-serif;
color:#000;
padding:5px;
border-top:none;
background:#fff;;
}
.boxReport{
background:#e3c974;
}
.boxReport h6{
width:100%;
background:#a08832;
padding:5px 0;
}
#hypelink-directory-cont p{
margin-top:0px;
}
.announcements{
font:800 13px Arial, Helvetica, sans-serif;
color:#000;
}
.announcements a{
font:400 12px Arial, Helvetica, sans-serif;
color:#494225;
text-decoration:underline;
}
.announcements a:hover{
color:#FFFFFF;
}
#investor-chart{
width:100%;
margin: 30px auto;
}
#investor-chart2{
width:100%;
height:400px;
margin: 30px auto;
}
.pic-row{width:100%; float:left; padding-bottom:20px;}
.pic-item{float:left; width:310px; text-align:center; margin-right:20px;}
.pic-item2{margin-right:0;}
.pic-item img{margin-bottom:10px;}
.home-bg{background:url(/tw/img/rep-y.jpg) left top repeat-y; width:720px; overflow:hidden; float:left;}