#logoMobile {
    width: 51%;
    margin-left: -60%;
}


#footer {
    padding: 0px 0;
    background-color: #decdb3;
    opacity: 0.9;
    filter: alpha(opacity=90);
    margin-top: 1px;
}

    #footer h2 {
        font-family: Microsoft JhengHei !important;
    }

.navbar-default {
    background-color: #decdb3;
    opacity: 0.9;
    filter: alpha(opacity=90);
    border-color: #b2e2f6;
    font-weight: bold;
    color: black !important;
    border-radius: 0px;
    border: 0px;
}
/*.container {
    padding-top: 50px;
}*/


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

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


#rightPanel {
    margin-top: 30px;
}
#rightMsg {
    top: 0px;
    width:100%;
}
#LeftPanel, #mgrMenu, #memberMenu {
    margin-top: 190px;
}

.bookContent {
    margin-top: 0px;
}

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

.imgH {
    height: 58%;
}

.navbar-nav {
    /*left: 30vw ;*/
    position: relative;
}
.navbar-nav table {
    line-height: 14px;
    padding:0px;
}
.navbar-nav-td-chs {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height:25px;
    vertical-align:central ;
}

.navbar-nav-td-eng {
    font-style: italic;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

 @media (min-width: 641px) {
            .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 -230px;
        background-color: #decdb3;
    }

            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: 735px;
                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) {
    .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: #99d1e8;
        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: #b2e2f6;
        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;
    }
}