* {
            font-family: arial,sans-serif,tahoma;
            font-size: 16px;
            line-height: 1.5;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            overflow-wrap: break-word
        }

        :after, :before {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        html {
            -webkit-tap-highlight-color: transparent;
            -webkit-text-size-adjust: 100%;
            -ms-text-size-adjust: 100%
        }

        body {
            margin: 0;
            color: #333
        }
		
		table {
            width: auto;
            margin: 10px 0;
            border-collapse: collapse;
            max-width: 100%;
            display: block;
            font-size: 14px;
        }

            table tr:first-child {
                background-color: #6cb409;
            }

                table tr:first-child td, table tr:first-child th {
                    color: #fff;
                    font-weight:bold;
                }

            table tr:nth-child(2n) {
                background: #f2ffe0;
            }

            table tr td {
                border: 1px solid #cececd;
                padding: 7px;
                line-height: 19px;
            }

        article, details, footer, header, main, menu, nav {
            display: block
        }
        .tags, .tags a {
            color: #666 !important;
        }
        .list-horizontal article:hover {
            background-color: #f0f0f0;
        }

        [hidden] {
            display: none
        }

        b, strong {
            font-weight: 700
        }

        h1 {
            margin: .67em 0;
            font-size: 2em
        }

        img {
            border: 0
        }

        code {
            font-family: sans-serif Arial Tahoma;
            font-size: 1em
        }

        button {
            margin: 0;
            font: inherit;
            color: inherit;
            overflow: visible;
            text-transform: none;
            -webkit-appearance: button;
            cursor: pointer
        }

            button[disabled] {
                cursor: default
            }

            button::-moz-focus-inner {
                padding: 0;
                border: 0
            }

        a {
            color: @(WebSolution.WebHelper.WebConfig.ColorLink);
            text-decoration: none
        }

        .detail-box a:not([href^="http"]) {
            color: rgb(51, 51, 51);
        }

        .detail-box [href*="/"] {
            color: @(WebSolution.WebHelper.WebConfig.ColorLink) !important;
        }

        .detail-box [href*="#"] {
            color: #000 !important;
            font-weight: bold !important;
        }

        a:active, a:hover {
            outline: 0
        }

        a:focus, a:hover {
            color: @(WebSolution.WebHelper.WebConfig.ColorTitle) !important;
            text-decoration: underline !important
        }

        a:focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

        img {
            vertical-align: middle
        }

        .list-horizontal li a {
            font-size: 12px;
            line-height: 13px;
            margin-bottom: 3px;
        }

        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0,0,0,0);
            border: 0
        }

        [role=button] {
            cursor: pointer
        }

        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            font-family: inherit;
            font-weight: 500;
            line-height: 1.25;
            color: inherit
        }

        .h1, .h2, .h3, h1, h2, h3 {
            margin-top: 8px;
            margin-bottom: 10px;
            color: #111
        }

        .h4, .h5, .h6, h4, h5, h6 {
            margin-top: 10px;
            margin-bottom: 10px
        }

        .h1, h1 {
            font-size: 24px
        }

        .h2, h2 {
            font-size: 22px;
            font-weight: 700
        }

        .h3, h3 {
            font-size: 22px
        }

        .h4, h4 {
            font-size: 18px
        }

        .h5, h5 {
            font-size: 14px
        }

        .h6, h6 {
            font-size: 12px
        }

        p {
            margin: 0 0 2px
        }

        .text-left {
            text-align: left
        }

        .text-right {
            text-align: right
        }

        .text-center {
            text-align: center
        }

        .text-muted {
            color: #777
        }

        .text-info {
            color: #31708f
        }

        a.text-info:hover {
            color: #245269
        }

        ul.list-horizontal {
            list-style: none !important;
            padding-left: 10px;
        }

        ul {
            margin-top: 0;
            margin-bottom: 10px
        }

            ul ul {
                margin-bottom: 0
            }

        .list-horizontal li::before {
            content: "\2022" !important;
            color: @(WebSolution.WebHelper.WebConfig.ColorTitle) !important;
            width: 1em;
            font-weight: bold;
        }

        .list-horizontal li::marker {
            content: none !important;
        }

        code {
            padding: 2px 4px;
            font-size: 90%;
            color: #c7254e;
            background-color: #f9f2f4;
            border-radius: 4px
        }

        .container {
            padding-right: 12px;
            padding-left: 12px;
            margin-right: auto;
            margin-left: auto
        }

        .older-posts, .newer-posts {
            padding: 12px;
            display: block;
            background: @(WebSolution.WebHelper.WebConfig.ColorTitle) !important;
            color: white;
            font-weight: 600;
            width: 200px;
            max-width: 95%;
            margin: 20px auto 5px
        }

            .newer-posts:hover, .older-posts:hover {
                color: yellow !important
            }

        @media (min-width:768px) {
            .container {
                width: 750px
            }
        }

        @media (min-width:992px) {
            .container {
                width: 970px
            }
        }

        .collapse {
            display: none
        }

            .collapse.in {
                display: block
            }

        .caret {
            display: inline-block;
            width: 0;
            height: 0;
            margin-left: 2px;
            vertical-align: middle;
            border-top: 4px dashed;
            border-right: 4px solid transparent;
            border-left: 4px solid transparent
        }

        .dropdown {
            position: relative
        }

        .dropdown-toggle:focus {
            outline: 0
        }
    .dropdown-menu {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 160px;
        padding: 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175)
    }

            .dropdown-menu > li > a {
                display: block;
                padding: 6px 15px;
                clear: both;
                font-weight: 400;
                line-height: 1.42857143;
                color: #666;
                white-space: nowrap;
                border-bottom: 1px solid #ccc
            }

                .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
                    color: white !important;
                    text-decoration: none !important;
                    background-color: @(WebSolution.WebHelper.WebConfig.ColorTitle) !important;
                }

        .open > .dropdown-menu {
            display: block
        }

        .open > a {
            outline: 0
        }

        .dropdown-menu-right {
            right: 0;
            left: auto
        }

        .dropdown-menu-left {
            right: auto;
            left: 0
        }

        .dropdown-header {
            display: block;
            padding: 3px 20px;
            font-size: 12px;
            line-height: 1.42857143;
            color: #777;
            white-space: nowrap
        }

        .navbar-fixed-bottom .dropdown .caret {
            content: "";
            border-top: 0;
            border-bottom: 4px solid
        }

        .navbar-fixed-bottom .dropdown .dropdown-menu {
            top: auto;
            bottom: 100%;
            margin-bottom: 2px
        }

        @media (min-width:768px) {
            .navbar-right .dropdown-menu {
                right: 0;
                left: auto
            }

            .navbar-right .dropdown-menu-left {
                right: auto;
                left: 0
            }
        }

        .nav {
            padding-left: 0;
            margin-bottom: 0;
            list-style: none
        }

            .nav > li {
                position: relative;
                display: block
            }

                .nav > li > a {
                    position: relative;
                    display: block;
                    padding: 12px
                }

                    .nav > li > a:focus, .nav > li > a:hover {
                        text-decoration: none
                    }

            .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
                border-color: #fff
            }

            .nav > li > a > img {
                max-width: none
            }

        .navbar {
            position: relative;
            min-height: 50px;
            margin-bottom: 20px;
            border: 1px solid transparent
        }

        @media (min-width:768px) {
            .navbar {
                border-radius: 4px
            }
        }

        @media (min-width:768px) {
            .navbar-header {
                float: left
            }
        }

        .navbar-collapse {
            padding-right: 15px;
            padding-left: 15px;
            overflow-x: visible;
            -webkit-overflow-scrolling: touch;
            border-top: 1px solid transparent;
            -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.1)
        }

            .navbar-collapse.in {
                overflow-y: auto
            }

        @media (min-width:768px) {
            .navbar-collapse {
                width: auto;
                border-top: 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }

                .navbar-collapse.collapse {
                    display: block !important;
                    height: auto !important;
                    padding-bottom: 0;
                    overflow: visible !important
                }

                .navbar-collapse.in {
                    overflow-y: visible
                }

            .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
                padding-right: 0;
                padding-left: 0
            }
        }

        .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
            max-height: 340px
        }

        @media (max-device-width:480px)and (orientation:landscape) {
            .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
                max-height: 200px
            }

            .jumbotron {
                width: 100%
            }
        }

        .container > .navbar-collapse, .container > .navbar-header {
            margin-right: -15px;
            margin-left: -15px
        }

        @media (min-width:768px) {
            .container > .navbar-collapse, .container > .navbar-header {
                margin-right: 0;
                margin-left: 0
            }
        }

        .navbar-static-top {
            z-index: 1000;
            border-width: 0 0 1px
        }

        @media (min-width:768px) {
            .navbar-static-top {
                border-radius: 0
            }
        }

        .navbar-fixed-bottom, .navbar-fixed-top {
            right: 0;
            left: 0;
            z-index: 1030
        }

        @media (min-width:768px) {
            .navbar-fixed-bottom, .navbar-fixed-top {
                border-radius: 0
            }
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
            max-width: 970px;
            margin: 0 auto;
			background-color: rgb(255, 241, 231)
        }

        .navbar-fixed-bottom {
            bottom: 0;
            margin-bottom: 0;
            border-width: 1px 0 0
        }

        .navbar-brand {
            float: left;
            height: 50px;
            padding: 0 15px;
            font-size: 18px;
            line-height: 20px
        }

            .navbar-brand:focus, .navbar-brand:hover {
                text-decoration: none
            }

            .navbar-brand > img {
                display: block
            }

        @media (min-width:768px) {
            .navbar > .container .navbar-brand {
                margin-left: -15px
            }
        }

        .navbar-toggle {
            position: relative;
            float: right;
            padding: 9px 10px;
            margin-top: 2px;
            margin-right: 15px;
            margin-bottom: 8px;
            background-image: none;
            border-radius: 4px;
            font-family: sans-serif;
            background-color: transparent;
            color: #999;
        }

            .navbar-toggle:focus {
                outline: 0
            }

            .navbar-toggle .icon-bar {
                display: block;
                width: 22px;
                height: 2px;
                border-radius: 1px
            }

                .navbar-toggle .icon-bar + .icon-bar {
                    margin-top: 4px
                }

            .navbar-toggle .icon-close {
                display: block;
                width: 30px;
                height: 30px;
                font-size: 25px;
                border-radius: 1px;
                line-height: 30px;
            }

        @media (min-width:768px) {
            .dropdown:hover .dropdown-menu {
                display: block;
            }

            .navbar-toggle {
                display: none
            }
        }

        .navbar-nav {
            margin: 7.5px -15px
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
                line-height: 20px
            }

        @media (max-width:767px) {
            .dropdown:hover .dropdown-menu {
                z-index: 999999;
                position: fixed;
                width: 100%;
                height: 100%;
                top: 50px;
            }

            .sub-menu {
                z-index: 9999999 !important;
            }

            .navbar-default .navbar-nav > li > a {
                padding-left: 20px !important;
                border-bottom: 1px solid #ccc;
                font-size: 17px !important;
            }

            .jumbotron {
                width: 100% !important;
                float: none !important
            }

            .service-box {
                margin: 0 auto !important;
                float: none !important;
                position: inherit !important
            }

            .service-content {
                position: inherit !important
            }

            .footer p {
                text-align: center;
                width: 100% !important
            }

            .jumbotron h1 {
                font-size: 22px !important;
                color: @(WebSolution.WebHelper.WebConfig.ColorTitle) !important
            }

            .h2, h2 {
                font-size: 20px !important;
                line-height: 1.4;
            }

            .jumbotron p.item-description {
                font-size: 16px !important;
            }

            .list-horizontal article {
                padding: 0 !important
            }

            .detail img {
                display: block;
                width: 100%;
                margin: 0 auto !important
            }

            .detail iframe {
                max-width: 100%
            }

            .backmenu {
                height: 50px;
                position: fixed;
                z-index: 999999;
                right: 0;
                top: 0;
                width: 100px;
                font-size: 50px;
                line-height: 42px;
                color: #fff;
                text-align: center;
                background-color: #c7254e;
                padding: 0;
                margin: 0;
                font-family: sans-serif Arial;
            }

            .navbar-nav .open .dropdown-menu {
                position: static;
                float: none;
                width: auto;
                margin-top: 0;
                background-color: transparent;
                border: 0;
                -webkit-box-shadow: none;
                box-shadow: none
            }

                .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
                    padding: 5px 15px 5px 25px
                }

                .navbar-nav .open .dropdown-menu > li > a {
                    line-height: 20px
                }

                    .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
                        background-image: none
                    }

            .list-horizontal article > div {
                margin: 0 !important;
                padding: 0 !important;
                margin-bottom: 5px !important;
                float: inherit !important
            }

            .list-horizontal article .image img {
                float: inherit !important
            }

            .right-func {
                padding-top: 52px !important;
                width: 150px !important
            }

            .item-info .free {
                width: 120px !important
            }

            .des-downloadbox {
                width: 200px;
                position: inherit !important;
                margin: 10px auto !important
            }
        }

        @media (min-width:768px) {
            .navbar-nav {
                float: left;
                margin: 0
            }

                .navbar-nav > li {
                    float: left
                }

                    .navbar-nav > li > a {
                        padding-top: 15px;
                        padding-bottom: 15px
                    }
        }

        .navbar-nav > li > .dropdown-menu {
            margin-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
            margin-bottom: 0;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0
        }

        .navbar-btn {
            margin-top: 8px;
            margin-bottom: 8px
        }

        .navbar-text {
            margin-top: 15px;
            margin-bottom: 15px
        }

        @media (min-width:768px) {
            .navbar-text {
                float: left;
                margin-right: 15px;
                margin-left: 15px
            }
        }

        @media (min-width:768px) {
            .navbar-left {
                float: left !important
            }

            .navbar-right {
                float: right !important
            }

                .navbar-right ~ .navbar-right {
                    margin-right: 0
                }
        }

        .navbar-default .navbar-brand {
            color: #777
        }

            .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
                color: #5e5e5e;
                background-color: transparent
            }

        .navbar-default .navbar-text {
            color: #777
        }

        .navbar-default .navbar-nav > li > a {
            font-size: 15px;
            font-weight: 700;
            color: #666;
            padding: 15px 10px;
        }

            .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            }

        .navbar-default .navbar-toggle {
            border: 1px solid #fff
        }

            .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
                border: 1px solid #fff
            }

            .navbar-default .navbar-toggle .icon-bar {
                background-color: #666
            }

        .navbar-default .navbar-collapse {
            border-color: #e7e7e7
        }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
            color: #0081cd;
            background-color: #fff
        }

        @media (max-width:767px) {
            .navbar-default .navbar-nav .open .dropdown-menu > li > a {
                color: #fff;
                font-size: 1.2em
            }

                .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
                    color: #fff;
                    background-color: transparent
                }
        }

        .navbar-default .navbar-link {
            color: #777
        }

            .navbar-default .navbar-link:hover {
                color: #555
            }

        .jumbotron {
            padding: 0px 5px 10px;
            margin-bottom: 30px;
            color: inherit;
            background-color: #fff
        }

            .jumbotron .h1, .jumbotron h1 {
                color: inherit
            }

            .jumbotron p.item-description {
                font-size: 16px;
                text-align: justify;
                color: #333;
                margin-top: 5px
            }


        .list-horizontal a:hover p {
            color: #999
        }

        .jumbotron .container {
            max-width: 100%
        }

        .main-wap {
            width: 100%;
            margin: 0 auto;
            position: relative
        }

        .jumbotron {
            width: 645px;
            float: left;
            background-color: #fff
        }

        .service-box {
            width: 300px;
            float: right
        }

        .service-content {
            width: 300px
        }

        .list-horizontal-right article {
            display: block;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid #f5f5f5
        }

            .list-horizontal-right article .image, .list-horizontal-right article .image img {
                width: 85px;
                float: left;
                margin-bottom: 5px
            }

            .list-horizontal-right article h2 {
                font-weight: 700;
                float: left;
                width: 190px;
                margin-left: 5px;
                font-size: 15px;
                line-height: 19px;
                margin-top: 0;
                text-align: left;
                margin-bottom: 5px
            }

        @media screen and (min-width:768px) {
            .jumbotron {
                padding: 0
            }

                .jumbotron .h1, .jumbotron h1 {
                    font-size: 32px
                }
        }

        @-webkit-keyframes progress-bar-stripes {
            from {
                background-position: 40px 0
            }

            to {
                background-position: 0 0
            }
        }

        @-o-keyframes progress-bar-stripes {
            to {
                background-position: 0 0
            }
        }

        @keyframes progress-bar-stripes {
            from {
                background-position: 40px 0
            }

            to {
                background-position: 0 0
            }
        }

        .media {
            margin-top: 15px
        }

            .media:first-child {
                margin-top: 0
            }

        .media, .media-body {
            overflow: hidden;
            zoom: 1
        }

        .media-body {
            width: 10000px
        }

        .media-right {
            padding-left: 10px
        }

        .media-left {
            padding-right: 10px
        }

        .media-body, .media-left, .media-right {
            display: table-cell;
            vertical-align: top
        }

        .media-bottom {
            vertical-align: bottom
        }

        .media-list {
            padding-left: 0;
            list-style: none
        }

        .clearfix:after, .clearfix:before, .container:after, .container:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {
            display: table;
            content: " "
        }

        .clearfix:after, .container:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after {
            clear: both
        }

        .center-block {
            display: block;
            margin-right: auto;
            margin-left: auto
        }

        .hidden {
            display: none !important
        }

        body {
            background: #fff1e7;
            overflow-x: hidden
        }

        .footer {
            padding-right: 15px;
            padding-left: 15px
        }

        .header {
            padding-bottom: 7px
        }

            .header h3 {
                margin-top: 0;
                margin-bottom: 0;
                line-height: 40px
            }

        .footer {
            padding-top: 19px;
            color: #777
        }

        @media (min-width:768px) {
            .container {
                max-width: 980px
            }
        }

        .jumbotron {
            text-align: center
        }

        @media screen and (min-width:768px) {
            .footer, .header {
                padding-right: 0;
                padding-left: 0;
				margin-bottom: 150px
            }

            .header {
                margin-bottom: 10px
            }

            .jumbotron {
                border-bottom: 0;
                padding-right: 12px
            }
        }

        .jumbotron h1 {
            text-align: center;
            font-weight: 700;
            font-size: 32px;
            margin: 2px 0 5px;
            color: @(WebSolution.WebHelper.WebConfig.ColorTitle) !important;
            line-height: 1.3;
        }

        .detail, .detail div, .detail p, .detail span {
            text-align: justify;
            font-size: 16px !important
        }

            .detail img {
                display: block;
                max-width: 100% !important;
                height: auto !important;
                margin: 5px auto !important
            }

            .detail h1, .detail h2, .detail h3 {
                text-align: left !important
            }

            .detail h1 {
                font-size: 22px !important;
                color: #000 !important
            }

        .clear-body {
            clear: both
        }

        #logo {
            width: 210px;
            margin-top:10px
        }

        .text-muted {
            text-align: center
        }

        .main-content {
            min-height: 700px;
            padding-top: 12px;
            background-color: #fff;
            overflow-x: hidden;
            padding-bottom: 15px;
            box-shadow: 0px 0px 1px 1px #cccccc
        }

        .bold {
            font-weight: 700
        }

        .wiki {
            text-transform: uppercase
        }

        .text-20 {
            font-size: 20px
        }

        .video-sm {
            width: 100%;
            height: 300px
        }

        .footer p {
            text-align: center;
            width: 660px
        }

        .item-img {
            width: 220px;
            height: 190px
        }

        .list-horizontal article {
            border-bottom: 1px solid #efefef;
            font-size: .01px;
            padding: 10px 0;
            text-align: left;
            vertical-align: top;
            width: 100%;
            overflow: hidden;
            position: relative;
            padding-right: 140px
        }

        .list-horizontal-new article {
            padding-right: 0 !important
        }

        .list-horizontal article .pos {
            color: #f34686;
            font-size: 25px;
            text-align: left;
            vertical-align: top;
            width: 35px
        }

        .list-horizontal article > div {
            display: inline-block;
            margin-right: 8px;
            float: left
        }

        .list-horizontal article .image img {
            width: 120px;
            min-height: 120px;
            border: 1px solid #000;
            float: left;
            margin-right: 8px
        }

        .clear {
            clear: both
        }

        a:hover {
            text-decoration: none !important
        }

        .footer p {
            text-align: left !important;
            width: 660px
        }

        .footer-link {
            padding: 0
        }

            .footer-link li {
                float: left;
                list-style: none;
                margin-right: 15px
            }


        .right-func {
            float: right;
            position: absolute;
            top: 50px;
            right: 0
        }

        .btn-download {
            width: 168px;
            height: 30px;
            text-transform: uppercase;
            margin: 0 auto;
            text-align: center !important;
            display: block;
            font-size: 14px;
            line-height: 30px;
            border-radius: 4px;
            box-shadow: 1px 1px 2px #d5d5d5;
            color: @(WebSolution.WebHelper.WebConfig.ColorTitle);
            background: #dadada;
            background: -webkit-gradient(linear,left top,left bottom,from(#dadada),to(#f8f8f8));
            background: -moz-linear-gradient(top,#dadada,#f8f8f8)
        }

        .item-info .free {
            color: #8dc63f;
            font-size: 14px;
            display: block;
            padding: 5px 0;
            width: 95px;
            margin: 0 auto;
            text-align: center
        }

        .inline-free:before {
            content: "Free";
            background: #8dc63f;
            color: #fff;
            padding: 2px 4px;
            border-radius: 3px;
            text-transform: uppercase;
            font-size: 9px;
            margin: 0 8px 0 0;
            font-family: sans-serif Arial Tahoma
        }

        .inline-free {
            color: #8dc63f;
            font-size: 14px;
            margin: 0 auto;
            text-align: center
        }

        .inline-trial:before {
            content: "Trial";
            background: #02aeef;
            color: #fff;
            padding: 2px 4px;
            border-radius: 3px;
            text-transform: uppercase;
            font-size: 9px;
            margin: 0 8px 0 0;
            font-family: sans-serif Arial Tahoma
        }

        .inline-trial {
            color: #8dc63f;
            font-size: 14px;
            margin: 0 auto;
            text-align: center
        }

        .item-info .free:before {
            content: "Free";
            background: #8dc63f;
            color: #fff;
            padding: 2px 4px;
            border-radius: 3px;
            text-transform: uppercase;
            font-size: 9px;
            margin: 0 8px 0 0;
            font-family: sans-serif Arial Tahoma
        }

        .fileSize {
            font-size: 14px;
            display: block;
            padding: 10px 0;
            text-align: center;
            color: #666
        }

        .item-more {
            width: 190px;
            padding-left: 5px;
            color: #666;
            font-size: 12px;
            display: flexbox;
            font-style: italic
        }

        .download-topbox {
            background-color: #f5f5f5;
            border: 1px solid #d8d8d8;
            min-height: 205px;
            position: relative;
            margin-top: 20px
        }

        .download-info {
            margin: 0;
            padding: 10px;
            text-align: left
        }

            .download-info li {
                list-style: none;
                margin: 3px 0
            }

                .download-info li .item-label {
                    width: 115px;
                    display: inline-block;
                    color: #666
                }

                .download-info li .item-info {
                    color: @(WebSolution.WebHelper.WebConfig.ColorTitle);
                    font-weight: 600
                }

        .des-downloadbox {
            width: 200px;
            overflow: hidden;
            position: absolute;
            top: 10px;
            right: 10px;
            min-height: 150px;
            max-height: 165px
        }

        .dlbox {
            position: absolute;
            bottom: 3px;
            right: 40px
        }

        .des-image {
            display: block;
            max-width: 100% !important;
            height: auto;
            margin: 0 auto !important
        }

        .main-btn-download {
            margin: 10px auto
        }

        .ads-box {
            margin: 10px 0
        }

        .left-image img {
            max-width: 150px;
            float: left
        }

        .breadcrumb-bwrap, .breadcrumb-bwrap * {
            text-align: left;
            color: #666;
            font-weight: 500
        }

        @media (min-width:768px) {
            .left-image img {
                max-width: 100% !important;
                float: inherit !important
            }
        }

        .desa-article {
            font-size: 20px;
            text-align: justify
        }

        .clearfix {
            clear: both
        }

        #searchbox {
            height: 40px;
            margin-bottom: 10px;
        }

        #sxd {
            display: none;
        }

        #search_form_homepage {
            float: none;
            margin: 0;
            position: relative;
            display: block;
        }

            #search_form_homepage:after {
                content: "";
                display: table;
                clear: both;
            }

        #search_form_input_homepage {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            z-index: 2;
            float: none;
            background: #fff;
            color: #222;
            width: 100%;
            display: block;
            height: 39px;
            padding: 4px 42px 5px 6px;
            margin: 0;
            outline: none;
            border-right: 0;
            border: 1px solid #ccc;
            font-size: 18px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -moz-border-radius: 3px 0 0 3px;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            -o-box-sizing: border-box;
            box-sizing: border-box;
        }

        .lt-ie8 #search_form_input_homepage {
            height: 28px;
        }

        #right_ads {
            background-color: white;
        }

        #search_wrapper_homepage {
            width: 43px;
            float: right;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 3;
        }

        #search_button_homepage {
            float: left;
            height: 39px;
            width: 43px;
            border: 0;
            background: url(/default/img/search.png) no-repeat;
            -webkit-background-size: 67px 78px;
            -moz-background-size: 67px 78px;
            -o-background-size: 67px 78px;
            background-size: 67px 78px;
            cursor: pointer;
            -webkit-border-radius: 0 3px 3px 0;
            -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
        }

            #search_button_homepage:active {
                background-position: left bottom;
            }
        /*Cookie Consent Begin*/
        @media (min-width:1024px) {
            #cookieConsent {
                left: 50% !important;
                width: 860px !important;
                margin-left: -430px !important;
            }

            .navbar-fixed-bottom, .navbar-fixed-top {
            }
        }


        #cookieConsent {
            background-color: #f0f0f0;
            min-height: 26px;
            font-size: 14px;
            color: #4e4e4e;
            line-height: 23px;
            padding: 10px;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            display: none;
            text-align: justify;
            z-index: 999999999;
            border-top: 1px solid #acacac;
            border-right: 1px solid #acacac;
            border-left: 1px solid #acacac;
        }

            #cookieConsent a {
                color: #4B8EE7;
                text-decoration: none;
            }

        #closeCookieConsent {
            float: right;
            display: inline-block;
            cursor: pointer;
            height: 22px;
            width: 22px;
            margin: -10px 0 0 0;
            font-weight: bold;
            margin-right: -5px;
            background: red;
            line-height: 22px;
            color: #fff;
            text-align: center;
            font-size: 18px;
        }

            #closeCookieConsent:hover {
                color: #FFF;
            }

        #cookieConsent a.cookieConsentOK {
            background-color: #F1D600;
            color: #000;
            display: inline-block;
            border-radius: 5px;
            padding: 0 20px;
            cursor: pointer;
            float: right;
            margin: 0;
        }

            #cookieConsent a.cookieConsentOK:hover {
                background-color: #E0C91F;
            }
        /*Cookie Consent End*/
        .relatestyle {
            padding-right: 25px;
            display: inline-block;
            color: @(WebSolution.WebHelper.WebConfig.ColorLink);
        }
        .relatestyle:hover{
            color:@(WebSolution.WebHelper.WebConfig.ColorTitle);
        }
        #videos-right {
            margin: 10px auto;
            width: 300px;
            background-color: white;
        }

            #videos-right ul {
                margin: 0;
                padding: 0;
            }

                #videos-right ul li {
                    clear: both;
                    border-bottom: 1px solid #acacac;
                    display: inline-block;
                }

                    #videos-right ul li:hover {
                        background-color: beige;
                    }

                        #videos-right ul li:hover a {
                            color: red;
                        }

                    #videos-right ul li a {
                        font-size: 15px;
                        font-weight: 600;
                        display: inline-block;
                        padding: 5px;
                    }

                        #videos-right ul li a img {
                            width: 90px;
                            height: auto;
                            border-radius: 5px;
                            float: left;
                            margin-right: 7px;
                        }
		.ads-fixed-left{
			position:fixed; top:50px; left:0;width:160px; height:600px
		}
		.ads-fixed-right{
			position:fixed; top:50px; right:0;width:160px; height:600px
		}
		.ads-float{
			width:300px;
			height:250px;
		}
		.float-left{
			float:left;
		}
		.float-right{
			float:right;
		}
		.ads-box-2col{
			width:615px;
			margin:7px auto
		}
		.ads-fixed-left {
            position: fixed;
            top: 0;
            left: 0;
            width: 160px;
            height: 600px
        }

        .ads-fixed-right {
            position: fixed;
            top: 0;
            right: 0;
            width: 160px;
            height: 600px
        }
		@media (max-width: 1340px) {
            .ads-fixed-left, .ads-fixed-right {
				position: initial!important;
				width: 160px;
				height: 600px;
				margin:0 auto 15px;
			}
        }