/* v1.3  2021.05.13 */
/* v1.21  2020.12.20 */
/* v1.2  2020.10.20 */
/* v1.1  2017.06.20 */
/* v1.0  2016.01.13 */

.scrollblk{
    display: block;
    margin: 0px 0px 10px 0px;
    float: left;
    clear: left;
    width: 100%;
    font-size: 18px;
    
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content:  center;
}
.scrollblk .scrolllink {
    float: left;
    margin: 0px 1px 0px 1px;
    text-align: center;
}
.scrollblk .scrolllink a{
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.scrollblk .scrolllink .scrollstart,
.scrollblk .scrolllink .scrollback {
    float: left;
    margin: 0px 2px;
    padding: 0 4px;
    cursor: default;
    border-radius: 16px;
    font-weight: bold;
    font-size: 50%;
    line-height: 200%;
    color: #cdcdcd;
}

.scrollblk .scrolllink .scrollend,
.scrollblk .scrolllink .scrollnext {
    float: left;
    margin: 0px 2px;
    padding: 0 4px;
    cursor: default;
    border-radius: 16px;
    font-weight: bold;
    font-size: 50%;
    line-height: 200%;
    color: #cdcdcd;
}
.scrollblk .scrolllink a{
    float: left;
    display: block;
}
.scrollblk .scrolllink a .scrollstart,
.scrollblk .scrolllink a .scrollback,
.scrollblk .scrolllink a .scrollend,
.scrollblk .scrolllink a .scrollnext {
    float: left;
    margin: 0px 2px;
    padding: 0 4px;
    cursor: pointer;
    border-radius: 16px;
    color: #000;
    font-weight: bold;
    font-size: 50%;
    line-height: 200%;
}

.scrollblk .scrolllink a .scrollstart:hover,
.scrollblk .scrolllink a .scrollback:hover,
.scrollblk .scrolllink a .scrollend:hover,
.scrollblk .scrolllink a .scrollnext:hover {
    float: left;
    margin: 0px 2px;
    padding: 0 4px;
    cursor: pointer;
    border-radius: 16px;
    color: #cc0033;
    font-weight: bold;
    font-size: 50%;
    line-height: 200%;
}

.scrollblk .scrolllink .scrollnum {
    float: left;
    margin: 0px 0px;
    padding: 0 4px;
    cursor: pointer;
    border-radius: 16px;
    color: #000;
    font-weight: bold;
    font-size: 100%;
    line-height: 100%;
    /*background: #016900;*/
}
.scrollblk .scrolllink .scrollnumoff {
    float: left;
    margin: 0px 0px;
    padding: 0 4px;
    cursor: default;
    border-radius: 16px;
    color: #cdcdcd;
    font-weight: bold;
    font-size: 100%;
    line-height: 100%;
    /*background: #ffffff;*/
}
.scrollblk .scrolllink .scrollnumset {
    float: left;
    margin: 0px 0px;
    padding: 0 4px;
    cursor: default;
    border-radius: 16px;
    color: #cc0033;
    font-weight: bold;
    font-size: 100%;
    line-height: 100%;
    /*background: #79c429;*/
}
.scrollblk .scrolllink .scrollnum:hover {
    float: left;
    margin: 0px 0px;
    padding: 0 4px;
    cursor: pointer;
    border-radius: 16px;
    color: #cc0033;
    font-weight: bold;
    font-size: 100%;
    line-height: 100%;
    /*background: #79c429;*/
}
.scrollinfo {
    float: left;
    font-size: 80%;
    line-height: 200%;
    color: #444;
    text-align: center;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
}









/* pgsblk start */
.pgsblk,
.pgsblk div,
.pgsblk a {
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    color: #cdcdcd;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
}
.pgsblk a div,
.pgsblk a {
    color: #263859;
}
.pgsblk a div:hover{
    color: #ff6768;
}
.pgslink .pgsfirst{
    color: #cdcdcd;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    font-size: 14px;
}
.pgslink a .pgsfirst{
    color: #263859;
}
.pgslink a:hover .pgsfirst{
    background: #ff6768;
    color: #fff;
}
.pgsblk .pgsnumset{
    font-size: 24px;
    color: #ff6768;
}
.pgsblk .pgsnumset:after {
    /* content: ' cтop.'; */
    content: ' \441\442\43e\440.';
}
.pgsblk .pgsback,
.pgsblk .pgsnext{
    font-size: 24px;
    border: 9px solid transparent;
    width: 0px;
    height: 0px;
    margin: 4px 0px;
}
.pgsblk .pgsback{
    border-right: 17px solid #cdcdcd;
    border-left: 0;
}
.pgsblk a .pgsback{
    border-right-color: #263859;
}
.pgsblk a .pgsback:hover{
    border-right-color: #ff6768;
}
.pgsblk .pgsnext{
    border-left: 17px solid #cdcdcd;
    border-right: 0;
}
.pgsblk a .pgsnext{
    border-left-color: #263859;
}
.pgsblk a .pgsnext:hover{
    border-left-color: #ff6768;
}
.pgsblk {
    display: block;
    margin: 0px 0px 10px 0px;
    float: left;
    clear: left;
    width: 100%;
    border: 0px solid red;
    
    
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content:  center;
}
.pgslink {
    margin: 5px;
    padding: 5px;
    border: 0px;
}
/* pgsblk end */