@charset "utf-8";
body{
margin:0px;
padding:0px;
background:url('ui/bg.png');
text-align:center;
}

div{
position:relative;
}

a{
text-decoration:underline;
color:#363;
background:none;
}

a:hover{
color:#F90;
text-decoration:underline;

}



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



body{
color:#369;
font-family:verdana,pmingliu;
font-size:0.8em;
line-height:1.5em;
}

h1 span, h2 span, h3 span{
display:none;

 }

p{
letter-spacing:0.5px;
}

h1, h2 ,h3{
letter-spacing:1px;
}

h3{

font-size:1.2em;
line-height:1.2em;
color:#F90;
}


h4{
font-size:1em;
line-height:1.3em;
margin-bottom:-10px;

}

.space{
clear:both;
}

.top{
float:right;
text-align:right;

}

.back{
float:right;
text-align:right;
z-index:2;
}

.read{
text-align:right;
top:-10px;
}

.alpha_label{
position:absolute;
}

#container{
margin:0px auto;
width:785px;
text-align:center;
}









/*banner*/
#banner_i{
width:785px;
height:275px;
background-image: url('ui/banner_i.jpg');
background-repeat: no-repeat;
background-position: left top;
}



#banner_about{

width:785px;
height:75px;
background:url('ui/banner_about.jpg') left top no-repeat;

}

#banner_about h1{
display:none;
}

#banner_activity{

width:785px;
height:75px;
background:url('ui/banner_activity.jpg') left top no-repeat;

}

#banner_activity h1{
display:none;
}

#banner_activity_field{

width:785px;
height:75px;
background:url('ui/banner_activity_field.jpg') left top no-repeat;

}

#banner_activity_field h1{
display:none;
}

#banner_activity_content{
width:785px;
height:75px;
background:url('ui/banner_activity_content.jpg') left top no-repeat;

}

#banner_activity_content h1{
display:none;
}

#banner_activity_price{
width:785px;
height:75px;
background:url('ui/banner_activity_price.jpg') left top no-repeat;
}

#banner_activity_price h1{
display:none;
}

#banner_activity_map{
width:785px;
height:75px;
background:url('ui/banner_activity_map.jpg') left top no-repeat;
}

#banner_activity_map h1{
display:none;
}

#banner_activity_order{
width:785px;
height:75px;
background:url('ui/banner_activity_order.jpg') left top no-repeat;
}

#banner_activity_order h1{
display:none;
}

#banner_saler{
width:785px;
height:75px;
background:url('ui/banner_saler.jpg') left top no-repeat;
}

#banner_saler h1{
display:none;
}

#banner_member{
width:785px;
height:75px;
background:url('ui/banner_member.jpg') left top no-repeat;
}

#banner_member h1{
display:none;
}

#banner_link{
width:785px;
height:75px;
background:url('ui/banner_link.jpg') left top no-repeat;
}

#banner_link h1{
display:none;
}


#banner_faq{
width:785px;
height:75px;
background:url('ui/banner_faq.jpg') left top no-repeat;
}

#banner_faq h1{
display:none;
}

#banner_sitemap{
width:785px;
height:75px;
background:url('ui/banner_sitemap.jpg') left top no-repeat;
}

#banner_sitemap h1{
display:none;
}

#banner_error{
width:785px;
height:75px;
background:url('ui/banner_error.jpg') left top no-repeat;
}

#banner_error h1{
display:none;
}

#banner_sucess{
width:785px;
height:75px;
background:url('ui/banner_sucess.jpg') left top no-repeat;
}

#banner_sucess h1{
display:none;
}

#banner_product{
width:785px;
height:75px;
background:url('ui/banner_product.jpg') left top no-repeat;
}

#banner_product h1{
display:none;
}

#banner_admin{
width:785px;
height:75px;
background:url('ui/banner_admin.jpg') left top no-repeat;
}

#banner_admin h1{
display:none;
}

#menu_swf{
background:url('ui/banner_i.jpg') left top no-repeat;
width:785px;
height:120px;
}

#menu{
position:absolute;

}

#menu ul{
list-style-type:none;
}

#menu li{
position:absolute;
top:0px;
left:0px;

}





/* content */


#content{
width:758px;
background:url('ui/content_bg.png') left top;
padding-top:10px;
margin-left:27px;
padding-bottom:20px;
text-align:left;
}


#summary{
position:absolute;
top:10px;
left:20px;
width:230px;

}


#summary #company ul{
margin-top:-10px;
font-family:pmingliu,verdana;
}

#summary li{
margin-left:-15px;

}

/*title*/


#about_ideal_title{

width:475px;
height:25px;
background:url('ui/about_ideal_title.png') left top no-repeat;
}

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

#instant_title{
background:url('ui/instant_title.png') left top no-repeat;
width:230px;
height:25px;
}

#company_title{
background:url('ui/company_title.png') left top no-repeat;
width:230px;
height:25px;
}

#activity_field_title{
background:url('ui/activity_field_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_field_introduction_title{
background:url('ui/activity_field_introduction_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_field_equipment_title{
background:url('ui/activity_field_equipment_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_field_site_title{
background:url('ui/activity_field_site_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_service_title{
background:url('ui/activity_service_title.png') left top no-repeat;
width:475px;
height:25px;
}


#activity_paintball_title{
background:url('ui/activity_paintball_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_news_title{
background:url('ui/activity_news_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_special_title{
background:url('ui/activity_special_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_education_title{
background:url('ui/activity_education_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_challenge_title{
background:url('ui/activity_challenge_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_content_warrior_title{
background:url('ui/activity_content_warrior_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_content_people_title{
background:url('ui/activity_content_people_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_content_club_title{
background:url('ui/activity_content_club_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_content_static_title{
background:url('ui/activity_content_static_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_notice_title{
background:url('ui/activity_price_notice_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_promo_title{
background:url('ui/activity_price_promo_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_year_title{
background:url('ui/activity_price_year_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_catelog_title{
background:url('ui/activity_price_catelog_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_combo_title{
background:url('ui/activity_price_combo_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_bbq_title{
background:url('ui/activity_price_bbq_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_suit_title{
background:url('ui/activity_price_suit_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_promotion_ticket_title{
background:url('ui/activity_price_ticket_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_promotion_feedback_title{
background:url('ui/activity_price_feedback_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_promotion_blog_title{
background:url('ui/activity_price_blog_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_price_promotion_player_title{
background:url('ui/activity_price_player_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_map_title{
background:url('ui/activity_map_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_map_site_title{
background:url('ui/activity_map_site_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_order_title{
background:url('ui/activity_order_title.png') left top no-repeat;
width:475px;
height:25px;
}

#activity_order_form_title{
background:url('ui/activity_order_form_title.png') left top no-repeat;
width:475px;
height:25px;
}

#saler_promo_title{
background:url('ui/saler_promo_title.png') left top no-repeat;
width:475px;
height:25px;
}

#saler_point_title{
background:url('ui/saler_point_title.png') left top no-repeat;
width:475px;
height:25px;
}

#member_rights_title{
background:url('ui/member_rights_title.png') left top no-repeat;
width:475px;
height:25px;
}

#member_join_title{
background:url('ui/member_join_title.png') left top no-repeat;
width:475px;
height:25px;
}

#member_point_title{
background:url('ui/member_point_title.png') left top no-repeat;
width:475px;
height:25px;
}

#member_product_title{
background:url('ui/member_product_title.png') left top no-repeat;
width:475px;
height:25px;
}

#link_taiwan_title{
background:url('ui/link_taiwan_title.png') left top no-repeat;
width:475px;
height:25px;
}

#link_overseas_title{
background:url('ui/link_overseas_title.png') left top no-repeat;
width:475px;
height:25px;
}

#faq_paintball_title{
background:url('ui/faq_paintball_title.png') left top no-repeat;
width:475px;
height:25px;
}

#faq_others_title{
background:url('ui/faq_others_title.png') left top no-repeat;
width:475px;
height:25px;
}

#sitemap_structure_title{
background:url('ui/sitemap_structure_title.png') left top no-repeat;
width:475px;
height:25px;
}

#error_title{
background:url('ui/error_title.png') left top no-repeat;
width:475px;
height:25px;
}


#product_news_title{
background:url('ui/product_news_title.png') left top no-repeat;
width:475px;
height:25px;
}


#product_infomation_title{
background:url('ui/product_infomation_title.png') left top no-repeat;
width:475px;
height:25px;
}


#news_add_title{
background:url('ui/news_add_title.png') left top no-repeat;
width:475px;
height:25px;
}


#login_title{
background:url('ui/login_title.png') left top no-repeat;
width:475px;
height:25px;
}

#admin_title{
background:url('ui/admin_title.png') left top no-repeat;
width:475px;
height:25px;
}

#news_list_title{
background:url('ui/news_list_title.png') left top no-repeat;
width:475px;
height:25px;
}

#news_add_title{
background:url('ui/news_add_title.png') left top no-repeat;
width:475px;
height:25px;
}

#news_edit_title{
background:url('ui/news_edit_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_marker_title{
background:url('ui/product_marker_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_marker_accessories_title{
background:url('ui/product_marker_accessories_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_air_title{
background:url('ui/product_air_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_protection_title{
background:url('ui/product_protection_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_loader_title{
background:url('ui/product_loader_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_paintball_title{
background:url('ui/product_paintball_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_air_title{
background:url('ui/product_air_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_protection_title{
background:url('ui/product_protection_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_accessories_title{
background:url('ui/product_accessories_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_combo_title{
background:url('ui/product_combo_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_add_title{
background:url('ui/product_add_title.png') left top no-repeat;
width:475px;
height:25px;
}

#product_list_title{
background:url('ui/product_list_title.png') left top no-repeat;
width:475px;
height:25px;
}

/*sitemap*/

#context .submain #structure li p:first-letter{
color:#369;
font-size:1em;
font-weight:normal;
}

#context .submain #structure p{
margin-top:0px;

}

#context .submain #structure li{

}



/*error*/

#context .submain #error{
border:1px solid #369;
text-align:center;
background:url('ui/act_news_bg.png') left top;
margin:10px auto 30px auto;


}

/*admin*/
#form{
width:450px;
margin:10px auto;
padding:0px;
}

#form #news_add{
width:450px;
}

#form ul{

list-style-type:none;
}

#form fieldset{
border:1px solid #CBDCED;

}

#form fieldset legend{
font-weight:bold;
}

#form form fieldset dl dt{
display:block;
float:left;
clear:left;
width:80px;
text-align:right;
padding-top:2px;
padding-right:10px;
}


#form form fieldset dl dd{
margin:10px 0px;
text-align:left;
}

#form form fieldset dl dd input{
width:300px;
font-size:1em;
text-align:left;
}

#form form fieldset dl dd textarea{
width:300px;
height:300px;
font-size:1em;
}

#form .row_submit{
text-align:center;
}

#form form fieldset dl dd input#check_img{
width:10px;
font-size:1em;
text-align:left;
}

#form form fieldset dl dd input.radio{
width:10px;
font-size:1em;
text-align:left;
}

/*product_news*/

.product_news{
border-bottom:1px dotted #369;

}

.activity_news{
border-bottom:1px dotted #369;

}

/*member*/

#mail_box{
width:450px;
margin:10px auto;
padding:0px;

}

#mail_box ul{

list-style-type:none;
}

#mail_box fieldset{
border:1px solid #CBDCED;

}

#mail_box fieldset legend{
font-weight:bold;
}

#mail_box form fieldset dl dt{
display:block;
float:left;
clear:left;
width:70px;
text-align:right;
padding-top:2px;
padding-right:10px;
}


#mail_box form fieldset dl dd{
margin:10px 0px;

}

#mail_box form fieldset dl dd input,textarea{
width:220px;
font-size:1em;
}

#mail_box .row_submit{
text-align:center;
}


.table_member_point{
text-align:left;
width:460px;
border:2px solid #CBDCED;
border-spacing:0px;
}

.table_member_point caption{
text-align:left;
font-size:1em;
font-weight:bold;

}

.table_member_point thead tr th{
background:url('ui/act_news_bg.png') left top;
border-bottom:2px solid #CBDCED;
border-left:1px solid #CBDCED;
text-align:center;
padding:5px;
}

.table_member_point tbody tr td{
text-align:center;
padding:5px 5px 0px 5px; 
vertical-align:top;
border-bottom:1px solid #CBDCED;
border-left:1px solid #CBDCED;
}


.table_order,.table_member_product{

text-align:left;
width:460px;
border:2px solid #CBDCED;
border-spacing:0px;
}



.table_order caption,.table_member_product caption{
text-align:left;
font-size:1em;
font-weight:bold;

}

.table_order thead tr th,.table_member_product thead tr th{
background:url('ui/act_news_bg.png') left top;
border-bottom:2px solid #CBDCED;
border-left:1px solid #CBDCED;
text-align:center;
padding:5px;
}

.table_order tbody tr td,.table_member_product tbody tr td{

padding:5px 5px 0px 5px; 
vertical-align:top;
border-bottom:1px solid #CBDCED;
border-left:1px solid #CBDCED;
}

.table_order .title,.table_member_product .title{
width:100px;
}

/*bbq_pop*/

#pop_container{
width:400px;
text-align:center;
margin:0px auto;
}

#pop_content{
margin:0px auto;
width:380px;
border:1px solid #369;
background-color:#FFF;
padding:5px;
text-align:left;
}

#pop_copy p{
font-style:normal;
text-align:center;
}

#pop_bbq_title{
width:370px;
height:25px;
background:url('ui/bbq_title.png') left top no-repeat;
}

.table_bbq{
width:360px;

}

.table_bbq caption{
font-weight:bold;
}

.table_bbq .title{
font-weight:bold;
text-align:center;

}

.table_bbq thead tr th{
border-bottom:2px solid #CBDCED;
background:url('ui/act_news_bg.png') left top;
}

.table_bbq tbody tr td{
border-bottom:1px solid #CBDCED;
}

/*content of activity*/

#context .img_left{
color:#FFF;
float:left;
margin:0px 5px;

width:450px;
}

#context .img_left  img{
border:1px solid #369;
margin:5px 0px;
}

#context .img_left .caption{
margin-top:-25px;
margin-right:10px;
z-index:300;
color:#FFF;
display:block;
text-align:right;
}


/*activity_blog*/

.blog_text{
width:290px;
height:100px;
}

/*activity_news*/
.table_activity_news{
margin-top:15px;
text-align:left;
width:460px;
border:0px;
border-spacing:0px;
}

.table_activity_news caption{
text-align:center;
font-size:1em;
font-weight:bold;
}

.table_activity_news thead tr th{
background:url('ui/act_news_bg.png') left top;
border-bottom:2px solid #CBDCED;
}

.table_activity_news tbody tr td{
border-bottom:1px solid #CBDCED;
}

.news_time{
margin-top:-15px;
font-weight:bold;
}



.table_activity,.table_activity_combo{
text-align:left;
width:460px;
border:2px solid #CBDCED;
border-spacing:0px;
}



.table_activity caption,.table_activity_combo caption{
text-align:left;
font-size:1em;
font-weight:bold;

}

.table_activity thead tr th,.table_activity_combo thead tr th{
background:url('ui/act_news_bg.png') left top;
border-bottom:2px solid #CBDCED;
border-left:1px solid #CBDCED;
text-align:center;
padding:5px;
}

.table_activity tbody tr td,.table_activity_combo tbody tr td{

padding:5px 5px 0px 5px; 
vertical-align:top;
border-bottom:1px solid #CBDCED;
border-left:1px solid #CBDCED;
}



.table_activity .title{
width:60px;
text-align:center;
border-left:none;
font-size:1em;
font-weight:bold;
}

.table_activity .column01{
width:140px;
}


.table_activity_combo .column01{
width:20px;
text-align:center;
font-weight:bold;
}

.table_activity_combo .column02{
font-weight:bold;
width:150px;
text-align:left;
}

.table_activity_combo .column02 ul{
margin-left:0px;
padding-left:5px;
list-style-type:none;
}


.table_activity_combo .column04{
color:#F90;
text-align:center;
}


.table_activity_combo .column03{

text-align:center;
}


.table_activity_combo .column05 ul,.table_activity .column04 ul{
margin-left:0px;
padding-left:15px;
}


/*saler*/

.table_saler{
text-align:left;
width:460px;
border:2px solid #CBDCED;
border-spacing:0px;
}







.table_saler caption{
text-align:left;
font-size:1em;
font-weight:bold;

}

.table_saler thead tr th{
background:url('ui/act_news_bg.png') left top;
border-bottom:2px solid #CBDCED;
border-left:1px solid #CBDCED;
text-align:center;
padding:5px;
}

.table_saler tbody tr td{

padding:5px 5px 0px 5px; 
vertical-align:top;
border-bottom:1px solid #CBDCED;
border-left:1px solid #CBDCED;
}

.table_saler .column01{
text-align:center;
font-weight:bold;
width:120px;
padding:5px;
}


/*content of activity_field*/

#context .img{

float:right;
margin:0px 5px;



}

#context .img_content{
background:url('ui/img_bg.png') left top;
width:294px;
margin-bottom:5px;
}

#context .img_top{
width:294px;
height:50px;
background:url('ui/img_bg_top.png') left top no-repeat;
}

#context .img_bottom{

width:294px;
height:50px;
background:url('ui/img_bg_bottom.png') left top no-repeat;
}

#context .img img{

margin-left:25px;;
}

#context .img .caption{
position:absolute;
bottom:25px;
left:25px;
z-index:300;
color:#369;
font-weight:bold;
display:block;
text-align:right;
}


/*content of about*/



#context{
text-align:justify;
width:475px;

border-left:1px dotted #369;
padding:0px 15px;
left:250px;

}

#context .submain p:first-letter{
font-size:1.4em;
font-weight:bold;
color:#393;
}

#context .submain ul,ol{

}

#context .submain ul p,#context .submain ol p{
margin-top:5px;
}

#context .submain .comment{
font-weight:bold;
color:#F90;
}


.table_history{
margin-bottom:20px;
width:475px;

border-spacing:0px;
}

.table_history caption{
text-align:left;
font-size:1.2em;
font-weight:bold;

}

.table_history thead tr th{
height:25px;

padding:5px;
}

.table_history tbody tr td{
height:25px;
padding:5px 5px 0px 5px; 
vertical-align:top;
border-bottom:1px solid #CBDCED;
}

.table_history .title{
width:60px;

}

/*product*/

.display{
display:none;
}

.product_combo_content img{
border:1px solid #369;
}

.product_list{

border-bottom:1px dotted #369;
}

.table_product{
text-align:left;
width:460px;
border:2px solid #CBDCED;
border-spacing:0px;
}



.table_product caption{
text-align:left;
font-size:1em;
font-weight:bold;

}

.table_product thead tr th{
background:url('ui/act_news_bg.png') left top;
border-bottom:2px solid #CBDCED;
border-left:1px solid #CBDCED;
text-align:center;
padding:5px;
}

.table_product tbody tr td{

padding:5px 5px 0px 5px; 
vertical-align:top;
border-bottom:1px solid #CBDCED;
border-left:1px solid #CBDCED;
}


.table_product .column01{
width:80px;
text-align:center;
}




.product_detail{
width:460px;
padding:5px;
}


.product_column{
margin-top:5px;
padding:5px;
width:220px;
border:1px solid #CBDCED;
margin-right:2px;
float:left;

}

.product_column img{
margin-left:10px;
text-align:center;
}

#product_intro_marker a{
background:url('ui/product_intro_marker.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_marker a:hover{
background:url('ui/product_intro_marker_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}


#product_intro_marker_accessories a{
background:url('ui/product_intro_marker_accessories.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}


#product_intro_marker_accessories a:hover{
background:url('ui/product_intro_marker_accessories_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_loader a{
background:url('ui/product_intro_loader.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_loader a:hover{
background:url('ui/product_intro_loader_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_paintball a{
background:url('ui/product_intro_paintball.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_paintball a:hover{
background:url('ui/product_intro_paintball_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_air a{
background:url('ui/product_intro_air.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_air a:hover{
background:url('ui/product_intro_air_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_air a{
background:url('ui/product_intro_air.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_air a:hover{
background:url('ui/product_intro_air_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_protection a{
background:url('ui/product_intro_protection.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_protection a:hover{
background:url('ui/product_intro_protection_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}


#product_intro_accessories a{
background:url('ui/product_intro_accessories.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_accessories a:hover{
background:url('ui/product_intro_accessories_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_combo a{
background:url('ui/product_intro_combo.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

#product_intro_combo a:hover{
background:url('ui/product_intro_combo_over.jpg') left top no-repeat;
width:226px;
height:191px;
display:block;
float:left;
margin:10px 5px;
}

.product_intro_read{
position:absolute;
text-align:right;
bottom:10px;
right:10px;
}

.product_intro_read{
text-align:right;
bottom:10px;
margin-right:10px;
}

.product_intro_read a{
color:white;
}

.product_intro_read a:hover{
color:#F90;
}



.product_news{
border-bottom:1px dotted #369;



}

.news_product h3{

}


.time{
color:#F90;

margin-top:-15px;
}

/*content of index*/
#content_left{
float:left;
width:350px;
margin-left:10px;
margin-right:10px;
}

#content_i_promotion_product{

margin-right:10px;
}

#content_i_promotion_product_title{
background:url('ui/promotion_i_product_title.png') left top no-repeat;
width:340px;
height:23px;

}

#content_i_promotion_product .section{
margin-bottom:5px;
padding:5px 5px 5px 10px;
border-bottom:1px dotted #369;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
}

#content_i_promotion_product .section:hover{
background:url('ui/news_bg.png') left top;
border:1px solid #900;
}


#content_news{
margin-bottom:10px;


}

#content_news #content_news_title{
background:url('ui/news_title.png') left top no-repeat;
width:340px;
height:23px;
margin-bottom:10px;
}

#content_news #content_news_content{
width:340px;
padding-top:10px;
background:url('ui/news_bg.png') left top;
text-align:left;
}


#content_news  #content_news_content .section{
margin-bottom:5px;
padding:0px 10px 0px 10px;
}

#content_news #content_news_content .section h2{
margin:0px;
padding:0px;
font-size:1.2em;
line-height:1.3em;

}

#content_news #content_news_content .section img{
margin:0px 5px 0px 0px;
border:1px solid #369;
float:left;
}




#content_news #content_news_content .section  .news_cata_act_bg{
background:#F90;
color:white;
text-align:center;
margin:0px 5px 0px 0px;
width:30px;
float:left;
}

#content_news #content_news_content .section  .news_cata_products_bg{
background:#7EBF7E;
color:white;
text-align:center;
margin:0px 5px 0px 0px;
width:30px;
float:left;
}

#content_news #content_news_content .section  .news_context{
float:left;
width:280px;

}



#content_product_news{
margin-bottom:10px;

}

#content_product_news_title{
background:url('ui/act_product_title.png') left top no-repeat;
width:260px;
height:23px;
margin-bottom:10px;
}




#content_product_news #content_product_news_content{
width:260px;
padding-top:10px;
padding-bottom:10px;
background:url('ui/product_news_bg.png') left top;
text-align:left;
}


#content_product_news  #content_product_news_content .section{


padding:0px 15px 0px 10px;
}

#content_product_news  #content_product_news_content .section h2{
margin:0px;
padding:0px;
font-size:1.2em;
line-height:1.3em;
}

#content_product_news #content_product_news_content .section  img{
margin:0px 5px 0px 0px;
border:1px solid #369;
float:left;

}

#content_product_news #content_product_news_content  .section p{
margin-top:0px;
margin-bottom:10px;

}




#content_right{
width:340px;
border-left:1px dotted #369;
padding-left:20px;
float:left;
}




#content_i_photo{

}


#content_i_photo_title{
background:url('ui/photo_i_title.png') left top no-repeat;
width:420px;
height:23px;
margin-bottom:10px;
}



#content_i_photo .section{
width:410px;
margin-left:15px;

}

#content_i_photo .section .read{
margin-right:15px;
}


#content_i_photo .img{
width:120px;
height:120px;
text-align:center;
float:left;
margin:5px;
}

#content_i_photo .img img{
border:1px solid #369;
}

#content_i_promotion .section{
width:330px;
padding:5px;
border-bottom:1px dotted #369;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
}

#content_i_promotion .section:hover{
background:url('ui/news_bg.png');
border:1px solid #900;
}

#content_i_promotion .section p{

}

#content_i_promotion .section img{

}

#content_i_promotion_title{
background:url('ui/promotion_i_title.png') left top no-repeat;
width:340px;
height:23px;

}




#content_i_link_title{
background:url('ui/link_i_title.png') left top no-repeat;
width:340px;
height:23px;
margin-bottom:10px;
}


#content_i_link_content{
padding-left:15px;
}

#content_i_link .section{
border-left:5px solid #369;
margin-bottom:10px;
margin-right:10px;
padding-left:5px;

}

#content_i_link .section h2{
font-size:1.2em;
line-height:1.3em;
font-weight:normal;
margin:0px;
padding:0px;
}

#content_i_link .section img{
margin-right:5px;
}

#content_i_link .section p{
margin:0px;
}


/* foot */
#footer{
background:url('ui/footer_bg.png') left top no-repeat;
width:758px;
height:80px;
margin-left:27px;
color:#fff;
font:12px/18px pmingliu,verdana, sans-serif;
margin-top:-20px;
}



#footer ul{
list-style-type:none;
}

#footer ul li{
float:right;
margin-top:25px;
margin-right:10px;
}

#footer ul #home a{
display:block;
width:75px;
height:35px;
background:url('ui/home_btn.png') left top no-repeat;
z-index:200;
}

#footer ul #sitemap a{
display:block;
width:95px;
height:35px;
background:url('ui/sitemap_btn.png') left top no-repeat;
z-index:200;
}

#footer ul #contact a{
display:block;
width:95px;
height:35px;
background:url('ui/contact_btn.png') left top no-repeat;
z-index:200;
}

#footer ul #link a{
display:block;
width:95px;
height:35px;
background:url('ui/link_btn.png') left top no-repeat;
z-index:200;
}

#footer ul #faq a{
display:block;
width:85px;
height:35px;
background:url('ui/faq_btn.png') left top no-repeat;
z-index:200;
}


#footer ul #home a:hover{
display:block;
width:75px;
height:35px;
background:url('ui/home_btn_over.png') left top no-repeat;
z-index:200;
}

#footer ul #sitemap a:hover{
display:block;
width:95px;
height:35px;
background:url('ui/sitemap_btn_over.png') left top no-repeat;
z-index:200;
}

#footer ul #contact a:hover{
display:block;
width:95px;
height:35px;
background:url('ui/contact_btn_over.png') left top no-repeat;
z-index:200;
}

#footer ul #link a:hover{
display:block;
width:95px;
height:35px;
background:url('ui/link_btn_over.png') left top no-repeat;
z-index:200;
}

#footer ul #faq a:hover{
display:block;
width:85px;
height:35px;
background:url('ui/faq_btn_over.png') left top no-repeat;
z-index:200;
}



#footer ul a .display{
display:none;
}

#copy{
text-align:center;
}

#copy address{
font-size:12px;
font-style:normal;
}