@font-face {
    font-family: "sigmanazanin";
    font-display: swap;
    src: url(../fonts/BNazanin.eot);
    src: url(../fonts/BNazanind41d.eot?#iefix) format("embedded-opentype"), url(../fonts/BNazanin.woff) format("woff"), url(../fonts/BNazanin.ttf) format("truetype");
    font-weight: 400
}

@font-face {
    font-family: "droid";
    font-display: swap;
    src: url(../fonts/bbc-nassim-regular.eot);
    src: url(../fonts/bbc-nassim-regulard41d.eot?#iefix) format("embedded-opentype"), url(../fonts/bbc-nassim-regular.woff) format("woff"), url(../fonts/bbc-nassim-regular.ttf) format("truetype"), url(../fonts/bbc-nassim-regular.svg#bbc-nassim-regular) format("svg");
    font-weight: 400
}

:focus {
    outline: 0
}

.shadow {
    -webkit-box-shadow: 0 2px 11px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 11px 1px rgba(0, 0, 0, .3);
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(Color=#f0f0f0, Strength=5, Direction=90), progid:DXImageTransform.Microsoft.Shadow(Color=#f0f0f0, Strength=5, Direction=270)
}

body {
    line-height: 1;
    color: #000;
    background: #fff
}

ol, ul {
    list-style: none
}

table {
    border-collapse: separate;
    border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ""
}

blockquote, q {
    quotes: "" ""
}

strong {
    font-weight: 700
}

.fixer {
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

a.More {
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma;
    color: #387cf7
}

body {
    background: url(../img/sprites.png) repeat top right #f1f1f1;
    overflow: auto
}

.fl-right {
    float: right
}

.fl-left {
    float: left
}

.shortcut {
    height: 38px;
    background: #368ee0;
    border-bottom: 2px solid #515254
}

.shrt-menu li {
    width: auto !important;
    font-size: 0 !important
}

.shrt-menu li:hover {
    transform: rotate(11deg);
    -webkit-transform: rotate(11deg);
    -moz-transform: rotate(11deg);
    -o-transform: rotate(11deg);
    -ms-transform: rotate(11deg)
}

.shrt-menu li a {
    font-size: 0 !important;
    width: 41px;
    height: 30px;
    color: #368ee0
}

.middle-wrap {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    height: 40px
}

.date-time {
    float: right;
    color: #fff;
    margin-right: 50px;
    background: url(../img/date-bg.png) no-repeat center right;
    padding-right: 30px;
    margin-top: -7px
}

.date-time span {
    font-family: sigmanazanin !important;
    font-size: 14px
}

span.DateCaption {
    background: url(../img/date-border.png) no-repeat 0 4px;
    padding-left: 10px;
    line-height: 55px
}

.shrt-menu {
    float: left;
    margin-left: 25px;
    margin-top: 5px
}

.shrt-menu .SiPo-Menu ul li a {
    width: 24px;
    background: url(../img/header-icons.png) no-repeat;
    margin: 0 6px
}

.shrt-menu .SiPo-Menu ul li a.contact-header {
    background-position: -74px 0;
    width: 30px
}

.shrt-menu .SiPo-Menu ul li a.home-header {
    background-position: -50px 0;
    width: 24px
}

.shrt-menu .SiPo-Menu ul li a.map-header {
    background-position: -24px 0;
    width: 24px
}

.main-box {
    width: 1000px;
    margin: 0 auto;
    margin-top: 16px
}

.main-box .container:first-child {
    box-shadow: 0 8px 8px 0 #333333ad;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px
}

.container {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    text-align: right;
    margin-top: 10px
}

.box-shadow-bg {
    width: 100%
}

.box-container {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding-top: 1px
}

#Header {
    width: 100%;
    height: 144px;
    padding-top: 6px;
    margin: 0 auto;
    position: relative;
    text-align: center
}

div.banner {
    position: absolute;
    top: 4px;
    left: -1px;
    width: 100%
}

#Header div.banner table.GENERALTEXT {
    width: 100%
}

#Header div.banner table.GENERALTEXT table.List {
    margin: 0
}

#Header div.banner table.GENERALTEXT table.List img {
    width: 100%
}

div.banner-content {
    position: absolute;
    left: -3px;
    top: 3px
}

@media screen and (-moz-images-in-menus: 0) {
    div.banner-content {
        top: 3px
    }
}

div.headerName {
    width: 730px;
    position: relative;
    top: 50px;
    right: 160px
}

div.headerName td.ListPicture {
    display: none !important
}

div.headerName div.Summary div.HeaderTitle p {
    font-family: droid !important;
    font-size: 30px;
    font-weight: 700;
    color: #387cf7
}

div.login {
    width: 38px;
    display: block;
    height: 36px;
    background: url(../img/loginIcon.png) no-repeat center center;
    position: relative;
    top: 113px;
    left: 20px;
    display: none
}

div.login a img {
    display: none !important
}

div.login a.LoginLink {
    font-size: 0;
    width: 38px;
    height: 30px;
    display: block
}

div#TopBar {
    width: 99.99%;
    height: 37px;
    background: url(../img/top-menu-bg.png) repeat-x bottom
}

div.topMenu {
    width: 704px;
    height: 100%;
    margin-top: 1px
}

#COID-19 .fl-right.topMenu {
    width: 100%
}

#COID-19 .fl-right.topMenu img, #COID-19 .fl-right.topMenu table {
    width: 100%
}

.searchBar {
    width: 180px;
    height: 100%;
    background: url(../img/srch.png) no-repeat center right
}

.searchBar .SearchText {
    width: 135px;
    margin-right: 5px;
    margin-top: 5px;
    border: none !important;
    background: none !important;
    color: #000 !important;
    font-size: 12px !important
}

.SearchButton {
    margin-top: 13px;
    margin-right: 15px;
    background-image: none !important
}

#SearchLink {
    display: block;
    width: 45px;
    height: 29px
}

#TopMidBar {
    width: 100%;
    height: 300px;
    background: #fff
}

.rightTabMenu {
    width: 370px;
    overflow: hidden
}

.slider {
    height: 266px
}

#CenterMidBar {
    width: 96%;
    height: auto;
    min-height: 191px;
    margin: 0 auto;
    position: relative;
    margin-bottom: -3px;
    background: #fff;
    margin-top: 30px;
    border: 1px solid #ccc;
    border-top: none;
    -moz-box-shadow: inset 0 11px 14px #dedede;
    -webkit-box-shadow: inset 0 11px 14px #dedede;
    box-shadow: inset 0 11px 14px #dedede;
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px
}

#BotMidBar {
    width: 99.99%;
    height: auto;
    background: #505153 !important;
    border-top: 2px solid #368ee0;
    margin-top: -47px;
    float: right;
    padding-top: 60px;
    overflow: hidden
}

.quickLinks {
    width: 708px;
    float: right;
    padding-right: 30px;
    padding-top: 10px
}

.l-links {
    float: left;
    width: 240px
}

.flink-border {
    width: 200px;
    float: right;
    min-height: 93px;
    margin-left: 35px
}

.flink-title {
    color: #fff;
    font-family: droid !important;
    background: url(../img/links-border.jpg) no-repeat;
    width: 198px;
    height: 23px;
    text-indent: 25px;
    line-height: 23px;
    font-size: 14px
}

.slideShow {
    background: #505153
}

#Footer {
    height: auto;
    margin-top: -25px
}

#Footer p {
    color: #000;
    font-family: sigmanazanin !important;
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0
}

#Footer table {
    width: 100% !important
}

#Footer td.ListPicture {
    display: none !important
}

#Footer div {
    color: #919090;
    padding-bottom: 2px
}

#Footer td.ListContent {
    text-align: center
}

.CenterBar {
    width: 100%;
    height: auto;
    background: #fff
}

div.topMenu .Menu {
    margin-right: 30px
}

div.topMenu ul li a {
    text-decoration: none;
    color: #f5f5f5;
    text-align: center !important;
    font-family: droid !important;
    font-size: 16px !important
}

.topMenu .imsubc li {
    width: auto !important
}

.topMenu .imsubc li a {
    background: url(../img/top-menu-bg.png) repeat-x bottom !important;
    width: auto !important;
    font-size: 13px !important;
    display: block;
    height: 100%;
    white-space: nowrap;
    min-width: 165px
}

div.topMenu div.imcm ul div.imsc, div.imcm ul div.imsubc {
    z-index: 200 !important
}

div.topMenu ul div.imsubc {
    left: -105px !important
}

div.topMenu div.imsubc div.imsubc {
    width: auto !important;
    left: -199px !important
}

div.topMenu div.imsubc div.imsubc div.imsubc div.imsubc {
    left: -220px !important
}

div.topMenu div.imsc {
    top: 0 !important
}

div.topMenu li {
    width: auto !important
}

div.topMenu li a {
    font-size: 16px !important;
    width: auto !important;
    padding: 10px 17px;
    text-align: right;
    text-shadow: 1px 1px 1px #4a4a4a;
    color: #fff;
    font-family: droid !important;
    background: none !important;
    text-decoration: none
}

div.topMenu li a:hover {
    background: #525355 !important
}

div.topMenu li a.cdd0_main_items_rollover, div.topMenu li a.iactive {
    background: #525355 !important
}

.top-menu-trigger:hover, .top-menu-trigger:active {
    background: #f2f2f2 url(../img/top-menu-item-hover-bg.png) no-repeat scroll -1px 0;
    color: #1e170f;
    z-index: 999
}

.top-menu-sub-menu {
    behavior: url(../theme/PNU-NEW/pie/PIE.html);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomleft: 10px;
    -khtml-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background: #f2f2f2 url(../images/top-menu-sub-menu-bg.html) repeat-x scroll left bottom;
    position: absolute;
    top: 34px;
    right: 0;
    min-height: 200px;
    min-width: 200px;
    z-index: 998;
    border: 1px solid #787878;
    display: none
}

.top-menu-ph:hover {
    background: url(../img/top-menu-item-hover-bg.png) no-repeat scroll -1px 0;
    color: #1e170f
}

.top-menu-ph:hover > div {
    display: block
}

.top-menu-sub-menu-none-border {
    position: absolute;
    top: -1px;
    right: 0;
    width: 100px;
    height: 2px
}

.top-menu-ph {
    margin: 5px 8px 0 7px;
    position: relative;
    width: 100px;
    height: 30px;
    float: right;
    color: #fff;
    z-index: 2000 !important
}

.top-menu-trigger {
    text-shadow: 1px 1px 1px #4a4a4a;
    position: relative;
    font-family: droid !important;
    font-size: 16px;
    width: 100px;
    line-height: 27px;
    text-align: center;
    z-index: 200000 !important
}

.top-menu-trigger:hover, .top-menu-trigger:active {
    text-shadow: 1px 1px 1px #fff;
    color: #1e170f;
    z-index: 999
}

.top-menu-sub-menu {
    behavior: url(../theme/PNU-NEW/pie/PIE.html);
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    -khtml-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomleft: 10px;
    -khtml-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-topleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    background: #f2f2f2 url(../img/top-menu-sub-menu-bg.png) repeat-x scroll left bottom;
    position: absolute;
    top: 26px;
    right: 0;
    min-height: 200px;
    min-width: 200px;
    z-index: 1100;
    border: 1px solid #787878;
    display: none;
    z-index: 90000000000 !important;
    padding: 0 5px 0 15px
}

.top-menu-ph:hover {
    background: url(../img/top-menu-item-hover-bg.png) no-repeat scroll -1px 0;
    z-index: 2000 !important
}

.top-menu-ph:hover > div {
    display: block;
    z-index: 2000 !important
}

.top-menu-ph:hover > div {
    display: block
}

.top-menu-sub-menu p {
    margin: 0;
    padding: 0
}

.topMenu a:link, .topMenu a:visited, .topMenu a:hover, .topMenu a:active {
    text-decoration: none;
    color: #000
}

.topMenu a:hover, .topMenu a:active {
    text-decoration: none;
    color: #0d54f1
}

.topMenu .top-menu-sub-menu .Summary a, .topMenu .top-menu-sub-menu .Summary span, .topMenu .top-menu-sub-menu .Summary p {
    line-height: 150%;
    font-family: Tahoma;
    font-size: 12px
}

.topMenu .top-menu-sub-menu .Summary td > div {
    min-height: 205px
}

.topMenu .top-menu-sub-menu .Summary p.expect {
    heigth: 18px !important
}

.TabbedPanels {
    direction: rtl;
    margin: 0;
    padding: 0;
    width: 315px;
    margin-right: 28px
}

.TabbedPanels > ul {
    height: 40px;
    padding: 11px 0 0;
    width: 315px
}

.TabbedPanels > ul li {
    display: block;
    height: 31px;
    line-height: 24px;
    padding: 0 5px;
    font-size: 10px;
    text-align: center;
    float: right;
    background: #efebeb;
    margin-right: 2px;
    color: #777;
    font-size: 15px;
    font-family: droid !important;
    font-weight: 700;
    padding-top: 7px
}

.TabbedPanelsTabGroup {
    direction: rtl;
    margin: 0;
    padding: 0;
    width: 304px
}

.Tab1 {
    background-image: url(../images/btn-1-up.html);
    background-repeat: no-repeat;
    float: right;
    font-family: tahoma;
    font-size: 10px;
    height: 30px;
    list-style: none outside none;
    padding-top: 4px;
    text-align: center;
    width: 60px
}

.TabbedPanelsTabSelected.Tab1 {
    background-image: url(../images/btn-1-down.html);
    background-repeat: no-repeat;
    border-bottom: medium none;
    float: right;
    font-family: droid !important;
    font-size: 15px;
    color: #fff;
    height: 33px;
    list-style: none outside none;
    text-align: center;
    width: 75px;
    background: #505153 !important;
    margin-top: -2px;
    padding-top: 9px;
    border: none !important
}

.TabbedPanelsTabSelected {
    border: 1px solid #ccc;
    border-bottom: none;
    background: #fff
}

li.Tab1:hover {
    cursor: pointer
}

.TabbedPanelsTab a {
    color: #000;
    text-decoration: none
}

.TabbedPanelsContentGroup {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    clear: both;
    height: auto;
    min-heigt: 300px;
    width: 315px
}

.TabbedPanelsContent {
    clear: both;
    height: auto;
    overflow: hidden;
    width: 315px
}

.TabbedPanelsContentVisible {
    width: 304px
}

.VTabbedPanels {
    overflow: hidden
}

.VTabbedPanels .TabbedPanelsTabGroup {
    background-color: red;
    border-color: #999 #999 #ccc red;
    border-style: solid;
    border-width: 1px;
    float: left;
    height: 20em;
    position: relative;
    width: 10em
}

.VTabbedPanels .TabbedPanelsTab {
    border-left: medium none;
    border-right: medium none;
    border-top: medium none;
    float: none;
    margin: 0
}

.VTabbedPanels .TabbedPanelsTabSelected {
    background-color: red;
    border-bottom: 1px solid #999
}

.VTabbedPanels .TabbedPanelsContentGroup {
    background-color: red;
    clear: none;
    float: left;
    height: 20em;
    padding: 0;
    width: 30em
}

#MidBar-internal, #MidBar-home-internal {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 10px
}

div.rightTab-news-row-texts p.rightTab-news-title {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0
}

div.TabbedPanelsContent a.More {
    position: absolute;
    float: left;
    top: 197px;
    left: 0
}

div.TabbedPanelsContent {
    position: relative;
    height: 210px
}

#panes1 .dynamic-tabs-pane {
    height: 220px
}

div.dynamic-tabs-pane {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: auto
}

div.dynamic-tabs-pane a.More {
    position: absolute;
    float: left;
    bottom: 3px;
    left: 55px
}

div#MidBar-internal a.More {
    float: left;
    margin-left: 20px
}

table.PrintControl a {
    line-height: 1 !important
}

div#panes1 > a {
    position: relative;
    left: 13px;
    bottom: 26px;
    float: left
}

div#panes1 > a > img {
    visibility: hidden !important
}

.fluidHeight {
    border-radius: 50px;
    box-shadow: 0 10px 10px -7px #000;
    margin-left: 30px;
    margin-top: 10px;
    width: 560px
}

div.img-box {
    border: 1px solid #c5c5c5 !important;
    border-radius: 5px;
    box-shadow: 0 0 5px -3px #000;
    float: right;
    height: 59px;
    margin-left: 5px;
    margin-top: 5px;
    padding: 5px;
    width: 89px
}

#panelLink + table {
    overflow: hidden
}

.bot-shadow {
    width: 98%;
    height: 10px;
    margin: 0 auto;
    margin-top: -15px;
    -moz-box-shadow: 0 8px 17px #949294;
    -webkit-box-shadow: 0 8px 17px #949294;
    box-shadow: 0 8px 17px #949294;
    margin-bottom: 35px
}

.internal {
    text-align: right;
    padding: 10px;
    min-height: 100px
}

#MidBar {
    margin-bottom: 40px;
    position: relative
}

#MidBar + div {
    padding-top: 20px
}

.topMenu li:hover > div > .imsubc {
    visibility: visible !important
}

a.link-row-a img {
    width: 210px;
    height: 49px;
    display: block
}

div.website-box {
    width: 210px
}

div.title-box-links {
    border-top: 1px solid #c4c5c7;
    height: 60px;
    padding-top: 10px !important
}

div.website-box div:first-child {
    border-top: none !important
}

.internal .dynamic-tabs {
    display: none
}

@media screen\0 {
    .searchBar .SearchText {
        margin-top: 8px
    }
}

a.PageNumber, .CurrentPage {
    background: none repeat scroll 0 0 #fafafa;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: block;
    padding: 0 5px;
    text-align: right;
    margin: 2px;
    text-decoration: none;
    color: #222
}

.div_PanelSearch .SearchArchiveTitle span {
    background: #003;
    color: #fff;
    display: block;
    margin: 10px;
    text-align: center;
    width: 98%
}

.div_PanelSearch .SearchDataList_Picturediv {
    float: right;
    margin-right: 20px;
    width: 39%
}

.div_PanelSearch .divSearch_BodyGrid {
    border-top: 1px solid #aaa;
    float: right;
    margin-right: 12px;
    position: relative;
    width: 100%
}

.div_PanelSearch .divSearch_ImgGrid {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
    width: 8%
}

.div_PanelSearch .divSearch_DataInGrid {
    float: right;
    margin-bottom: 23px;
    width: 90%
}

.div_PanelSearch .SearchSummary {
    font-size: 13px
}

.div_PanelSearch .SearchDate {
    color: #999;
    font-size: 12px
}

.div_PanelSearch .divSearch_DataInGrid a {
    text-decoration: none;
    font-size: 13px
}

.div_PanelSearch .SearchLink {
    color: #003;
    font-size: 12px;
    margin: 10px;
    text-decoration: none;
    float: left
}

.div_PanelSearch .SearchAllTotalFound {
    color: #003;
    font-size: 12px;
    margin: 10px;
    text-decoration: none
}

.div_PanelSearch .GridPagingStyle {
    text-align: center
}

.lang-menu {
    width: 95px;
    float: right
}

.lang-menu li a {
    text-decoration: none;
    font-family: droid !important;
    color: #fff;
    text-shadow: 1px 1px 1px #4a4a4a;
    line-height: 35px
}

.lang-menu li {
    float: right;
    height: 37px
}

.lang-menu .en a {
    font-family: Calibri !important
}

.lang-menu li a:hover {
    color: #003;
    text-shadow: 1px 1px 1px #f5f5f5
}

.sentTo {
    z-index: -1
}

#one-tabs {
    direction: rtl;
    margin: 0;
    padding: 0;
    width: 350px;
    margin-right: 28px
}

.center-part #one-tabs {
    width: 350px
}

.item-more a.More {
    font-size: 12px;
    color: #3a6fa5;
    text-decoration: none;
    float: left;
    padding-left: 10px;
    padding-bottom: 6px
}

.item-rss {
    font-size: 12px;
    color: #3a6fa5;
    text-decoration: none;
    float: left;
    padding-left: 10px;
    padding-bottom: 6px
}

#one-tabs #tabs-butt1 ul li a {
    display: block;
    height: 23px;
    line-height: 25px;
    text-align: center;
    float: right;
    margin: auto;
    color: #505153;
    position: relative;
    font-size: 15px;
    font-family: droid !important;
    font-weight: 700;
    padding: 0;
    width: 100%
}

#one-tabs #tabs-butt1 ul li {
    float: right;
    display: block;
    position: relative;
    cursor: pointer;
    height: 26px
}

#one-tabs #tabs-butt1 ul li.current {
    border-bottom: none;
    background: #fff
}

#one-tabs #tabs-butt1 {
    height: 50px;
    background: #fff;
    overflow: hidden
}

#one-tabs #tabs-butt1 ul li.current a {
    display: inline;
    color: #fff !important
}

.dynamic-tabs-pane {
    display: none
}

#one-tabs #tabs-butt1 ul li a.tab-before, #one-tabs #tabs-butt1 ul li a.tab-after {
    padding: 0
}

#tabs-butt1 > ul {
    height: 40px;
    padding: 11px 0;
    width: 100%;
    margin-right: 2px !important
}

#panes1 .ListPicture {
    width: 0 !important;
    height: 0 !important
}

#panes1 .dynamic-tabs {
    display: none
}

#one-tabs #tabs-butt2 ul li.current a {
    background: url(images/bottom-first-tab-center-active.html) repeat-x scroll center bottom transparent;
    display: block
}

#panes1 {
    background: none repeat scroll 0 0 transparent !important;
    border: medium none !important;
    clear: both;
    height: auto;
    min-height: 215px;
    width: 350px
}

#one-tabs #tabs-butt1 ul li:first-child {
    margin-right: 0
}

#one-tabs #tabs-butt1 ul li.current {
    color: #fff;
    height: 32px;
    background: #505153 !important;
    margin-top: -2px;
    padding-top: 9px;
    border: none !important
}

#one-tabs #tabs-butt1 ul li {
    display: block;
    height: 31px;
    line-height: 24px;
    padding: 0 4px;
    text-align: center;
    float: right;
    background: #efebeb;
    margin-right: 2px;
    color: #777;
    font-size: 15px;
    font-family: droid !important;
    font-weight: 700;
    padding-top: 7px;
    margin-right: 17px;
    width: 75px
}

#one-tabs .tab-before, #one-tabs .tab-after {
    display: none !important
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.Wrapper {
    display: inline-block
}

.Wrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .Wrapper {
    height: 1%
}

.Wrapper {
    display: block
}

.hide, .Hide {
    display: none
}

.clear {
    width: 100%;
    height: 1px;
    clear: both;
    display: block;
    overflow: hidden
}

p {
    margin: 5px 0
}

.debug {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 100px;
    background: #fff;
    border: 1px solid #000;
    z-index: 20;
    display: none
}

.default-slider-container {
    position: relative;
    top: 0;
    left: 0;
    width: 942px;
    height: 200px
}

.default-slider-container .goToBlock {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 200px
}

.default-slider-container .goToBlock .go {
    width: 36px;
    height: 36px;
    background: #aaa;
    margin: 0 0 5px;
    cursor: pointer
}

.default-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.default-slider .next {
    position: absolute;
    top: 79px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: 1px dotted #ddd;
    background: #000
}

.default-slider .prev {
    position: absolute;
    top: 79px;
    left: 10px;
    width: 40px;
    height: 40px;
    border: 1px dotted #ddd;
    background: #000
}

.default-slider .slider {
    width: 100%;
    height: 100%
}

.default-slider .slider .item {
    float: left;
    width: 900px;
    height: 100%
}

.default-slider .slider #item1 {
    background: #666
}

.default-slider .slider #item2 {
    background: #999
}

.default-slider .slider #item3 {
    background: #aaa
}

.default-slider .slider #item4 {
    background: #ddd
}

.default-slider .slider #item5 {
    background: #777
}

.snap-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.snap-slider .slider {
    height: 100%
}

.snap-slider .slider .item {
    width: 900px;
    height: 100%
}

.snap-slider .slider #item1 {
    background: #666
}

.snap-slider .slider #item2 {
    background: #999
}

.snap-slider .slider #item3 {
    background: #aaa
}

.snap-slider .slider #item4 {
    background: #ddd
}

.snap-slider .slider #item5 {
    background: #777
}

.responsive-container {
    width: 900px;
    height: 200px
}

.infinite-slider {
    position: relative;
    overflow: hidden;
    width: 1200px;
    height: 300px
}

.infinite-slider .slider {
    height: 100%
}

.infinite-slider .slider .item {
    width: 900px;
    height: 100%
}

.infinite-slider .slider #item1 {
    background: #666
}

.infinite-slider .slider #item2 {
    background: #999
}

.infinite-slider .slider #item3 {
    background: #aaa
}

.infinite-slider .slider #item4 {
    background: #ddd
}

.infinite-slider .slider #item5 {
    background: #777
}

.responsive-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.responsive-slider .slider {
    height: 100%
}

.responsive-slider .slider .item {
    width: 900px;
    height: 100%
}

.responsive-slider .slider #item1 {
    background: #666
}

.responsive-slider .slider #item2 {
    background: #999
}

.responsive-slider .slider #item3 {
    background: #aaa
}

.responsive-slider .slider #item4 {
    background: #ddd
}

.responsive-slider .slider #item5 {
    background: #777
}

.responsive-slider-2 {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.responsive-slider-2 .slider {
    height: 100%
}

.responsive-slider-2 .slider .item {
    width: 1400px;
    height: 100%
}

.responsive-slider-2 .slider #item1 {
    background: #666
}

.responsive-slider-2 .slider #item2 {
    background: #999
}

.responsive-slider-2 .slider #item3 {
    background: #aaa
}

.responsive-slider-2 .slider #item4 {
    background: #ddd
}

.responsive-slider-2 .slider #item5 {
    background: #777
}

.autoslide-slider1, .autoslide-slider2, .autoslide-slider3 {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.autoslide-slider1 .slider, .autoslide-slider2 .slider, .autoslide-slider3 .slider {
    height: 100%
}

.autoslide-slider1 .slider .item, .autoslide-slider2 .slider .item, .autoslide-slider3 .slider .item {
    width: 900px;
    height: 100%
}

.autoslide-slider1 .slider .item .linkBlock, .autoslide-slider2 .slider .item .linkBlock {
    float: left;
    width: 300px;
    height: 198px;
    border: 1px dotted #ddd;
    background: #000;
    cursor: pointer
}

.autoslide-slider1 .slider #item1, .autoslide-slider2 .slider #item1, .autoslide-slider3 .slider #item1 {
    background: #666
}

.autoslide-slider1 .slider #item2, .autoslide-slider2 .slider #item2, .autoslide-slider3 .slider #item2 {
    background: #999
}

.autoslide-slider1 .slider #item3, .autoslide-slider2 .slider #item3, .autoslide-slider3 .slider #item3 {
    background: #aaa
}

.autoslide-slider1 .slider #item4, .autoslide-slider2 .slider #item4, .autoslide-slider3 .slider #item4 {
    background: #ddd
}

.autoslide-slider1 .slider #item5, .autoslide-slider2 .slider #item5, .autoslide-slider3 .slider #item5 {
    background: #777
}

.autoslide-slider2-container {
    position: relative;
    top: 0;
    left: 0;
    width: 942px;
    height: 200px
}

.autoslide-slider2-container .goToBlock {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 200px
}

.autoslide-slider2-container .goToBlock .go {
    width: 36px;
    height: 36px;
    background: #aaa;
    margin: 0 0 5px;
    cursor: pointer
}

.autoslide-slider2 .next, .autoslide-slider3 .next {
    position: absolute;
    top: 79px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: 1px dotted #ddd;
    background: #000
}

.autoslide-slider2 .prev, .autoslide-slider3 .prev {
    position: absolute;
    top: 79px;
    left: 10px;
    width: 40px;
    height: 40px;
    border: 1px dotted #ddd;
    background: #000
}

.variable-width-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.variable-width-slider .slider {
    height: 100%
}

.variable-width-slider .slider .item {
    height: 100%
}

.variable-width-slider .slider #item1 {
    width: 500px;
    background: #666
}

.variable-width-slider .slider #item2 {
    width: 400px;
    background: #999
}

.variable-width-slider .slider #item3 {
    width: 500px;
    background: #aaa
}

.variable-width-slider .slider #item4 {
    width: 400px;
    background: #ddd
}

.variable-width-slider .slider #item5 {
    width: 600px;
    background: #666
}

.short-width-slider, .short-width-slider-3 {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.short-width-slider-2 {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.short-width-slider .slider, .short-width-slider-2 .slider, .short-width-slider-3 .slider {
    height: 100%
}

.short-width-slider .slider .item {
    width: 250px;
    height: 100%
}

.short-width-slider-2 .slider .item {
    width: 300px;
    height: 100%
}

.short-width-slider-3 .slider .item {
    width: 33.333%;
    height: 100%
}

.short-width-slider .slider #item1, .short-width-slider-2 .slider #item1, .short-width-slider-3 .slider #item1 {
    background: #666
}

.short-width-slider .slider #item2, .short-width-slider-2 .slider #item2, .short-width-slider-3 .slider #item2 {
    background: #999
}

.short-width-slider .slider #item3, .short-width-slider-2 .slider #item3, .short-width-slider-3 .slider #item3 {
    background: #aaa
}

.short-width-slider .slider #item4, .short-width-slider-2 .slider #item4, .short-width-slider-3 .slider #item4 {
    background: #ddd
}

.short-width-slider .slider #item5, .short-width-slider-2 .slider #item5, .short-width-slider-3 .slider #item5 {
    background: #777
}

.short-width-slider-2 .next {
    position: absolute;
    top: 79px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: 1px dotted #ddd;
    background: #000
}

.short-width-slider-2 .prev {
    position: absolute;
    top: 79px;
    left: 10px;
    width: 40px;
    height: 40px;
    border: 1px dotted #ddd;
    background: #000
}

.destroy-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.destroy-slider .slider .item .linkBlock {
    float: left;
    width: 300px;
    height: 198px;
    border: 1px dotted #ddd;
    background: #000;
    cursor: pointer
}

.destroy-slider .slider {
    height: 100%
}

.destroy-slider .slider .item {
    width: 900px;
    height: 100%
}

.destroy-slider .slider #item1 {
    background: #666
}

.destroy-slider .slider #item2 {
    background: #999
}

.destroy-slider .slider #item3 {
    background: #aaa
}

.destroy-slider .slider #item4 {
    background: #ddd
}

.destroy-slider .slider #item5 {
    background: #777
}

.destroy-slider-container {
    position: relative;
    top: 0;
    left: 0;
    width: 984px;
    height: 200px
}

.destroy-slider-container .goToBlock {
    position: absolute;
    top: 0;
    right: 42px;
    width: 36px;
    height: 200px
}

.destroy-slider-container .goToBlock .go {
    width: 36px;
    height: 36px;
    background: #aaa;
    margin: 0 0 5px;
    cursor: pointer
}

.destroy-slider-container .destInitBlock {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 200px
}

.destroy-slider-container .destInitBlock .dest, .destroy-slider-container .destInitBlock .init {
    width: 36px;
    height: 36px;
    background: #aaa;
    margin: 0 0 5px;
    cursor: pointer
}

.destroy-slider .next {
    position: absolute;
    top: 79px;
    right: 10px;
    width: 40px;
    height: 40px;
    border: 1px dotted #ddd;
    background: #000
}

.destroy-slider .prev {
    position: absolute;
    top: 79px;
    left: 10px;
    width: 40px;
    height: 40px;
    border: 1px dotted #ddd;
    background: #000
}

.callback-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.callback-slider .slider .item .linkBlock {
    float: left;
    width: 300px;
    height: 198px;
    border: 1px dotted #ddd;
    background: #000;
    cursor: pointer
}

.callback-slider .slider {
    height: 100%
}

.callback-slider .slider .item {
    width: 900px;
    height: 100%
}

.callback-slider .slider #item1 {
    background: #666
}

.callback-slider .slider #item2 {
    background: #999
}

.callback-slider .slider #item3 {
    background: #aaa
}

.callback-slider .slider #item4 {
    background: #ddd
}

.callback-slider .slider #item5 {
    background: #777
}

.callback-slider .paging {
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 200px;
    height: 10px
}

.callback-slider .paging .box {
    background: #333;
    border: 1px solid #000;
    opacity: .5;
    width: 10px;
    height: 10px;
    float: left;
    margin: 0 10px 0 0
}

.callback-slider .paging .selected {
    opacity: 1
}

.callback-slider-container {
    position: relative;
    top: 0;
    left: 0;
    width: 984px;
    height: 200px
}

.callback-slider-container .goToBlock {
    position: absolute;
    top: 0;
    right: 42px;
    width: 36px;
    height: 200px
}

.callback-slider-container .goToBlock .go {
    width: 36px;
    height: 36px;
    background: #aaa;
    margin: 0 0 5px;
    cursor: pointer
}

.callback-slider-container .destInitBlock {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 200px
}

.callback-slider-container .destInitBlock .dest, .callback-slider-container .destInitBlock .init, .callback-slider-container .destInitBlock .update {
    width: 36px;
    height: 36px;
    background: #aaa;
    margin: 0 0 5px;
    cursor: pointer
}

.full-width-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px
}

.full-width-slider .slider {
    height: 100%
}

.full-width-slider .slider .item {
    width: 100%;
    height: 100%
}

.full-width-slider .slider #item1 {
    background: #666
}

.full-width-slider .slider #item2 {
    background: #999
}

.full-width-slider .slider #item3 {
    background: #aaa
}

.full-width-slider .slider #item4 {
    background: #ddd
}

.full-width-slider .slider #item5 {
    background: #777
}

.form-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.form-slider .slider {
    height: 100%
}

.form-slider .slider .item {
    width: 100%;
    height: 100%
}

.form-slider .slider #item1 {
    background: #666
}

.form-slider .slider #item2 {
    background: #999
}

.form-slider .slider #item3 {
    background: #aaa
}

.form-slider .slider #item4 {
    background: #ddd
}

.form-slider .slider #item5 {
    background: #777
}

.media-query-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

@media screen and (max-width: 900px) {
    .media-query-slider {
        width: 600px
    }
}

.media-query-slider .slider {
    height: 100%
}

.media-query-slider .slider .item {
    width: 100%;
    height: 100%
}

.media-query-slider .slider #item1 {
    background: #666
}

.media-query-slider .slider #item2 {
    background: #999
}

.media-query-slider .slider #item3 {
    background: #aaa
}

.media-query-slider .slider #item4 {
    background: #ddd
}

.media-query-slider .slider #item5 {
    background: #777
}

.thirty-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.thirty-slider .slider {
    height: 100%
}

.thirty-slider .slider .item {
    width: 100%;
    height: 100%
}

.thirty-slider .slider .item1 {
    background: #666
}

.thirty-slider .slider .item2 {
    background: #999
}

.thirty-slider .slider .item3 {
    background: #aaa
}

.thirty-slider .slider .item4 {
    background: #ddd
}

.thirty-slider .slider .item5 {
    background: #999
}

.undefined-height-slider {
    position: relative;
    overflow: hidden;
    width: 900px
}

.undefined-height-slider .slider {
    height: 100%
}

.undefined-height-slider .slider .item {
    padding: 10px 20px
}

.undefined-height-slider .slider #item1 {
    background: #666
}

.undefined-height-slider .slider #item2 {
    background: #999
}

.undefined-height-slider .slider #item3 {
    background: #aaa
}

.undefined-height-slider .slider #item4 {
    background: #ddd
}

.undefined-height-slider .slider #item5 {
    background: #777
}

.bind-event-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.bind-event-slider .slider .item .linkBlock {
    float: left;
    width: 300px;
    height: 198px;
    border: 1px dotted #ddd;
    background: #000;
    cursor: pointer
}

.bind-event-slider .slider {
    height: 100%
}

.bind-event-slider .slider .item {
    width: 100%;
    height: 100%
}

.bind-event-slider .slider #item1 {
    background: #666
}

.bind-event-slider .slider #item2 {
    background: #999
}

.bind-event-slider .slider #item3 {
    background: #aaa
}

.bind-event-slider .slider #item4 {
    background: #ddd
}

.bind-event-slider .slider #item5 {
    background: #999
}

.image-drag-slider {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.image-drag-slider .slider {
    width: 100%;
    height: 100%
}

.image-drag-slider .slider .slide {
    width: 900px;
    height: 100%
}

.image-drag-slider .slider #item1 {
    background: #666
}

.image-drag-slider .slider #item2 {
    background: #999
}

.image-drag-slider .slider #item3 {
    background: #aaa
}

.image-drag-slider .slider #item4 {
    background: #ddd
}

.image-drag-slider .slider #item5 {
    background: #999
}

.add-remove-slide-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.add-remove-slide-slider .slider {
    height: 100%
}

.add-remove-slide-slider .slider .item {
    width: 900px;
    height: 100%
}

.add-remove-slide-slider .slider .item1 {
    background: #666
}

.add-remove-slide-slider .slider .item2 {
    background: #999
}

.add-remove-slide-slider .slider .item3 {
    background: #aaa
}

.add-remove-slide-slider .slider .item4 {
    background: #ddd
}

.add-remove-slide-slider .slider .item5 {
    background: #999
}

.add-remove-slide-slider .slider .item6 {
    background: #000
}

.add-remove-slide-slider-container {
    position: relative;
    top: 0;
    left: 0;
    width: 984px;
    height: 200px
}

.add-remove-slide-slider-container .destInitBlock {
    position: absolute;
    top: 0;
    right: 42px;
    width: 36px;
    height: 200px
}

.add-remove-slide-slider-container .destInitBlock .add, .add-remove-slide-slider-container .destInitBlock .rem {
    width: 36px;
    height: 36px;
    background: #aaa;
    margin: 0 0 5px;
    cursor: pointer
}

.drag-scrollbar-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.drag-scrollbar-slider-2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px
}

.drag-scrollbar-slider .slider, .drag-scrollbar-slider-2 .slider {
    height: 100%
}

.drag-scrollbar-slider .slider .item, .drag-scrollbar-slider-2 .slider .item {
    width: 900px;
    height: 100%
}

.drag-scrollbar-slider .slider .item1, .drag-scrollbar-slider-2 .slider .item1 {
    background: #666
}

.drag-scrollbar-slider .slider .item2, .drag-scrollbar-slider-2 .slider .item2 {
    background: #999
}

.drag-scrollbar-slider .slider .item3, .drag-scrollbar-slider-2 .slider .item3 {
    background: #aaa
}

.drag-scrollbar-slider .slider .item4, .drag-scrollbar-slider-2 .slider .item4 {
    background: #ddd
}

.drag-scrollbar-slider .slider .item5, .drag-scrollbar-slider-2 .slider .item5 {
    background: #999
}

.drag-scrollbar-scroll-container {
    position: relative;
    width: 900px;
    height: 40px
}

.drag-scrollbar-scroll-container-2 {
    position: relative;
    width: 900px;
    margin: 0 auto;
    height: 10px;
    background: #ddd
}

.lock-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.lock-slider .slider {
    height: 100%
}

.lock-slider .slider .item {
    width: 1000px;
    height: 100%
}

.lock-slider .slider .item1 {
    background: #666
}

.lock-slider .slider .item2 {
    background: #999
}

.lock-slider .slider .item3 {
    background: #aaa
}

.lock-slider .slider .item4 {
    background: #ddd
}

.lock-slider .slider .item5 {
    background: #999
}

.lock-slider .slider .item6 {
    background: #000
}

.lock-slider-container {
    position: relative;
    top: 0;
    left: 0;
    width: 984px;
    height: 200px
}

.lock-slider-container .destInitBlock {
    position: absolute;
    top: 0;
    right: 42px;
    width: 36px;
    height: 200px
}

.lock-slider-container .destInitBlock .lock, .lock-slider-container .destInitBlock .unlock {
    width: 36px;
    height: 36px;
    background: #aaa;
    margin: 0 0 5px;
    cursor: pointer
}

.unselectable-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.unselectable-slider .slider {
    height: 100%
}

.unselectable-slider .slider .item {
    width: 900px;
    height: 100%
}

.unselectable-slider .slider .item1 {
    background: #666
}

.unselectable-slider .slider .item2 {
    background: #999
}

.unselectable-slider .slider .item3 {
    background: #aaa
}

.unselectable-slider .slider .item4 {
    background: #ddd
}

.unselectable-slider .slider .item5 {
    background: #999
}

.unselectable-slider .slider .item6 {
    background: #000
}

.unselectable-slider .slider .item div.unselectable {
    float: left;
    width: 300px;
    height: 198px;
    border: 1px dotted #ddd;
    background: #000
}

.unselectable-slider .slider .item div.unselectable .child {
    margin: 20px;
    height: 158px;
    background: #aaa
}

.scrollbar-y-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.scrollbar-y-slider .slider {
    width: 100%;
    height: 100%
}

.scrollbar-y-slider .slider .item {
    width: 900px;
    height: 200px;
    overflow-y: scroll
}

.scrollbar-y-slider .slider .item .content {
    margin: 20px;
    height: 400px;
    background: #000
}

.scrollbar-y-slider .slider .item1 {
    background: #666
}

.scrollbar-y-slider .slider .item2 {
    background: #999
}

.scrollbar-y-slider .slider .item3 {
    background: #aaa
}

.scrollbar-y-slider .slider .item4 {
    background: #ddd
}

.scrollbar-y-slider .slider .item5 {
    background: #999
}

.scrollbar-y-slider .slider .item6 {
    background: #000
}

.keyboard-control-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.keyboard-control-slider .slider {
    width: 100%;
    height: 100%
}

.keyboard-control-slider .slider .item {
    width: 900px;
    height: 200px
}

.keyboard-control-slider .slider .item1 {
    background: #666
}

.keyboard-control-slider .slider .item2 {
    background: #999
}

.keyboard-control-slider .slider .item3 {
    background: #aaa
}

.keyboard-control-slider .slider .item4 {
    background: #ddd
}

.keyboard-control-slider .slider .item5 {
    background: #999
}

.keyboard-control-slider .slider .item6 {
    background: #000
}

.tab-control-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.tab-control-slider .slider {
    width: 100%;
    height: 100%
}

.tab-control-slider .slider .item {
    width: 900px;
    height: 200px
}

.tab-control-slider .slider .item1 {
    background: #666
}

.tab-control-slider .slider .item2 {
    background: #999
}

.tab-control-slider .slider .item3 {
    background: #aaa
}

.tab-control-slider .slider .item4 {
    background: #ddd
}

.tab-control-slider .slider .item5 {
    background: #999
}

.tab-control-slider .slider .item6 {
    background: #000
}

.snap-center-slider, .snap-center-slider-2, .snap-center-slider-3 {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.snap-center-slider .slider, .snap-center-slider-2 .slider, .snap-center-slider-3 .slider {
    height: 100%
}

.snap-center-slider .slider .item, .snap-center-slider-2 .slider .item, .snap-center-slider-3 .slider .item {
    width: 700px;
    height: 100%
}

.snap-center-slider .slider .item1, .snap-center-slider-2 .slider .item1, .snap-center-slider-3 .slider .item1 {
    background: #666
}

.snap-center-slider .slider .item2, .snap-center-slider-2 .slider .item2, .snap-center-slider-3 .slider .item2 {
    background: #999
}

.snap-center-slider .slider .item3, .snap-center-slider-2 .slider .item3, .snap-center-slider-3 .slider .item3 {
    background: #aaa
}

.snap-center-slider .slider .item4, .snap-center-slider-2 .slider .item4, .snap-center-slider-3 .slider .item4 {
    background: #ddd
}

.snap-center-slider .slider .item5, .snap-center-slider-2 .slider .item5, .snap-center-slider-3 .slider .item5 {
    background: #777
}

.snap-center-slider-3 .slider .item2, .snap-center-slider-3 .slider .item5 {
    width: 500px
}

.short-content-slider {
    position: relative;
    overflow: hidden;
    width: 900px;
    height: 200px
}

.short-content-slider .slider {
    width: 100%;
    height: 100%
}

.short-content-slider .slider .item {
    width: 300px;
    height: 200px
}

.short-content-slider .slider .item1 {
    background: #666
}

.short-content-slider .slider .item2 {
    background: #999
}

.sliderContainer .slideSelectors {
    position: relative;
    bottom: 20px;
    left: 30px;
    width: 595px;
    height: 60px;
    margin: 0 auto;
    z-index: 1;
    height: 10px
}

.sliderContainer .slideSelectors .item {
    float: left;
    border: 1px solid #657376;
    width: 12px;
    direction: ltr;
    height: 12px;
    margin: 0 0 0 5px;
    filter: alpha(opacity=100);
    background: url(../img/a-bullet.png) no-repeat center center
}

.sliderContainer .slideSelectors .selected {
    background: #000;
    border: 1px solid #000;
    opacity: 1;
    filter: alpha(opacity=100)
}

.sliderContainer .scrollbarContainer {
    position: relative;
    bottom: 10px;
    left: 0;
    width: 625px;
    height: 0;
    margin: 0 auto;
    z-index: -1
}

#two-tabs {
    width: 100%;
    margin-right: 5px;
    display: flex;
    flex-wrap: wrap;
}

.center-part #two-tabs {
    width: 450px
}

.item-more a.More {
    font-size: 12px;
    color: #3a6fa5;
    text-decoration: none;
    float: left;
    padding-left: 10px;
    padding-bottom: 6px
}

.item-rss {
    font-size: 12px;
    color: #3a6fa5;
    text-decoration: none;
    float: left;
    padding-left: 10px;
    padding-bottom: 6px
}

#two-tabs #tabs-butt2 ul li a {
    display: block;
    height: 35px;
    line-height: 24px;
    padding: 0 5px;
    font-size: 10px;
    text-align: center;
    background: url(../img/r-tab-bg.png) no-repeat top right;
    color: #fff;
    padding: 5px;
    font-size: 16px;
    font-family: droid !important;
    float: right;
    position: relative;
    padding-right: 28px;
    padding-left: 13px
}

#bottom-tabs {
    border-top: 1px solid #ccc
}

#two-tabs #tabs-butt2 ul li {
    float: right;
    display: block;
    position: relative;
    cursor: pointer;
    height: 26px
}

#two-tabs #tabs-butt2 ul li.current {
    border-bottom: none;
    background: #fff
}

#two-tabs #tabs-butt2 {
    height: 40px;
    overflow: hidden;
    margin-top: -10px;
    position: relative;
    text-align: right
}

#two-tabs #tabs-butt2 li:first-child {
    margin-right: 0 !important
}

#two-tabs #tabs-butt2 ul li.current a {
    display: block;
    width: 102px
}

.dynamic-tabs-pane {
    display: none
}

#two-tabs #tabs-butt2 ul li a.tab-before, #two-tabs #tabs-butt2 ul li a.tab-after {
    padding: 0
}

#tabs-butt2 > ul {
    padding: 0;
    width: 1045px;
    height: 42px;
    margin-right: 8px !important;
    text-align: right
}

#panes2 .ListPicture {
    width: 0 !important;
    height: 0 !important
}

#panes2 .dynamic-tabs {
    display: none
}

#two-tabs #tabs-butt2 ul li.current a {
    background: url(../img/r-tab-bg-active.png) no-repeat top right;
    display: block;
    color: #fff;
    padding: 14px;
    padding-top: 0;
    float: right;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    width: auto !important;
    padding-right: 28px;
    padding-left: 12px
}

#panes2 {
    height: auto;
    overflow: hidden;
    padding-bottom: 15px
}

#two-tabs #tabs-butt2 ul li.current {
    background: url(../img/l-tab-bg-active.png) no-repeat top left;
    width: auto !important;
    margin-left: 6px;
    padding-left: 15px;
    margin-right: 16px
}

#two-tabs #tabs-butt2 ul li {
    float: right;
    display: block;
    position: relative;
    cursor: pointer;
    height: 40px;
    padding: 0;
    background: url(../img/l-tab-bg.png) no-repeat top left;
    padding-left: 15px;
    margin-left: 5px;
    margin-right: 15px
}

#two-tabs #tabs-butt2 ul li a.tab-before, #two-tabs #tabs-butt2 ul li a.tab-after {
    width: 1px
}

#two-tabs .tab-before, #two-tabs .tab-after {
    display: none !important
}

@media \0screen {
    #tabs-butt2 {
        margin-right: -4px
    }
}

.sprites, .sprites-1, .sprites-2, .sprites-3 {
    background: url(../img/sprites.png);
    background-position: top right
}

.sprites-4, .sprites-5, .sprites-6, .sprites-7 {
    background: url(../img/sprites.png);
    background-position: top left
}

#MidBar + div {
    padding-top: 0px !important
}

.main-box {
    width: 100% !important
}

.internal .SiPo-NEWS .ViewContent ul, .internal .GENERALTEXT .ListContent ul {
    list-style: disc;
    list-style-position: inside
}

#panes2 ul {
    list-style: disc
}

#CenterMidBar .SiPo-Menu.dynamic-tabs-pane {
    position: absolute;
    overflow: visible !important
}

.flipbook-viewport {
    overflow: hidden;
    width: 100%;
    height: 100%
}

.flipbook-viewport .containerr {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto
}

.flipbook-viewport .flipbook {
    width: 922px;
    height: 600px;
    left: -461px;
    top: -300px
}

.flipbook-viewport .page {
    width: 461px;
    height: 600px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.flipbook .page {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    -o-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.flipbook-viewport .page img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0
}

.flipbook-viewport .shadow {
    -webkit-transition: -webkit-box-shadow 0.5s;
    -moz-transition: -moz-box-shadow 0.5s;
    -o-transition: -webkit-box-shadow 0.5s;
    -ms-transition: -ms-box-shadow 0.5s;
    -webkit-box-shadow: 0 0 20px #ccc;
    -moz-box-shadow: 0 0 20px #ccc;
    -o-box-shadow: 0 0 20px #ccc;
    -ms-box-shadow: 0 0 20px #ccc;
    box-shadow: 0 0 20px #ccc
}
.body p {
    line-height: 30px!important;
}
.ListContent h1 {
    font-size: 20px !important;
}
.images-block {
    width: 266px;
    border: 1px dashed #ccc;
    padding: 0;
    text-align: center;
    margin: auto;
}
.mb-30{
    margin-bottom: 30px;
}

.mb-20{
    margin-bottom: 20px;
}
.ListContent span {
    color: #727272 !important;
    font-size: 10px;
    font-weight: normal;
    line-height: 20px;
}