﻿/*看圖小幫手*/
#PicShow {
    width: 500px;
    height: 500px;
    float: left;
    background-color: #666666;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0.6;
}

#PSInDiv {
    background-color: #424242;
    margin: 0px;
    position: absolute;
    z-index: 10;
    margin-top: -15px;
}

#PSClose {
    float: right;
    margin-top: -50px;
    z-index: 11;
    position: relative;
    margin-right: 9px;
}

#PSPrev {
    float: left;
    cursor: pointer;
    z-index: 11;
    position: relative;
}

#PSNext {
    float: left;
    cursor: pointer;
    z-index: 11;
    position: relative;
}

#PSTurnLeft {
    float: left;
    cursor: pointer;
    z-index: 11;
    position: relative;
}

#PSTurnRight {
    float: left;
    cursor: pointer;
    z-index: 11;
    position: relative;
}

#PSZoomIn {
    float: left;
    cursor: pointer;
    z-index: 11;
    position: relative;
}

#PSZoomOut {
    float: left;
    cursor: pointer;
    z-index: 11;
    position: relative;
    width: 40px;
    height: 40px;
}

.toolimg {
    position: relative;
    cursor: pointer;
    opacity: 0.36;
    width: 32px;
    height: 32px;
}

.toolli {
    list-style: none;
    height: 42px;
}

.divimg {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.imgmiddle {
    position: relative;
    width: auto;
    height: auto;
    max-height: 95%;
    max-width: 95%;
    margin: 10px;
}
/*看圖小幫手*/

/*Helper*/
#HelperGray {
    width: 500px;
    height: 500px;
    float: left;
    background-color: #666666;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0.6;
}

#HelperInDiv {
    background-color: #424242;
    margin: 0px;
    position: absolute;
    z-index: 10;
    margin-top: -15px;
}


#HprClose {
    float: right;
    margin-top: -50px;
    z-index: 11;
    position: relative;
    margin-right: 9px;
    
}

#HprWhos {
    margin-left:auto;margin-right:auto;
    margin-top: 50px;
    text-align:center;
    color:#ffffff;
    font-family: 微軟正黑體,Arial, Helvetica, sans-serif;
    font-size: 28px;
}

#HprTable {
    border-collapse:collapse;
    margin-left:auto;margin-right:auto;
    color:#000000;
    margin-top: 8px;
    width:285px;
    font-family: 微軟正黑體,Arial, Helvetica, sans-serif;
    background-color:#ffffff;
}
.HprTR {
    height:32px;
}
 #HprTable td {
     border:1px solid #c0c0c0;
 }
 #HprOPTable {
     margin-left:auto;margin-right:auto;
     margin-top: 20px;
 }
 .HprBtn {
    background-color:#cccccc;
    height:40px;
    float: left;
    width:120px;
    cursor:pointer;
    border: 1px solid #ffffff;
 }

 .HprBtn img {
    top: 8px;
    position: relative;
    left: 8px;
    
 }
 .HprBtn a{
    position: relative;
    top: 2px;
 }
 .HprDelete{
     width:26px;height:26px;cursor:pointer;margin-left:auto;margin-right:auto;border-radius: 2px;
 }
.HprDelete img {
    position: relative;top: 1px;left: 1px;
}

