/*180322*/
td {
    position: relative
}
.btn-hname {
    display: block;
    position: absolute;
    border: 1px solid #977736;
    font: 13px/28px "新細明體";
    color: #210b00;
    z-index: 1;
    left: 140px;
    top: 0;
    box-sizing: border-box;
    width: 70px;
    text-align: center;
    background: #efd6a3;
    background: -moz-linear-gradient(top, #efd6a3 31%, #aa833e 75%, #efd6ad 95%);
    background: -webkit-linear-gradient(top, #efd6a3 31%, #aa833e 75%, #efd6ad 95%);
    background: linear-gradient(to bottom, #efd6a3 31%, #aa833e 75%, #efd6ad 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd6a3', endColorstr='#efd6ad', GradientType=0 );
}
.btn-hname:hover {
    background: #efd6ad;
    background: -moz-linear-gradient(top, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    background: -webkit-linear-gradient(top, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    background: linear-gradient(to bottom, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd6ad', endColorstr='#efd6a3', GradientType=0 );
}
.namepop {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #c6a764;
    position: absolute;
    width: 360px;
    z-index: 10;
    display: block;
    box-sizing: border-box;
    border: 5px solid #fff;
    min-height: 50px;
    box-shadow: 0 0 8px rgba(0,0,0,.6) inset;
    padding: 0 10px 10px;
}
.namepop h1 {
    font: bold 20px/2 "微软雅黑" !important; 
    text-shadow: 1px 1px rgba(255,245,224,.6) !important; 
    text-align: center !important; 
    margin-bottom: 0px !important; 
    padding-bottom: 0px !important; 
    color : black !important; 
}
.namepop div {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 8px
}
.namepop table {
    border-left: 1px solid #bababa;
    border-top: 1px solid #bababa;
    width: 100%;
    font: bold 16px/40px "微软雅黑";
    text-align: center
}
.namepop td {
    border-right: 1px solid #bababa;
    border-bottom: 1px solid #bababa;
}
.namepop td a {
    display: inline-block;
    border: 1px solid #977736;
    font: 13px/28px "新細明體";
    color: #210b00;
    box-sizing: border-box;
    width: 70px;
    text-align: center;
    vertical-align: top;
    margin-top: 5px;
    background: #efd6ad;
    background: -moz-linear-gradient(bottom, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    background: -webkit-linear-gradient(bottom, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    background: linear-gradient(to top, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd6ad', endColorstr='#efd6a3', GradientType=0 );
}
.namepop td a:hover {
    background: #efd6ad;
    background: -moz-linear-gradient(top, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    background: -webkit-linear-gradient(top, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    background: linear-gradient(to bottom, #efd6ad 5%, #aa833e 25%, #efd6a3 69%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efd6ad', endColorstr='#efd6a3', GradientType=0 );
}
.namepop td a:nth-child(2){
    border: 1px solid #898989;
    color: #454545;
    background: #f5f5f5;
    background: -moz-linear-gradient(bottom, #f5f5f5 5%, #adadad 25%, #f5f5f5 69%);
    background: -webkit-linear-gradient(bottom, #f5f5f5 5%, #adadad 25%, #f5f5f5 69%);
    background: linear-gradient(to top, #f5f5f5 5%, #adadad 25%, #f5f5f5 69%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=0 );
}
.namepop td a:nth-child(2):hover {
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 5%, #adadad 25%, #f5f5f5 69%);
    background: -webkit-linear-gradient(top, #f5f5f5 5%, #adadad 25%, #f5f5f5 69%);
    background: linear-gradient(to bottom, #f5f5f5 5%, #adadad 25%, #f5f5f5 69%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5', GradientType=0 );

}
.namepop a.close {
    display: block;
    width: 130px;
    margin: 10px auto 0;
    height: 40px;
    font: 18px/40px "微软雅黑";
    color: #fff;
    background: #c69e4a;
    background: -moz-linear-gradient(top, #c69e4a 1%, #7d5809 72%);
    background: -webkit-linear-gradient(top, #c69e4a 1%, #7d5809 72%);
    background: linear-gradient(to bottom, #c69e4a 1%, #7d5809 72%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c69e4a', endColorstr='#7d5809', GradientType=0 );
    text-align: center
}
.namepop a.close:hover {
    background: #3a1a01
}