/**
** Jesse xu
**/



/* base */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, iframe, font, img, strong, var, dd, dl, dt, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; border:0; padding: 0; font-weight:inherit; font-style:inherit; font-family:inherit; }
body { color:#000; height:100%; text-align:center; font-size:13px; line-height:1.5em; background:#fff; font-family:Arial,Verdana,Helvetica,"宋体",sans-serif;}
input, textarea, select { font-family:Arial,Verdana,Helvetica,sans-serif; *font-size:100%;}
ul,ol{ list-style: none; margin:0; padding:0;}
img { border:none; vertical-align:top;}

a {text-decoration:none}
    a:link{color:#0000CC; }
    a:visited { color:#660066; }
    a:hover, a:active{ color:#FF6300; text-decoration:underline}
    a.light:link, a.light:visited{color:#000}

h1,h2,h3,h4,h5{ font-family:Arial, "Lucida Grande", Verdana, sans-serif; font-weight:400;}
h1{font-size:18px}
h2{font-size:16px}
h3,h4,h5{font-size:14px}
table { border-collapse:collapse; border-spacing:0}
caption, th { text-align: left;}
strong{ font-weight:700}
.blod{ font-weight:700}

.red{ color:#FF6600}
.green{ color:#29A246}
.blue{ color:#0044DD}
.tips{color:#999}
.grey{ color:#666}
.clear{ font-size:0; line-height:0; height:0; width:0; clear:both; visibility:hidden;}
.fs11{ font-size:11px}
.fs12{ font-size:12px}
.fs14{ font-size:14px}
.fs16{ font-size:16px}
.hidden{ display:none}
.left{ float:left}
.right{ float:right}
.align_r{ text-align:right}

.box{ margin-bottom:15px;}
.line{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.not_line{ word-break:break-all; word-wrap:break-word;}

.bottomLine {border-bottom:1px dotted #EEE;}

.submit{ background:url(images/button_bg.gif) top repeat-x; border:1px solid #F39D24; padding:1px 5px; font-size:11px; font-weight:700;}
a.submit, a.submit:hover, a.submit:visited, a.submit:active { color:#000; text-decoration:none; }
input.reset{ background:url(images/button_bg.gif) left -18px repeat-x; border:1px solid #B4B4B4; padding:1px 5px; font-size:11px; cursor:pointer}

.top_bar{ background:#F4F3F2; text-align:left; color:#7D7D7D; margin-bottom:12px;}
    .top_bar_con{ width:960px; margin:auto; height:27px; line-height:27px}
    .top_bar_con a:link,.top_bar_con a:visited{ color:#7D7D7D;}.top_bar_con a:hover{ color:#FF6300;}
.wrap{ text-align:left; width:960px; margin:auto}
    .head{ padding-top:15px}.head h1{ margin-top:8px}
    /*.include_head_top{ border-bottom:4px solid #585858;}*/
    .menu li{ float:right; margin-left:3px; font-size:13px}
    .menu li a{ display:block; line-height:31px; padding:0 0 0 15px; background:url(images/nav_btn_bg.gif) left top no-repeat; color:#000; font-weight:700}
    .menu li a:visited { color:#000; }
    .menu li a span{ display:block; line-height:31px; padding:0 15px 0 0; background:url(images/nav_btn_bg.gif) right top no-repeat }
    .menu li.checked a{ display:block; line-height:31px; padding:0 0 0 10px; color:#fff; background:url(images/nav_btn_bg.gif) left -31px no-repeat; font-weight:700}
    .menu li.checked a:visited { color:#FFF; }
    .menu li.checked a span{ display:block; line-height:31px; padding:0 10px 0 0; background:url(images/nav_btn_bg.gif) right -31px no-repeat }
    .menu p{ text-align:right; padding-bottom:8px}

    .search_bar{ height:30px; padding:8px 8px 0 15px; background:url(images/nav_bg.gif) repeat-x;}
        .input_s{ background:url(images/search_bg.gif) left no-repeat; padding:0px 0 0px 22px; height:21px}
        .input_s li{ float:left;border:solid #8B8B8B; border-width:2px 0px; height:17px; overflow:hidden}
        .input_s input{ border:0px}
        .input_s select{ margin-top:-2px}
        .search_bar input.sub{ background:url(images/search_r_bg.gif) no-repeat; border:0px; width:77px; height:21px; cursor:pointer }
        .hot_search{  }
        .hot_search a:link,.hot_search a:visited{ color:#fff; text-decoration:underline}
        .hot_search a:hover{ color:#FF6300}

    .foot{ text-align:center; border-top:1px solid #ccc; padding-top:5px; margin-bottom:10px; font-size:13px}
		.foot p {line-height:2em;}
		.foot img {vertical-align:middle}

/* base end */



/* index */
.content_l{ width:72%; margin-right:10px}
    .content_l .browse .title{ border-bottom:1px solid #BBB}
    .content_l .browse h2{ margin-bottom:-1px; background:url(images/browse_h.gif) repeat-x; height:27px; line-height:27px; border:1px solid #BBB; width:255px; cursor:pointer; padding-left:10px; color:#A3A3A3; font-weight:700}
        .content_l .browse h2 span{ background:url(images/up_down.gif) right 11px no-repeat; padding-right:14px; font-weight:400;}
        .content_l .browse h2.checked{ background:#F6F5F5; border-bottom:1px solid #F6F5F5; color:#000}
        .content_l .browse h2.checked span{ background:url(images/up_down.gif) right -8px no-repeat}
    .content_l .browse_con{ padding:10px 0 10px 10px; border:1px solid #BBB; border-top:0px; background:url(images/browse_con_bg.gif) repeat-x; height:100%}
    .content_l .browse_con li{ float:left; width:24%; margin:0 auto 5px auto}

    .new_product .title{ /*background:url(images/new_pro_t.gif) no-repeat;*/ background:#F5F5F5; border:1px solid #CCC; height:31px; line-height:31px; padding:0 5px 0 10px}
        .new_product .title li{ float:left; background:url(images/new_pro_b.gif) left no-repeat; padding-left:17px; margin-left:4px}
        .new_product .title a{ float:left; background:url(images/new_pro_b2.gif) right no-repeat; padding-right:8px; color:#000; font-weight:700; font-size:11px; text-decoration:none}
    /*.new_p_con{ border:1px solid #BBB; border-top:none}*/
    .banners{ border-bottom:1px solid #bbb;}
        .banners li{ padding:2px 0 2px 4px; width:99.5%; overflow:hidden;}
            .banners li.even{ background:#F6F5F5}
            .banners li a{ /*background:url(images/banners.gif) left no-repeat; padding-left:30px;*/ padding-left:10px; display:block}
            .banners li a.american{ background-position:6px -20px;}
            .banners li a.japan{ background-position:6px -64px;}

    .hot_pro{ }
        .hot_pro h2 {margin-bottom:15px;}
        .products_hots {}
            .products_hots .products_pic {width:122px; margin-right:15px; line-height:1.3em; height:170px; overflow:hidden;}
                .products_hots .products_pic img{ width:120px; height:108px; text-align:center; margin-bottom:5px;}

.content_r{ width:245px;}
    .send_email{ border:1px solid #FDCD74; background:#FCEDC4; padding:10px}
    .send_email p{ background:url(images/email_input_t.gif) left no-repeat; padding-left:38px; font-size:11px; font-style:italic}
    .email_input{ background:url(images/email_input_bg.gif) left; height:56px; border:1px solid #F9E4AA; padding:10px}
    .submit_email{ background:url(images/sunmit_email.gif); width:113px; height:20px; border:none;}

    .link_me{ background:#F8F8F8}
    ul li.tel,ul li.mail,ul li p.msn,ul li p.skype,ul li p.yahoo{ background:url(images/link_me_bg.gif) no-repeat; padding-left:50px; padding-bottom:14px}
    ul li.mail{ background-position: left -56px}
    ul li p.msn{ background-position:18px -133px}ul li p.skype{ background-position:18px -225px}ul li p.yahoo{ background-position:18px -178px}

    .about_others, .link_me{ background:url(images/grey_bottom.gif) bottom no-repeat; padding-bottom:4px;}

    p.gou_bg{ background:url(images/index_left_t.gif) top no-repeat; height:3px; overflow:hidden}
    .about_o_con{ padding:4px 9px 10px; border:solid #DFDFDF; border-width:0px 1px}
    .about_o_con li{ border-bottom:1px dashed #B1B1B1; padding-bottom:7px; margin-top:10px; height:100%}
    .about_o_con .letter{ width:175px}
    .letter h3{ font-size:13px; font-style:italic; font-weight:700; width:175px;}
    .letter p{ font-size:11px; color:#858585}

    .auto_blog .title{ background:url(images/index_left_t.gif) left -3px; height:25px; line-height:25px; padding:0 5px 0 10px}
    .auto_blog ul{ border:1px solid #E9CE85; border-top:none; padding:10px 10px 5px}
    .auto_blog li{ background:url(images/point.gif) left 5px no-repeat; padding-left:10px; width:213px; margin-bottom:5px}

.links{ border-top:1px solid #E1E1E1; background:#F7F6F6; padding:10px}
    .link_list li {float:left; width:13%}

/* index end */


/* product detail */
.product_detail {}
    .product_detail .tabs {border-bottom:3px solid #676767; height:33px;}
        .product_detail .tabs li {float:left; margin-right:2px; font-size:13px; font-weight:700; line-height:33px;}
        .product_detail .tabs li a {display:block; background:url(images/tab_bg_nomal.gif) left bottom no-repeat; padding-left:15px; color:#333;}
            .product_detail .tabs li a span {display:block; background:url(images/tab_bg_nomal.gif) right bottom no-repeat; padding-right:15px;}
        .product_detail .tabs li.selected a {display:block; background:url(images/tab_bg_selected.gif) left bottom no-repeat; padding-left:15px; color:#FFF;}
            .product_detail .tabs li.selected a span {display:block; background:url(images/tab_bg_selected.gif) right bottom no-repeat; padding-right:15px;}

/* end */

/* product list */
.main_l{ width:73%;}
    .steering{ border:1px solid #CACACA}
        .steering h2{ background:url(images/title_bg.gif) repeat-x; line-height:34px; font-size:18px; padding-left:8px; font-weight:normal}
        .steering h2 span{ display:block; background:url(images/title_h2.gif) left no-repeat; padding-left:20px}
        .steering_con{ padding:12px; font-size:13px}
            .steering_con .categorys li {float:left; width:24%;}
            .steering_con .series li {float:left; width:12%; height:1.5em;}
            .steering_con p {margin-bottom:8px;}
            .steering_con .checked{background:#EEE;padding:2px;}

    .product{ padding:10px 10px 5px; border:1px solid #DBDBDB}
        .product h2{ margin-bottom:5px; font-size:18px; font-weight:400; }
        .product th{ padding:2px 0px 2px 5px; background:#eee; font-weight:700; font-size:11px}
        .product td{ padding:5px 0px 5px 5px; /*border-bottom:1px dashed #DDD;*/ font-size:11px}
        .product td.no_border{ border:none}
        .product:hover { background:#FCFAE2; }
    /*
    .turn_page a{ padding:0px 4px; border:1px solid #A5A5A5; color:#3C3C3C}
    .turn_page a.checked , .turn_page a:hover{ background:#FF8800; border:1px solid #FF8800; text-decoration:none; color:#fff;}
    */
    .pages { font-size:13px; font-weight:700; line-height:2em; }
        .pages a, .pages a:visited { padding:1px 5px; margin-right:5px; border:1px solid #A5A5A5; color:#3C3C3C;}
        .pages a.page_now, .pages a.page_now:visited, .pages a:hover { background:#FF8800; border:1px solid #FF8800; text-decoration:none; color:#fff;}

    .product_detail td {vertical-align:top;}

    .nav { }

.main_r{ width:245px;}
    .main_r .browse .tab h3{ width:81px; text-align:center; cursor:pointer; background:#FCFAE2; height:23px; line-height:23px; float:left;}
    .main_r .browse .tab h3.checked{ background:url(images/tab_bg.gif) repeat-x; width:81px; height:22px; line-height:22px; border:solid #E8BF4B; border-width:0 0 1px 1px;}
    .main_r .browse .tab h3.selected{ background:url(images/tab_bg.gif) repeat-x; width:81px; height:22px; line-height:22px; border:solid #E8BF4B; border-width:0 1px 1px 0;}
    .main_r .browse_con{ background:#FCFAE2; padding:8px; border:1px solid #F39D24;}
        .main_r .browse_con h2 { font-size:18px; font-weight:400; margin-bottom:10px; border-bottom:1px solid #CCC; padding-bottom:3px; }
    .question_con{ padding:8px; border:1px solid #9DC2D0;}
    input.sign_up{ background:url(images/sign_up.gif) no-repeat; border:none; height:20px; width:113px; cursor:pointer}

.product_msg{ margin-bottom:10px}
    .product_msg h1{ font-size:24px; margin-bottom:30px; background:url(images/title_h1.gif) left 2px no-repeat; padding-left:22px;}
    .product_msg .product_pic{ width:266px;  background:url(images/product_pic_bg.gif) bottom no-repeat; padding-bottom:3px;}
    p.use_bg{ background:url(images/product_pic_t.gif); height:4px; display:block; overflow:hidden}
    .pic_wrap{ border:solid #D5D5D5; border-width:0 1px;}
    .pic_in{ width:264px; height:230px; display:table-cell; vertical-align:middle; position:relative;text-align:center;}
    .pic_in p{ position:static; +position:absolute; top:50%}
    .pic_in p img{ position:static; +position:relative; top:-50%; left:-50%;}
    .pic_wrap p.align_r a{ background:url(images/title_h1.gif) center -25px no-repeat; padding-left:75px;}
    .check_msg{ width:70%; }
        .check_msg .title h2 { font-size:13px; font-weight:700; margin-bottom:10px; color:#666;}
        .check_msg .title a.print{ background-position: left -51px;} .check_msg a.bm{ background-position: left -81px;}
        .check_msg table td, .check_msg table th { padding:5px; vertical-align:top }
        .check_msg .title{ background:url(images/product_pic_r.gif) no-repeat ; line-height:19px; padding:5px 8px 0 15px;}
        .check_msg .title a{ background:url(images/title_h1.gif) no-repeat; padding:2px 0 2px 18px;}

        .ch_msg_con{ border:1px solid #ccc; border-top:none; padding:15px; line-height:2em}
        .ch_msg_con .words { margin-bottom:13px; _margin-bottom:6px; }
        .tool_pic{ padding-top:6px; margin-left:155px}
        .tool_pic span{ padding-left:20px; background:url(images/title_h1.gif) left -107px no-repeat;}
.include_btm{ padding:15px; background:#F3F3F3;}
    .include_btm li{ margin-bottom:30px}
    .include_btm td,.include_btm th{ padding:2px 0 2px 5px; vertical-align:top}
    .include_btm .title{ border-bottom:2px solid #D4D4D4; padding-bottom:5px;}
    .include_btm h2{ font-size:15px; font-weight:700; background:url(images/title_h1.gif) right -127px no-repeat; padding-right:18px;}
    .detailed td.border_r_none{ border-right:0px;}
    .detailed th{ background:#D4D4D4; border-right:1px solid #F3F3F3;}
    .detailed td{ border-right:1px solid #DFDFDF;}
    .detailed tr.odd td{ background:#F3F3F3}.detailed tr.even td{ background:#fff}
    .detailed tr.last td{ border-bottom:1px solid #DFDFDF;}
    .text_area{ background:url(images/textarea_bg.gif) center  no-repeat;}
    .form_n{ padding:5px 0;background:#fff;}
    .include_ul{ padding:15px;}
    .include_ul li{ margin-bottom:5px}
/* end */




/* 404 */
.wrong_page{ border:1px solid #CACACA;}
    .wrong_page h2{ background:url(images/title_bg.gif) repeat-x; border-bottom:1px solid #cacaca; line-height:34px; font-size:18px; padding-left:8px; font-weight:normal}
    .wrong_page h2 span{ display:block; background:url(images/title_h2.gif) left no-repeat; padding-left:20px}
    .w_page_con{ padding:40px 19px 19px 87px; background:url(images/404_w_bg.gif) 30px 28px no-repeat}
    .wrong_page h1{ font-size:30px; color:#FF9102; margin-bottom:15px}
    .wrong_page dt{ font-size:14px; font-weight:700; padding-bottom:3px}
    .wrong_page dd{ margin-bottom:10px}
    .wrong_page dt.question{ border-bottom:1px solid #DBDBDB; margin-bottom:8px}
    .wrong_page dd.question{ margin-bottom:15px}
/* 404 end */



/* about */
.about{}

    .about_side{ width:20%; }
        .about_side a:link,.about_side a:visited{ display:block; width:133px; border-top:1px solid #fff; border-bottom:1px solid #CECECE; padding:5px 0 5px 45px; background:#F3F3F3 url(images/icon.gif) 18px 9px no-repeat; font-size:12px; color:#000; text-decoration:none}
        .about_side a:hover{ background:#FFD49D url(images/icon.gif) 18px 9px no-repeat; border-bottom:1px solid #E6A974; text-decoration:none}
        .about_side a.checked{ background:#FFD49D url(images/icon.gif) 18px 9px no-repeat;}

    .about_content{ width:75%; padding-left:20px; border-left:1px solid #CCC}
        .about_content h1{ font-size:24px; font-weight:400; border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:5px;}
		.about_content h4 {font-size:18px; font-weight:700; margin:15px auto;}
		.about_content h5 {font-weight:700; margin:15px auto;}
        .about_content_main{ }
/* about end */

.sta {display:none}