@charset "utf-8";
/* CSS Document */
html{height:100%; width:100%;}  
body{height:100%; width:100%; position:relative; font-size:12px;font-family: Verdana, Arial; background:url(../images/bj.gif) no-repeat center fixed;} 
body,div,p,form,ul,li,input,h1,h3,textarea,img { margin:0px; padding:0px;}
img {border:0;}
ul {list-style:none;}
li {font-weight: normal;font-size: 100%;vertical-align: baseline;font-style: normal; font-family: inherit; border:0; list-style:none;}
.fB {font-weight:bold;}
.fred {color:#FF0000}
a:link {text-decoration:none; color:#666666;}
a:visited {text-decoration:none; color:#666666;}
a:hover {text-decoration:underline; color:#333333;}
a:active { text-decoration:none; color:#333;}
input,textarea{padding:2px 4px;border:1px solid #ccc;color:#666;font-size:12px;font-family:verdana,arial;}
.clearer {clear: both;}


#wrap {width: 100%; height: 100%;}


/**-----------content style----------**/
#content{ height:100%; width:172px;position:absolute;left:15px;top:20px;z-index:700;}
#content .logo{position:absolute;left:25px;top:40px; background:url(../images/logo.gif) no-repeat; width:115px; height:54px;}  
#content ul{ list-style:none; position:absolute; top:130px; left:25px;}
#content ul li{}
#content ul li a{text-decoration:none; display:block;width:90px;height:24px;}
#content ul li a:hover{ display:block;width:90px;height:24px;}
.tab-1{background:url(../images/links.png) no-repeat 0 0;}
.tab-2{background:url(../images/links.png) no-repeat 0 -30px;}
.tab-3{background:url(../images/links.png) no-repeat 0 -60px;}
.tab-4{background:url(../images/links.png) no-repeat 0 -90px;}
.tab-5{background:url(../images/links.png) no-repeat 0 -120px;}
.tab-6{background:url(../images/links.png) no-repeat 0 -150px;}
.tab-7{background:url(../images/links.png) no-repeat 0 -180px;}
.tab-8{background:url(../images/links.png) no-repeat 0 -210px;}

.tab-1:hover{background:url(../images/links.png) no-repeat -90px 0;}
.tab-2:hover{background:url(../images/links.png) no-repeat -90px -30px;}
.tab-3:hover{background:url(../images/links.png) no-repeat -90px -60px;}
.tab-4:hover{background:url(../images/links.png) no-repeat -90px -90px;}
.tab-5:hover{background:url(../images/links.png) no-repeat -90px -120px;}
.tab-6:hover{background:url(../images/links.png) no-repeat -90px -150px;}
.tab-7:hover{background:url(../images/links.png) no-repeat -90px -180px;}
.tab-8:hover{background:url(../images/links.png) no-repeat -90px -210px;} 

.tab-1-hover{background:url(../images/links.png) no-repeat -90px 0;}
.tab-2-hover{background:url(../images/links.png) no-repeat -90px -30px;}
.tab-3-hover{background:url(../images/links.png) no-repeat -90px -60px;}
.tab-4-hover{background:url(../images/links.png) no-repeat -90px -90px;}
.tab-5-hover{background:url(../images/links.png) no-repeat -90px -120px;}
.tab-6-hover{background:url(../images/links.png) no-repeat -90px -150px;}
.tab-7-hover{background:url(../images/links.png) no-repeat -90px -180px;}
.tab-8-hover{background:url(../images/links.png) no-repeat -90px -210px;}
 
#content .contactus{ position:absolute; top:60%; left:15px; width:117px;}
#content .contactus p{padding-top:180px; text-align:center; color:#908f8f; font-family:arial, verdana, sans-serif; font-weight:bold;}


#slide-1-1{height:100%;width:78px; position:fixed; left:122px; top:0;z-index:201; background:url(../images/slide_bg.png) repeat-y 0 0;}  


.fillReq{ height:49px; width:252px; border:2px dotted #d9d9d9; margin-left:460px; margin-top:17px;} 
.fillReq div{width:130px; height:49px; background:url(../images/tellme.png) no-repeat center center;} 
.fillReq div span{ display:none;}
.fillReq a{ height:23px; width:98px; background:url(../images/buttons.png) no-repeat -1px -2px; display:block;margin:-35px 13px 0 140px;}
.fillReq a:hover{ height:23px; width:98px; background:url(../images/buttons.png) no-repeat -1px -28px; display:block;margin:-35px 13px 0 140px;}

#main {width:772px; position:absolute; top:0; overflow:hidden;z-index:102;left:250px;}
#main h1 {font-size:32px; width: 477px; color: #585858; margin-top:50px; font-family: MingLiU;}
#main h3 {font-weight: bold; font-size: 14px; color: #585858; margin-left:10px;}
#thumbs {display: block; margin: 20px 0px 50px 0px; width: 690px; text-indent:2em; line-height:180%; color:#666;}

#thumbs ul { margin-top:25px; text-indent:0em;}
#thumbs ul li { background-color:#DFDFDF; width:585px; height:25px; line-height:25px; text-indent:5px; font-size:12px; font-weight:bold; color:#666666; margin-top:5px;}
.index01 { margin-top:150px; width:680px;text-align:center;}
.index02 { margin-top:120px; width:680px;text-align:center;}

#case{margin:0 auto; text-align:left; width:770px; text-indent:0em;}

#PortfolioBGtop{padding:1px 0px 0px 0px ; height:100%;}
.PortfolioList{ float:left;width:220px;margin:0 10px;height:100%;}
.PortfolioPicBG{width:220px;height:146px;padding:4px;display:block;}
.PortfolioPicBG a{padding:4px;display:block;}
.PortfolioPicBG a:hover{background: #DBDBDB;/*background:url(../_img/01_portfolio/worksBG.jpg) no-repeat;background-position: left top;*/}

.PortfolioTit{font-size:14px;line-height:150%;font-weight:bold;color:#585858;text-decoration:none;margin:15px -3px 10px 0;padding-left:10px;}
.PortfolioTit a{color:#777;text-decoration:none;}
.PortfolioTit a:hover{color:#555;text-decoration:underline;}
.PortfolioTxt{font-size:12px;line-height:170%;font-weight:normal;color:#B6B6B6;margin:-5px 6px 30px 0;padding-left:10px;}
.PortfolioLine{margin: 25px 0px;display:block;height:1%;overflow:hidden; background:url(../images/dotline_32.gif) repeat-x center bottom;}