P {
    FONT-FAMILY: "\5FAE\8F6F\96C5\9ED1",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
}

h1 {
    font-family: "\5FAE\8F6F\96C5\9ED1",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
}

.header {
    position: relative;
    font: 13px "Microsoft YaHei";
    /* z-index: 998; */
    background: #fff;
    padding: 15px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
} .header .rtd {
        float: left
    }

        .header .rtd a {
            padding: 0 5px;
        }

    .header .summary {
        float: right;
    }


.header2 {
    PADDING-RIGHT: 2px;
    BORDER-TOP: #191970 1px solid;
    padding: 3px;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #e5ecf9;
    width: 100%;
}

.target {
    font-weight: bold;
    text-align: left;
}

.summary {
    font-size: 10pt;
    text-align: right;
}

.footer {
    margin-top: 40px;
    text-align: center;
    font-size: 10pt;
}

.paging {
    text-align: center;
}

a.homepage {
    font-size: 17pt;
    font-weight: bold;
    color: black;
    text-decoration: none;
}

A.link {
    FONT-SIZE: 13pt;
}

.sample {
    FONT-SIZE: 10pt;
}

.path {
    FONT-SIZE: 14pt;
    COLOR: blue;
}

.path2 {
    FONT-SIZE: 13pt;
    COLOR: black;
    font-weight: bold;
}

.path1 {
    FONT-SIZE: 8pt;
    COLOR: green;
}

.path3 {
    FONT-SIZE: 10pt;
}

.Tip {
    padding: 2px;
    font-size: 10pt;
    padding: 4px;
}

.sponsorhead {
    FONT-WEIGHT: bold;
    FONT-SIZE: 85%;
    COLOR: #4f84b7;
    TEXT-ALIGN: left;
}

.sponsortext {
    FONT-WEIGHT: normal;
    FONT-SIZE: 80%;
    COLOR: #000000;
    TEXT-ALIGN: left;
}

.trA {
    border-style: solid;
    border-width: 1px;
    border-color: #66B5FF;
}

.stats {
    PADDING-RIGHT: 12px;
    BORDER-TOP: #bdbdbd 0px solid;
    PADDING-LEFT: 12px;
    FONT-SIZE: 80%;
    PADDING-BOTTOM: 0px;
    COLOR: #ff6600;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #bdbdbd 0px solid;
    HEIGHT: 15px;
    BACKGROUND-COLOR: #e5ecf9;
}

.td1 {
    FONT-SIZE: 12px;
    COLOR: #545454;
}

.td6 {
    padding-left: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #000000;
    LINE-HEIGHT: 14pt;
}

.tt1 {
    FONT-SIZE: 12px;
}

.MainText {
    border-color: #0099FF;
    border-width: 1px;
    border-style: solid;
}

.mid {
    width: 750px;
    margin: 0px auto;
    padding: 0px;
    border-bottom: #7f93bc 1px solid;
}

.fbox {
    width: 200px;
     
}

.mbox {
    width: 450px;
    FONT-SIZE: 12px;
    padding: 0px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}

.sbox {
    width: 150px;
    vertical-align: top;
     
}

.actionspro {
    COLOR: #66B5FF;
    FONT-SIZE: 12px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
}

    .actionspro LI {
        BORDER-BOTTOM: #66B5FF 1px solid;
    }

    .actionspro A {
        color: #0066CC;
        PADDING-RIGHT: 3px;
        DISPLAY: block;
        PADDING-LEFT: 3px;
        BACKGROUND: none transparent scroll repeat 0% 0%;
        PADDING-BOTTOM: 2px;
        MARGIN: 0px;
        PADDING-TOP: 2px;
        TEXT-DECORATION: none;
    }

        .actionspro A:hover {
            BACKGROUND: #3b5998;
            COLOR: white;
            TEXT-DECORATION: none;
        }

.clearfix:unknown {
    CLEAR: both;
    DISPLAY: block;
    VISIBILITY: hidden;
    HEIGHT: 0px;
    content: ".";
}

HTML .clearfix {
    HEIGHT: 1%;
}

.clearfix {
    DISPLAY: block;
}

.ProdPropertyTitle {
    width: 25px;
    float: right;
}

.style2 {
    color: #333333;
    FONT-SIZE: 9pt;
    LINE-HEIGHT: 14pt;
    TEXT-DECORATION: none;
    font-family: Arial, Helvetica, sans-serif;
}

A.blue {
    display: inline-block;
    font: 13px/150% arial,rial,rial;
}

    A.blue:hover {
        color: #ff9933;
        TEXT-DECORATION: underline;
    }

    A.blue:active {
        color: #cccccc;
        TEXT-DECORATION: none;
    }

.detailLtd {
    width: 160px;
    vertical-align: bottom;
    text-align: left;
    color: #0066CC;
    font-size: 14px;
    padding-left: 2px;
    font-weight: 700;
}

.ProdSupplierGN_ProductA {
    border: #0066CC 1px solid;
}

.ProdSupplierGN_ProductA_1 {
    background: #FFFFFF;
}

    .ProdSupplierGN_ProductA_1 p {
        margin: 0;
    }

.ProdSupplierGN_ProductA_2 {
    background-color: #fafafa;
}

    .ProdSupplierGN_ProductA_2 p {
        margin: 0;
    }

    .ProdSupplierGN_ProductA_2 img {
        height: auto;
        max-width: 516px;
    }

.ProdSupplierGN_ProductA_1 img {
    height: auto;
    max-width: 516px;
}

.ProdSupplierGN_ProductA_1 ol li, .ProdSupplierGN_ProductA_2 ol li {
    list-style-position: inside;
}

.ProdSupplierGN_ProductA_1 ol, .ProdSupplierGN_ProductA_2 ol {
    margin: 0;
    padding: 0;
}

.ProdSupplierGN_ProductA_1 ul li, .ProdSupplierGN_ProductA_2 ul li {
    list-style-position: inside;
    list-style-type: disc;
}

.td1 {
    FONT-SIZE: 12px;
    COLOR: #545454;
    text-align: left;
    width: 70px;
    background: #fafafa;
}

.zcont_1_a {
    height: 26px;
    float: left;
    width: 117px;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: #545454;
    padding-top: 3px;
    text-decoration: underline;
}

.ProductProvinceA {
    BORDER: #FFCC33 1px solid;
    width: 600px;
}

.CompanyProductType {
    BORDER: #FFCC33 1px solid;
    width: 606px;
}

.ProductProvinceAItem {
    color: Green;
    padding-left: 30px;
}

.ProdSupplierGNTit {
    FONT-WEIGHT: bold;
    FONT-SIZE: 150%;
}

.td12 {
    FONT-SIZE: 12px;
    COLOR: #545454;
    text-align: left;
    width: 110px;
    background: #fafafa;
}

/*.ProdGN_1 {
    color: #0066CC;
    text-align: right;
}

.ProdGN_2 {
    background: #FFFFFF;
}

.ProdGN_3 {
    background-color: #fafafa;
}

.ProdGN_4 {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0px;
    background: #d5d5d5;
    width: 100%;
}*/
.ProdGN_1 {
    color: #0066CC;
    text-align: right;
	width:80px
}
.ProdGN_2 {
    background: #FFFFFF;
}

.ProdGN_3 {
    background-color: #fafafa;
}
.ProdGN_4{  width: 100%;border-collapse:collapse; margin:15px 0;}
.ProdGN_4 img{max-width:100%;}
.ProdGN_4 td{
    border:1px solid #d5d5d5;
  }
.show {
    text-align: center;
    margin-top: 5px;
    background: #deeef4;
    line-height: 25px;
}

.img_list {
    background: #fff;
    padding: 3px 0;
}

    .img_list a {
    }

        .img_list a img {
            width: 166px;
            margin-tottom: 10px;
            border: 1px solid #999;
        }

.show {
    text-align: center;
    margin-top: 5px;
    background: #deeef4;
    line-height: 25px;
}

.img_list {
    background: #fff;
    padding: 3px 0;
}

    .img_list a img {
        width: 166px;
        margin-bottom: 2px;
        border: 1px solid #000;
    }




.floatwindow {
    width: 100%;
    background: #019f6a;
    padding: 10px 0px;
    box-shadow: 0px -5px 8px #888888;
    bottom: 0;
    position: fixed;
}

.white_line {
    border-bottom: #FFF solid 1px;
    padding-bottom: 10px;
}

.window_wrap, .white_line_wrap {
    width: 956px;
    margin: 0px auto;
    color: #fff;
    z-index: 666;
}

.window_wrap {
    height: auto;
    max-height: 550px;
    overflow: auto;
}

.Buybox {
    text-align: center;
    margin-top: 5px;
}

    .Buybox tr td {
        padding: 6px 4px;
        word-wrap: break-word;
    }

.btn {
    color: #fff;
    border: #FFF solid 1px;
    background: #019f6a;
    width: 68px;
    height: 30px;
    cursor: pointer;
    border-radius: 5px;
}

    .btn:hover {
        color: #fff;
        border: none;
        background: #ff7300;
    }

.color_red {
    color: #F00;
}

.color_gray {
    color: #888;
}

.close {
    background: url(/Themes/images/close.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    float: right;
    cursor: pointer;
}




.fontCfff a {
    color: #FFF !important;
}

.btn_enquiry {
    padding: 4px 10px;
    background: #2ab5cf;
    color: #FFF;
    border: none;
    cursor: pointer;
    border-radius: 3px;
}

.GoldPro_box {
    position: relative;
}

    .GoldPro_box td {
        vertical-align: top;
    }

.marginT5 {
    margin-top: 10px;
}

.GoldPro_1, .GoldPro_2 {
    margin-bottom: 20px;
    border: 1px solid #2ab5cf;
    width: 100%;
    padding: 10px 0;
}

    .GoldPro_1 td img {
        max-width: 200px;
    }

    .GoldPro_2 td img {
        max-width: 150px;
    }

.GoldPro_tit {
    width: 150px;
    text-align: right;
    color: #a9a9a9;
}

.GoldPro_tit85 {
    width: 85px;
    text-align: right;
    color: #a9a9a9;
}

.goldpro_icon {
    background: url(goldpro.png) no-repeat;
    display: block;
    width: 25px;
    height: 42px;
    position: absolute;
    left: -1px;
}

.icon_home {
    background: url(https://www.chemicalbook.com/images/en-icon_productlist.png) no-repeat;
    display: inline-block;
}

.TopRank0 {
    background-position: 0px -27px;
    position: relative;
    width: 93px;
    height: 23px;
    margin-right: 10px;
}

.Goldpro0 {
    background-position: 0px 0px;
    position: relative;
    width: 92px;
    height: 19px;
    margin-right: 10px;
}


.float-box {
    background: url(cd_03.png) no-repeat;
    width: 128px;
    height: 170px;
}

    .float-box p {
        padding-top: 130px;
        font-size: 14px;
        color: #666;
        text-align: center;
    }

.lbox-title span {
    float: right;
    margin-right: 5px;
}

.date {
    color: #999;
    margin-left: 110px;
}


.TextStyle {
    font-size: 15px;
    line-height: 28px;
    color: #333;
}

    .TextStyle p {
        font-size: 15px;
        line-height: 28px;
        padding: 0 0 20px 0;
        text-indent: 2em;
        color: #333;
        margin: 0;
		word-break: break-word;
    }

    .TextStyle img {
        max-width: 100%;
        height: auto;
        max-height: 3000px;
    }

.img_center {
    margin: 10px auto;
    display: block;
}

.TextStyle table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    font: 14px/24px Arial, Helvetica, sans-serif;
}

    .TextStyle table th {
        background: #eee;
        font: bold 14px/120% Arial,sans-serif;
    }

    .TextStyle table td, .TextStyle table th {
        border: 1px solid #eee;
        text-align: center;
        padding: 4px 0px;
    }

.Summary {
    background: #ececec;
    padding: 10px;
}

.titleH1 {
    text-align: center;
}

.NewsListBox ul {
    margin-bottom: 10px;
    border-bottom: #CCC solid 1px;
    padding-bottom: 10px;
}

.NewsListBox .N_Title a {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    font-family: "\5FAE\8F6F\96C5\9ED1",Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
}

    .NewsListBox .N_Title a:hover, .RelatedPro .N_Title a:hover {
        color: #0066CC;
    }

.N_Tab a {
    border: #999 dashed 1px;
    padding: 6px 10px;
}

.N_Tab {
    height: 30px;
    padding-top: 8px;
}

.NewsListBox li:nth-child(2) {
    line-height: 150%;
    color: #333;
    font-size: 14px;
}

.NewsListBox li:nth-child(3), .RelatedPro li:nth-child(3) {
    color: #999;
}

.fr {
    float: right;
}

.right-box {
    width: 280px;
    float: right;
}

.left-box {
    width: 670px;
}

.PLbox1 {
    background: #fff;
    border: 1px solid #ccc;
    word-break: break-all;
    margin-bottom: 10px;
}

    .PLbox1 p {
        background: #efefef;
        position: relative;
        top: -14px;
        font: bold 14px Arial, Helvetica, sans-serif;
        padding: 5px 0 5px 10px;
        margin-bottom: -10px;
    }

.NewPro li {
    border-bottom: 1px dotted #ccc;
    margin: 0 10px;
    overflow: hidden;
}

.NewPro span {
    width: 200px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5px;
    line-height: 25px;
    float: left;
}

.NewPro i {
    font-size: 12px;
    color: #888;
    font-style: normal;
    line-height: 25px;
}

.NewPPrice {
    color: #f00;
    float: right;
    line-height: 25px;
}

.marginR10 {
    margin-right: 10px;
}

.RelatedPro {
    border: solid #CCC 1px;
    margin-bottom: 10px;
}

    .RelatedPro h2 {
        background: #efefef;
        font: bold 14px Arial, Helvetica, sans-serif;
        padding: 5px 15px;
        margin: 0;
    }

    .RelatedPro ul {
        margin: 15px;
    }

        .RelatedPro ul li {
            line-height: 30px;
            border-bottom: 1px dotted #ccc;
        }

            .RelatedPro ul li:last-child {
                border: none;
            }

    .RelatedPro .N_Title a {
        font-size: 15px;
        color: #333;
        line-height: 30px;
    }

.page {
    padding: 20px 0;
    width: 630px;
    margin: auto;
    text-align: center;
}

    .page a:link {
        color: #a4a4a4;
    }

    .page a:visited {
        color: #a4a4a4;
    }

    .page a:hover {
        color: #ff7300;
    }

    .page span, .page ul { /* float:left;*/
        display: inline-block;
    }

    .page ul {
        position: relative;
        top: 6px;
        border: none;
    }

        .page ul li {
            border: 1px solid #ccc;
            float: left;
            margin: 0 5px;
            padding-left: 8px;
            padding-right: 8px;
            height: 22px;
            line-height: 22px;
            text-align: center;
        }

            .page .CC, .page ul li:hover {
                border: 1px solid #ff9600;
                background: #fff1dd;
                cursor: pointer;
                color: #ff7300;
            }

    .page span {
        padding: 0 5px;
        color: #a4a4a4;
        line-height: 24px;
    }

    .page .pageNo {
        height: 22px;
        border: 1px solid #a4a4a4;
        width: 45px;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
    }

    .page .pageGo {
        border: none;
        background: #666;
        height: 24px;
        padding: 0 5px;
        color: #eee;
        cursor: pointer;
    }

        .page .pageGo:hover {
            background: #ff8900;
        }

    .page .NN, .page .NN:hover {
        border: 1px solid #fff;
        background: none;
        cursor: auto;
    }


.table_gray {
    width: 100%;
    border-collapse: collapse;
    font: 13px Arial, Helvetica, sans-serif;
    margin: auto;
}

    .table_gray td {
        padding: 3px 4px;
        border: 1px solid #ddd;
        border-collapse: collapse;
        color: #333;
    }

    .table_gray tr:first-child td {
        background: #f2f2f2;
        color: #666;
    }

.RFQbox {
    width: 310px;
    padding-bottom: 5px;
    position: relative;
}

    .RFQbox a:link {
        background: #ff7300;
        border: none;
        border-radius: 3px;
        color: #FFF;
        cursor: pointer;
        height: 32px;
        font: bold 15px/32px Arial, Helvetica, sans-serif;
        display: block;
        text-align: center;
		border: #e05b07 solid 1px;
    }

  /*  .RFQbox a:before {
        content: "";
        background: url(https://www.chemicalbook.com/Content/img/infor_03.jpg) no-repeat;
        display: inline-block;
        width: 17px;
        height: 11px;
        margin-right: 6px;
    }*/

.icon_home {
    background: url(https://www.chemicalbook.com/content/img/HomeIcon.png) no-repeat;
    display: inline-block;
}

.noneframe .ui-dialog-titlebar {
    display: none;
}

.newsbox {
    overflow: hidden;
}

.news_l {
    width: 69%;
    float: left;
}

.news_r {
    width: 28%;
    float: right;
}

.other_news {
    padding: 15px 0;
}

.news_l_t {
    border-left: 3px solid #ff7300;
    padding-left: 10px;
    font: bold 15px/100% Arial, Helvetica, sans-serif;
}

    .news_l_t a:link {
        font-weight: normal;
        color: #333;
        font-weight: bold;
    }

    .news_l_t a:hover {
        text-decoration: underline;
    }

.other_news a {
    border-bottom: 1px dotted #ccc;
    padding: 8px 0;
    font: 14px/140% Arial, Helvetica, sans-serif;
    display: block;
    text-decoration: none;
}

    .other_news a span {
        color: #888;
    }

    .other_news a:hover span, .other_news a:hover {
        color: #f00;
    }

.supply_box {
    clear: both;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}

    .supply_box .s_img img {
        width: 100px;
        height: 100px;
        float: left;
    }

    .supply_box span:last-child {
        font-size: 13px;
    }

.s_inf {
    line-height: 22px;
    font-size: 14px;
    padding-left: 108px;
}

.supply_t {
    color: #333;
    font: 14px/140% Arial, Helvetica, sans-serif;
    display: block;
    max-height: 40px;
    overflow: hidden;
}

.news_l h2 {
    font: bold 20px/100% Arial, Helvetica, sans-serif;
    padding: 20px 0;
    margin: 0;
    position: relative;
}

.news_l h3 {
    font: bold 16px/100% Arial, Helvetica, sans-serif;
    padding: 10px 0;
    margin: 0;
}

.news_l h4 {
    font: bold 14px/100% Arial, Helvetica, sans-serif;
    padding: 10px 0;
    margin: 0;
	border-top:1px solid #ccc;
}
/*.news_l h2:first-letter{color:#ff7300}*/
.news_l h2:before {
    content: "";
    width: 3px;
    height: 24px;
    display: block;
    float: left;
    background: #ff7300;
    margin-right: 5px;
}

.news_l h2 sup, .newsbox h3 sup, .newsbox h4 sup {
    font-size: 12px;
    font-weight: normal;
    color: #888;
    margin: 0 5px;
}

.news_l ol li {
    list-style: inside;
    list-style-type: demical;
    font-size: 14px;
    line-height: 24px;
}

.news_l ul li {
    list-style: inside;
    list-style-type: disc;
}

.news_l ul, .newsbox ol {
    padding: 10px 0;
    margin: 0 0 0 35px;
}

.news_l hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 15px 0;
}

.main-MZSM {
    border-top: 1px solid #ccc;
    margin-top: 15px;
}

    .main-MZSM p:first-child {
        font-weight: bold;
        text-indent: 0px;
        font-size: 14px;
    }

    .main-MZSM .MZSM-con {
        font-size: 13px;
        line-height: 20px;
        color: #979797;
        text-indent: 0px;
    }

.img330 img {
    max-width: 330px;
}
.Rcompany{border:1px solid #666; background:#efefef; padding:30px; overflow:hidden; box-shadow:3px 4px 4px #333;margin:20px 0}
.RcompanyLogo{width:140px;height:140px; overflow:hidden; float:left}
.RcompanyLogo img{max-width:140px;max-height:140px;border:none}
.RcompanyName{margin-left:30px;border-left:1px solid #ccc;padding-left:30px; float:left}
.RcompanyName h1{padding:2px 0; margin:0; font-weight:normal; border-bottom:2px solid #29b5ce}
.Rcompany a:link{ color:#333;}
.Rcompany a:hover{ color:#ff7300; text-decoration:none}
.RcompanyName ul{margin:5px 0 0 0}
.RcompanyName ul li{list-style:none;font-size:14px;color:#555; line-height:24px}
.Rtip{ color:#fff; background:#29b5ce; border-radius:20px;padding:3px;font-size:12px;width:60px; text-align:center; line-height:100%;}
.RcompanyP{ background:#;padding:10px 0;color: #999}
.RcompanyP span{font-size:15px; margin-right:15px;color: #333}

@media screen and (max-width:1023px) {
    div[class="main_960px z_box"] {
        width: 98%;
        margin: auto;
    }

    .z_box .search {
        float: none;
        width: auto;
        clear: both;
    }

    .z_box .news_l {
        width: 100%;
        float: none;
    }

    .z_box .news_r {
        width: 100%;
        float: none;
    }

    .RelatedPro ul li {
        border-bottom: 1px dotted #ccc;
    }

    .z_box .N_Title span {
        float: none;
        display: block;
    }

    .z_box .top_txt_bg SPAN {
        float: none;
    }

    .z_box #favorites, .search_tag, .search_keywords {
        display: none;
    }

    .z_box .top_txt_bg {
        height: auto;
    }

    .z_box .logo, .z_box .search_input {
        padding: 5px 0;
    }

    .z_box #Keyword {
        width: 70%;
    }

    .z_box .pad_top_btm_10px {
        padding: 0;
    }

    .N_Tab {
        height: auto;
        padding: 0 10px;
    }

        .N_Tab a {
            display: inline-block;
            margin: 1px;
        }

    .NewsListBox {
        padding: 0 10px;
    }
}

@media screen and (max-width:600px) {
    .z_box .top_txt_bg, .z_box .logo img, #ContentPlaceHolder1_navigation {
        display: none;
    }

    .z_box .logo a {
        width: 124px;
        height: 30px;
        background: #069 url(images/logo.gif);
        display: block;
        background-size: 100% 100%;
    }

    .z_box .newsbox {
        padding: 0 10px;
    }

    .z_box .RelatedPro {
        border: none;
        padding: 10px 0;
    }
}

a.xlpro{background:#29b5ce;margin-top: 5px;padding: 3px 5px;text-align:center}
a.xlpro:hover{ background: #ff7300}
a.xlpro span{text-align: center; display: block;height: 24px;line-height: 24px;font-size: 14px;color: #fff;display: block;width: 130px; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.newspriceimg{padding: 10px 0;margin-bottom: 10px;border:1px solid #ccc; display: block}
.newspriceimg:hover{box-shadow: 0px 2px 3px #888}
.zh_use_1{ border-collapse:collapse; width:100%}
.zh_use_1 td{border:1px solid #ccc;padding:1px;}
.zh_use_1 tr td:first-child{width:100px;}