.page_num{width:100%;height:36px;display:block;}
.page_num ._right{margin-right:10px;width:70%;height:36px;display:block;float:right;}

._padding {padding: 10px;}
.left { float: left; }
.right { float: right;}
._spacing { width:100%; height:1px; padding: 10px}
._bottomboder{border-bottom-style:solid;}


._l { width:40%; height:30px; line-height:30px; display:block; font-size:19px; font-weight:bold; text-align:left; float:left; }
._r { width:59%; height:30px; line-height:30px; display:block; font-size:15px; text-align:right; float:right; }
._l_all { width:100%; height:30px; line-height:30px; display:block; font-size:19px; font-weight:bold; text-align:left; }
._r_all { width:100%; height:30px; line-height:30px; display:block; font-size:15px; float:right; text-align:right; }


.pageNav { clear:both; height:16px; font-size:12px; text-align:right; }
.pageNav a { color:#0000FF; line-height:32px; text-decoration:none; }
.pageNav a:hover { color:#FF0000; }
.pageNav a.first { background-image:url(../images/but_p2_f2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.first:hover { background-image:url(../images/but_p2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.previous { background-image:url(../images/but_p1_f2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.previous:hover { background-image:url(../images/but_p1.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav span.selected { font-weight:bold; font-size:12pt;   background-color:white }
.pageNav a.next { background-image:url(../images/but_n1_f2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.next:hover { background-image:url(../images/but_n1.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.last { background-image:url(../images/but_n2_f2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }
.pageNav a.last:hover { background-image: url(../images/but_n2.gif); background-repeat:no-repeat; background-position:center center; width:20px; height:32px; display:inline-block; }


.wp5 { width:5% !important;}
.wp7 { width:7% !important; }
.wp10 { width:10% !important; }
.wp11 { width:11% !important; }
.wp12 { width:12% !important; }
.wp13 { width:13% !important; }
.wp14 { width:14% !important; }
.wp15 { width:15% !important; }
.wp16 { width:16% !important; }
.wp17 { width:17% !important; }
.wp18 { width:18% !important; }
.wp19 { width:19% !important; }
.wp20 { width:20% !important; }
.wp21 { width:21% !important; }
.wp22 { width:22% !important; }
.wp23 { width:23% !important; }
.wp24 { width:24% !important; }
.wp25 { width:25% !important; }
.wp26 { width:26% !important; }
.wp27 { width:27% !important; }
.wp28 { width:28% !important; }
.wp29 { width:29% !important; }
.wp30 { width:30% !important; }
.wp31 { width:31% !important; }
.wp32 { width:32% !important; }
.wp34 { width:34% !important; }
.wp36 { width:36% !important; }
.wp38 { width:38% !important; }
.wp40 { width:40% !important; }
.wp48 { width:48% !important; }

.checkbox130 {width:100%;}
.checkbox130 label{width:130px;height:36px;line-height:36px;display:block;float:left;}

.must{color:#ff0000;}
.f12_gray{color:#aaa;}
.f_red{color:#c00;}

._sright{padding-right:10px;width:22%;height:36px;line-height:36px;text-align:right;display:block;float:right;}
._left { text-align: left; }
._right { text-align: right;}
._center { text-align:center; }
._bottom { vertical-align:bottom; }
._center_b { margin-left:auto; margin-right:auto; }

.pic_list_border{border: 2px solid #f60;border-radius: 6px;}
.products{width:100%;display:block;}
.products div a.btn_del{z-index:2;position:absolute;right:0px;top:0px;width:36px;height:36px;background-image:url(../images/icons-shadowless-24/cross.png);background-repeat:no-repeat;background-position:center center;display:block;}
.products .no_img{width:100%;height:42px;line-height:42px;color:#bbb;text-align:center;display:block;}

#menu_button{z-index:10;position:fixed;left:0px;top:140px;width:20px;height:60px;line-height:60px;border-top:1px solid #111;border-right:1px solid #111;border-bottom:1px solid #111;border-radius:0px 5px 5px 0px;background-color:#36475D;color:#fff;text-align:center;display:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;opacity:0.2;}
#upload_image {z-index:1000;position:fixed;left:0px;top:150px;width:100%;height:60%;background-color:rgba(255,255,255,0.8);display:none;}
/*#upload_image table{margin:20px auto;width:640px;border:1px solid #ccc;}
#upload_image table caption{text-align:left;font-size:1.3em;font-weight:bold;line-height:36px;}
#upload_image table th{padding:5px 5px;width:110px;background-color:#eee;border:1px solid #ccc;text-align:left;font-size:1em;font-weight:normal;line-height:32px;}
#upload_image table td{padding:5px 5px;background-color:#fff;border:1px solid #ccc;text-align:left;font-size:1em;font-weight:normal;line-height:32px;}
#upload_image table th{width:110px;}
#upload_image table input[type="text"], .content .page .info .data_info input[type="password"], .content .page .info .data_info input[type="number"]{width:90%;border:0px none;font-size:1em;}
#upload_image table label{margin-right:10px;}*/
#upload_image .buttons{margin:20px auto;width:640px;height:60px;text-align:center;}


.delete_checked_file{
    color: #606060;
    border: solid 1px #b7b7b7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    cursor: pointer;
    padding: 10px;
    margin-left: 20px;
}
.checkbox_style{
    position: absolute;
    top:5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    margin:0 0 10px 2px;
}

.checkbox_all_style{
    cursor: pointer;
    width: 25px;
    height: 25px;
}
.home_img{
    cursor: -webkit-grab;
    max-height: 84px;
    width: auto;
}
@media (max-width: 480px) {
    .home_img{
        height: 84px;
        width: 136px;
    }

    .checkbox_all_style{
        cursor: pointer;
        width: 15px;
        height: 15px;
    }
    
    .topic{
        width:95%;
    }
}

@media (max-width: 320px) {
    .home_img{
        height: 84px;
        width: 110px;
    }

    .checkbox_all_style{
        cursor: pointer;
        width: 15px;
        height: 15px;
    }
    
    .topic{
        width:95%;
    }
}

.products{width:100%;display:block;border: 2px dashed #ddd;overflow: auto;}
.products .input_img{height: 335px}
.products div{position:relative;margin:5px 5px;background-repeat:no-repeat;background-position:center 5px;background-size:auto 100px;border:1px solid #bbb;display:table;}
.products div input{margin-top: 15px;border: 1px solid!important;margin-left: 7px}
.products div span{z-index:1;position:absolute;left:0px;bottom:0px;width:100%;line-height:22px;text-align:center;background-color:rgba(196,196,196, 0.4);display:block;}
.products div a.btn_del{z-index:2;position:absolute;right:0px;top:0px;width:25px;height:25px;background-image:url(../images/upload_html5/cross.png);background-repeat:no-repeat;background-position:center center;display:block;}


.rating {
    float:left;
    direction: rtl;
}

.rating label.fa.fa-star{
    display:inline-block;
    border: 0;
    font-size: 20px;

}
.rating label.fa.fa-star > input{
    opacity: 0;
    display: none;
}

label.fa.fa-star .active,
label.fa.fa-star.active ~ label.fa.fa-star,
label.fa.fa-star:hover ~ label.fa.fa-star,
label.fa.fa-star:hover {
    color: #e91;
}

.prompt {
    color: red;
}

label[id=is_ok] i {
    font-size: 150%;
    margin-top:calc(30%);
}