@import url("style_search.css");
/**************** exhibition styles *****************/
/*html {
    background: url(/images/5/bodybg-btm.jpg) repeat-x 0 bottom;
}*/
body {
    background: url(/images/5/bodybg-top.jpg) repeat-x 0 -5px;
}
#tp_header {
    background: url(/images/5/bodybg-top.jpg) repeat-x 0 -5px;
    overflow:hidden;
    height: 90px;
}
#tp_logo{
    width: 350px;
    overflow:hidden;
    float:left;
    border: 0px solid #000;
    height:80px;
    font-family:Arial;
    font-family:Verdana\9;
}

#tp_logo a {
    font-size: 10px;
    color: #777;
    float: left;
    text-decoration: none;
    text-align: right;
    font-weight: bold;
    line-height: 11px;
    padding: 10px 11px 2px 50px;
    margin: 0 0 -20px 10px;
    border: 0px solid #000;
}
#tp_logo img{
    margin: 0 -11px -2px -50px;
}
#tp_word{
    background-image: url(none);
    border-bottom: 0;
    height: 25px;
}
#tp_search{
    background-color: #E5E5E5;
}
#tp_breadcrumb {
    background-color: #FFF;
    padding: 2px 0 0 20px;
    font-size:11px;
}
#tp_header, #tp_word, #imts_container, #tp_search, #tp_breadcrumb{
    width: 980px;
    margin: 0 auto;
}
#tp_bar{
    margin-right:15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#imts_container{
    overflow:hidden;
    width: 960px;
    border: 0px solid #000;
    margin-left: -7px;
    padding-left:7px;
    margin:auto;
    padding-top: 5px;
}
#imts_head{
    padding-top: 110px;
    margin-left:-7px;
}
.page{
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    margin: 20px 0;
    font-size: 105%;
    height: 25px;
}
.page input{
    vertical-align:middle;
    }
.page a, .page span{
    padding: 1px 0 2px 0;
    margin: 0 5px 0 0;
    height: 18px;
    display: block;
    float: left;
}
.page a{
    padding: 1px 6px 2px 6px;
    text-decoration: none;
    background: url(/images/5/page_bgg.gif) center repeat-x;
    border: 1px solid #C8C8C8;
}
.page .current{
    padding: 1px 6px;
    background: url(/images/5/showroom/p_bg2.gif) repeat-x;
    color:#fff;
    font-weight: bold;
    border: 1px solid #fd7100;
    font-size: 105%;
}
.page a:hover{
    border: 1px solid #7f7f7f;
}
/****各分類主視覺****/
.autoparts #imts_head{
    background: url(../OTS/images/title_autoparts.jpg) no-repeat;
}
.computer #imts_head{
    background: url(../OTS/images/title_computer.jpg) no-repeat;
}
.electronics #imts_head{
    background: url(../OTS/images/title_electronics.jpg) no-repeat;
}
.hardware #imts_head{
    background: url(../OTS/images/title_hardware.jpg) no-repeat;
}
.industrial #imts_head{
    background: url(../OTS/images/title_industrial.jpg) no-repeat;
}
.machinery #imts_head{
    background: url(../OTS/images/title_machinery.jpg) no-repeat;
}
.machinetools #imts_head{
    background: url(../OTS/images/title_machinetools.jpg) no-repeat;
}
.textile #imts_head{
    background: url(../OTS/images/title_textile.jpg) no-repeat;
}
.autoparts #text_bg, .autoparts .gallary1, .autoparts .vip1{
    border-color: #99bcde;
}
.computer #text_bg, .computer .gallary1, .computers .vip1{
    border-color: #99bcde;
}
.electronics #text_bg, .electronics .gallary1, .electronics .vip1{
    border-color: #99bcde;
}
.hardware #text_bg, .hardware .gallary1, .hardware .vip1{
    border-color: #9dabb4;
}
.industrial #text_bg, .industrial .gallary1, .industrial .vip1{
    border-color: #959d9f;
}
.machinery #text_bg, .machinery .gallary1, .machinery .vip1{
    border-color: #959d9f;
}
.machinetools #text_bg, .machinetools .gallary1, .machinetools .vip1{
    border-color: #949494;
}
.textile #text_bg, .textile .gallary1, .textile .vip1{
    border-color: #dba4da;
}
#imts_left{
    width: 160px;
    float: left;
    padding-bottom: 10px;
}
#nav{
    height: 27px;
    float: right;
    margin-top: 12px;
    border: 0px solid #000;
    width: 500px;
}
#nav li{
    float: left;
    margin-right:5px;
    list-style-type: none;
    font: 12px/18px Arial, Verdana;
    font-weight: bold;
}
#nav li a{
    color:#444;
    display:block;
    background-image: url(/images/5/navbox_top2.gif);
    width: 109px;
    height: 21px;
    text-decoration: none;
    text-align: center;
    padding-top:2px;
}
#nav li a:hover{
    background-image: url(/images/5/navbox_topg2.gif);
}
#imts_right {
    margin: 10px 0 20px 170px;
    color: #555;
}
/**************** footer styles *****************/
#tp_footer {
    margin-top: 10px;
}
#bookmark{
    text-align: center;
}
/**************** search styles *****************/
.L{
    float:left;
}
.R{
    float:right;
}
#text_bg{
    border: 1px solid #C8C8C8;
    padding: 1px;
    margin-bottom: 10px;
    border-top: 0;
    margin-left: 7px;
}
.textbg{
    background-color: #f3f3f3;
    padding: 0 10px 10px 10px;
    margin-top: 1px;
    font-family:Arial;
    font-size: 12px;
    color: #666;
}
.textbg p{
    padding: 2px 0 2px 0px;
    /*background: url(../OTS/images/arr_g.gif) no-repeat 2px 10px;*/
}
#text_bg .title{
    color: #222;
    padding-left:20px;
    font-size: 14px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
    padding-top: 2px;
    margin-right: 20px;
    border: 0px solid #000;
}
#text_bg h3 a{
    text-decoration:none;
    }
#text_bg .close{
    background: url(/images/5/+.gif) no-repeat 0 2px;
    }
#text_bg .title b{
    color: #F60;
}
#text_bg .refine{
    padding: 8px 10px;
    overflow: hidden;
    border-bottom:1px solid #f3f3f3;
    background-color: #FFF;
}
#text_bg .refine img{
    vertical-align:middle;
    margin-right: 20px;
}
/*#text_bg ul{
    float: left;
    border: 0px solid #000;
    margin: 0;
    padding: 0;
}
#text_bg li{
    float: left;
    margin: 2px 20px 0 0;
    line-height: 15px;
    list-style-type: none;
    padding: 2px 2px 2px 20px;
    background: url(../OTS/images/arr_g.gif) no-repeat 2px 8px;
}*/
.inq, .page{
    background-image: url(../OTS/images/inq_bg.gif);
    height: 21px;
    _height /**/: 35px;
    border: 1px solid #ddd;
    padding: 5px 5px 7px 9px;
    float:none;
    width:97%;
    margin: 0 0 0 7px;
    color: #333;
    font-size: 11px;
}
.page{
    background-image: url(none);
    border:0;
    padding:7px 0;
    width: 99%;
}
.inq .L{
    float:left;
    }
.inq .R{
    font-weight:normal;
    margin-top: 0;
    _margin-top: 5px;
    float: right;
    }
.inq img{
    margin-right:5px;
    }
.vip, .vip1{
    border:1px solid #eda6af;
    padding: 15px 5px;
    _height: 160px;
    _height /**/:210px;
    margin: 10px 1px 10px 8px;
}
.part1, .part2, .part3{
    float: left;
}
.part1{
    width: 150px;
    margin-right: 10px;
}
.part1 input{
    vertical-align:top;
    }
.part1 .logo, .part3 .logo{
    width: 80px;
    height: 80px;
    }
.part2{
    padding-right: 10px;
    background: url(/images/5/line1.gif) repeat-y right;
    width: 390px;
    margin-right: 8px;
    color: #666;
}
.part2 h2{
    font-size:110%;
    display:inline;
}
.part2 .description{
    margin: 10px 0;
    color: #222;
}
.part2 .description a{
    text-decoration:none;
    }
.part2 ul{
    margin-top:10px;
    color: #222;
    border: 0px solid #000;
    }
.part2 li{
    background: url(/images/arr11.gif) no-repeat 1px 6px;
    padding-left:10px;
}
.part2 em{
    font-style:normal;
    color:#000;
    }
.part2 .list{
    overflow: hidden;
    font-size: 100%;
    color: #222;
}
.part2 .list a{
    display: block;
    float: left;
    padding: 0 12px;
    margin-right: 5px;
    height: 20px;
    background-image: url(/images/5/butbg.gif);
    border: 1px solid #d1d1d1;
    text-decoration: none;
}
.part2 .list a:hover{
    border: 1px solid #666;
    color: #222;
}
.part2 img{
    vertical-align:middle;
    margin-left: 0;
    }
.part3{
    width: 200px;
    font-size: 95%;
    float: right;
}
.part3 .company{
    font-weight:bold;
}
.part3 .company img, .part3 .company a{
    margin: 0 5px 5px 0;
    }
.part3 .logo{
    margin:-5px 0 -2px 0;
    }
.part3 .pic{
    width:100px;
    height:100px;
    }
.Certification{
    /*background: url(/images/5/line.gif) repeat-x bottom;
    text-align: right;*/
    float: right;
    margin-top:-5px;
}
.Certification img{
    }
.check{
    float:left;
    position: absolute;
    margin:0 0 0 0;
}
/************公司搜尋結果**************/
#companies .check{
    margin:-5px 0 0 5px;
    *margin:-5px 0 0 -20px;
}
#companies .part1{
    width: 125px;
    text-align: center;
    border: 0px solid #000;
}
#companies .part1 a{
    padding-left:-25px;
    }
#companies .part2{
    width:495px;
    font-size: 110%;
    }
/*#companies .part2 img{
    margin-left:5px;
    }*/
#companies .part3{
    width: 113px;
    text-align: center;
    margin-right: 5px;
}
#companies .location{
    font-size:11px;
    margin-bottom: 10px;
    }
/************搜尋結果(圖片模式)**************/
.roll{
    overflow:hidden;
    }
#products, #companies{
    overflow:hidden;
    padding-bottom: 10px;
}
.gallary, .gallary1, .vip, .vip1{
    font-family: Arial, Helvetica, sans-serif;
    background-color:#f9f9f9;
    border:1px solid #ddd;
    overflow: hidden;
}
.gallary1, .vip1{
    background-color:#f3f3f3;
}
.gallary, .gallary1{
    float: left;
    width: 232px;
    _width: 245px;
    margin: 10px 1px 0 8px;
    padding: 15px 10px;
}
#products input{
    vertical-align:top;
}
#products .pro_name{
    font-size: 14px;
    color: #333;
    font-weight: bold;
    height: 40px;
    background: url(/images/5/line.gif) repeat-x 0 42px;
    padding-bottom:5px;
    text-align: center;
    margin-bottom:5px;
    overflow: hidden;
    }
#products .companyinfo{
    font-size: 12px;
    overflow: hidden;
    border: 0px solid #000;
    height: 65px;
    width: 232px;
    /*overflow:hidden;*/
    }
#products .companyinfo p{
    padding:0;
    line-height: 16px;
    }
#products .logo{
    float:left;
    margin-right: 5px;
    height: 60px;
    }
#products .logo img{
    width:60px;
    }
#products .name{
    font-size: 11px;
    line-height: 16px;
    height: 50px;
    display: table-cell;
    vertical-align: middle;
    }
#products .name strong{
    font-size: 14px;
    height: 30px;
    display: block;
    }
/*.info{
    height:120px;
    }
.gallary h2, .gallary1 h2{
    text-align: left;
    margin:5px 0;
    font-size: 14px;
    height: 40px;
}*/
#products .pro_image{
    text-align:center;
    height: 170px;
    background-color: #FFF;
    width:170px;
    margin: auto;
}
#products .pro_image img{
    max-height:160px;
    max-width:160px;
    _width:160px;
}
#products .list{
    margin-bottom:5px;
    /*background-image: url(/images/5/butbg.gif);
    border: 1px solid #d1d1d1;
    padding-top:5px;*/
    background: url(/images/5/butbg_1.jpg) repeat-x;
    text-align: center;
    color: #999;
    height:24px;
    padding-top:5px;
    }
#products .list a{
    margin:0 1px;
    text-decoration:none;
    color: #222;
    }
#products .list a:hover{
    text-decoration: underline;
    color:#333;
    }
#products img{
    vertical-align: middle;
    padding-right: 0px;
}
#products .contact{
    text-align:center;
    /*background: url(/images/5/line.gif) repeat-x;*/
    padding-top: 10px;
    }