/* input & textarea css*/
.text {
    width:100%;
    background:#fff;
    border:1px solid #b8ae98;
    color:#868686 !important;
    padding:0;margin:0;
    height:28px;line-height:28px;
    text-indent:10px;
    font-size: 14px;
    border-radius:3px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
select.text{
    height:30px;line-height:30px;text-indent:0
}
.text:focus{
    /* border-color: rgba(12, 218, 311, 0.8);
    /* box-shadow: 0 1px 1px rgba(0, 110, 311, 0.075) inset, 0 0 8px rgba(12, 218, 311, 0.6); */ */
    outline: none !important;
}
.textarea{
    width:100%;
    border:1px solid #b8ae98;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.textarea:focus{
    border-color: rgba(12, 218, 311, 0.8);
    box-shadow: 0 1px 1px rgba(0, 110, 311, 0.075) inset, 0 0 8px rgba(12, 218, 311, 0.6);
    outline: 0 none;
}

/* placeholder css */
.text::-webkit-input-placeholder { /* WebKit browsers */
    color:    #ddd;
}
.text:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #ddd;
   opacity:  1;
}
.text::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #ddd;
   opacity:  1;
}
.text:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #ddd;
}

/*table*/
.tbl-lst{width:100%;border-collapse: separate;border-spacing: 0px;text-align:left;font-size:16px}
.tbl-lst th{padding:12px;color:#b8ae98;border-top:1px solid #b8ae98;border-bottom:1px solid #b8ae98}
.tbl-lst td{padding:10px;color:#766c6a}
.tbl-lst td>a{color:#766c6a}
.tbl-lst td>.title:hover{text-decoration:underline}

.tbl-lst2{width:100%;border-collapse: separate;border-spacing: 0px;text-align:left;font-size:16px;border-top:2px solid #b8ae98;}
.tbl-lst2 th{padding:12px;color:#b8ae98}
.tbl-lst2 td{padding:10px;color:#766c6a;border-bottom:1px solid #eee}


.tbl-wrt{width:100%;}
.tbl-wrt th{color:#352c2b;font-size:20px;padding:3px 0;font-weight:500;text-align:left}
.tbl-wrt td{padding:3px 0;text-align:left}
.tbl-wrt .textarea{display:block;width:778px;padding:20px;font-size:14px}

.tbl-wrt2{width:100%;border-top:1px solid #352c2b;border-collapse: separate;border-spacing: 0px;}
.tbl-wrt2 th{padding:10px 20px;color:#352c2b;border-bottom:1px solid #ebebeb;text-align:left}
.tbl-wrt2 td{padding:10px 20px;border-bottom:1px solid #ebebeb;}


.tbl-view{width:100%;border:1px solid #ebebeb;border-collapse: separate;border-spacing: 0px;}
.tbl-view th{padding:10px 20px;background:#adadad;color:#fff;border-left:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb}
.tbl-view td{padding:10px 20px;border-left:1px solid #ebebeb;border-left:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}

/*pagenate*/
.paginate-complex{padding:5px 0 0 0;line-height:normal;text-align:center !important;}
.paginate-complex a,
.paginate-complex strong{display:inline-block;position:relative;z-index:2;margin:0;width:25px;height:35px;line-height:35px !important; color:#a6a6a6;text-decoration:none; background:#fff;  margin:0px;font-weight:bold;font-size:18px}
.paginate-complex strong{color:#000}
.paginate-complex .direction{border:0;font-weight:normal;color:white;text-decoration:none;z-index:1}
.paginate-complex .prev{display:inline-block; margin-right:5px;background:url("/image/common/pagenate_l.png") no-repeat center;}
.paginate-complex .next{display:inline-block; margin-left:5px;background:url("/image/common/pagenate_r.png") no-repeat center;}
.pagenate-complex .prev span{opacity:0 !important;}

.paginate-complex .first_prev{display:inline-block;background:url("/image/common/pagenate_l2.png") no-repeat center;}
.paginate-complex .last_next{display:inline-block; background:url("/image/common/pagenate_r2.png") no-repeat center;}

@media all and (max-width:1200px) {
    .paginate-complex a,
    .paginate-complex strong{width:20px;font-size:16px}
}