@charset "utf-8";

html{
margin:0px;
padding:0px;
}

body{
background:url('ui/bg.png');
padding:0px;
margin:0px;
color:#000;
font-family:verdana,pmingliu;
font-size:0.8em;
text-align:center;
}

div{
position:relative;
}

h1 span, h2 span, h3 span, h4 span{
display:none;
font-size:0em;
 }
 
h1{
font-size:0em;
}


p,li,td,input,textarea{
font:1em/1.5em verdana,pmingliu,sans-serif;

}

img{
border:0px;
vertical-align:top;
}

a{

color:#333;
text-decoration:underline;
}

a:hover{
color:#C00;
text-decoration:underline;
}



.space{
clear:both;
}

.close{
float:right;
}


.right{
float:right;
}

.notice{
color:#CC0000;
margin-left:10px;
text-align:left;
}

.top{
float:right;
top:-20px;
right:20px;

}

.top a{
color:#FFF;
text-decoration:none;
}

.top a:hover{
color:#FC0;
text-decoration:underline;
}

/*table style*/

.data_table{
margin:10px 0px;
text-align:center;
}

.data_table tr{

}

.data_table th{
background-color:#F90;
color:#FFF;
border:0px;
}

.data_table td{
background-color:#FFF;
color:#333;
border:0px;
}


/*flash_error*/
#flash_error {
top:10px;

}

#flash_error a:hover{
color:#FFF;
}

#container{
margin:0px auto;
background:url('ui/container_bg.png') left top;
width:950px;
border-left:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
border-top:none;

text-align:center;

}


/*head*/
#head{
width:950px;
height:120px;
}

#top_line{
top:-15px;
left:0px;
position:absolute;
width:950px;
height:20px;
background-color:#FC0;
}

#logo{
position:absolute;
width:465px;
height:88px;
left:25px;
top:15px;
background:url('ui/logo.png') left top no-repeat;
}

#logo a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

#logo a{
display:block;
width:465px;
height:88px;
border:0px;
}

#head_girl{

width:409px;
height:120px;
left:500px;
top:0px;
position:absolute;
}

#head_girl a{
display:block;
background:url('ui/head_girl.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:409px;
height:120px;
}

#head_girl a span{
position:absolute;
height:0px;
width:0px;
overflow:hidden;
}

/*submenu*/
#submenu{
position:absolute;
right:45px;
top:10px;


}

#submenu ul{
padding:0px;
margin:0px;
list-style-type:none;
}

#submenu ul li a{
display:block;

}

#submenu ul li{
float:left;

}

#submenu ul li a span{

position:absolute;
width:0px;
height:0px;
overflow:hidden;
}


#submenu ul li#submenu_home a{
background:url('ui/submenu_btn_home.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:60px;
height:13px;
}

#submenu ul li#submenu_home a:hover{
background-position:-63px 0;
width:60px;
height:13px;
}


#submenu ul li#submenu_sitemap a{
background:url('ui/submenu_btn_sitemap.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:67px;
height:13px;
margin-left:5px;
}

#submenu ul li#submenu_sitemap a:hover{
background-position:-67px 0;
width:67px;
height:13px;
margin-left:5px;
}

/*menu*/

#menu{
background:#333 url('ui/menu_bg.png') left top no-repeat;
background-position:0 0;
width:950px;
height:45px;
border-bottom:1px solid #FC0;

z-index:100;
}


#menu ul{
list-style-type:none;
margin:0px;
padding:0px;

}

#menu ul li{
float:left;

}

#menu ul li a{
display:block;

vertical-align:bottom;
}

#menu ul li a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

#menu ul li#menu_news a{

height:45px;
width:135px;
background:url('ui/menu_btn_news.png') left top no-repeat;
}

#menu ul li#menu_news a:hover{
background-position:0 -50px;
height:45px;
width:135px;
}

#menu ul li#menu_about a{


height:45px;
width:135px;
background:url('ui/menu_btn_about.png') left top no-repeat;
}

#menu ul li#menu_about a:hover{
background-position:0 -50px;
height:45px;
width:135px;
}

#menu ul li#menu_nsp a{
height:45px;
width:135px;
background:url('ui/menu_btn_nsp.png') left top no-repeat;
}

#menu ul li#menu_nsp a:hover{
background-position:0 -50px;
height:45px;
width:135px;
}

#menu ul li#menu_research a{
height:45px;
width:135px;
background:url('ui/menu_btn_research.png') left top no-repeat;
}

#menu ul li#menu_research a:hover{
background-position:0 -50px;
height:45px;
width:135px;
}

#menu ul li#menu_products a{
height:45px;
width:135px;
background:url('ui/menu_btn_products.png') left top no-repeat;
}

#menu ul li#menu_products a:hover{
background-position:0 -50px;
height:45px;
width:135px;
}

#menu ul li#menu_faq a{
height:45px;
width:135px;
background:url('ui/menu_btn_faq.png') left top no-repeat;
}

#menu ul li#menu_faq a:hover{
background-position:0 -50px;
height:45px;
width:135px;
}


#menu ul li#menu_contact a{
height:45px;
width:140px;
background:url('ui/menu_btn_contact.png') left top no-repeat;
}

#menu ul li#menu_contact a:hover{
background-position:0 -50px;
height:45px;
width:140px;
}

/*live_bar*/


#live_bar{
width:950px;
height:25px;
border-bottom:1px solid #FC0;
background:url('ui/live_bg.png') left top repeat-x;

}

#live_title{
width:100px;
height:15px;
background:url('ui/live_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
margin-left:5px;
margin-top:5px;
float:left;
display:inline;
}

#live_bar .time{
float:left;
color:#CCC;
margin-left:5px;
margin-top:3px;
font-family:verdana,pmingliu;
}


#live_bar .time strong{
color:#FC0;
font-weight:normal;
}

/*banner*/

#banner{
width:950px;
height:335px;
background:url('ui/banner_bg.png') left top no-repeat;
border-bottom:5px solid #FC0;
}

#banner #item01 img{
/*
background:url('ui/banner_item01.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
*/
width:415px;
height:310px;
float:left;
margin-left:5px;
margin-top:10px;
display:block;
}



#banner #item02 img{
/*
background:url('ui/banner_item02.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
*/
width:270px;
height:310px;
float:left;
margin-left:10px;
margin-top:10px;
}




#banner #dog{

width:230px;
height:345px;
position:absolute;
right:10px;
top:10px;
}

/*content_i*/
#content_i{
width:950px;
padding-top:10px;
padding-bottom:5px;

}



/*reason*/

#reason{
margin:0px auto 10px auto;
text-align:left;
border-bottom:5px solid #333;
width:930px;
}

#reason_text{
width:610px;
text-align:left;
}

#reason_text p{
margin-left:50px;
}

#reason_text ul li{
padding:0px;
margin-left:25px;
}

#title_reason_item01{
background:url('ui/title_reason_item01.gif') left top no-repeat;
width:531px;
height:53px;
}

#title_reason_item02{
background:url('ui/title_reason_item02.gif') left top no-repeat;
width:485px;
height:52px;
margin-top:-30px;
}

#title_reason_item03{
background:url('ui/title_reason_item03.gif') left top no-repeat;
width:574px;
height:52px;
margin-top:-30px;
}

#title_reason_item04{
background:url('ui/title_reason_item04.gif') left top no-repeat;
width:469px;
height:52px;
margin-top:-30px;
}

#title_reason_item05{
background:url('ui/title_reason_item05.gif') left top no-repeat;
width:609px;
height:52px;
margin-top:-30px;
}

#title_reason{
margin:30px 0px -30px 50px;
width:280px;
height:40px;
background:url('ui/title_reason.gif') left top no-repeat;
}


#reason_girl{
background:url('ui/reason_girl.png') left top no-repeat;
width:370px;
height:434px;
position:absolute;
right:0px;
top:0px;
}


/*news*/

#news_i{
float:left;
width:415px;

margin-left:5px;
}

#news_i_title_bg{
background:url('ui/news_i_title_bg.png') left top no-repeat;
width:415px;
height:40px;
margin-bottom:10px;
}

#news_i_title{
background:url('ui/news_i_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:91px;
height:21px;
top:10px;
left:10px;
position:absolute;
}


#news_i_more{
position:absolute;
right:15px;
top:15px;
height:11px;
width:85px;
}

#news_i_more a{
display:block;
background:url('ui/news_i_more.png') left top no-repeat;

height:11px;
width:85px;
}

#news_i_more a:hover{
background-position:-85px 0;
height:11px;
width:85px;
}

#news_i_more a span{
position:absolute;
width:0px;
height:0px;
overflow:hidden;
}

#news_i_table{
width:385px;
margin:0px 15px 10px 15px;
border:none;
text-align:left;

}

#news_i_table td{
border-bottom:1px dotted #333;
padding:5px 5px;
vertical-align:top;
}


#news_i_table .news_time{
color:#C00;
}

#news_i_table .news_summary{
color:#000;

}

#news_i_table a{
text-decoration:none;

}

/*organization_i*/
#organization_i{
width:270px;
top:0px;
float:left;
left:10px;
text-align:left;
}

#organization_i_title_bg{
background:url('ui/organization_i_title_bg.png') left top no-repeat;
width:270px;
height:40px;
margin-bottom:10px;
}

#organization_i_title{
background:url('ui/organization_i_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:192px;
height:21px;
position:absolute;
top:10px;
left:10px;
}

#organization_i_btn{

margin-left:10px;
margin-right:10px;
width:250px;

}

#organization_i_btn01{
padding-bottom:10px;
border-bottom:1px dotted #333;
}



#organization_i_btn01 a{
display:block;
background:url('ui/organization_i_btn01.png') left top no-repeat;

width:215px;
height:33px;
}


#organization_i_btn01 a:hover{
background-position:0 -35px;
}

#organization_i_btn01 a span{
width:0px;
height:0px;
overflow:hidden;
position:absolute;
}

#organization_i_btn02{
margin-top:10px;
}

#organization_i_btn02 a{
display:block;
background:url('ui/organization_i_btn02.png') left top no-repeat;

width:180px;
height:33px;
}

#organization_i_btn02 a:hover{
background-position:0 -34px;
}

#organization_i_btn02 a span{
width:0px;
height:0px;
overflow:hidden;
position:absolute;
}

#links_i{
float:left;
left:20px;
}

#links_i_title_bg{
background:url('ui/links_i_title_bg.png') left top no-repeat;
width:230px;
height:40px;
margin-bottom:10px;
}

#links_i_title{
background:url('ui/links_i_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
position:absolute;
width:91px;
height:21px;
top:10px;
left:10px;
}


/*navigation*/

#navigation{
text-align:left;
padding:5px 10px;
background-color:#000;
color:#CCC;

}


#navigation a{
color:#CCC;
text-decoration:none;
}

#navigation a:hover{
color:#FC0;
}


/*content*/
#content{
text-align:center;
width:930px;
margin:10px;
}



.context{
color:#333;
margin:5px 10px 10px 10px;
text-align:left;
letter-spacing:0.08em;
}


.context h2{

font:1.2em/1.5em verdana,pmingliu,sans-serif;
color:#C00;
font-weight:bold;
}

.context h3{
font:1em/1em verdana,pmingliu,sans-serif;
font-weight:bold;
}

.context h4{
font:1em/0em verdana,pmingliu,sans-serif;
font-weight:bold;
}

.context img{
behavior: url("iepngfix/iepngfix.htc");
}

.context p{

}

.context strong{
color:#F60;
}

.context hr{
height:10px;
background:url('ui/hr_bg.png') left top;

border:0px;
margin:30px 0px;
}

.submain{
margin-bottom:20px;
}

.inner{
margin:0px 20px;
}

.inner img{

}

/*news_page*/

#news{
float:left;
width:645px;
}

#news_title{
background:url('ui/news_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:645px;
height:35px;

}

#news_table{
width:625px;
margin:0px 5px 10px 5px;
border:none;
text-align:left;
}

#news_table td{
border-bottom:1px dotted #333;
padding:5px 10px;
}


#news_table .news_time{
color:#C00;
vertical-align:top;
}

#news_table .news_summary{
color:#999;

}

#news_table a{
text-decoration:none;
color:#F60;
}

#news_table a:hover{
text-decoration:none;
color:#C00;
}

/*about*/
#about{
float:left;
width:645px;
}

#about_title{
background:url('ui/about_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:645px;
height:35px;
}

#about_girl{
background:url('ui/about_girl.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:258px;
height:408px;
top:90px;
right:0px;
position:absolute;
}


/*order*/
#order{
float:left;
width:645px;
}

#order_title{
background:url('ui/order_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:645px;
height:35px;
}

#order_form_title{
background:url('ui/order_form_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#order_apply_title{
background:url('ui/order_apply_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#order_form input{
color:#333;
}

#order_form textarea{
color:#333;
width:400px;
height:100px;

}

.order_table,.order_form_table{
width:600px;
margin:10px auto;


}

.order_table td,th{
padding:5px;
border-bottom:1px dotted #666;
}

.order_form_table td,th{
padding:5px;
}

.order_table input#shampoo_5l,input#shampoo_300ml,input#deo_100ml{
width:30px;
margin:0px 5px;
}

.order_form_table .title{
width:120px;
color:#C00;
font-weight:bold;
text-align:right;
}

.order_form_table input#addr{
width:300px;
}

.order_form_table input#company_name{
width:250px;
}

#submit_row{
text-align:center;
margin:5px auto;
}

/*nsp*/
#nsp{
float:left;
width:645px;
}

#nsp_title{
background:url('ui/nsp_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:645px;
height:35px;
}

#nanometer_title{
background:url('ui/nanometer_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#montmorillonite_title{
background:url('ui/montmorillonite_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#nspplus_title{
background:url('ui/nspplus_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#special_title{
background:url('ui/special_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#far_title{
background:url('ui/far_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#virus_table{
border:2px solid #FC0;
}

#virus_table caption{
font-weight:bold;
}

#virus_table th{
padding:5px 10px;
border-bottom:1px solid #FC0;
color:#C00;
}

#virus_table td{
padding:5px 10px;
border-bottom:1px solid #FC0;
}

#virus_table .virus_title{
width:150px;
border-right:1px solid #FC0;
font-weight:bold;
}

.nsp_animation{
text-align:center;
}

#infared_table{
border:2px solid #FC0;
width:585px;
}

#infared_table caption{
font-weight:bold;
}

#infared_table th{
padding:5px 10px;
border-bottom:1px solid #FC0;
border-right:1px solid #FC0;
}

#infared_table td{
padding:5px 10px;
border-bottom:1px solid #FC0;
border-right:1px solid #FC0;
}

/*products*/
#products_title{
background:url('ui/products_title.png') left top no-repeat;
behavior:url("iepngfix/iepngfix.htc");
width:645px;
height:35px;
}

.products_features_title{
background:url('ui/products_features_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}


.products_specifications_title{
background:url('ui/products_specifications_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;

}

.products_experience_title{
background:url('ui/products_experience_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;

}


.products_img{

}

.products_img img{
border:1px solid #CCC;

}

.products_inner{
margin:0px 30px;
}

.products_inner ul{
margin-left:20px;
padding:0px;

}

.products_inner p{
margin-left:20px;
margin-top:-10px;
}

.products_inner h4{
color:#C00;
}

.movie{
border:1px solid #CCC;
background:#FFF;
width:280px;
margin:0px 5px;
padding:5px;
margin-bottom:10px;
float:left;
}

.products_experience_submain{
padding-left:5px;
text-align:center;
}

.products_experience_submain h4{
text-align:left;
color:#C00;
margin-left:10px;
}

/*research*/


#research{
float:left;
width:645px;
}

#research_title{
background:url('ui/research_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:645px;
height:35px;
}

.research_img{
z-index:100;
float:left;
margin:10px 5px;

}

.research_img img{
border:1px solid #333;
}


.research_text{
text-align:center;

}

.research_submain{
width:625px;

}

.research_summary{
width:605px;
margin:15px 10px 10px 10px;

}

.research_summary_text{
background-color:#FC0;
padding:10px 5px 15px 10px;
}

.research_summary_text h3,p{

}

.research_summary_top{
background:url('ui/research_summary_top.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:605px;
height:5px;
position:absolute;
top:-5px;
}

.research_summary_bottom{
background:url('ui/research_summary_bottom.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:605px;
height:30px;

}

.research_box{

margin:-10px 10px 0px 10px;
}

#research_skin_title{
background:url('ui/research_skin_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#research_golden_title{
background:url('ui/research_golden_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#research_big_title{
background:url('ui/research_big_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#research_white_title{
background:url('ui/research_white_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}


#research_grass_title{
background:url('ui/research_grass_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#research_far_title{
background:url('ui/research_far_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}


#research_nano_title{
background:url('ui/research_nano_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

#research_poison_title{
background:url('ui/research_poison_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:625px;
height:25px;
}

/*faq*/

#faq{
float:left;
width:645px;
}

#faq_title{
background:url('ui/faq_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:645px;
height:35px;
}

.dealer_table{
background-color:#333;
width:625px;

margin:10px 0px;
}

.dealer_table th{
background-color:#FC0;
border:none;
padding:5px;
}

.dealer_table td{
background-color:#FFF;
padding:5px;
}

.faq_submain{
margin-top:-10px;
border-bottom:1px dotted #333;
}

/*sitemap*/

#sitemap{
float:left;
width:645px;
}


#sitemap_title{
background:url('ui/sitemap_title.png') left top no-repeat;
behavior: url("iepngfix/iepngfix.htc");
width:645px;
height:35px;
}

#sitemap_table{
width:625px;
}


#sitemap_table caption{
font-weight:bold;

}

#sitemap_table td{
border-bottom:1px dotted #333;
padding:5px;
}

.sitemap_title{
color:#F60;
width:120px;
vertical-align:top;
text-align:center;
}

.sitemap_title a{
color:#F60;
text-decoration:none;
}

.sitemap_title a:hover{
color:#C00;
text-decoration:underline;
}

/*promotion*/
#promotion{
width:265px;
float:left;
margin-left:10px;
margin-top:10px;
}

#promotion img{
margin-bottom:5px;
behavior: url("iepngfix/iepngfix.htc");
}

/*footer*/

#footer{
margin-top:5px;
border-top:5px solid #FC0;
width:950px;
height:50px;
background:url('ui/footer_bg.png') left top no-repeat;
}

#footer address{
line-height:20px;
background:url('ui/footer_logo.png') 200px 20px no-repeat;

color:#FFF;
margin-top:5px;
text-align:center;
font-style:normal;

}

#footer a{
color:#FFF;
}

#footer a:hover{
color:#F90;
}