
*{

margin:0;

padding:0;

}

body{
color:#6C6C6C;
margin:0 0 0 0;
font-family:Tahoma;
font-size:12px;
}
img {border: 0;} 

.clear{
clear:both;}

#contrainer{
margin:0 auto 0 auto;

width:1000px;
}
#logo{
width:193px;
height:101px;
float:left;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat; }

#logo h1{
display:none;}
#banner{
width:807px;
height:101px;
float:right;}

#left{
width:196px;
float:left;

}
#left #login{
width:179px;
margin-left:15px;
background-color:#FFFFFF;}
#left #login ul{}
#left #login ul li{
list-style-type:none;
padding-bottom:5px;}
#left #login p span{
display:none;}
#left #login p.p1{
margin:0;
padding:0;
width:179px;
height:39px;
background-image:url(../images/login.jpg);}
#left #login p.p2{
text-align:left;
padding-left:5px;
padding-bottom:8px;
}
#left #login p a{
color:#615F60;
text-decoration:none;}
#left #login p a:hover{
color:#E6501B;}

#left #ad{
width:179px;
margin-left:15px;
margin-top:10px;

}

#left #regis{
background-image:url(../images/regis_bg.jpg);
background-repeat:no-repeat;
width:181px;
height:279px;
margin-left:13px;
margin-top:8px;
}
#left #regis p{
display:none;
}
#left #regis ol{
color:#FFFFFF;
list-style-type:none;
padding-top:80px;
padding-right:20px;
padding-left:45px;
}

#left #regis ol li{
padding-bottom:40px;
}
#left #regis ol>li+li{
font-weight:normal;}

#left #howto{
width:179px;
margin-left:15px;
margin-top:10px;
}
#left #howto h3{
}

#left #howto h3{width:179px; height:85px; margin:0; padding:0; overflow:hidden;}
#left #howto h3 span {
background-image:url(../images/howto.jpg);
display:block;width: 100%; height: 100%;
}
#left #howto > p{
padding-top:8px;
padding-left:5px;
padding-right:3px;}

#left #other{
background-image:url(../images/bg_other.jpg);
width:179px;
height:183px;
margin-left:12px;
margin-top:10px;}
#left #other h3{
visibility:hidden;}
#left #other ul{
padding:16px 0 0 15px;
}
#left #other ul li{
list-style-type:none;}

#left #other ul li a{
font-size:10px;
color:#454545;
text-decoration:none;}
#left #other ul li a:hover{
color:#FF9900;}


#right{
width:804px;
float:right;

}

#right #nav {width: 804px; height: 39px; }
#right #nav li {list-style: none; float: left;}
#right #nav li a {display: block; text-decoration: none; height: 39px; background-position: 0 0; background-repeat: no-repeat;}
#right #nav li a:hover {background-position: 0 -39px;}
#right #nav li span {visibility: hidden;}
#right #nav li#home a {background-image: url(../images/nav_home.jpg); width: 82px;}
#right #nav li#webboard a {background-image: url(../images/nav_webboard.jpg); width: 111px;}
#right #nav li#egazine a {background-image: url(../images/nav_egazine.jpg); width: 93px;}
#right #nav li#news-activities a {background-image: url(../images/nav_news.jpg); width: 157px;}
#right #nav li#showroom a {background-image: url(../images/nav_showroom.jpg); width: 114px;}
#right #nav li#special-interview a {background-image: url(../images/nav_interview.jpg); width: 155px;}
#right #nav li#contact a {background-image: url(../images/nav_contact.jpg); width: 85px;}

#right #nav .nav-active{
background-position: 0 -39px;;
}

#right #sub1{
width:257px;

float:left;}
#right #sub1 #lastest{

width:242px;
margin-left:16px;
}
#right #sub1 #lastest{
background-image:url(../images/bg_issue2.jpg);}

#right #sub1 #lastest h2{
width:0px; height:0px; margin:0; padding:0; overflow:hidden;}
#right #sub1 #lastest h2 span {
display:block;width: 100%; height: 100%;
}

#right #sub1 #lastest .disp_logo1{
width:242px; height:267px; margin:0; padding:0; overflow:hidden;
}
#right #sub1 #lastest h2 .disp_logo2{
background-image:url(../images/display_logo.jpg);
display:block;width: 100%; height: 100%;
}

#right #sub1 #lastest .str_logo1{
width:242px; height:267px; margin:0; padding:0; overflow:hidden;
}
#right #sub1 #lastest h2 .str_logo2{
background-image:url(../images/street_logo.jpg);
display:block;width: 100%; height: 100%;
}

#right #sub1 #lastest #showpic{
width:242px;
height:295px;
background-image:url(../images/latest.jpg);
}
#right #sub1 #lastest #showpic.showpicstr{
width:242px;
height:295px;
background-image:url(../images/latest_street.jpg);
}
#right #sub1 #lastest #showpic h3{
padding:45px 0 0 24px;
color:#FFFFFF;
font-size:22px;
}
#right #sub1 #lastest #showpic img{
padding:5px 0 0 25px;}

#right #sub1 #lastest > p{
margin-top:8px;
}
#right #sub1 #lastest > p span{
padding-left:30px;
float:left;
color:#696969;

}

#right #sub1 #lastest > p span strong{
font-size:25px;}
#right #sub1 #lastest > p span span{
background-image:url(../images/bg_issue3.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
width:130px;
float:right;
}

#right #sub1 #lastest a.swall{
width:242px;
display:block;
text-decoration:none;
height:24px;
background-image:url(../images/btn_all_issue.jpg);
background-position:0 0 ;
background-repeat:no-repeat;}
#right #sub1 #lastest a{
text-decoration:none;
 color:#d85715;
}
#right #sub1 #lastest a:visited{
 color:#d85715;
 text-decoration:none;
}
#right #sub1 #lastest a:hover{
background-position:0 -24px ;
text-decoration:underline;
}
#right #sub1 #lastest a span{
visibility:hidden;}

#right #sub1 #lastest > p + p{
margin:0;
padding:3px 15px 0 30px;
clear:both;}
#right #sub1 #lastest > p + p strong{
color:#FF9900;
font-weight:normal;
text-decoration:underline;}

#right #sub1 #lastest ul{
padding-top:0px;
list-style-type:none;
height:148px;
background-image:url(../images/bg_issue.jpg);
background-repeat:repeat-x;

padding-left:20px;
}

#right #sub1 #lastest .stbg{
padding-top:0px;
list-style-type:none;
height:148px;
background-image:url(../images/bg_issue_st.jpg);
background-repeat:repeat-x;
background-color:#FFFF00;
padding-left:20px;
}

#right #sub1 #lastest ul li{
padding-bottom:10px;}

#right #sub1 #lastest ul  li  h3{width:151px; height:17px; margin:0; padding:0; overflow:hidden;}
#right #sub1 #lastest ul  li  h3 span {
background-image:url(../images/free_download.jpg);
display:block;width: 100%; height: 100%;
}

#right #sub1 #lastest ul  li   .n_free_str1{width:151px; height:17px; margin:0; padding:0; overflow:hidden;}
#right #sub1 #lastest ul  li  h3  .n_free_str2{
background-image:url(../images/free_download_str.jpg);
display:block;width: 100%; height: 100%;
}


#right #sub1 #lastest ul > li + li h3{width:71px; height:17px; margin:0; padding:0; overflow:hidden;}
#right #sub1 #lastest ul > li + li  h3 span {
background-image:url(../images/sample.gif);
background-repeat:no-repeat;
display:block;width: 100%; height: 100%;
}

#right #sub1 .bottomline {
border-bottom-style:solid;
border-bottom-width:thin;
}


#right #sub2{
width:546px;
float:right;
}

#right #sub2 #disp_all h2{width:546px; height:89px; padding:0px 0 0 0px; margin:0; overflow:hidden;}
#right #sub2 #disp_all h2 span{
background-image:url(../images/display_title.jpg);
display:block;width: 100%; height: 100%;
}
#right #sub2 #disp_all p{
padding-top:10px;
padding-left:29px;
padding-right:37px;
padding-bottom:10px;
}
#right #sub2 #disp_all p span{
font-size:20px;}
#right #sub2 #disp_all hr{
width:90%;
display:block;
float:left;
margin-left:29px;}
#right #sub2 #disp_all table{
width:479px;
margin-left:29px;
}
#right #sub2 #disp_all table tr td{
padding-bottom:10px;}


#right #sub2 #interview {}
#right #sub2 #interview h2{width:165px; height:47px; padding:10px 0 0 10px; margin:0; overflow:hidden;}
#right #sub2 #interview h2 span {
background-image:url(../images/interview.gif);
display:block;width: 100%; height: 100%;
}
#right #sub2 #interview ul{
padding-top:10px;
padding-left:10px;
list-style-type:none;}
#right #sub2 #interview li{
padding-bottom:10px;}
#right #sub2 #interview li a{
color:#D85715;
text-decoration:none;}
#right #sub2 #interview li a:visited{
color:#D85715;
text-decoration:none;}
#right #sub2 #interview li a:hover{
text-decoration:underline;
}
#right #sub2 #interview li p{
font-size:12px;}
#right #sub2 #interview  li span{

display:block;
padding-top:0px;
color:#DB5814;
font-size:14px;}

#right #sub2 #interview  li .bg-interview{
width:257px;
background-color:#D75315;
}

#right #sub2 #interview li p{
padding-top:3px;
color:#565656;
}

#right #sub2 #interview a.btn-readmore{
margin-left:10px;
width:78px;
display:block;
height:32px;
background-image:url(../images/btn_readmore.gif);
background-position:0 0;
background-repeat:no-repeat;
text-decoration:none;}
#right #sub2 #interview a:hover.btn-readmore{
background-position:0 -32px;}
#right #sub2 #interview a.btn-readmore span{
visibility:hidden;}


#right #sub2 #news h2{width:119px; height:17px; padding:10px 0 0 10px; margin:0; overflow:hidden;}
#right #sub2 #news h2 span {
background-image:url(../images/news.gif);
display:block;width: 100%; height: 100%;
}
#right #sub2 #news ul{
padding-top:5px;
padding-left:10px;
list-style-type:none;}
#right #sub2 #news li{
padding-bottom:5px;}
#right #sub2 #news li .bg-news{
width:234px;
background-color:#DE6A17;}
#right #sub2 #news li a{
padding:0;
margin:0;
height:100px;
}

#right #sub2 #news li span{
display:block;
padding-top:0px;
color:#DB5814;
font-size:14px;}


#right #sub2 #news li p{
padding-top:3px;
color:#565656;
}
#right #sub2 #news li a{
color:#D85715;
text-decoration:none;}
#right #sub2 #news li a:visited{
color:#D85715;
text-decoration:none;}
#right #sub2 #news li a:hover{
text-decoration:underline;
}



#right #hightlight{
}
#right #interview{
background-image:url(../images/bg_interview.jpg);
width:277px;
height:472px;
float:left;}
#right #news{
background-image:url(../images/bg_news.jpg);
background-repeat:repeat-x;
width:269px;
height:472px;
float:right;}
#right #maxim{
padding:2px 0 2px 15px;
}
#right #display{
margin-top:10px;
height:402px;
background-image:url(../images/bg_display.jpg);}
#right #display h2{
width:0px; height:0px; margin:0; padding:0; overflow:hidden;
}
#right #display table a{
padding:0;
margin:0;
}
#right #display a{
display:block;
margin-left:615px;
padding-top:12px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#right #display a:hover{
color:blue;}
#right #display table{
width:733px;
margin-left:42px;
margin-top:120px;
}
#right #display table tr td span{
color:#FFFFFF;}

#right #street{
height:403px;
background-image:url(../images/bg_street.jpg);}
#right #street h2{
width:0px; height:0px; margin:0; padding:0; overflow:hidden;
}
#right  #street  table a{
padding:0;
margin:0;
}
#right #street a{
display:block;
margin-left:615px;
padding-top:18px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#right #street a:hover{
color:blue;}
#right #street table{
width:733px;
margin-left:42px;
margin-top:120px;
}

#right #street table tr td span{
color:#FFFFFF;}

#right #link{
height:403px;
background-image:url(../images/bg_link.jpg);}
#right #link h2{
width:0px; height:0px; margin:0; padding:0; overflow:hidden;
}
#right #link #linksub1{
width:405px;
float:left;}

#right #link #linksub1 table a{
padding:0;
margin:0;
}
#right #link #linksub1 table{
margin-left:36px;
margin-top:81px;
}

#right #link #linksub1 a{
display:block;
margin-left:260px;
margin-top:10px;
color:#E16E1E;
font-weight:bold;}
#right #link #linksub1 a:hover{
color:blue;}
#right #link #linksub1 table tr td{
padding:0 0 10px 0;
}

#right #link table tr td span{

}

#right #link #linksub2{

float:right;
width:399px;}

#right #link #linksub2 table{
margin-left:20px;
margin-top:81px;
}
#right #link #linksub2 table tr td{
padding:0 0 10px 0;
}

#right #link #linksub2 table a{
padding:0;
margin:0;
}


#right #link #linksub2 a{
display:block;
margin-left:260px;
margin-top:10px;
color:#E16E1E;
font-weight:bold;}
#right #link #linksub2 a:hover{
color:blue;}


#right #link table tr td {

}
#right #board{
}

#right #board a.board-title{
background-image:url(../images/webboard.jpg);
display:block;
text-decoration:none;
height:43px;
width:804px;
background-repeat:no-repeat;}
#right #board a.board-title span{
visibility:hidden}

#right #board table{
margin-left:15px;
}
#right #board table a{
color:#696768;}
#right #board table a:hover{
color:#E76D00;}
.tbhead{
color:#FFFFFF;
font-weight:bold;
height:35px;
background-image:url(../images/bg_boad_head_body.jpg);}
.tbhead_left{
background-image:url(../images/bg_boad_head.jpg);
background-repeat:no-repeat;
background-position:left;
width:586px;
text-align:left;
}
.tbhead_right{
background-image:url(../images/bg_boad_head.jpg);
background-repeat:no-repeat;
background-position:right;}
.tbhead_mid{
}
.tbd1{
color:#696768;

height:29px;
background-image:url(../images/bg_boad_td1_body.jpg);}
.tbd1_left{
background-image:url(../images/bg_boad_td1.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:15px;
text-align:left;
}
.tbd1_right{
background-image:url(../images/bg_boad_td1.jpg);
background-repeat:no-repeat;
background-position:right;}
.tbd1_mid{

}
.tbd2{
color:#696768;

height:29px;
background-image:url(../images/bg_boad_td2_body.jpg);}
.tbd2_left{
padding-left:15px;
background-image:url(../images/bg_boad_td2.jpg);
background-repeat:no-repeat;
background-position:left;
width:586px;
text-align:left;
}
.tbd2_right{
background-image:url(../images/bg_boad_td2.jpg);
background-repeat:no-repeat;
background-position:right;}
.tbd2_mid{
}

.tbd3{
color:white;
font-weight:bold;
height:29px;
background-image:url(../images/bg_boad_td3_body.jpg);}
.tbd3_left{
color:white;
font-weight:bold;
padding-left:15px;
background-image:url(../images/bg_boad_td3.jpg);
background-repeat:no-repeat;
background-position:left;
width:586px;
text-align:left;
}
.tbd3_right{
color:white;
font-weight:bold;
background-image:url(../images/bg_boad_td3.jpg);
background-repeat:no-repeat;
background-position:right;}
.tbd3_mid{
}

.tbd4{
color:white;
font-weight:bold;
height:29px;
background-image:url(../images/bg-hot.gif);}
.tbd4_left{
color:white;
font-weight:bold;
padding-left:15px;
background-image:url(../images/bg-hot.gif);
background-repeat:no-repeat;
background-position:left;
width:586px;
}
.tbd4_right{
color:white;
font-weight:bold;
background-image:url(../images/bg-hot.gif);
background-repeat:no-repeat;
background-position:right;}
.tbd4_mid{
}

#hot-issue{ padding:15px 0 0 38px; width:700px;}
#hot-issue ul{}
#hot-issue  li{ list-style-type:none; display:inline;  padding:0 30px 0 0; }
#hot-issue  li p{ display:block; float:left; width:150px; text-align:center; padding:0 20px 0 0;}
#all-hot{ float:right;}

#menu_foot{
background-image:url(../images/bg_menu_foot.jpg);
height:30px;
margin-top:40px;
width:1000px;
margin:0 auto 0 auto;
}
#menu_foot ul{
padding-top:4px;
padding-left:90px;
}
#menu_foot ul li{
background-image:url(../images/line_edge.jpg);
background-repeat:no-repeat;
background-position:right;
padding-right:20px;
padding-left:20px;
display:inline;}
#menu_foot ul li a{
text-decoration:none;
color:#5F5F5F;}

#menu_foot ul li a:hover{
color:#EA7300;}
#copy img{
float:left;
padding-left:120px;
margin-top:20px;}
#copy address{
font-style:normal;
font-size:10px;
margin-top:20px;
float:right;
width:555px;}

#refreshPage rePage
{ background:none;
border:hidden;
 }


#right #contact-sub1{
width:355px;
float:left;}
#right #contact-sub1 #contact-box{

margin-top:20px;
width:271px;
margin-left:33px;
}
#right #contact-sub1 #contact-box h2{width:238px; height:65px; margin:0; padding:0; overflow:hidden;}
#right #contact-sub1 #contact-box h2 span {
background-image:url(../images/contact_us.jpg);
display:block;width: 100%; height: 100%;
}
#right #contact-sub1 #contact-box > h3{
padding-bottom:10px;}
#right #contact-sub1 #contact-box address{
font-style:normal;}
#right #contact-sub1 ul{
}
#right #contact-sub1 li{
list-style-type:none;
padding-bottom:5px;}



#right #contact-sub2{
width:449px;
float:left;}
#right #contact-sub2 #map{
margin-left:21px;
width:421px;
height:526px;
background-image:url(../images/bg_contact.jpg);
background-position:bottom;
background-repeat:no-repeat;}

#right #internatinal-egazine-title h2{
margin:20px 0 0 0;
height:107px;
background-image:url(../images/international-egazine.jpg);
}
#right #internatinal-egazine-title h2.asian{
background-image:url(../images/asian-egazine.jpg);
}
#right #internatinal-egazine-title h2 span{
display:none;
}
#right #internatinal-egazine-title p{
margin:0 0 0 33px;
}
#right #internatinal-egazine-title ul{
width:673px;
margin:10px 0 0 33px;
}
#right #internatinal-egazine-title ul li{
list-style-type:none;
width:96px;
float:left;
padding:0 0 10px 0;}

.txt-orange{
color:#E66500;
font-weight:bold;
text-decoration:none;
}

#head-showroom{ }
#head-showroom h2{ display:block; height:145px; background-image:url(../images/showroom-header.jpg)}
#head-showroom h2 span{ display:none;}
#head-showroom ul{ margin:0 0px 0 15px;}
#head-showroom ul li{ list-style-type:none; border-bottom-width:1px; border-bottom-color:#BABABA; border-bottom-style:solid; padding-bottom:30px;}
#head-showroom ul li p{ display:block; margin:10px 128px 0 0; line-height:140%;}
#head-showroom ul li p a{ display:block; margin:10px 0 0 0; background-image:url(../images/bullet-link.gif); background-repeat:no-repeat; padding:0 0 0 60px; height:18px; color:#E0661D; text-decoration:none;}
#head-showroom ul li p a:hover{ color:#0000FF;}
#head-showroom  ul > li + li{ padding-top:20px;}
#coolweb{ width:180px; margin:10px 0 0 14px;}
#coolweb h2{ display:block; width:180px; height:68px; background-image:url(../images/coolsite-head.jpg);}
#coolweb h2 span{ display:none;}
#coolweb ul{ border-left-color:#A6A6A6; border-left-style:solid; border-left-width:1px;border-right-color:#A6A6A6; border-right-style:solid; border-right-width:1px;border-bottom-color:#A6A6A6; border-bottom-style:solid; border-bottom-width:1px;}
#coolweb ul li{ list-style-type:none; padding-left:7px; padding-bottom:8px;}
#coolweb ul li a{color:#E0661D; text-decoration:none;}
#coolweb ul li a:hover{ color:#0000FF;}

#cooldesign{ width:180px; margin:10px 0 0 14px;}
#cooldesign h2{ display:block; width:180px; height:63px; background-image:url(../images/cooldesign-head.jpg);}
#cooldesign h2 span{ display:none;}
#cooldesign ul{ border-left-color:#A6A6A6; border-left-style:solid; border-left-width:1px;border-right-color:#A6A6A6; border-right-style:solid; border-right-width:1px;border-bottom-color:#A6A6A6; border-bottom-style:solid; border-bottom-width:1px;}
#cooldesign ul li{ list-style-type:none; padding-left:7px; padding-bottom:8px;}
#cooldesign ul li a{color:#E0661D; text-decoration:none;}
#cooldesign ul li a:hover{ color:#0000FF;}

#coolvideo{ width:180px; margin:10px 0 0 14px;}
#coolvideo h2{ display:block; width:180px; height:63px; background-image:url(../images/coolvideo-head.jpg);}
#coolvideo h2 span{ display:none;}
#coolvideo ul{ border-left-color:#A6A6A6; border-left-style:solid; border-left-width:1px;border-right-color:#A6A6A6; border-right-style:solid; border-right-width:1px;border-bottom-color:#A6A6A6; border-bottom-style:solid; border-bottom-width:1px;}
#coolvideo ul li{ list-style-type:none; padding-left:13px; padding-bottom:8px;}
#coolvideo ul li a{color:#E0661D; text-decoration:none;}
#coolvideo ul li a:hover{ color:#0000FF;}
#coolvideo ul li span{ background-color:#FF0000; display:block; height:97px;}

#pick-board{ width:188px; margin:10px 0 0 8px;}
#pick-board h2{ display:block; width:188px; height:96px; background-image:url(../images/pick-board-head.jpg);}
#pick-board h2 span{ display:none;}
#pick-board ul{ background-color:#CDCBCC; background-image:url(../images/h-btm.jpg); background-repeat:no-repeat; background-position:bottom; padding-bottom:10px;}
#pick-board ul li{ list-style-type:none; padding-left:23px; padding-bottom:18px; margin-bottom:10px; background-image:url(../images/arrow.jpg); background-position:bottom; background-repeat:no-repeat;}
#pick-board ul li a{color:#2C2C2C; text-decoration:none;}
#pick-board ul li a:hover{ color:#0000FF;}
#pick-board ul li span{ background-color:#FF0000; display:block; height:97px;}
.issuemax{
padding:0 10px;
float:left;
}
.link-orange a{ color:#d85715; text-decoration:none;}
.link-orange a:visited{ color:#d85715; text-decoration:none;}
.link-orange a:hover{ color:#d85715; text-decoration:underline;}
