@charset "UTF-8";
/* CSS Document*/

body {width:100%; height:100%; padding:0; margin:0;font-family:"Verdana", Arial, sans-serif;z-index:0; overflow:hidden;}
h3,h4,h5,p {padding:0; margin:0;}
.l 	{position:relative; float:left; display:inline;}
.r	{position:relative; float:right; display:inline;}
a:link, a:visited{color:#000; text-decoration:none;}
a:hover{text-decoration:underline;}
#wrap 	{position:absolute;  display:block; left:50%;margin-left:-412px;  width:825px; height:600px; background:#fff;}
.center {top:50%;margin-top:-300px;}
.bottom {bottom:-434px;}
#cont	{width:100%; height:560px; overflow:hidden;}
#menu	{width:153px;position:absolute;top:190px;left:0px; z-index:1000;}
#foot	{width:100%; height:30px;}
#cross	{ width:30px; height:30px;position:relative; margin:0px auto; display:none;}
#cross .el{width:10px; height:10px; position:absolute;z-index:1;  display:block; cursor:pointer;}
#cross .top{top:0px; left:10px; background:#fff url(../gfx/cross.gif) top center no-repeat;}
#cross .left{top:10px; left:0px; background:#fff url(../gfx/cross.gif) left no-repeat;}
#cross .right{top:10px; right:0px; background:#fff url(../gfx/cross.gif) right no-repeat;}
#cross .bottom{bottom:0px; left:10px; background:#fff url(../gfx/cross.gif) center bottom no-repeat;}
.ph 	{background:#fff url(../gfx/load.gif) center no-repeat; border:#999 1px solid; position:relative; margin:0px auto;}
#proj .ph, #about .ph {width:213px; height:283px;}
#shop #index .ph{width:153px; height:115px;}
.zoom   {position:absolute; top:0px; bottom:136px; left:50%;margin-left:-412px;  width:825px;background:#fff url(../gfx/load.gif) center no-repeat;}
.zoom img{position:absolute; left:50%; top:50%;}
#menu div{width:153px; text-transform:uppercase;}
#menu h3{font-size:11px; font-weight:normal; cursor:pointer; letter-spacing:2px; padding:2px 0;}
#menu .m{background:#fff;cursor:pointer;}
#menu .s{font-size:9px;letter-spacing:2px;padding:2px 0; }
.mask{height:0px; overflow:hidden;}
#menu .br {width:30px; border-top:1px solid; margin-top:6px; padding-bottom:6px; height:1px; overflow:hidden; }
#menu label{width:50px;}
#menu input{width:110px;}
#cont .wrap{width:100%;  position:absolute}
#cont .block{width:100%; height:560px; position:absolute;background:#fff; z-index:0;}


#prod .hd{height:150px; width:100%; color:#000;}
#prod .hd .mask{height:130px; margin-top:20px; width:100%; }
#prod .hd .wrap{width:100%;position:absolute; }
#prod .hd .tit{width:100%; height:120px; position:absolute; top:0px; left:0px;}
#prod .ln {width:489px; border-bottom:#000 1px solid; margin:0 15px;}
#prod .sln {width:153px; border-bottom:#000 1px solid;}
#prod .bd {width:100%;}
#prod .bd .mask {width:373px; height:340px; position:relative; margin:40px auto;}
#prod .bd .info	{position:absolute; z-index:10; width:153px; right:0px; top:40px;font-size:11px;}
#prod .bd .info .rw{width:153px; margin:5px 0;}
#prod .bd .info .rw h4, #prod .bd .info .rw h5{width:153px; font-weight:normal;}
#prod .bd .info .rw h5{font-size:10px;letter-spacing:2px; padding:0;}
#prod .bd .info .rw h4{letter-spacing:0px; font-size:10px; line-height:13px;}
#prod .bd .info h3 {font-size:11px; font-weight:normal; cursor:pointer; letter-spacing:2px; padding:2px 0; font-weight:bold;}
#prod .bd .im{width:100%; height:340px; position:absolute;top:0px; left:0px; overflow:hidden;}
#prod .bd .im .wrap{height:340px; position:absolute;top:0px; left:0px; background:#fff;}
#prod .bd .im .m{height:340px; width:373px; position:absolute;top:0px; left:0px; text-align:center; background:#fff;}
#prod .details {display:block;}

#proj .hd{height:150px; width:100%;}
#proj .hd .mask{height:130px; margin-top:20px; width:100%; }
#proj .hd .tit{width:100%; height:120px; position:absolute; top:0px; left:0px;}
#proj .ln {width:489px; border-bottom:#000 1px solid; margin:0 15px;}
#proj .sln {width:153px; border-bottom:#000 1px solid;}
#proj .bd{width:657px; margin-left:168px;}
#proj .bd .mask {width:489px; height:285px; margin-top:40px;}
#proj .bd .im{width:445px; height:285px; position:absolute;top:0px; left:22px; overflow:hidden;}
#proj .bd .im .wrap{height:285px; position:absolute;top:0px; left:0px;background:#fff;}
#proj .bd .im .m{height:285px; width:445px;position:absolute;top:0px; left:0px;background:#fff;}
#proj .bd .info	{width:153px; margin-top:40px; margin-left:15px; font-size:11px; line-height:13px}
#proj .bd .info	h4{font-size:11px;letter-spacing:2px; padding:2px 0;padding-bottom:1em; }
#proj .bd .info p{letter-spacing:0px; font-size:10px; line-height:13px;}


#news .hd{height:150px; width:100%;}
#news .hd .mask{height:130px; margin-top:20px; width:100%; }
#news .hd .tit{width:100%; height:120px; position:absolute; top:0px; left:0px;}
#news .ln {width:321px; border-bottom:#000 1px solid; margin-left:15px;}
#news .sln {width:153px; border-bottom:#000 1px solid;}
#news .bd{width:657px; margin-left:168px;}
#news .bd .mask {width:657px; height:340px; margin-top:40px;}
#news .bd .it	{width:321px;}
#news .bd .im{width:657px; height:340px; position:absolute;top:0px; left:0px; overflow:hidden; background:#fff;font-size:11px;}
#news .bd .im .wrap{height:340px; position:absolute;top:0px; left:0px;background:#fff;}
#news .bd .im .m{height:340px; width:321px;position:absolute;top:0px; left:0px;background:#fff; }
#news .bd .txt	{width:153px;height:340px;letter-spacing:0px; font-size:10px; }
#news .bd img	{position:relative; float:left; display:inline;}
#news .bd .txt h3{font-size:11px; text-transform:uppercase;letter-spacing:2px; padding:2px 0; width:100%;}
#news .bd .txt p	{width:100%;line-height:13px;}
#news .bd .txt .sln{width:30px;margin:12px 0;  }
#news .bd .txt .ln{width:100%;margin:12px 0;  }

#news .e-nws p{padding:0; margin:0; width:100%; text-align:left; padding-bottom:20px;font-size:10px; line-height:11px;}
#news .e-nws .ln{width:60px;margin:6px 0; height:1px; overflow:hidden;}
#news .e-nws .rw{width:100%; padding:6px 0;}
#news .e-nws input{width:188px; border:none; background:#000; color:#fff;}
#news .e-nws label,#news .e-nws #enter {padding-top:3px; font-size:9px; letter-spacing:2px;}
#news .e-nws #enter {cursor:pointer;}

#about .hd{height:150px; width:100%;}
#about .hd .mask{height:130px; margin-top:20px; width:100%; }
#about .hd .tit{width:100%; height:120px; position:absolute; top:0px; left:0px;}
#about .ln {width:489px; border-bottom:#000 1px solid; margin:0 15px;}
#about .sln {width:153px; border-bottom:#000 1px solid;}
#about .bd{width:657px; margin-left:168px;}
#about .bd .mask {position:absolute;width:657px; height:285px; top:40px;z-index:0;}
#about .bd .im{width:445px; height:285px; position:absolute;top:0px; left:22px; overflow:hidden; display:none;}
#about .bd .im .wrap{height:285px; position:absolute;top:0px; left:0px;z-index:-1; background:#fff;}
#about .bd .im .m{height:285px; width:168px;position:absolute;top:0px; left:0px;background:#fff;}
#about .bd .im .m h4{letter-spacing:2px; font-size:10px; line-height:13px;}
#about .bd .im p {letter-spacing:0px; font-size:10px; line-height:13px; width:153px;}
#about .bd .im .a_proj .m{width:445px;}
#about .bd .info {width:153px;height:285px; top:40px; display:block; right:0px; font-size:11px; position:absolute; z-index:9000;}
#about .bd .info h4{font-size:9px;letter-spacing:2px; padding:2px 0;padding-bottom:1em; width:100%; }
#about .bd .info p{letter-spacing:0px; font-size:10px; line-height:11px; width:100%;}
#about input {width:143px; height:10px; font-size:10px;}
#about label {width:153px;font-size:9px; letter-spacing:2px; text-transform:uppercase; padding:2px 0px;}
#about .but {border:none; background:#000; color:#fff; height:20px;text-align:left; letter-spacing:2px; text-transform:uppercase;}
#about .rw {width:153px; padding-bottom:15px;}

#shop .hd{height:150px; width:100%;}
#shop .hd .mask{height:130px; margin-top:20px; width:100%; }
#shop .hd .tit{width:100%; height:120px; position:absolute; top:0px; left:0px;}
#shop .ln {width:489px; border-bottom:#000 1px solid; }
#shop .sln {width:153px; border-bottom:#000 1px solid;margin-right:15px;}
#shop .bd{width:657px; margin-left:168px; font-size:11px;}
#shop .bd .mask {width:657px; height:340px; margin-top:40px;}
#shop .bd .im{width:657px; height:340px; position:absolute;top:0px; left:0px; overflow:hidden; background:#fff;}
#shop .nav {width:153px; height:340px;}
#shop .nav h4{font-size:11px;text-transform:uppercase;letter-spacing:2px; padding:2px 0; font-weight:normal; cursor:pointer;}
#shop .nav .ln{width:30px;margin:0; margin:1em 0; }
#shop .nav h5{font-size:9px;letter-spacing:2px;padding:2px 0;font-weight:normal;}
#shop .dis{position:absolute; bottom:0px; left:0px; width:153px;font-size:9px;letter-spacing:2px;padding:2px 0; z-index:1000;}
#shop .dis .ln{width:30px;margin:0; margin-bottom:1em; }
#shop .abs {position:absolute; right:0px; top:0px; width:505px; height:340px; background:#fff; }
#index {height:340px; width:534px; overflow:hidden;}
#index .prod{width:153px; height:170px; margin-left:15px;}
#index .prod img{cursor:pointer;}
#shop  #index .imi {width:153px; height:115px; overflow:hidden; position:relative;}
#shop .bd .im .wrap{height:255px; position:absolute;top:0px; left:168px;}
#shop .bd .im .m{height:340px; width:168px;position:absolute;top:0px; left:0px;background:#fff;}
#index .im .ph {width:151px; height:113px;}
#index h4 {font-size:9px;letter-spacing:2px;padding:2px 0;margin:6px 0; font-weight:normal;cursor:pointer;}
#index .ln{width:30px;margin:0;}

#cart .rws{width:504px; height:265px; overflow-y:auto; overflow-x:hidden;}
#cart .rw{width:489px; height:85px;border-bottom:#000 1px solid; margin-left:15px;}
#cart .hd{width:489px; height:30px;border-bottom:#000 1px solid; margin-left:15px;font-size:9px;letter-spacing:2px;padding:2px 0;}
#cart .ft{width:489px; height:30px; margin-left:15px;font-size:9px;letter-spacing:2px;padding:2px 0; font-weight:bold;}
#cart .prod{width:81px; height:115px;}
#cart .prod select{width:66px;}
#cart h5{font-size:9px;letter-spacing:2px;padding:2px 0; font-weight:normal; padding-bottom:2px;}
#cart p{width:81px;font-size:9px;height:100px;overflow:hidden;}
#item {display:none;}
#item .kol{width:153px; height:340px;margin-left:15px;}
#item .kol .rw{width:100%;padding:6px 0;}
#item h4 {font-weight:normal;width:153px;letter-spacing:0px; font-size:10px; line-height:13px;}
#item h5 {font-weight:normal;width:153px;font-size:10px;letter-spacing:2px;padding:2px 0;}
#item .kol2{width:322px;height:340px;margin-left:15px;}
#item .p{width:153px; padding-top:1em;border-top:#000 1px solid;font-size:10px;letter-spacing:2px;padding:2px 0; }
#item .p .but{padding:2px 3px; background:#000; color:#fff; margin-top:15px; cursor:pointer;}
#item .kol2 .ph,#item .kol2 img{margin:0 auto; margin-bottom:1em;position:relative; display:block; }
#item .kol2 .ph{width:320px; height:240px;}
.back{cursor:pointer; font-weight:bold;}
#item select{margin-top:15px;}

#shop select{width:153px; background:#000; color:#fff; border:none; margin-right:15px; font-size:10px; padding:1px; cursor:pointer; border:none}
#shop .bd .storeLoc .rs{width:489px; margin-left:15px;height:345px; overflow:hidden;}
#shop .bd .storeLoc .m{width:168px; height:345px; background:#fff;}
#shop .bd .storeLoc .ln{width:30px; margin:1em 0;}
.storeLoc .sLoc{width:153px; height:110px;}
.storeLoc h4, .storeLoc select{font-size:9px; text-transform:uppercase;letter-spacing:2px; padding:2px 0; width:153px;}