html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
}

body, input, select, button {
    font-family: "Helvetica Neue",Helvetica,Arial,"微軟正黑體",Microsoft JhengHei,sans-serif;
}

body {
    padding-top: 53px;
}

a {
    text-decoration: none
}
.topbanner, .topbanner_b2b, .topbanner_bbc {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: url(/public/Img/header/top_06.gif) bottom repeat-x;
    height: 53px;
    z-index: 7000;
}

.topbanner-up {
    margin-top: 0;
}

.topbanner_name {
    float: left;
    display: block;
    background: url(/public/Img/header/top_02.gif) left bottom no-repeat;
    width: 177px;
    height: 53px;
}

    .topbanner_name:hover {
        cursor: pointer;
    }

.topbanner_slogan {
    float: left;
    display: block;
    background: url(/public/Img/header/top_03.gif) left bottom no-repeat;
    width: 450px;
    height: 53px;
}

.bwt_index {
    display: block;
    float: right;
    background: url(/public/Img/header/top-_04.gif) left bottom no-repeat;
    width: 105px;
    height: 53px;
}

    .bwt_index:hover {
        background: url(/public/Img/header/top_04.gif) no-repeat;
        cursor: pointer;
    }

.pro_index {
    display: block;
    float: right;
    background: url(/public/Img/header/top-_05.gif) left bottom no-repeat;
    width: 105px;
    height: 53px;
}

    .pro_index:hover {
        background: url(/public/Img/header/top_05.gif) no-repeat;
        cursor: pointer;
    }

/*BBC*/
.topbanner_bbc .topbanner_name {
    background: url(//bbc.bwt.com.tw/eWeb_bwtb2b/bbc/images/logo/logo.gif) left bottom no-repeat;
}

.topbanner_bbc .topbanner_slogan {
    float: left;
    display: block;
    background: none;
    width: 450px;
    height: 53px;
}


/*程式判斷用*/
.topbanner_logo {
    float: left;
    display: block;
    height: 100%;
    overflow: hidden;
}

.topbanner_logo_bbc {
    display: block;
    margin: 0 auto;
    padding-top: 6px;
    text-align: center;
}

    .topbanner_logo_bbc > img {
        height: 38px;
        border: 0;
    }


.topbanner_fb, .topbanner_line, .topbanner_g {
    position: relative;
    float: right;
    margin-top: 13px;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.topbanner_fb {
    background-color: #4267b2;
}

.topbanner_line {
    background-color: #00b900;
}

.topbanner_g {
    background-color: #de5145;
    margin-right: 20px;
}

    .topbanner_fb:hover, .topbanner_line:hover, .topbanner_g:hover {
        border-radius: 14px;
    }


    .topbanner_fb:before, .topbanner_line:before, .topbanner_g:before {
        content: "";
        position: absolute;
        left: 0;
        top: 4px;
        display: block;
        width: 100%;
        height: 20px;
        background-image: url(/public/Img/header/share.png);
        background-repeat: no-repeat;
    }

.topbanner_fb:before {
    background-position: -1px 0;
}

.topbanner_line:before {
    background-position: -31px 0;
}

.topbanner_g:before {
    background-position: -61px 0;
}

.bbc .no_bbc {
    display: none !important;
}

.displaynone {
    display: none;
}

@media (max-width:1075px) {
    .topbanner_slogan {
        display: none;
    }
}

@media (max-width:640px) {
    .header_toplist, .bwt_index {
        display: none;
    }
}

@media (max-width:440px) {
    .pro_index {
        display: none;
    }

    .topbanner_g {
        margin-right: 10px;
    }
}