﻿@font-face {
    font-family: "Yekan";
    src: url("../Fonts/Yekan.eot?#") format("eot"), url("../Fonts/Yekan.woff") format("woff"), url("../Fonts/Yekan.ttf") format("truetype");
}
/** {
    margin: 0px;
    padding: 0px;
    border: none;
    direction: rtl;
    text-decoration: none;
    color: #000000;
    font-size: 15px;
    font-family: "Yekan";
}
body {
    background-color: #ecece2;
}*/
@media (min-width:1440px) {
    .Menu {
        width:100%;
        height:70px;
        background-color:#311147;
    }
        .Menu .MCenter {
            width:1280px;
            height:70px;
            margin:0px auto;
            overflow:hidden;
        }
            .Menu .MCenter ul {
                list-style:none;
            }
                .Menu .MCenter ul li {
                    float:right;
                }
                    .Menu .MCenter ul li a {
                        display:block;
                        min-width:50px;
                        padding:0px 8px;
                        height:35px;
                        border-radius:5px;
                        margin-right:10px;
                        margin-top:17.5px;
                        background-color:#592b78;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                       }
                        .Menu .MCenter ul li a:hover {
                            background-color:#9D6DBB;
                            color:#2D0447;
                        }
            .Menu .MCenter a {
                display: block;
                min-width: 50px;
                padding: 0px 8px;
                height: 35px;
                border-radius: 5px;
                margin-right: 10px;
                margin-top: 17.5px;
                background-color: #273e4e;
                color: #dacc8d;
                transition: 300ms;
                cursor: pointer;
                text-align: center;
                float:left;
            }
                .Menu .MCenter a:hover {
                    background-color: #f85953;
                    color: #ffffff;
                }
    .Header {
        width:100%;
        height:280px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
    }
        .Header .HCenter {
            width:1280px;
            height:280px;
            margin:0px auto;
            overflow:hidden;
        }
            .Header .HCenter .HCTitle {
                width:1280px;
                height:50px;
                margin:10px 0px 0px 0px;
                border-bottom:1px solid rgba(57, 83, 98, 0.63);
            }
                .Header .HCenter .HCTitle p {
                    font-size:20px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCText {
                width: 1000px;
                height: 50px;
                margin: 20px 140px 0px 0px;
            }
                .Header .HCenter .HCText p {
                    font-size:17px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCBox {
                width: 1280px;
                height: 50px;
                margin: 55px 0px 0px 0px;
            }
                .Header .HCenter .HCBox input {
                    width:408px;
                    height:30px;
                    border:1px solid rgba(57, 83, 98, 0.63);
                    opacity:0.8;
                    padding-right:3px;
                    margin-left:20px;
                    transition:300ms;
                    color:#000000;
                }
                    .Header .HCenter .HCBox input:hover {
                        opacity:0.9;
                    }
                    .Header .HCenter .HCBox input:focus {
                        opacity:1;
                    }
                    .Header .HCenter .HCBox .Button {
                    width:408px;
                    height:32px;
                    border:none;
                    opacity:0.8;
                    padding-right:3px;
                    margin:0px;
                    background-color:#18757c;
                    color:#ffffff;
                    transition:300ms;
                    cursor:pointer;
                }
                    .Header .HCenter .HCBox .Button:hover {
                        opacity:0.9;
                    }
            .Header .HCenter .HCList {
                width:300px;
                height:30px;
                margin:0px 490px 0px 0px;
            }
                .Header .HCenter .HCList ul {
                    list-style-image:url(../images/1.png);
                }
                    .Header .HCenter .HCList ul li {
                        float:right;
                        margin-right:30px;
                    }
                        .Header .HCenter .HCList ul li a {
                            font-size:11px;
                            color:#000000;
                            cursor:pointer;
                            transition:300ms;
                        }
                            .Header .HCenter .HCList ul li a:hover {
                                color:#ffffff;
                            }
    .News {
        width:100%;
        height:150px;
        background-color:#556370;
    }
        .News .NCenter {
            width:1280px;
            height:150px;
            margin:0px auto;
            overflow:hidden;
        }
            .News .NCenter .NCNum {
                width:290px;
                height:145px;
                margin:2.5px 0px 2.5px 30px;
                overflow:hidden;
                float:right;
            }
                .News .NCenter .NCNum .NCNTop {
                    width:290px;
                    height:110px;
                }
                    .News .NCenter .NCNum .NCNTop p {
                        text-align:center;
                    }
                    .News .NCenter .NCNum .NCNTop img {
                        width:48px;
                        height:48px;
                        margin:10px 124px 0px 0px;
                    }
                    .News .NCenter .NCNum .NCNTop a {
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                        font-size:16px;
                    }
                        .News .NCenter .NCNum .NCNTop a:hover {
                            color:#000000;
                        }
                .News .NCenter .NCNum .NCNBottom {
                    width:290px;
                    height:33px;
                    padding-top:7px;
                    background-image:url(../images/2.png);
                    background-repeat:repeat-x;
                }
                    .News .NCenter .NCNum .NCNBottom p {
                        font-size:14px;
                        text-align:center;
                        color:#ffffff;
                    }
    .Main {
        width:100%;
        height:640px;
        background-color:#ecece2;
    }
        .Main .MCenter {
            width:1280px;
            height:640px;
            margin:0px auto;
            overflow:hidden;
        }
            .Main .MCenter .MCAds {
                width:1280px;
                height:60px;
                margin:10px 0px 0px 0px;
                overflow:hidden;
            }
                .Main .MCenter .MCAds p {
                    text-align:center;
                }
                    .Main .MCenter .MCAds p img {
                        width:468px;
                        height:60px;
                        margin-right:30px;
                    }
            .Main .MCenter .MCTitleUp {
                width:1280px;
                height:40px;
                margin-top:10px;
                border-bottom:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCTitleUp p {
                    font-size:20px;
                    text-align:right;
                }
            .Main .MCenter .MCNumberUp {
                width:1278px;
                height:40px;
                margin-top:10px;
                border-radius:5px;
                background-color:#dfdfd3;
                border:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCNumberUp ul {
                    list-style:none;
                    width:170px;
                    margin-right:554px;
                }
                    .Main .MCenter .MCNumberUp ul li {
                        float:right;
                    }
                        .Main .MCenter .MCNumberUp ul li a {
                            display:block;
                            width:24px;
                            height:32px;
                            background-color:#f6f7f2;
                            text-align:center;
                            color:#000000;
                            transition:300ms;
                            margin-right:10px;
                            margin-top:4px;
                            cursor:pointer;
                        }
                            .Main .MCenter .MCNumberUp ul li a:hover {
                                background-color: #f85953;
                                color: #ffffff;
                            }
            .Main .MCenter .MCListUp {
                width:1280px;
                height:150px;
                margin:10px auto 0px auto;
                overflow:hidden;
            }
                .Main .MCenter .MCListUp .MCLUNum {
                    width:290px;
                    height:145px;
                    margin:2.5px 0px 2.5px 30px;
                    overflow:hidden;
                    float:right;
                    background-color:#faf9f4;
                    border-radius:5px;
                }
                    .Main .MCenter .MCListUp .MCLUNum a {
                        font-size:13px;
                        color:#000000;
                        cursor:pointer;
                        margin-right:10px;
                        transition:300ms;
                    }
                        .Main .MCenter .MCListUp .MCLUNum a:hover {
                            color:#000000;
                        }
                    .Main .MCenter .MCListUp .MCLUNum p {
                        text-align:center;
                    }
                        .Main .MCenter .MCListUp .MCLUNum p img {
                            width:72px;
                            height:72px;
                            border-radius:100%;
                        }
            .PorBazdid {
                width:860px;
                height:300px;
                margin-top:10px;
                float:right;
            }
                .PorBazdid .PBTitle {
                    width:860px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .PorBazdid .PBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .PorBazdid .PBList {
                    width:860px;
                    height:259px;
                }
                    .PorBazdid .PBList .PBLi {
                        border-radius: 5px;
                        width: 855px;
                        height: 33px;
                        border-bottom: 1px solid rgba(186, 186, 133, 0.52);
                        color: #000000;
                        cursor: pointer;
                        transition: 300ms;
                        text-align: right;
                        padding-right: 5px;
                        background-color: #faf9f4;
                        margin-top: 10px;
                    }
                        .PorBazdid .PBList .PBLi:hover {
                            background-color: #f85953;
                            color: #ffffff;
                        }
    .PorBazdid .PBList .PBLi .PBLi1 {
        width:655px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi1 a {
            font-size: 16px;
        }
    .PorBazdid .PBList .PBLi .PBLi2 {
        width:120px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi2 p {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
    .PorBazdid .PBList .PBLi .PBLi3 {
        width:80px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi3 P {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
            .GoodBlog {
                width: 350px;
                height: 300px;
                margin-top: 10px;
                margin-right:70px;
                float:right;
            }
                .GoodBlog .GBTitle {
                    width:350px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .GoodBlog .GBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .GoodBlog .GBList {
                    width:350px;
                    height:259px;
                }
                    .GoodBlog .GBList ul {
                        list-style:none;
                    }
                        .GoodBlog .GBList ul li {
                        }
                            .GoodBlog .GBList ul li a {
                                display:block;
                                border-radius:5px;
                                width:345px;
                                height:33px;
                                border-bottom:1px solid rgba(186, 186, 133, 0.52);
                                font-size:16px;
                                color:#000000;
                                cursor:pointer;
                                transition:300ms;
                                text-align:right;
                                padding-right:5px;
                                background-color:#faf9f4;
                                margin-top:10px;
                            }
                                .GoodBlog .GBList ul li a:hover {
                                    background-color: #f85953;
                                    color: #ffffff;
                                }
    .Center {
        background-color:#556370;
        width:100%;
        height:260px;
    }
    .Titleup {
        width: 1280px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(57, 83, 98, 0.63);
        background-color:#556370;
    }
        .Titleup p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#ffffff;
        }
    .ListUp {
        width: 1280px;
        height: 220px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#556370;
    }
        .ListUp .LUNum {
            width: 290px;
            height: 145px;
            margin: 37.5px 15px 0px 15px;
            overflow: hidden;
            float: right;
            background-color: #fcfcfa;
            border-radius: 5px;
        }
            .ListUp .LUNum a {
                font-size: 11px;
                color: #000000;
                cursor: pointer;
                transition: 300ms;
                margin-right:5px;
                float:right;
            }
                .ListUp .LUNum a:hover {
                    color: #000000;
                }
            .ListUp .LUNum img {
                width: 280px;
                height: 120px;
                float:right;
                margin: 5px 5px 0px 5px;
            }
    .Center2 {
        background-color: #ecece2;
        width: 100%;
        height: 260px;
    }
    .Titleup2 {
        width: 1280px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(186, 186, 133, 0.52);
        background-color:#ecece2;
    }
        .Titleup2 p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#000000;
        }
    .ListUp2 {
        width: 1280px;
        height: 220px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#ecece2;
    }
        .ListUp2 ul {
            list-style:none;
        }
            .ListUp2 ul li {
                float:right;
            }
                .ListUp2 ul li a {
                    display:block;
                    width:170px;
                    border:2px solid #ece0b6;
                    height:35px;
                    color:#000000;
                    padding-right:5px;
                    transition:300ms;
                    cursor:pointer;
                    background-color:#fefaee;
                    margin:35px 70px 0px 0px;
                }
                    .ListUp2 ul li a:hover {
                        background-color:#ece0b6;
                        border:2px solid #000000;
                        color:#000000;
                    }
    .MenuBottom {
        width:100%;
        height:90px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
        border-top:8px solid #4e8f8b;
    }
        .MenuBottom .MBCenter {
            width:1280px;
            height:90px;
            margin:0px auto;
            overflow:hidden;
        }
            .MenuBottom .MBCenter ul {
                list-style:none;
                margin-right:176px;
            }
                .MenuBottom .MBCenter ul li {
                    float:right;
                }
                    .MenuBottom .MBCenter ul li a.A {
                        display:block;
                        width:100px;
                        padding:0px 8px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#58aaa6;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.A:hover {
                            opacity:1;
                            color:#000000;
                        }
                    .MenuBottom .MBCenter ul li a.B {
                        display:block;
                        width:100px;
                        padding:0px 8px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#4c9e9a;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.B:hover {
                            opacity:1;
                            color:#000000;
                        }
    .CopyRight {
        width:100%;
        height:40px;
        background-color:#395362;
    }
        .CopyRight .CRCenter {
            width:1280px;
            height:40px;
            margin:0px auto;
            overflow:hidden;
        }
            .CopyRight .CRCenter p {
                font-size:15px;
                text-align:center;
                color:#ffffff;
            }
                .CopyRight .CRCenter p a {
                    color:#ece0b6;
                    font-size:15px;
                }
                    .CopyRight .CRCenter p a:hover {
                        color:#f85953;
                    }
}
@media (max-width:1440px) {
    .Menu {
        width:100%;
        height:70px;
        background-color:#311147;
    }
        .Menu .MCenter {
            width:1280px;
            height:70px;
            margin:0px auto;
            overflow:hidden;
        }
            .Menu .MCenter ul {
                list-style:none;
            }
                .Menu .MCenter ul li {
                    float:right;
                }
                    .Menu .MCenter ul li a {
                        display:block;
                        min-width:50px;
                        padding:0px 8px;
                        height:35px;
                        border-radius:5px;
                        margin-right:10px;
                        margin-top:17.5px;
                        background-color:#592b78;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .Menu .MCenter ul li a:hover {
                            background-color:#9D6DBB;
                            color:#2D0447;
                        }
            .Menu .MCenter a {
                display: block;
                min-width: 50px;
                padding: 0px 8px;
                height: 35px;
                border-radius: 5px;
                margin-right: 10px;
                margin-top: 17.5px;
                background-color: #273e4e;
                color: #dacc8d;
                transition: 300ms;
                cursor: pointer;
                text-align: center;
                float:left;
            }
                .Menu .MCenter a:hover {
                    background-color: #f85953;
                    color: #ffffff;
                }
    .Header {
        width:100%;
        height:280px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
    }
        .Header .HCenter {
            width:1280px;
            height:280px;
            margin:0px auto;
            overflow:hidden;
        }
            .Header .HCenter .HCTitle {
                width:1280px;
                height:50px;
                margin:10px 0px 0px 0px;
                border-bottom:1px solid rgba(57, 83, 98, 0.63);
            }
                .Header .HCenter .HCTitle p {
                    font-size:20px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCText {
                width: 1000px;
                height: 50px;
                margin: 20px 140px 0px 0px;
            }
                .Header .HCenter .HCText p {
                    font-size:17px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCBox {
                width: 1280px;
                height: 50px;
                margin: 55px 0px 0px 0px;
            }
                .Header .HCenter .HCBox input {
                    width:408px;
                    height:30px;
                    border:1px solid rgba(57, 83, 98, 0.63);
                    opacity:0.8;
                    padding-right:3px;
                    margin-left:20px;
                    transition:300ms;
                    color:#000000;
                }
                    .Header .HCenter .HCBox input:hover {
                        opacity:0.9;
                    }
                    .Header .HCenter .HCBox input:focus {
                        opacity:1;
                    }
                    .Header .HCenter .HCBox .Button {
                    width:408px;
                    height:32px;
                    border:none;
                    opacity:0.8;
                    padding-right:3px;
                    margin:0px;
                    background-color:#18757c;
                    color:#ffffff;
                    transition:300ms;
                    cursor:pointer;
                }
                    .Header .HCenter .HCBox .Button:hover {
                        opacity:0.9;
                    }
            .Header .HCenter .HCList {
                width:300px;
                height:30px;
                margin:0px 490px 0px 0px;
            }
                .Header .HCenter .HCList ul {
                    list-style-image:url(../images/1.png);
                }
                    .Header .HCenter .HCList ul li {
                        float:right;
                        margin-right:30px;
                    }
                        .Header .HCenter .HCList ul li a {
                            font-size:11px;
                            color:#000000;
                            cursor:pointer;
                            transition:300ms;
                        }
                            .Header .HCenter .HCList ul li a:hover {
                                color:#ffffff;
                            }
    .News {
        width:100%;
        height:150px;
        background-color:#556370;
    }
        .News .NCenter {
            width:1280px;
            height:150px;
            margin:0px auto;
            overflow:hidden;
        }
            .News .NCenter .NCNum {
                width:290px;
                height:145px;
                margin:2.5px 0px 2.5px 30px;
                overflow:hidden;
                float:right;
            }
                .News .NCenter .NCNum .NCNTop {
                    width:290px;
                    height:110px;
                }
                    .News .NCenter .NCNum .NCNTop p {
                        text-align:center;
                    }
                    .News .NCenter .NCNum .NCNTop img {
                        width:48px;
                        height:48px;
                        margin:10px 124px 0px 0px;
                    }
                    .News .NCenter .NCNum .NCNTop a {
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                        font-size:16px;
                    }
                        .News .NCenter .NCNum .NCNTop a:hover {
                            color:#000000;
                        }
                .News .NCenter .NCNum .NCNBottom {
                    width:290px;
                    height:33px;
                    padding-top:7px;
                    background-image:url(../images/2.png);
                    background-repeat:repeat-x;
                }
                    .News .NCenter .NCNum .NCNBottom p {
                        font-size:14px;
                        text-align:center;
                        color:#ffffff;
                    }
    .Main {
        width:100%;
        height:640px;
        background-color:#ecece2;
    }
        .Main .MCenter {
            width:1280px;
            height:640px;
            margin:0px auto;
            overflow:hidden;
        }
            .Main .MCenter .MCAds {
                width:1280px;
                height:60px;
                margin:10px 0px 0px 0px;
                overflow:hidden;
            }
                .Main .MCenter .MCAds p {
                    text-align:center;
                }
                    .Main .MCenter .MCAds p img {
                        width:468px;
                        height:60px;
                        margin-right:30px;
                    }
            .Main .MCenter .MCTitleUp {
                width:1280px;
                height:40px;
                margin-top:10px;
                border-bottom:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCTitleUp p {
                    font-size:20px;
                    text-align:right;
                }
            .Main .MCenter .MCNumberUp {
                width:1278px;
                height:40px;
                margin-top:10px;
                border-radius:5px;
                background-color:#dfdfd3;
                border:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCNumberUp ul {
                    list-style:none;
                    width:170px;
                    margin-right:554px;
                }
                    .Main .MCenter .MCNumberUp ul li {
                        float:right;
                    }
                        .Main .MCenter .MCNumberUp ul li a {
                            display:block;
                            width:24px;
                            height:32px;
                            background-color:#f6f7f2;
                            text-align:center;
                            color:#000000;
                            transition:300ms;
                            margin-right:10px;
                            margin-top:4px;
                            cursor:pointer;
                        }
                            .Main .MCenter .MCNumberUp ul li a:hover {
                                background-color: #f85953;
                                color: #ffffff;
                            }
            .Main .MCenter .MCListUp {
                width:1280px;
                height:150px;
                margin:10px auto 0px auto;
                overflow:hidden;
            }
                .Main .MCenter .MCListUp .MCLUNum {
                    width:290px;
                    height:145px;
                    margin:2.5px 0px 2.5px 30px;
                    overflow:hidden;
                    float:right;
                    background-color:#faf9f4;
                    border-radius:5px;
                }
                    .Main .MCenter .MCListUp .MCLUNum a {
                        font-size:13px;
                        color:#000000;
                        cursor:pointer;
                        margin-right:10px;
                        transition:300ms;
                    }
                        .Main .MCenter .MCListUp .MCLUNum a:hover {
                            color:#000000;
                        }
                    .Main .MCenter .MCListUp .MCLUNum p {
                        text-align:center;
                    }
                        .Main .MCenter .MCListUp .MCLUNum p img {
                            width:72px;
                            height:72px;
                            border-radius:100%;
                        }
            .PorBazdid {
                width:860px;
                height:300px;
                margin-top:10px;
                float:right;
            }
                .PorBazdid .PBTitle {
                    width:860px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .PorBazdid .PBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .PorBazdid .PBList {
                    width:860px;
                    height:259px;
                }
                    .PorBazdid .PBList .PBLi {
                        border-radius: 5px;
                        width: 855px;
                        height: 33px;
                        border-bottom: 1px solid rgba(186, 186, 133, 0.52);
                        color: #000000;
                        cursor: pointer;
                        transition: 300ms;
                        text-align: right;
                        padding-right: 5px;
                        background-color: #faf9f4;
                        margin-top: 10px;
                    }
                        .PorBazdid .PBList .PBLi:hover {
                            background-color: #f85953;
                            color: #ffffff;
                        }
    .PorBazdid .PBList .PBLi .PBLi1 {
        width:655px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi1 a {
            font-size: 16px;
        }
    .PorBazdid .PBList .PBLi .PBLi2 {
        width:120px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi2 p {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
    .PorBazdid .PBList .PBLi .PBLi3 {
        width:80px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi3 P {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }

            .GoodBlog {
                width: 350px;
                height: 300px;
                margin-top: 10px;
                margin-right:10px;
                float:right;
            }
                .GoodBlog .GBTitle {
                    width:350px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .GoodBlog .GBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .GoodBlog .GBList {
                    width:350px;
                    height:259px;
                }
                    .GoodBlog .GBList ul {
                        list-style:none;
                    }
                        .GoodBlog .GBList ul li {
                        }
                            .GoodBlog .GBList ul li a {
                                display:block;
                                border-radius:5px;
                                width:345px;
                                height:33px;
                                border-bottom:1px solid rgba(186, 186, 133, 0.52);
                                font-size:16px;
                                color:#000000;
                                cursor:pointer;
                                transition:300ms;
                                text-align:right;
                                padding-right:5px;
                                background-color:#faf9f4;
                                margin-top:10px;
                            }
                                .GoodBlog .GBList ul li a:hover {
                                    background-color: #f85953;
                                    color: #ffffff;
                                }
    .Center {
        background-color:#556370;
        width:100%;
        height:260px;
    }
    .Titleup {
        width: 1280px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(57, 83, 98, 0.63);
        background-color:#556370;
    }
        .Titleup p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#ffffff;
        }
    .ListUp {
        width: 1280px;
        height: 220px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#556370;
    }
        .ListUp .LUNum {
            width: 290px;
            height: 145px;
            margin: 37.5px 15px 0px 15px;
            overflow: hidden;
            float: right;
            background-color: #fcfcfa;
            border-radius: 5px;
        }
            .ListUp .LUNum a {
                font-size: 11px;
                color: #000000;
                cursor: pointer;
                transition: 300ms;
                margin-right:5px;
                float:right;
            }
                .ListUp .LUNum a:hover {
                    color: #000000;
                }
            .ListUp .LUNum img {
                width: 280px;
                height: 120px;
                float:right;
                margin: 5px 5px 0px 5px;
            }
    .Center2 {
        background-color: #ecece2;
        width: 100%;
        height: 260px;
    }
    .Titleup2 {
        width: 1280px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(186, 186, 133, 0.52);
        background-color:#ecece2;
    }
        .Titleup2 p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#000000;
        }
    .ListUp2 {
        width: 1280px;
        height: 220px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#ecece2;
    }
        .ListUp2 ul {
            list-style:none;
        }
            .ListUp2 ul li {
                float:right;
            }
                .ListUp2 ul li a {
                    display:block;
                    width:170px;
                    border:2px solid #ece0b6;
                    height:35px;
                    color:#000000;
                    padding-right:5px;
                    transition:300ms;
                    cursor:pointer;
                    background-color:#fefaee;
                    margin:35px 70px 0px 0px;
                }
                    .ListUp2 ul li a:hover {
                        background-color:#ece0b6;
                        border:2px solid #000000;
                        color:#000000;
                    }
    .MenuBottom {
        width:100%;
        height:90px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
        border-top:8px solid #4e8f8b;
    }
        .MenuBottom .MBCenter {
            width:1280px;
            height:90px;
            margin:0px auto;
            overflow:hidden;
        }
            .MenuBottom .MBCenter ul {
                list-style:none;
                margin-right:176px;
            }
                .MenuBottom .MBCenter ul li {
                    float:right;
                }
                    .MenuBottom .MBCenter ul li a.A {
                        display:block;
                        width:100px;
                        padding:0px 8px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#58aaa6;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.A:hover {
                            opacity:1;
                            color:#000000;
                        }
                    .MenuBottom .MBCenter ul li a.B {
                        display:block;
                        width:100px;
                        padding:0px 8px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#4c9e9a;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.B:hover {
                            opacity:1;
                            color:#000000;
                        }
    .CopyRight {
        width:100%;
        height:40px;
        background-color:#395362;
    }
        .CopyRight .CRCenter {
            width:1280px;
            height:40px;
            margin:0px auto;
            overflow:hidden;
        }
            .CopyRight .CRCenter p {
                font-size:15px;
                text-align:center;
                color:#ffffff;
            }
                .CopyRight .CRCenter p a {
                    color:#ece0b6;
                    font-size:15px;
                }
                    .CopyRight .CRCenter p a:hover {
                        color:#f85953;
                    }
}
@media (max-width:1280px) {
    .Menu {
        width:100%;
        height:70px;
        background-color:#311147;
    }
        .Menu .MCenter {
            width:1200px;
            height:70px;
            margin:0px auto;
            overflow:hidden;
        }
            .Menu .MCenter ul {
                list-style:none;
            }
                .Menu .MCenter ul li {
                    float:right;
                }
                    .Menu .MCenter ul li a {
                        display:block;
                        min-width:50px;
                        padding:0px 8px;
                        height:35px;
                        border-radius:5px;
                        margin-right:10px;
                        margin-top:17.5px;
                        background-color:#592b78;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                       }
                        .Menu .MCenter ul li a:hover {
                            background-color:#9D6DBB;
                            color:#2D0447;
                        }
            .Menu .MCenter a {
                display: block;
                min-width: 50px;
                padding: 0px 8px;
                height: 35px;
                border-radius: 5px;
                margin-right: 10px;
                margin-top: 17.5px;
                background-color: #273e4e;
                color: #dacc8d;
                transition: 300ms;
                cursor: pointer;
                text-align: center;
                float:left;
            }
                .Menu .MCenter a:hover {
                    background-color: #f85953;
                    color: #ffffff;
                }
    .Header {
        width:100%;
        height:280px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
    }
        .Header .HCenter {
            width:1200px;
            height:280px;
            margin:0px auto;
            overflow:hidden;
        }
            .Header .HCenter .HCTitle {
                width:1200px;
                height:50px;
                margin:10px 0px 0px 0px;
                border-bottom:1px solid rgba(57, 83, 98, 0.63);
            }
                .Header .HCenter .HCTitle p {
                    font-size:20px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCText {
                width: 1000px;
                height: 50px;
                margin: 20px 140px 0px 0px;
            }
                .Header .HCenter .HCText p {
                    font-size:17px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCBox {
                width: 1200px;
                height: 50px;
                margin: 55px 0px 0px 0px;
            }
                .Header .HCenter .HCBox input {
                    width:380px;
                    height:30px;
                    border:1px solid rgba(57, 83, 98, 0.63);
                    opacity:0.8;
                    padding-right:3px;
                    margin-left:20px;
                    transition:300ms;
                    color:#000000;
                }
                    .Header .HCenter .HCBox input:hover {
                        opacity:0.9;
                    }
                    .Header .HCenter .HCBox input:focus {
                        opacity:1;
                    }
                    .Header .HCenter .HCBox .Button {
                    width:383px;
                    height:32px;
                    border:none;
                    opacity:0.8;
                    margin:0px;
                    background-color:#18757c;
                    color:#ffffff;
                    transition:300ms;
                    cursor:pointer;
                }
                    .Header .HCenter .HCBox .Button:hover {
                        opacity:0.9;
                    }
            .Header .HCenter .HCList {
                width:300px;
                height:30px;
                margin:0px 490px 0px 0px;
            }
                .Header .HCenter .HCList ul {
                    list-style-image:url(../images/1.png);
                }
                    .Header .HCenter .HCList ul li {
                        float:right;
                        margin-right:30px;
                    }
                        .Header .HCenter .HCList ul li a {
                            font-size:11px;
                            color:#000000;
                            cursor:pointer;
                            transition:300ms;
                        }
                            .Header .HCenter .HCList ul li a:hover {
                                color:#ffffff;
                            }
    .News {
        width:100%;
        height:150px;
        background-color:#556370;
    }
        .News .NCenter {
            width:1200px;
            height:150px;
            margin:0px auto;
            overflow:hidden;
        }
            .News .NCenter .NCNum {
                width:265px;
                height:145px;
                margin:2.5px 0px 2.5px 35px;
                overflow:hidden;
                float:right;
            }
                .News .NCenter .NCNum .NCNTop {
                    width:265px;
                    height:110px;
                }
                    .News .NCenter .NCNum .NCNTop p {
                        text-align:center;
                    }
                    .News .NCenter .NCNum .NCNTop img {
                        width:48px;
                        height:48px;
                        margin:10px 100px 0px 0px;
                    }
                    .News .NCenter .NCNum .NCNTop a {
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                        font-size:16px;
                    }
                        .News .NCenter .NCNum .NCNTop a:hover {
                            color:#000000;
                        }
                .News .NCenter .NCNum .NCNBottom {
                    width:265px;
                    height:33px;
                    padding-top:7px;
                    background-image:url(../images/2.png);
                    background-repeat:repeat-x;
                }
                    .News .NCenter .NCNum .NCNBottom p {
                        font-size:14px;
                        text-align:center;
                        color:#ffffff;
                    }
    .Main {
        width:100%;
        height:640px;
        background-color:#ecece2;
    }
        .Main .MCenter {
            width:1200px;
            height:640px;
            margin:0px auto;
            overflow:hidden;
        }
            .Main .MCenter .MCAds {
                width:1200px;
                height:60px;
                margin:10px 0px 0px 0px;
                overflow:hidden;
            }
                .Main .MCenter .MCAds p {
                    text-align:center;
                }
                    .Main .MCenter .MCAds p img {
                        width:468px;
                        height:60px;
                        margin-right:30px;
                    }
            .Main .MCenter .MCTitleUp {
                width:1200px;
                height:40px;
                margin-top:10px;
                border-bottom:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCTitleUp p {
                    font-size:20px;
                    text-align:right;
                }
            .Main .MCenter .MCNumberUp {
                width:1198px;
                height:40px;
                margin-top:10px;
                border-radius:5px;
                background-color:#dfdfd3;
                border:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCNumberUp ul {
                    list-style:none;
                    width:170px;
                    margin-right:514px;
                }
                    .Main .MCenter .MCNumberUp ul li {
                        float:right;
                    }
                        .Main .MCenter .MCNumberUp ul li a {
                            display:block;
                            width:24px;
                            height:32px;
                            background-color:#f6f7f2;
                            text-align:center;
                            color:#000000;
                            transition:300ms;
                            margin-right:10px;
                            margin-top:4px;
                            cursor:pointer;
                        }
                            .Main .MCenter .MCNumberUp ul li a:hover {
                                background-color: #f85953;
                                color: #ffffff;
                            }
            .Main .MCenter .MCListUp {
                width:1200px;
                height:150px;
                margin:10px auto 0px auto;
                overflow:hidden;
            }
                .Main .MCenter .MCListUp .MCLUNum {
                    width:270px;
                    height:145px;
                    margin:2.5px 15px 2.5px 15px;
                    overflow:hidden;
                    float:right;
                    background-color:#faf9f4;
                    border-radius:5px;
                }
                    .Main .MCenter .MCListUp .MCLUNum a {
                        font-size:13px;
                        color:#000000;
                        cursor:pointer;
                        margin-right:10px;
                        transition:300ms;
                    }
                        .Main .MCenter .MCListUp .MCLUNum a:hover {
                            color:#000000;
                        }
                    .Main .MCenter .MCListUp .MCLUNum p {
                        text-align:center;
                    }
                        .Main .MCenter .MCListUp .MCLUNum p img {
                            width:72px;
                            height:72px;
                            border-radius:100%;
                        }
            .PorBazdid {
                width:830px;
                height:300px;
                margin-top:10px;
                float:right;
            }
                .PorBazdid .PBTitle {
                    width:830px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .PorBazdid .PBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .PorBazdid .PBList {
                    width:830px;
                    height:259px;
                }
                    .PorBazdid .PBList .PBLi {
                        border-radius: 5px;
                        width: 825px;
                        height: 33px;
                        border-bottom: 1px solid rgba(186, 186, 133, 0.52);
                        color: #000000;
                        cursor: pointer;
                        transition: 300ms;
                        text-align: right;
                        padding-right: 5px;
                        background-color: #faf9f4;
                        margin-top: 10px;
                    }
                        .PorBazdid .PBList .PBLi:hover {
                            background-color: #f85953;
                            color: #ffffff;
                        }
    .PorBazdid .PBList .PBLi .PBLi1 {
        width:620px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi1 a {
            font-size: 16px;
        }
    .PorBazdid .PBList .PBLi .PBLi2 {
        width:120px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi2 p {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
    .PorBazdid .PBList .PBLi .PBLi3 {
        width:80px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi3 P {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
            .GoodBlog {
                width: 300px;
                height: 300px;
                margin-top: 10px;
                margin-right:70px;
                float:right;
            }
                .GoodBlog .GBTitle {
                    width:300px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .GoodBlog .GBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .GoodBlog .GBList {
                    width:300px;
                    height:259px;
                }
                    .GoodBlog .GBList ul {
                        list-style:none;
                    }
                        .GoodBlog .GBList ul li {
                        }
                            .GoodBlog .GBList ul li a {
                                display:block;
                                border-radius:5px;
                                width:295px;
                                height:33px;
                                border-bottom:1px solid rgba(186, 186, 133, 0.52);
                                font-size:16px;
                                color:#000000;
                                cursor:pointer;
                                transition:300ms;
                                text-align:right;
                                padding-right:5px;
                                background-color:#faf9f4;
                                margin-top:10px;
                            }
                                .GoodBlog .GBList ul li a:hover {
                                    background-color: #f85953;
                                    color: #ffffff;
                                }
    .Center {
        background-color:#556370;
        width:100%;
        height:260px;
    }
    .Titleup {
        width: 1200px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(57, 83, 98, 0.63);
        background-color:#556370;
    }
        .Titleup p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#ffffff;
        }
    .ListUp {
        width: 1200px;
        height: 220px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#556370;
    }
        .ListUp .LUNum {
            width: 270px;
            height: 145px;
            margin: 37.5px 15px 0px 15px;
            overflow: hidden;
            float: right;
            background-color: #fcfcfa;
            border-radius: 5px;
        }
            .ListUp .LUNum a {
                font-size: 11px;
                color: #000000;
                cursor: pointer;
                transition: 300ms;
                margin-right:5px;
                float:right;
            }
                .ListUp .LUNum a:hover {
                    color: #000000;
                }
            .ListUp .LUNum img {
                width: 260px;
                height: 120px;
                float:right;
                margin: 5px 5px 0px 5px;
            }
    .Center2 {
        background-color: #ecece2;
        width: 100%;
        height: 260px;
    }
    .Titleup2 {
        width: 1200px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(186, 186, 133, 0.52);
        background-color:#ecece2;
    }
        .Titleup2 p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#000000;
        }
    .ListUp2 {
        width: 1200px;
        height: 220px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#ecece2;
    }
        .ListUp2 ul {
            list-style:none;
        }
            .ListUp2 ul li {
                float:right;
            }
                .ListUp2 ul li a {
                    display:block;
                    width:170px;
                    border:2px solid #ece0b6;
                    height:35px;
                    color:#000000;
                    padding-right:5px;
                    transition:300ms;
                    cursor:pointer;
                    background-color:#fefaee;
                    margin:35px 30px 0px 30px;
                }
                    .ListUp2 ul li a:hover {
                        background-color:#ece0b6;
                        border:2px solid #000000;
                        color:#000000;
                    }
    .MenuBottom {
        width:100%;
        height:90px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
        border-top:8px solid #4e8f8b;
    }
        .MenuBottom .MBCenter {
            width:1200px;
            height:90px;
            margin:0px auto;
            overflow:hidden;
        }
            .MenuBottom .MBCenter ul {
                list-style:none;
                margin-right:136px;
            }
                .MenuBottom .MBCenter ul li {
                    float:right;
                }
                    .MenuBottom .MBCenter ul li a.A {
                        display:block;
                        width:100px;
                        padding:0px 8px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#58aaa6;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.A:hover {
                            opacity:1;
                            color:#000000;
                        }
                    .MenuBottom .MBCenter ul li a.B {
                        display:block;
                        width:100px;
                        padding:0px 8px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#4c9e9a;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.B:hover {
                            opacity:1;
                            color:#000000;
                        }
    .CopyRight {
        width:100%;
        height:40px;
        background-color:#395362;
    }
        .CopyRight .CRCenter {
            width:1200px;
            height:40px;
            margin:0px auto;
            overflow:hidden;
        }
            .CopyRight .CRCenter p {
                font-size:15px;
                text-align:center;
                color:#ffffff;
            }
                .CopyRight .CRCenter p a {
                    color:#ece0b6;
                    font-size:15px;
                }
                    .CopyRight .CRCenter p a:hover {
                        color:#f85953;
                    }
}
@media (max-width:980px) {
    .Menu {
        width:100%;
        height:70px;
        background-color:#311147;
    }
        .Menu .MCenter {
            width:960px;
            height:70px;
            margin:0px auto;
            overflow:hidden;
        }
            .Menu .MCenter ul {
                list-style:none;
            }
                .Menu .MCenter ul li {
                    float:right;
                }
                    .Menu .MCenter ul li a {
                        display:block;
                        min-width:50px;
                        padding:0px 8px;
                        height:35px;
                        border-radius:5px;
                        margin-right:10px;
                        margin-top:17.5px;
                        background-color:#592b78;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                       }
                        .Menu .MCenter ul li a:hover {
                            background-color:#9D6DBB;
                            color:#2D0447;
                        }
            .Menu .MCenter a {
                display: block;
                min-width: 50px;
                padding: 0px 8px;
                height: 35px;
                border-radius: 5px;
                margin-right: 10px;
                margin-top: 17.5px;
                background-color: #273e4e;
                color: #dacc8d;
                transition: 300ms;
                cursor: pointer;
                text-align: center;
                float:left;
            }
                .Menu .MCenter a:hover {
                    background-color: #f85953;
                    color: #ffffff;
                }
    .Header {
        width:100%;
        height:280px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
    }
        .Header .HCenter {
            width:960px;
            height:280px;
            margin:0px auto;
            overflow:hidden;
        }
            .Header .HCenter .HCTitle {
                width:800px;
                height:50px;
                margin:10px auto 0px auto;
                border-bottom:1px solid rgba(57, 83, 98, 0.63);
            }
                .Header .HCenter .HCTitle p {
                    font-size:20px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCText {
                width:800px;
                height:50px;
                margin:10px auto 0px auto;
            }
                .Header .HCenter .HCText p {
                    font-size:17px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCBox {
                width: 960px;
                height: 50px;
                margin: 55px 0px 0px 0px;
            }
                .Header .HCenter .HCBox input {
                    width:305px;
                    height:30px;
                    border:1px solid rgba(57, 83, 98, 0.63);
                    opacity:0.8;
                    padding-right:3px;
                    margin-left:10px;
                    transition:300ms;
                    color:#000000;
                }
                    .Header .HCenter .HCBox input:hover {
                        opacity:0.9;
                    }
                    .Header .HCenter .HCBox input:focus {
                        opacity:1;
                    }
                    .Header .HCenter .HCBox .Button {
                    width:313px;
                    height:32px;
                    border:none;
                    opacity:0.8;
                    margin:0px;
                    background-color:#18757c;
                    color:#ffffff;
                    transition:300ms;
                    cursor:pointer;
                }
                    .Header .HCenter .HCBox .Button:hover {
                        opacity:0.9;
                    }
            .Header .HCenter .HCList {
                width:300px;
                height:30px;
                margin:0px 330px 0px 0px;
            }
                .Header .HCenter .HCList ul {
                    list-style-image:url(../images/1.png);
                }
                    .Header .HCenter .HCList ul li {
                        float:right;
                        margin-right:30px;
                    }
                        .Header .HCenter .HCList ul li a {
                            font-size:11px;
                            color:#000000;
                            cursor:pointer;
                            transition:300ms;
                        }
                            .Header .HCenter .HCList ul li a:hover {
                                color:#ffffff;
                            }
    .News {
        width:100%;
        height:150px;
        background-color:#556370;
    }
        .News .NCenter {
            width:960px;
            height:150px;
            margin:0px auto;
            overflow:hidden;
        }
            .News .NCenter .NCNum {
                width:230px;
                height:145px;
                margin:2.5px 5px 2.5px 5px;
                overflow:hidden;
                float:right;
            }
                .News .NCenter .NCNum .NCNTop {
                    width:230px;
                    height:110px;
                }
                    .News .NCenter .NCNum .NCNTop p {
                        text-align:center;
                    }
                    .News .NCenter .NCNum .NCNTop img {
                        width:48px;
                        height:48px;
                        margin:10px 91px 0px 0px;
                    }
                    .News .NCenter .NCNum .NCNTop a {
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                        font-size:16px;
                    }
                        .News .NCenter .NCNum .NCNTop a:hover {
                            color:#000000;
                        }
                .News .NCenter .NCNum .NCNBottom {
                    width:230px;
                    height:33px;
                    padding-top:7px;
                    background-image:url(../images/2.png);
                    background-repeat:repeat-x;
                }
                    .News .NCenter .NCNum .NCNBottom p {
                        font-size:14px;
                        text-align:center;
                        color:#ffffff;
                    }
    .Main {
        width:100%;
        height:640px;
        background-color:#ecece2;
    }
        .Main .MCenter {
            width:960px;
            height:640px;
            margin:0px auto;
            overflow:hidden;
        }
            .Main .MCenter .MCAds {
                width:960px;
                height:60px;
                margin:10px 0px 0px 0px;
                overflow:hidden;
            }
                .Main .MCenter .MCAds p {
                    text-align:center;
                }
                    .Main .MCenter .MCAds p img {
                        width:468px;
                        height:60px;
                        margin-right:10px;
                    }
            .Main .MCenter .MCTitleUp {
                width:960px;
                height:40px;
                margin-top:10px;
                border-bottom:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCTitleUp p {
                    font-size:20px;
                    text-align:right;
                }
            .Main .MCenter .MCNumberUp {
                width:958px;
                height:40px;
                margin-top:10px;
                border-radius:5px;
                background-color:#dfdfd3;
                border:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCNumberUp ul {
                    list-style:none;
                    width:170px;
                    margin-right:395px;
                }
                    .Main .MCenter .MCNumberUp ul li {
                        float:right;
                    }
                        .Main .MCenter .MCNumberUp ul li a {
                            display:block;
                            width:24px;
                            height:32px;
                            background-color:#f6f7f2;
                            text-align:center;
                            color:#000000;
                            transition:300ms;
                            margin-right:10px;
                            margin-top:4px;
                            cursor:pointer;
                        }
                            .Main .MCenter .MCNumberUp ul li a:hover {
                                background-color: #f85953;
                                color: #ffffff;
                            }
            .Main .MCenter .MCListUp {
                width:960px;
                height:150px;
                margin:10px auto 0px auto;
                overflow:hidden;
            }
                .Main .MCenter .MCListUp .MCLUNum {
                    width:230px;
                    height:145px;
                    margin:2.5px 5px 2.5px 5px;
                    overflow:hidden;
                    float:right;
                    background-color:#faf9f4;
                    border-radius:5px;
                }
                    .Main .MCenter .MCListUp .MCLUNum a {
                        font-size:13px;
                        color:#000000;
                        cursor:pointer;
                        margin-right:10px;
                        transition:300ms;
                    }
                        .Main .MCenter .MCListUp .MCLUNum a:hover {
                            color:#000000;
                        }
                    .Main .MCenter .MCListUp .MCLUNum p {
                        text-align:center;
                    }
                        .Main .MCenter .MCListUp .MCLUNum p img {
                            width:72px;
                            height:72px;
                            border-radius:100%;
                        }
            .PorBazdid {
                width:550px;
                height:300px;
                margin-top:10px;
                float:right;
                margin-right:10px;
            }
                .PorBazdid .PBTitle {
                    width:550px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .PorBazdid .PBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .PorBazdid .PBList {
                    width:550px;
                    height:259px;
                }
                    .PorBazdid .PBList .PBLi {
                        border-radius: 5px;
                        width: 545px;
                        height: 33px;
                        border-bottom: 1px solid rgba(186, 186, 133, 0.52);
                        color: #000000;
                        cursor: pointer;
                        transition: 300ms;
                        text-align: right;
                        padding-right: 5px;
                        background-color: #faf9f4;
                        margin-top: 10px;
                    }
                        .PorBazdid .PBList .PBLi:hover {
                            background-color: #f85953;
                            color: #ffffff;
                        }
    .PorBazdid .PBList .PBLi .PBLi1 {
        width:340px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi1 a {
            font-size: 16px;
        }
    .PorBazdid .PBList .PBLi .PBLi2 {
        width:120px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi2 p {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
    .PorBazdid .PBList .PBLi .PBLi3 {
        width:80px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi3 P {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
            .GoodBlog {
                width: 300px;
                height: 300px;
                margin-top: 10px;
                margin-right:70px;
                float:right;
            }
                .GoodBlog .GBTitle {
                    width:300px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .GoodBlog .GBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .GoodBlog .GBList {
                    width:300px;
                    height:259px;
                }
                    .GoodBlog .GBList ul {
                        list-style:none;
                    }
                        .GoodBlog .GBList ul li {
                        }
                            .GoodBlog .GBList ul li a {
                                display:block;
                                border-radius:5px;
                                width:295px;
                                height:33px;
                                border-bottom:1px solid rgba(186, 186, 133, 0.52);
                                font-size:16px;
                                color:#000000;
                                cursor:pointer;
                                transition:300ms;
                                text-align:right;
                                padding-right:5px;
                                background-color:#faf9f4;
                                margin-top:10px;
                            }
                                .GoodBlog .GBList ul li a:hover {
                                    background-color: #f85953;
                                    color: #ffffff;
                                }
    .Center {
        background-color:#556370;
        width:100%;
        height:260px;
    }
    .Titleup {
        width: 960px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(57, 83, 98, 0.63);
        background-color:#556370;
    }
        .Titleup p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#ffffff;
        }
    .ListUp {
        width: 960px;
        height: 220px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#556370;
    }
        .ListUp .LUNum {
            width: 230px;
            height: 145px;
            margin: 37.5px 5px 0px 5px;
            overflow: hidden;
            float: right;
            background-color: #fcfcfa;
            border-radius: 5px;
        }
            .ListUp .LUNum a {
                font-size: 11px;
                color: #000000;
                cursor: pointer;
                transition: 300ms;
                margin-right:5px;
                float:right;
            }
                .ListUp .LUNum a:hover {
                    color: #000000;
                }
            .ListUp .LUNum img {
                width: 220px;
                height: 120px;
                float:right;
                margin: 5px 5px 0px 5px;
            }
    .Center2 {
        background-color: #ecece2;
        width: 100%;
        height: 260px;
    }
    .Titleup2 {
        width: 960px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(186, 186, 133, 0.52);
        background-color:#ecece2;
    }
        .Titleup2 p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#000000;
        }
    .ListUp2 {
        width: 960px;
        height: 220px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#ecece2;
    }
        .ListUp2 ul {
            list-style:none;
        }
            .ListUp2 ul li {
                float:right;
            }
                .ListUp2 ul li a {
                    display:block;
                    width:150px;
                    border:2px solid #ece0b6;
                    height:35px;
                    color:#000000;
                    padding-right:5px;
                    transition:300ms;
                    cursor:pointer;
                    background-color:#fefaee;
                    margin:35px 15px 0px 15px;
                }
                    .ListUp2 ul li a:hover {
                        background-color:#ece0b6;
                        border:2px solid #000000;
                        color:#000000;
                    }
    .MenuBottom {
        width:100%;
        height:90px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
        border-top:8px solid #4e8f8b;
    }
        .MenuBottom .MBCenter {
            width:960px;
            height:90px;
            margin:0px auto;
            overflow:hidden;
        }
            .MenuBottom .MBCenter ul {
                list-style:none;
                margin-right:16px;
            }
                .MenuBottom .MBCenter ul li {
                    float:right;
                }
                    .MenuBottom .MBCenter ul li a.A {
                        display:block;
                        width:100px;
                        padding:0px 8px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#58aaa6;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.A:hover {
                            opacity:1;
                            color:#000000;
                        }
                    .MenuBottom .MBCenter ul li a.B {
                        display:block;
                        width:100px;
                        padding:0px 8px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#4c9e9a;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.B:hover {
                            opacity:1;
                            color:#000000;
                        }
    .CopyRight {
        width:100%;
        height:40px;
        background-color:#395362;
    }
        .CopyRight .CRCenter {
            width:960px;
            height:40px;
            margin:0px auto;
            overflow:hidden;
        }
            .CopyRight .CRCenter p {
                font-size:15px;
                text-align:center;
                color:#ffffff;
            }
                .CopyRight .CRCenter p a {
                    color:#ece0b6;
                    font-size:15px;
                }
                    .CopyRight .CRCenter p a:hover {
                        color:#f85953;
                    }
}
@media (max-width:800px) {
    .Menu {
        width:100%;
        height:70px;
        background-color:#311147;
    }
        .Menu .MCenter {
            width:740px;
            height:70px;
            margin:0px auto;
            overflow:hidden;
        }
            .Menu .MCenter ul {
                list-style:none;
            }
                .Menu .MCenter ul li {
                    float:right;
                }
                    .Menu .MCenter ul li a {
                        display:block;
                        min-width:40px;
                        padding:0px 5px;
                        height:35px;
                        border-radius:5px;
                        margin-right:5px;
                        margin-top:17.5px;
                        background-color:#395362;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        font-size:14px;
                        text-align:center;
                    }
                        .Menu .MCenter ul li a:hover {
                            background-color:#9D6DBB;
                            color:#2D0447;
                        }
            .Menu .MCenter a {
                display: block;
                min-width: 50px;
                padding: 0px 5px;
                height: 35px;
                border-radius: 5px;
                font-size:14px;
                margin-top: 17.5px;
                background-color: #273e4e;
                color: #dacc8d;
                transition: 300ms;
                cursor: pointer;
                text-align: center;
                float:left;
            }
                .Menu .MCenter a:hover {
                    background-color: #f85953;
                    color: #ffffff;
                }
    .Header {
        width:100%;
        height:280px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
    }
        .Header .HCenter {
            width:740px;
            height:280px;
            margin:0px auto;
            overflow:hidden;
        }
            .Header .HCenter .HCTitle {
                width:600px;
                height:50px;
                margin:10px auto 0px auto;
                border-bottom:1px solid rgba(57, 83, 98, 0.63);
            }
                .Header .HCenter .HCTitle p {
                    font-size:18px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCText {
                width:600px;
                height:50px;
                margin:10px auto 0px auto;
            }
                .Header .HCenter .HCText p {
                    font-size:14px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCBox {
                width: 740px;
                height: 50px;
                margin: 55px 0px 0px 0px;
            }
                .Header .HCenter .HCBox input {
                    width:230px;
                    height:30px;
                    border:1px solid rgba(57, 83, 98, 0.63);
                    opacity:0.8;
                    padding-right:3px;
                    margin-left:5px;
                    transition:300ms;
                    color:#000000;
                }
                    .Header .HCenter .HCBox input:hover {
                        opacity:0.9;
                    }
                    .Header .HCenter .HCBox input:focus {
                        opacity:1;
                    }
                    .Header .HCenter .HCBox .Button {
                    width:230px;
                    height:32px;
                    border:none;
                    opacity:0.8;
                    margin:0px;
                    background-color:#18757c;
                    color:#ffffff;
                    transition:300ms;
                    cursor:pointer;
                }
                    .Header .HCenter .HCBox .Button:hover {
                        opacity:0.9;
                    }
            .Header .HCenter .HCList {
                width:300px;
                height:30px;
                margin:0px 220px 0px 0px;
            }
                .Header .HCenter .HCList ul {
                    list-style-image:url(../images/1.png);
                }
                    .Header .HCenter .HCList ul li {
                        float:right;
                        margin-right:30px;
                    }
                        .Header .HCenter .HCList ul li a {
                            font-size:11px;
                            color:#000000;
                            cursor:pointer;
                            transition:300ms;
                        }
                            .Header .HCenter .HCList ul li a:hover {
                                color:#ffffff;
                            }
    .News {
        width:100%;
        height:150px;
        background-color:#556370;
    }
        .News .NCenter {
            width:740px;
            height:150px;
            margin:0px auto;
            overflow:hidden;
        }
            .News .NCenter .NCNum {
                width:175px;
                height:145px;
                margin:2.5px 5px 2.5px 5px;
                overflow:hidden;
                float:right;
            }
                .News .NCenter .NCNum .NCNTop {
                    width:175px;
                    height:110px;
                }
                    .News .NCenter .NCNum .NCNTop p {
                        text-align:center;
                    }
                    .News .NCenter .NCNum .NCNTop img {
                        width:48px;
                        height:48px;
                        margin:10px 63px 0px 0px;
                    }
                    .News .NCenter .NCNum .NCNTop a {
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                        font-size:13px;
                    }
                        .News .NCenter .NCNum .NCNTop a:hover {
                            color:#000000;
                        }
                .News .NCenter .NCNum .NCNBottom {
                    width:175px;
                    height:33px;
                    padding-top:7px;
                    background-image:url(../images/2.png);
                    background-repeat:repeat-x;
                }
                    .News .NCenter .NCNum .NCNBottom p {
                        font-size:14px;
                        text-align:center;
                        color:#ffffff;
                    }
    .Main {
        width:100%;
        height:715px;
        background-color:#ecece2;
    }
        .Main .MCenter {
            width:740px;
            height:715px;
            margin:0px auto;
            overflow:hidden;
        }
            .Main .MCenter .MCAds {
                width:740px;
                height:135px;
                margin:10px 0px 0px 0px;
                overflow:hidden;
            }
                .Main .MCenter .MCAds p {
                    text-align:center;
                }
                    .Main .MCenter .MCAds p img {
                        width:468px;
                        height:60px;
                        margin:5px 136px 0px 136px;
                    }
            .Main .MCenter .MCTitleUp {
                width:740px;
                height:40px;
                margin-top:10px;
                border-bottom:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCTitleUp p {
                    font-size:20px;
                    text-align:right;
                }
            .Main .MCenter .MCNumberUp {
                width:738px;
                height:40px;
                margin-top:10px;
                border-radius:5px;
                background-color:#dfdfd3;
                border:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCNumberUp ul {
                    list-style:none;
                    width:170px;
                    margin-right:258px;
                }
                    .Main .MCenter .MCNumberUp ul li {
                        float:right;
                    }
                        .Main .MCenter .MCNumberUp ul li a {
                            display:block;
                            width:24px;
                            height:32px;
                            background-color:#f6f7f2;
                            text-align:center;
                            color:#000000;
                            transition:300ms;
                            margin-right:10px;
                            margin-top:4px;
                            cursor:pointer;
                        }
                            .Main .MCenter .MCNumberUp ul li a:hover {
                                background-color: #f85953;
                                color: #ffffff;
                            }
            .Main .MCenter .MCListUp {
                width:740px;
                height:150px;
                margin:10px auto 0px auto;
                overflow:hidden;
            }
                .Main .MCenter .MCListUp .MCLUNum {
                    width:175px;
                    height:145px;
                    margin:2.5px 5px 2.5px 5px;
                    overflow:hidden;
                    float:right;
                    background-color:#faf9f4;
                    border-radius:5px;
                }
                    .Main .MCenter .MCListUp .MCLUNum a {
                        font-size:13px;
                        color:#000000;
                        cursor:pointer;
                        margin-right:10px;
                        transition:300ms;
                    }
                        .Main .MCenter .MCListUp .MCLUNum a:hover {
                            color:#000000;
                        }
                    .Main .MCenter .MCListUp .MCLUNum p {
                        text-align:center;
                    }
                        .Main .MCenter .MCListUp .MCLUNum p img {
                            width:72px;
                            height:72px;
                            border-radius:100%;
                        }
            .PorBazdid {
                width:420px;
                height:300px;
                margin-top:10px;
                float:right;
            }
                .PorBazdid .PBTitle {
                    width:430px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .PorBazdid .PBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .PorBazdid .PBList {
                    width:420px;
                    height:259px;
                }
                    .PorBazdid .PBList .PBLi {
                        border-radius: 5px;
                        width: 415px;
                        height: 33px;
                        border-bottom: 1px solid rgba(186, 186, 133, 0.52);
                        color: #000000;
                        cursor: pointer;
                        transition: 300ms;
                        text-align: right;
                        padding-right: 5px;
                        background-color: #faf9f4;
                        margin-top: 10px;
                    }
                        .PorBazdid .PBList .PBLi:hover {
                            background-color: #f85953;
                            color: #ffffff;
                        }
    .PorBazdid .PBList .PBLi .PBLi1 {
        width:210px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi1 a {
            font-size: 16px;
        }
    .PorBazdid .PBList .PBLi .PBLi2 {
        width:120px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi2 p {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
    .PorBazdid .PBList .PBLi .PBLi3 {
        width:80px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi3 P {
            font-size: 16px;
            text-align:center;
            color:#6a6967;
        }
            .GoodBlog {
                width: 270px;
                height: 300px;
                margin-top: 10px;
                margin-right:40px;
                float:right;
            }
                .GoodBlog .GBTitle {
                    width:300px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .GoodBlog .GBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .GoodBlog .GBList {
                    width:300px;
                    height:259px;
                }
                    .GoodBlog .GBList ul {
                        list-style:none;
                    }
                        .GoodBlog .GBList ul li {
                        }
                            .GoodBlog .GBList ul li a {
                                display:block;
                                border-radius:5px;
                                width:295px;
                                height:33px;
                                border-bottom:1px solid rgba(186, 186, 133, 0.52);
                                font-size:16px;
                                color:#000000;
                                cursor:pointer;
                                transition:300ms;
                                text-align:right;
                                padding-right:5px;
                                background-color:#faf9f4;
                                margin-top:10px;
                            }
                                .GoodBlog .GBList ul li a:hover {
                                    background-color: #f85953;
                                    color: #ffffff;
                                }
    .Center {
        background-color:#556370;
        width:100%;
        height:260px;
    }
    .Titleup {
        width: 740px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(57, 83, 98, 0.63);
        background-color:#556370;
    }
        .Titleup p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#ffffff;
        }
    .ListUp {
        width: 740px;
        height: 190px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#556370;
    }
        .ListUp .LUNum {
            width: 175px;
            height: 125px;
            margin: 37.5px 5px 0px 5px;
            overflow: hidden;
            float: right;
            background-color: #fcfcfa;
            border-radius: 5px;
        }
            .ListUp .LUNum a {
                font-size: 11px;
                color: #000000;
                cursor: pointer;
                transition: 300ms;
                margin-right:5px;
                float:right;
            }
                .ListUp .LUNum a:hover {
                    color: #000000;
                }
            .ListUp .LUNum img {
                width: 165px;
                height: 100px;
                float:right;
                margin: 5px 5px 0px 5px;
            }
    .Center2 {
        background-color: #ecece2;
        width: 100%;
        height: 260px;
    }
    .Titleup2 {
        width: 740px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(186, 186, 133, 0.52);
        background-color:#ecece2;
    }
        .Titleup2 p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#000000;
        }
    .ListUp2 {
        width: 740px;
        height: 200px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#ecece2;
    }
        .ListUp2 ul {
            list-style:none;
        }
            .ListUp2 ul li {
                float:right;
            }
                .ListUp2 ul li a {
                    display:block;
                    width:128px;
                    border:2px solid #ece0b6;
                    height:40px;
                    color:#000000;
                    padding-right:5px;
                    transition:300ms;
                    cursor:pointer;
                    font-size:14px;
                    background-color:#fefaee;
                    margin:35px 5px 0px 5px;
                }
                    .ListUp2 ul li a:hover {
                        background-color:#ece0b6;
                        border:2px solid #000000;
                        color:#000000;
                    }
    .MenuBottom {
        width:100%;
        height:90px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
        border-top:8px solid #4e8f8b;
    }
        .MenuBottom .MBCenter {
            width:740px;
            height:90px;
            margin:0px auto;
            overflow:hidden;
        }
            .MenuBottom .MBCenter ul {
                list-style:none;
                margin-right:10px;
            }
                .MenuBottom .MBCenter ul li {
                    float:right;
                }
                    .MenuBottom .MBCenter ul li a.A {
                        display:block;
                        width:80px;
                        padding:0px 5px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#4c9e9a;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        font-size:14px;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.A:hover {
                            opacity:1;
                            color:#000000;
                        }
                    .MenuBottom .MBCenter ul li a.B {
                        display:block;
                        width:80px;
                        padding:0px 5px;
                        height:35px;
                        margin-top:27.5px;
                        opacity:0.9;
                        background-color:#58aaa6;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        font-size:14px;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.B:hover {
                            opacity:1;
                            color:#000000;
                        }
    .CopyRight {
        width:100%;
        height:35px;
        background-color:#395362;
    }
        .CopyRight .CRCenter {
            width:740px;
            height:35px;
            margin:0px auto;
            overflow:hidden;
        }
            .CopyRight .CRCenter p {
                font-size:14px;
                text-align:center;
                color:#ffffff;
            }
                .CopyRight .CRCenter p a {
                    color:#ece0b6;
                    font-size:14px;
                }
                    .CopyRight .CRCenter p a:hover {
                        color:#f85953;
                    }
}
@media (max-width:360px) {
    .Menu {
        width:100%;
        height:365px;
        background-color:#395362;
    }
        .Menu .MCenter {
            width:320px;
            height:365px;
            margin:0px auto;
            overflow:hidden;
        }
            .Menu .MCenter ul {
                list-style:none;
            }
                .Menu .MCenter ul li {
                }
                    .Menu .MCenter ul li a {
                        display:block;
                        width:300px;
                        padding:0px 5px;
                        height:35px;
                        border-radius:5px;
                        margin-top:5px;
                        background-color:#395362;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        font-size:15px;
                        text-align:center;
                    }
                        .Menu .MCenter ul li a:hover {
                            background-color:#9D6DBB;
                            color:#2D0447;
                        }
            .Menu .MCenter a {
                display: block;
                width: 300px;
                margin-right:0px;
                margin-left:5px;
                height: 35px;
                border-radius: 5px;
                font-size:15px;
                margin-top: 5px;
                background-color: #273e4e;
                color: #dacc8d;
                transition: 300ms;
                cursor: pointer;
                text-align: center;
            }
                .Menu .MCenter a:hover {
                    background-color: #f85953;
                    color: #ffffff;
                }
    .Header {
        width:100%;
        height:350px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
    }
        .Header .HCenter {
            width:320px;
            height:350px;
            margin:0px auto;
            overflow:hidden;
        }
            .Header .HCenter .HCTitle {
                width:290px;
                height:80px;
                margin:10px auto 0px auto;
                border-bottom:1px solid rgba(57, 83, 98, 0.63);
            }
                .Header .HCenter .HCTitle p {
                    font-size:17px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCText {
                width:290px;
                height:90px;
                margin:10px auto 0px auto;
            }
                .Header .HCenter .HCText p {
                    font-size:14px;
                    color:#ffffff;
                    text-align:center;
                }
            .Header .HCenter .HCBox {
                width: 320px;
                height: 100px;
                margin: 20px 0px 0px 0px;
            }
                .Header .HCenter .HCBox input {
                    width:320px;
                    height:30px;
                    border:1px solid rgba(57, 83, 98, 0.63);
                    opacity:0.8;
                    padding-right:3px;
                    margin-bottom:5px;
                    transition:300ms;
                    color:#000000;
                }
                    .Header .HCenter .HCBox input:hover {
                        opacity:0.9;
                    }
                    .Header .HCenter .HCBox input:focus {
                        opacity:1;
                    }
                    .Header .HCenter .HCBox .Button {
                    width:320px;
                    height:32px;
                    border:none;
                    opacity:0.8;
                    margin:0px;
                    background-color:#18757c;
                    color:#ffffff;
                    transition:300ms;
                    cursor:pointer;
                }
                    .Header .HCenter .HCBox .Button:hover {
                        opacity:0.9;
                    }
            .Header .HCenter .HCList {
                width:320px;
                height:30px;
                margin:0px;
            }
                .Header .HCenter .HCList ul {
                    list-style-image:url(../images/1.png);
                }
                    .Header .HCenter .HCList ul li {
                        float:right;
                        margin-right:30px;
                    }
                        .Header .HCenter .HCList ul li a {
                            font-size:11px;
                            color:#000000;
                            cursor:pointer;
                            transition:300ms;
                        }
                            .Header .HCenter .HCList ul li a:hover {
                                color:#ffffff;
                            }
    .News {
        width:100%;
        height:650px;
        background-color:#556370;
    }
        .News .NCenter {
            width:320px;
            height:650px;
            margin:0px auto;
            overflow:hidden;
        }
            .News .NCenter .NCNum {
                width:320px;
                height:145px;
                margin:15px 0px 0px 0px;
                overflow:hidden;
            }
                .News .NCenter .NCNum .NCNTop {
                    width:320px;
                    height:110px;
                }
                    .News .NCenter .NCNum .NCNTop p {
                        text-align:center;
                    }
                    .News .NCenter .NCNum .NCNTop img {
                        width:48px;
                        height:48px;
                        margin:10px 136px 0px 0px;
                    }
                    .News .NCenter .NCNum .NCNTop a {
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        text-align:center;
                        font-size:13px;
                    }
                        .News .NCenter .NCNum .NCNTop a:hover {
                            color:#000000;
                        }
                .News .NCenter .NCNum .NCNBottom {
                    width:320px;
                    height:33px;
                    padding-top:7px;
                    background-image:url(../images/2.png);
                    background-repeat:repeat-x;
                }
                    .News .NCenter .NCNum .NCNBottom p {
                        font-size:14px;
                        text-align:center;
                        color:#ffffff;
                    }
    .Main {
        width:100%;
        height:1500px;
        background-color:#ecece2;
    }
        .Main .MCenter {
            width:320px;
            height:1500px;
            margin:0px auto;
            overflow:hidden;
        }
            .Main .MCenter .MCAds {
                width:320px;
                height:115px;
                margin:10px 0px 0px 0px;
                overflow:hidden;
            }
                .Main .MCenter .MCAds p {
                    text-align:center;
                }
                    .Main .MCenter .MCAds p img {
                        max-width:320px;
                        max-height:50px;
                        margin:5px 0px 0px 0px;
                    }
            .Main .MCenter .MCTitleUp {
                width:320px;
                height:40px;
                margin-top:10px;
                border-bottom:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCTitleUp p {
                    font-size:20px;
                    text-align:right;
                }
            .Main .MCenter .MCNumberUp {
                width:318px;
                height:40px;
                margin-top:10px;
                border-radius:5px;
                background-color:#dfdfd3;
                border:1px solid rgba(186, 186, 133, 0.52);
            }
                .Main .MCenter .MCNumberUp ul {
                    list-style:none;
                    width:170px;
                    margin-right:75px;
                }
                    .Main .MCenter .MCNumberUp ul li {
                        float:right;
                    }
                        .Main .MCenter .MCNumberUp ul li a {
                            display:block;
                            width:24px;
                            height:32px;
                            background-color:#f6f7f2;
                            text-align:center;
                            color:#000000;
                            transition:300ms;
                            margin-right:10px;
                            margin-top:4px;
                            cursor:pointer;
                        }
                            .Main .MCenter .MCNumberUp ul li a:hover {
                                background-color: #f85953;
                                color: #ffffff;
                            }
            .Main .MCenter .MCListUp {
                width:320px;
                height:650px;
                margin:15px auto 0px auto;
                overflow:hidden;
            }
                .Main .MCenter .MCListUp .MCLUNum {
                    width:320px;
                    height:145px;
                    margin:10px 0px 0px 0px;
                    overflow:hidden;
                    float:right;
                    background-color:#faf9f4;
                    border-radius:5px;
                }
                    .Main .MCenter .MCListUp .MCLUNum a {
                        font-size:13px;
                        color:#000000;
                        cursor:pointer;
                        margin-right:10px;
                        transition:300ms;
                    }
                        .Main .MCenter .MCListUp .MCLUNum a:hover {
                            color:#000000;
                        }
                    .Main .MCenter .MCListUp .MCLUNum p {
                        text-align:center;
                    }
                        .Main .MCenter .MCListUp .MCLUNum p img {
                            width:72px;
                            height:72px;
                            border-radius:100%;
                        }
            .PorBazdid {
                width:320px;
                height:300px;
                margin-top:10px;
            }
                .PorBazdid .PBTitle {
                    width:320px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .PorBazdid .PBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .PorBazdid .PBList {
                    width:320px;
                    height:259px;
                }
                    .PorBazdid .PBList .PBLi {
                        border-radius: 5px;
                        width: 300px;
                        height: 33px;
                        border-bottom: 1px solid rgba(186, 186, 133, 0.52);
                        color: #000000;
                        cursor: pointer;
                        transition: 300ms;
                        text-align: right;
                        padding-right: 5px;
                        background-color: #faf9f4;
                        margin-top: 10px;
                    }
                        .PorBazdid .PBList .PBLi:hover {
                            background-color: #f85953;
                            color: #ffffff;
                        }
    .PorBazdid .PBList .PBLi .PBLi1 {
        width:145px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi1 a {
            font-size: 13px;
        }
    .PorBazdid .PBList .PBLi .PBLi2 {
        width:95px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi2 p {
            font-size: 13px;
            text-align:center;
            color:#6a6967;
        }
    .PorBazdid .PBList .PBLi .PBLi3 {
        width:60px;
        height:33px;
        float:right;
    }
        .PorBazdid .PBList .PBLi .PBLi3 P {
            font-size: 13px;
            text-align:center;
            color:#6a6967;
        }
            .GoodBlog {
                width: 320px;
                height: 300px;
                margin-top: 10px;
                margin-right:0px;
            }
                .GoodBlog .GBTitle {
                    width:320px;
                    border-bottom:1px solid rgba(186, 186, 133, 0.52);
                    height:40px;
                }
                    .GoodBlog .GBTitle p {
                        font-size:20px;
                        text-align:right;
                    }
                .GoodBlog .GBList {
                    width:320px;
                    height:259px;
                }
                    .GoodBlog .GBList ul {
                        list-style:none;
                    }
                        .GoodBlog .GBList ul li {
                        }
                            .GoodBlog .GBList ul li a {
                                display:block;
                                border-radius:5px;
                                width:315px;
                                height:33px;
                                border-bottom:1px solid rgba(186, 186, 133, 0.52);
                                font-size:14px;
                                color:#000000;
                                cursor:pointer;
                                transition:300ms;
                                text-align:right;
                                padding-right:5px;
                                background-color:#faf9f4;
                                margin-top:10px;
                            }
                                .GoodBlog .GBList ul li a:hover {
                                    background-color: #f85953;
                                    color: #ffffff;
                                }
    .Center {
        background-color:#556370;
        width:100%;
        height:740px;
    }
    .Titleup {
        width: 320px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(57, 83, 98, 0.63);
        background-color:#556370;
    }
        .Titleup p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#ffffff;
        }
    .ListUp {
        width: 320px;
        height: 700px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#556370;
    }
        .ListUp .LUNum {
            width: 320px;
            height: 160px;
            margin: 10px 0px 0px 0px;
            overflow: hidden;
            background-color: #fcfcfa;
            border-radius: 5px;
        }
            .ListUp .LUNum a {
                font-size: 11px;
                color: #000000;
                cursor: pointer;
                transition: 300ms;
                margin-right:5px;
                float:right;
            }
                .ListUp .LUNum a:hover {
                    color: #000000;
                }
            .ListUp .LUNum img {
                width: 310px;
                height: 130px;
                float:right;
                margin: 5px 5px 0px 5px;
            }
    .Center2 {
        background-color: #ecece2;
        width: 100%;
        height: 350px;
    }
    .Titleup2 {
        width: 320px;
        height: 39px;
        margin: 10px auto 0px auto;
        border-bottom:1px solid rgba(186, 186, 133, 0.52);
        background-color:#ecece2;
    }
        .Titleup2 p {
            font-size: 20px;
            text-align: right;
            margin-right:10px;
            color:#000000;
        }
    .ListUp2 {
        width: 320px;
        height: 250px;
        margin: 0px auto;
        overflow: hidden;
        background-color:#ecece2;
    }
        .ListUp2 ul {
            list-style:none;
        }
            .ListUp2 ul li {
                float:right;
            }
                .ListUp2 ul li a {
                    display:block;
                    width:140px;
                    border:2px solid #ece0b6;
                    height:35px;
                    color:#000000;
                    padding-right:5px;
                    transition:300ms;
                    cursor:pointer;
                    font-size:14px;
                    background-color:#fefaee;
                    margin:20px 5px 0px 5px;
                }
                    .ListUp2 ul li a:hover {
                        background-color:#ece0b6;
                        border:2px solid #000000;
                        color:#000000;
                    }
    .MenuBottom {
        width:100%;
        height:330px;
        background-image:url(../images/BgHeader.png);
        background-repeat:repeat;
        border-top:8px solid #4e8f8b;
    }
        .MenuBottom .MBCenter {
            width:320px;
            height:330px;
            margin:0px auto;
            overflow:hidden;
        }
            .MenuBottom .MBCenter ul {
                list-style:none;
                margin-right:10px;
            }
                .MenuBottom .MBCenter ul li {
                    float:right;
                }
                    .MenuBottom .MBCenter ul li a.A {
                        display:block;
                        width:320px;
                        padding:0px;
                        height:35px;
                        margin-top:5px;
                        opacity:0.9;
                        background-color:#4c9e9a;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        font-size:16px;
                        text-align:center;
                    }
                        .MenuBottom .MBCenter ul li a.A:hover {
                            opacity:1;
                            color:#000000;
                        }
                    .MenuBottom .MBCenter ul li a.B {
                        display:block;
                        width:320px;
                        padding:0px;
                        height:35px;
                        margin-top:5px;
                        opacity:0.9;
                        color:#ffffff;
                        transition:300ms;
                        cursor:pointer;
                        font-size:16px;
                        text-align:center;
                        background-color:#58aaa6;
                    }
                        .MenuBottom .MBCenter ul li a.B:hover {
                            opacity:1;
                            color:#000000;
                        }
    .CopyRight {
        width:100%;
        height:25px;
        background-color:#395362;
    }
        .CopyRight .CRCenter {
            width:320px;
            height:25px;
            margin:0px auto;
            overflow:hidden;
        }
            .CopyRight .CRCenter p {
                font-size:11px;
                text-align:center;
                color:#ffffff;
            }
                .CopyRight .CRCenter p a {
                    color:#ece0b6;
                    font-size:11px;
                }
                    .CopyRight .CRCenter p a:hover {
                        color:#f85953;
                    }
}

.t_menu2 {
width: 350px;
background-color: #fbf7fe;
border: 2px solid #dfceea;
box-shadow: 0px 0px 2px #fefbee;
height: 30px;
line-height: 30px;
font-family: tahoma;
font-size: 9pt;
color: #000;
text-align: right;}

.t_menu2:focus {background-color:#F9F4FC; border-color:#CCB8DB;}


.tooltips {
		position:absolute; 
		padding:10px; 
		width:200px; 
		direction:ltr; 
		border:1px solid #cf4b0a; 
		background-color:#FFFFCC; 
		text-align:right; 
		display:none;
		z-index:1;
		border-radius:3px;
}
#helps { background:url(../images/help.gif) left no-repeat; width:14px; height:14px; display:inline-block;}
#helps:hover > .tooltips{display:block;}
	
	.subtooltips {
		position:absolute; 
		padding:10px; 
		direction:ltr; 
		border:1px solid #f00; 
		background-color:#FFFFCC; 
		text-align:right; 
		display:none;
	}
.dir_lt input, .dir_lt select, .dir_lt textarea {padding:4px;  }
/*.dir_lt input:focus, .dir_lt select:focus, .dir_lt textarea:focus { background-color:#fff; border-color:#09F;}*/

.error_red { padding:7px; background-color:#cc0b0b; border:2px solid #a60a0a; border-radius:3px; text-align:center; color:#fff;}
.error_green { padding:7px; background-color:#22aab2; border:2px solid #0a747b; border-radius:3px; text-align:center; color:#fff;}

.dir_lt, .dir_lt td  {direction:ltr;}
.myfuller_div  {width:998px; padding:15px 0px;}
 
.myfuller_tit {height:40px; line-height:40px; background-color:#311147; color:#fff; dirction:rtl; text-indent:10px; text-align:right;}
.myfuller_bod {padding:8px; background-color:#fff;}

#but {background-color: #311147;
height: 40px;
line-height: 10px;
border: 0px;
padding:0px 10px; cursor:pointer;
color: #fff;}
#but:hover {background-color:#474747;}

.titr {border:1px solid #ddd; background-color:#f6f5f5; padding:5px; border-radius:4px;}

.Menu .MCenter a { background-color:#fff; color:#62077F;}

.CopyRight, .Center, .ListUp, .Titleup, .News { background-color:#311147;}
.MenuBottom {border-color:#311147;}

.Header .HCenter .HCBox .Button {background-color:#311147;}

.MenuBottom .MBCenter ul li a.A { background-color:#2a0e3e;}
.MenuBottom .MBCenter ul li a.B { background-color:#502B6A;}

.PorBazdid {width:30%; overflow:hidden; margin-right:0px; margin-left:0px; float:none; display:inline-block; *display:inline; zoom:1}
.PorBazdid .PBList .PBLi, .PorBazdid .PBList, .PorBazdid .PBTitle { width:98%;}

.GoodBlog {width:30%; overflow:hidden; margin-right:0; margin-left:0px; float:none; display:inline-block; *display:inline; zoom:1;}
.GoodBlog .GBTitle {width:100%;}
.GoodBlog:first-child { margin-right:1%; margin-left:1%;}
.GoodBlog .GBList, .GoodBlog .GBList ul li a {width:98%;}
.PorBazdid .PBList .PBLi .PBLi2 { display:none;}

.PBTitle p, .GBTitle p { color:#fff !important;}

.Main .MCenter .MCListUp, .Main .MCenter, .Main, .Center { height:auto;}

.Center {margin-top:10px; padding-right:0px;}
#catersing a {display: inline-block; width: 150px; text-align: center; direction: rtl; background-color: #efefef; margin: 2px;}
.paks {display: none;}


.boding_bod {
    padding: 5px 0 45px 0;
    direction: rtl;
    text-align: center;
}

.boding_bod > form {
    direction: rtl;
    text-align: center;
}

.form_rcol {
    vertical-align: top;
    float: right;
    width: 34%;
    color: #464646;
    padding-left: 1%;
    text-align: left;
    font: normal 16px/28px bnaz, 'bnaz';
}

.form_lcol {
    vertical-align: top;
    float: right;
    width: 65%;
    text-align: right;
    line-height: 30px;
    font-size: 12px;
}

.form_lcol span.require {
    color: #c9302c;
    line-height: 32px;
    display: inline-block;
    padding-right: 8px;
    font-size: 15px;
}

.form_lcol span.help {
    color: #b7b4ac;
    line-height: 26px;
    display: inline-block;
    padding-right: 20px;
    font-size: 11px;
    vertical-align: top;
}

.formerfild {
    height: 29px;
    color: #474747;
    font: normal 11px tahoma;
    transition: all ease 0.5s;
    width: 295px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 0 5px;
    background-color: #fff;
    vertical-align: top;
}

.formerfild:focus {
    background-color: #fff;
    box-shadow: rgba(110, 167, 249, 0.56) 0 0 6px;
    border: 1px solid #0093cb;
    color: #005574;
}

.formerfild[lang="en"] {
    direction: ltr;
    text-align: left;
}

.row_form {
    height: 32px;
    margin-bottom: 12px;
}

.row_form label {
    font-weight: normal;
    cursor: pointer;
}

.formruls {
    height: 30px;
    font: normal 15px/28px bnaz, 'bnaz';
    padding: 8px 0;
    text-align: center;
}

.formruls span {
    color: #0084b4;
}

.formruls input[type="checkbox"] {
    display: none;
}

.rulsradio {
    height: 30px;
    cursor: pointer;
    line-height: 30px;
    padding-right: 32px;
    background: url("../images/ruls_radio.png") right top no-repeat;
    display: inline-block;
}

.formruls .actived {
    background-position: right bottom;
}

.rowfree {
    margin: 0;
    font: normal 15px/30px bnaz, 'bnaz';
    color: #464646;
}

.rowfree label {
    font-size: 15px;
    line-height: 30px;
    color: #464646;
}

.rowfree label input {
    vertical-align: top;
    margin-top: 9px;
    margin-left: 3px;
}

.rowfree a {
    font: normal 15px/30px bnaz, 'bnaz';
    color: #0274b3;
}

.rowfree a:hover {
    color: #9a1866;
}

.lastrow {
    padding-top: 18px;
    text-align: center;
}

.fbtn {
    background: url("../images/btnbg.jpg") top center no-repeat;
    transition: all ease 0.3s;
    border-radius: 3px;
    overflow: hidden;
    direction: rtl;
    text-align: right;
    display: inline-block;
    width: 165px;
    height: 40px;
    color: #fff;
    border: 0;
    text-indent: 12px;
    font: normal 15px/33px bnaz, 'bnaz';
    cursor: pointer;
}

.fbtn:hover {
    opacity: 0.9;
}

.fbtn_green {
    background-position: 0 -80px;
}

.fbtn_violet {
    background-position: 0 -40px;
}
.fbtn_blue {
    background-position: 0 -120px;
}

.formlogo_ico {
    text-align: center;
    padding-bottom: 14px;
}

.form_minimes {
    padding: 15px 0;
    text-align: center;
    direction: rtl;
    color: #676767;
}

.pagebody {
    direction: rtl;
    padding: 0 40px;
}

.page_tit {
    color: #ef3f3e;
    font: normal 17px/40px bnaz, 'bnaz';
    text-align: right;
}

.page_content {
    direction: rtl;
    color: #9a9a9a;
    text-align: justify;
    font: normal 15px/30px bnaz, 'bnaz';
    padding: 10px 0;
}

.page_content > p {
    padding-bottom: 5px;
}

#footer {
    text-align: center;
    padding-top: 70px;
}

.footer {
    display: inline-block;
    width: 996px;
    text-align: right;
    direction: rtl;
    border-radius: 8px 8px 0 0;
    border: 1px solid #e1e7ea;
    min-height: 66px;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
}

.footer_b {
    padding: 20px 20px 15px 0;
    font: normal 14px/22px bnaz, 'bnaz', "B Nazanin";
    text-align: right;
    color: #8e8e8e;
}

.footer_b h5 {font: normal 14px/22px bnaz, 'bnaz', "B Nazanin"; padding: 0;}
.footer_b a {color: #636363; transition: all ease 0.3s;}
.footer_b a:hover {color: #333;}
.footer_b span {color: #ccc; font-size: 11px; display: inline-block; padding: 0 1px;}

.footer_b strong {
    color: #0274b3;
    font-weight: normal;
    cursor: pointer;
}

.fot_imglogo {
    float: left;
    z-index: 1;
    margin-top: -35px;
    margin-left: 18px;
}

#cardbox {
    z-index: 9999;
    position: fixed;
    line-height: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
}

.cardbox {
    margin-top: 70px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    min-width: 400px;
    background-color: #fff;
    border-radius: 8px;
    border-bottom: 7px solid #ccc;
}

.cardbox_bod {
    padding: 15px 0 5px 0;
    text-align: right;
    direction: rtl;
}

.cardbox_bod ul {
    list-style: none;
    font: normal 15px bnaz, 'bnaz', "B Nazanin";
    padding: 5px 20px 5px 15px;
}

.cardbox_bod > ul > li {
    display: block;
    transition: all ease 0.3s;
    cursor: zoom-in;
    padding-bottom: 3px;
}

.cardbox_bod > ul > li:hover {
    padding-right: 5px;
}

.cardbox_bod .card_error_list {
    color: #9d3b41;
    background-color: #f9efef;
}

.cardbox_bod .card_ok_list {
    color: #005574;
    background-color: #ecf8fd;
}

.cardbox_close {
    padding: 8px 8px 10px 8px;
    text-align: left;
}

.close_card {
    display: inline-block;
    cursor: pointer;
    transition: all ease 0.3s;
    padding: 3px 20px;
    text-align: center;
    color: #474747;
    font: normal 14px bnaz, 'bnaz', "B Nazanin";
    background-color: #efefef;
}

.close_card:hover {
    background-color: #f6ebe8;
    color: #b80d0d;
}

.cardovels {
    position: fixed;
    background-color: #000;
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.captch_img {
    margin-right: -122px;
    margin-top: 1px;
    position: absolute;
}

.padder {
    padding: 20px 5px 10px 5px;
}

.central {
    text-align: center;
}

.alerter_green {
    padding: 10px;
    font-size: 17px;
    color: #616161;
    text-align: right;
}

.alerter_green span {
    color: #000;
}

#yello_alert {
    background-color: #efefef;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 18px;
    transition: all ease 0.3s;
}

/*#yello_alert:hover {background-color: #474747; border-color: #474747; color:#fff;}*/
/*#yello_alert:hover .yello_alert {color:#000; }*/

.yello_alert {
    background: url("[#ROOT#]images/yalert_ico.png") top right no-repeat;
    font: normal 12px/21px tahoma;
    padding-right: 34px;
    direction: rtl;
    text-align: right;
    color: #474747;
    transition: all ease 0.3s;
}

.custom_page {
    text-align: center;
    padding: 12px 0;
}

.custom_page a {
    display: inline-block;
    transition: all ease 0.3s;
    text-align: center;
    padding: 0 3px;
    margin: 0 3px;
    height: 28px;
    color: #474747;
    background-color: #e1e8ed;
    font: normal 15px/28px bnaz, 'bnaz', "B Nazanin";
    min-width: 28px;
}

.custom_page a:hover, .custom_page .active {
    background-color: #006fba;
    color: #fff;
}

.custom_page .prev {
    background: url("[#ROOT#]images/nextprev.png") right top no-repeat transparent;
    padding-right: 19px;
    padding-left: 10px;
}

.custom_page .next {
    background: url("[#ROOT#]images/nextprev.png") left bottom no-repeat transparent;
    padding-left: 19px;
    padding-right: 10px;
}

.custom_page .prev:hover, .custom_page .next:hover {
    background-color: transparent;
    color: #000;
}

.alert_danger {
    font: normal 15px bnaz, 'bnaz', "B Nazanin";
    background-color: #f9f0f0;
    border: 1px solid #eee2e2;
    color: #c47676;
    margin: 8px 0;
    border-radius: 3px;
    padding: 8px 12px;
    text-align: right;
}

#toplist {
    list-style: none;
    direction: rtl;
    text-align: right;
    padding: 20px 0;
}

#toplist li {
    display: block;
    height: 40px;
    border: 1px solid #e1e7ea;
    background-color: #fff;
    margin-bottom: 7px;
    border-radius: 5px;
    transition: all ease 0.3s;
    overflow: hidden;
}

#toplist li:hover {border-color: #006fba; }
#toplist li:hover .listright {color: #006fba;}

#toplist .listright {
    transition: all ease 0.3s;
    text-align: right;
    vertical-align: top;
    direction: rtl;
    text-indent: 45px;
    width: 60%;
    height: 40px;
    overflow: hidden;
    background: url("[#ROOT#]images/topcricle.png") right center no-repeat;
    font: normal 15px/38px bnaz, 'bnaz', "B Nazanin";
    color: #7b7b7b;
    float: right;
}

#toplist .listleft {
    float: left;
    vertical-align: top;
    height: 40px;
    width: 30%;
    text-align: left;
    direction: ltr;
    text-indent: 50px;
    background: url("[#ROOT#]images/toplink.png") left center no-repeat;
    color:#0274b3;
    font: normal 8pt/39px tahoma;
}
#toplist .listlefter {
    background-color: #ccc;
    float: left;
    vertical-align: top;
    height: 40px;
    width: 35%;
    text-align: left;
    direction: rtl;
    padding-left: 38px;
    background: url("[#ROOT#]images/upblogl.png") left top no-repeat;
    color:#0274b3;
    font: normal 8pt/39px tahoma;
}

#toplist li:hover .listlefter {background-position: bottom left; color: #474747;}
#toplist li:hover .listlefter .spans {color: #474747;}

#toplist .listlefter .spans {color: #ce2b6c;}
#toplist .listlefter .seps {color: #ccc; font-size: 11px;}

.marginer {margin:5px 20px 20px 20px;}

.notfoundb {background: url("[#ROOT#]images/notfound.png") top center no-repeat; min-height: 435px; margin-top: -70px; margin-bottom: 50px;}
.notfoundbtn {text-align: center; padding-top: 180px;}
.notfoundbtn .fbtn {line-height: 39px;}

.pagebs {padding: 5px 20px; direction: rtl; text-align: right;  font:normal 14px/22px bnaz; color:#474747;}

.alerttext {
    text-align: center;
    font: normal 11px tahoma;
    color: #474747;
    padding: 5px;
}

.alerttext.alred {
    color: #cc220a;
}

.alerttext.algreen {
    color: #65cc60;
}

/*.psubmitb {position: absolute; margin-right: 690px; margin-top: -40px;}*/
.nomargl {
    margin-left: 0;
}

.esh {
    direction: rtl;
    cursor: pointer;
    text-align: right;
    padding: 5px 3px;
    font: normal 11px tahoma;
    border: 0 solid #ccc;
    border-radius: 0;
}

.erc {
    direction: rtl;
    cursor: pointer;
    text-align: right;
    padding: 10px;
    font: normal 16px bnaz, 'bnaz', 'B Nazanin';
    border: 1px solid #ccc;
    border-radius: 4px;
    border-bottom-width: 4px;
}

.ercmarg {
    margin: 5px 0;
}

.error_red {
    background-color: #f2dede;
    border-color: #ebccd1 !important;
    color: #c04442;
}

.error_green {
    background-color: #dff0d8;
    border-color: #d6e9c6 !important;
    color: #5b765b;
}

.error_blue {
    background-color: #eff3f8;
    border-color: #dfe6f1 !important;
    color: #2d5591;
}

.error_yellow {
    background-color: #fcf8e3;
    border-color: #faebcc !important;
    color: #8a6d5b;
}

.error_pink {
    line-height: 40px;
    background-color: #f9f3f8;
    color: #a46399;
    border-color: #ead6e7 !important;
}

.error_pink a {font-weight: bold; color: #a46399;}
.error_pink a:hover {font-weight: bold; color: #000 !important;}

.helpdesker {vertical-align: top;margin-top: 5px;}
.forg_fit { width: 400px;
    margin: auto;
    margin-bottom: 15px;}

.ertc {
    border-radius: 5px;
    border: 1px solid;
    min-height: 35px;
    font: normal 11px/30px tahoma;
    padding: 0 5px;
    text-align: right;
    direction: rtl;
    transition: all ease 0.3s;
}

.ertc:hover {
    color: #000;
}

.center_mes {text-align: center;}
.center_mes .ertc {display: inline-block; width: 600px; margin: 0 0 10px 0;}

.alleft {text-align: left; padding-left: 1%;}
.alright {text-align: right; padding-right: 1%; direction: rtl; text-indent: 15px;}

.flodiv {vertical-align: top;
    float: right;
    width: 48%;
    color: #464646;
    
    font: normal 16px/28px bnaz, 'bnaz';}

.acmoba {color: #474747; cursor: pointer; transition: all ese 0.3}
.acmoba:hover {color: #0a6aa1;}


.loadover {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
    -khtml-opacity: 0.40;
    opacity: 0.40;
    background-color: #474747;
    z-index: 999;
}

.loadbox {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    vertical-align: middle;
    text-align: center;
}

.loadmidle {
    top: 35%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    width: 270px;
    background-color: #fff;
    height: auto;
    border-radius: 3px;
    padding: 10px 10px 8px 0;
    box-shadow: #b7babf 0 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.image_loading {
    text-align: center;
    vertical-align: middle;
    /*border-radius: 50px;*/
    /*border: 3px solid #fff;*/
    /*box-shadow: #96aabf 0 0 5px;*/
    float: right;
}
.mce-btn-flat {
    background: #ccc !important;
}

.mce-rtl .mce-btn button {
    color: #474747 !important;
}


#newuplist {direction: rtl}
#newuplist:after {
    content: " "; display: table; clear: both;
}

.up-post-item {
    float: right;
    vertical-align: top;
    width: 32.333%;
    margin: 0 0.5% 10px 0.5%;
    height: 240px;
    position: relative;
}

.up-post-item .up-post-img {
    width: 100%;
    height: auto;
    min-height: 100%;
}

.shadowsgr {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: linear-gradient(0deg, rgba(0,0,0,.7), transparent 70%);
    color: #fff;
}

.shadowsgr:hover {
    background: linear-gradient(0deg, rgba(0,0,0,.9), transparent 90%);
}

.shadowsgr h3 {
    position: absolute;
    text-align: right;
    direction: rtl;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    line-height: 1.5;
    font-size:1.0em;
    font-family: bnaz,bnaz, tahoma, sans-serif;
}

.up-post-item .boxings {
    display: block;
    position: relative;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: all .3s;
    overflow: hidden;
    height: 177px;
}

.up-post-item-auther {
    font-size: .75rem;
    color: #777;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.up-post-item-auther .utitles {
    align-self: center;
}
.up-post-item-auther img {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    margin-left: 10px;
}

@media all and (max-width: 970px){
    .up-post-item { width: 24%}
}

@media all and (max-width: 780px){
    .up-post-item { width: 32.3333%}
}

@media all and (max-width: 520px){
    .up-post-item { width: 49%}
}

@media all and (max-width: 380px){
    .up-post-item { width: 100%; margin-left: 0; margin-right: 0}
}


#header {
    height: 265px;
    background: url("[#ROOT#]images/head_bg.png") top repeat-x;
    min-width: 998px;
}

#headerno {
    height: 265px;
    min-width: 998px;
}

.header {
    height: 262px;
    background: url("[#ROOT#]images/head_bg2.png") top center no-repeat;
    text-align: center;
    min-width: 998px;
}

.headerno {
    height: 262px;
    background: url("[#ROOT#]images/head404.png") top center no-repeat;
    text-align: center;
    min-width: 998px;
}

#topmenu {
    height: 61px;
    display: inline-block;
    background: url("[#ROOT#]images/hmenubg.png") #fff top center repeat-x;
    width: 998px;
    direction: rtl;
    text-align: right;
    border-radius: 0 0 5px 5px;
}

.topmenu {
    float: right;
    width: 720px;
    height: 61px;
}

#tmenu {
    width: 730px;
    height: 61px;
    direction: rtl;
    list-style: none;
    vertical-align: top;
}

#tmenu > li {
    float: right;
    list-style: none;
    height: 61px;
    background: url("[#ROOT#]images/tmsep.png") top left no-repeat;
}

#tmenu > li > a {
    display: block;
    height: 61px;
    font: normal 14px/60px bnaz, 'bnaz';
    color: #a1a1a1;
    padding: 0 16px;
    /*transition: all ease 0.3s;*/
}

#tmenu > li > a h2 {font: normal 14px/60px bnaz, 'bnaz'; padding: 0;}

#tmenu .home_menu {
    width: 64px;
    background: url("[#ROOT#]images/home_icon.png") top right no-repeat;
}

#tmenu .home_menu:hover a {
    background: transparent;
}

#tmenu > li > a:hover {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #cecece 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #cecece 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #cecece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cecece', GradientType=0);
}

#search_box {
    float: left;
    width: 250px;
    height: 61px;
    direction: rtl;
    text-align: left;
    padding-left: 20px;
}

.date_time {
    font: normal 11px/60px tahoma;
    color: #9c9c9c;
    float: left;
    vertical-align: top;
    padding-left: 5px;
}

.search_bx {
    width: 45px;
    float: left;
    height: 61px;
    vertical-align: top;
}

.search_bx .sbtn {
    width: 38px;
    transition: all ease 0.3s;
    height: 38px;
    margin-top: 11px;
    border: 1px solid #dde4e9;
    border-radius: 5px;
    background: url("[#ROOT#]images/search_ico.png") top center no-repeat;
}

.search_bx .sbtn:hover {
    background-color: #48aaee;
    cursor: pointer;
    border-color: #48aaee;
    background-position: bottom center;
}

#body {
    background: url("[#ROOT#]images/body_tpattern.png") top repeat-x;
    text-align: center;
    min-width: 998px;
}

.body {
    display: inline-block;
    width: 998px;
    background: url("[#ROOT#]images/body_shadow.png") top center no-repeat;
    min-height: 200px;
}

.mymain {
    padding-top: 70px;
}

.main_rbx {
    float: right;
    vertical-align: top;
    width: 290px;
}

.about_box {
    border-radius: 5px;
    margin: 0 0 0 20px;
    padding: 5px 15px;
    border: 1px solid #e1e7ea;
    margin-top: 35px;
    box-shadow: #e7e7e7 0 0 5px;
}

.about_box_ar {
    margin-top: -16px;
    height: 15px;
    background: url("[#ROOT#]images/about_ar.png") top center no-repeat;
}

.about_box_tit span {
    display: inline-block;
    padding: 0 5px;
    color: #ce2b6c;
}

.about_box_tit {
    color: #323232;
    padding: 0 25px 0 5px;
    height: 30px;
    margin-top: 14px;
    direction: rtl;
    text-align: right;
    background: url("[#ROOT#]images/tick.png") right center no-repeat;
    font: normal 14px/30px bnaz, 'bnaz';
}

.about_box_bod {
    color: #7b7b7b;
    background: url("[#ROOT#]images/rep_about.png") top center repeat-x;
    padding: 15px 0;
    margin-top: 8px;
    direction: rtl;
    text-align: justify;
    font: normal 14px/22px bnaz, 'bnaz';
}

.right_corner {
    border: 1px solid #e1e7ea;
    margin-left: -1px;
    border-radius: 0 8px 8px 0;
    border-left: 0;
    background-color: #f7f7f7;
    padding: 15px 0;
    text-align: center;
}

.right_corner_bb {
    background-color: #f7f7f7;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-left: -1px;
    margin-top: -1px;
    z-index: 1;
}

.right_corner_b {
    border-radius: 35px 0 0 0;
    background-color: #fff;
    width: 50px;
    height: 35px;
    border: 1px solid #e1e7ea;
    border-right: 0;
    border-bottom: 0;
    position: absolute;
    margin-left: -1px;
    margin-top: -1px;
    z-index: 10;
}

.main_lbx {
    float: left;
    text-align: left;
    border: 1px solid #e1e7ea;
    vertical-align: top;
    width: 708px;
    background: url("[#ROOT#]images/bgmain.png") bottom left no-repeat #f7f7f7;
    height: 475px;
    border-radius: 8px 0 8px 8px;
}

.main_pan {
    position: absolute;
    margin-top: -40px;
}

.main_titlist {
    margin: 25px 0 0 0;
    height: 63px;
    background: url("[#ROOT#]images/main_titlist.png") no-repeat top center;
    color: #323232;
    font: normal 15px/56px bnaz, 'bnaz';
    text-align: center;
}

.main_titlist span {
    color: #0274b3;
}

.main_titlist h3 {font: normal 15px/56px bnaz, 'bnaz'; padding: 0; margin: 0;}

#main_itemlist {
    padding: 5px 70px 10px 50px;
    text-align: right;
    direction: rtl;
}

.mitem_ul {
    list-style: none;
    direction: rtl;
}

.mitem_ul .itm {
    transition: all ease 0.3s;
    width: 50%;
    color: #7b7b7b;
    font: normal 14px/30px bnaz, 'bnaz';
    float: right;
    height: 30px;
    background: url("[#ROOT#]images/item_icon.png") right center no-repeat;
    direction: rtl;
    text-align: right;
    text-indent: 28px;
    margin-bottom: 3px;
}

.mitem_ul .itm h4 {font: normal 14px/30px bnaz, 'bnaz'; padding: 0; margin: 0;}

.mitem_ul .itm:hover {
    text-indent: 40px;
    color: #000;
    cursor: alias
}

.clear {
    clear: both;
}

.othpages {
    padding-top: 10px;
    text-align: right;
    direction: rtl;
}

.breadcrumb {
    height: 30px;
    background: url("[#ROOT#]images/bradcamps.png") right center no-repeat;
    padding-right: 30px;
    font: normal 11px/27px tahoma;
}

.breadcrumb a {
    color: #404040;
}

.breadcrumb a:hover {
    color: #000;
}

.breadcrumb span {
    color: #b9b9b9;
    font-size: 11px;
    display: inline-block;
    padding: 0 5px;
}

.breadcrumb .active, .breadcrumb .active:hover {
    color: #ababab;
}

.tiploc {
    background: url("[#ROOT#]images/brad_sep.png") bottom repeat-x;
    padding-bottom: 10px;
}

#boding2 {
    margin: 60px auto;
    border-radius: 8px;
    border: 1px solid #e1e7ea;
    border-bottom: 5px solid #ce2b6c;
    background: url("[#ROOT#]images/bgmain.png") bottom left no-repeat #fff;
    max-width: 700px;
}

.bd_green {
    border-bottom: 5px solid #63b036 !important;
}

.bd_blue {
    border-bottom: 5px solid #0274b3 !important;
}

.bd_violet {
    border-bottom: 5px solid #4f47a5 !important;
}

.boding {
    background: url("[#ROOT#]images/bodingtit.png") top center repeat-x;
    min-height: 480px;
}

.boding_tit {
    padding: 28px 0 25px 0;
    text-align: center;
    color: #323232;
    direction: rtl;
    font: normal 16px bnaz, 'bnaz';
}

.boding_tit span {
    color: #0274b3;
}

.boding_tit_rep {
    background: url("[#ROOT#]images/rep_about.png") bottom repeat-x;
    height: 10px;
    padding-top: 30px;
    display: inline-block;
    width: 300px;
}