#logoMobile {
    width: 51%;
    margin-left: -60%;
}
.navbar-default {
    background-color: #000000;
    opacity: 0.9;
    filter: alpha(opacity=90);
    border-color: #b2e2f6;
    font-weight: bold;
/*    color: black !important;
*/    border-radius: 50px;
    border: 0px;
}

/*.container {
    padding-top: 50px;
}*/


.mobileMenu {
    width: 100%;
    margin: auto;
}

    .mobileMenu div {
        padding: 5px 0;
        font-size: 15px;
        font-weight: bold;
    }


#rightPanel {
    margin-top: 0px;
}

#LeftPanel,  #mgrMenu, #memberMenu {
    margin-top: 215px;
}

.bookContent {
    margin-top: 0px;
}

.imgW {
    width: 100%;
    margin: 0px 0px;
}

.imgH {
    height: 58%;
}

.navbar-nav {
    /*left: 30vw ;*/
    position: relative;
}
.navbar-nav-td-chs {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    vertical-align: central;
}
@media (min-width: 641px) {
    #footer {
        padding: 0px 0;
        background-color: #000000;
        opacity: 0.9;
        filter: alpha(opacity=90);
        margin-top: 1px;
    }

        #footer h2 {
            font-family: Microsoft JhengHei !important;
        }
    .pc-used {
        display:normal ;
    }
    .Non-pc-used {
        display: none !important;
    } 
    #main {
        /*background: url('../images/bg_web.jpg') no-repeat;*/
        background-size: cover;
        background-attachment: fixed;
        background-position: 0px 0px;
        /*background-color: #99d1e8;*/
    }
    body {
        /*background-image:url(../images/topbg_02.jpg);*/
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: bottom left;
    }

    #container {
        margin-left: auto;
        margin-right: auto;
        width: 1024px;
        /*height:auto;*/
    }

    #header {
        /*   border: 1px solid #000000;
	background-image:url("../images/topbg.jpg");
	background-repeat:no-repeat;
 */
        width: 1024px;
        height: 210px;
    }

    #link-wrapper {
        height: 50px;
        text-align: right;
        vertical-align: middle;
        line-height: 50px;
    }





    #mainnav {
        height: 91px;
        width: 670px;
        /* 	border: 1px solid #000000; */
        float: left;
    }

        #mainnav table, .menuImg {
            width: 100%;
        }

    #navtable {
        border-collapse: collapse;
        border-spacing: 0;
    }

    #news {
        width: 670px;
        /*   	border: 1px solid #000000; */
        float: left;
    }

    #content {
        /*	height: 400px;*/
        width: 670px;
        /* 	border: 1px solid #000000; */
        float: left;
    }

    #sidebar {
        height: 820px;
        width: 169px;
        float: left;
    }

    .titleimage {
        height: 40px;
        width: 670px;
        /*background-image:url("../images/title.png");*/
    }

    .titleimage_old {
        height: 70px;
        width: 670px;
        background-image: url("../images/title.png");
    }

    #title {
        height: 70px;
        width: 670px;
        /*  	border: 1px solid #000000; */
        float: left;
    }

    #classificationBtn, #recommendBtn {
        display: none;
    }
}

.card .description input, .prodBtnGroup input {
    width: 45%;
    margin: auto;
    display: inline-block;
}

.prodName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


@media (max-width: 640px) {
    #footer {
        padding: 0px 0;
        background-color: #000000;
        opacity: 0.9;
        filter: alpha(opacity=90);
        margin-top: -10px;
        width: 800px;
    }

        #footer h2 {
            font-family: Microsoft JhengHei !important;
        }
    .pc-used {
        display: none !important ;
    }
    .Non-pc-used {
        display: normal ;
    } 

    body:before {
        content: ' ';
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        /*background: url('../images/bg_web.jpg') center no-repeat;*/
        background-position: right;
        /*background-color: #000000;*/
        background-size: cover;
    }
    /*    #main {
        background-position: right;
        background-size: cover;
        background-attachment: fixed !important;
        background-color: #99d1e8;
        background: url('../images/bg_web.jpg') no-repeat;
    }*/

    .bookContent {
        margin-top: 10px;
    }

    #header {
        border: 1px solid #000000;
        background: url("../images/topbg.jpg") no-repeat left center;
        width: 100%;
        height: 210px;
        background-size: cover;
        border: 0px;
    }

    .navbar-default {
        background-color: #000000;
        /*width:800px;         pc in mobile*/
        opacity: 0.9;
        filter: alpha(opacity=90);
        border-color: #b2e2f6;
        font-weight: initial;
    }

    .container {
        padding-top: 0px;
    }

    #mainnav table, .menuImg {
        width: 100%;
    }

    #LeftPanel img {
        width: 300px;
    }

    .titleimage img {
        width: 45%;
    }

    #sidebar, #bestViewPC, #header embed {
        display: none;
    }

    #mobleBtns {
        text-align: center;
        margin: 30px 0 0 0;
    }

    #containerTB {
        margin: auto;
        width: 100%;
    }

    #content table {
        font-size: 18px;
    }

        #content table input[type=image] {
            width: 22%;
        }

    #rightPanel {
        margin-top: 0px;
    }

    #LeftPanel {
        margin-top: 0px;
    }

    .container {
        margin: 0px;
    }
    .BlankAdd {
        display:none ;
    }
    .BlankAddAdmin {
        display: none;
    }
}