@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
.none {
    display: none !important
}

* {
    margin: 0;
    padding: 0;
    outline: 0
}

img {
    border: 0
}

ul {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:active {
    text-decoration: none
}

table {
    border-collapse: collapse
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

address,
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

table {
    border-collapse: collapse;
    width: 100%
}

body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 13px;
    color: #333;
    font-family: 'Roboto', sans-serif;
    background: #fff
}

.main {
    width: 100%;
    position: relative;
    overflow: hidden
}

.header {
    width: 100%;
    padding: 10px 0;
    float: left;
    position: relative;
    z-index: 5;
    background: rgb(255, 255, 255, .85)
}

.header-content {
    width: 98%;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.page {
    width: 1180px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.page-content {
    width: 1180px;
    float: left;
    position: relative;
    padding: 0 0 10px;
    background: 0 0
}

.footer {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    bottom: 0;
    margin: 0;
    padding: 15px 0;
    display: table;
    background: #135e9c
}

.footer-content {
    width: 1180px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    display: block
}

.clear-foot {
    width: 100%;
    clear: both
}

.copyright {
    width: 100%;
    float: left;
    display: block;
    background: #f5f5f5;
    padding: 10px 0;
    color: #666;
    position: relative
}

.copyright p {
    font-size: 12px;
    text-align: center
}

.copyright a {
    color: #666
}

.copyright a:hover {
    color: #333
}

.clear {
    clear: both
}

.back-top {
    width: 36px;
    height: 36px;
    background: url(../img/top.png) no-repeat;
    position: fixed;
    z-index: 100;
    right: 2%;
    bottom: 2%;
    text-indent: -10000px;
    display: block;
    cursor: pointer
}

.wpcenter {
    width: 1180px;
    margin: 0 auto;
    position: relative
}

.wpcenter2 {
    width: 1180px;
    margin: 0 auto;
    position: relative
}

.bold {
    font-weight: 700
}

.italic {
    font-style: italic
}

.center {
    text-align: center
}

.hcate,
h1 {
    font-weight: 400;
    position: absolute;
    z-index: 10;
    top: 57px;
    left: 100px;
    font-size: 12px
}

.button_orange {
    background: #f37400;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff8517), color-stop(100%, #f37400));
    background: -webkit-linear-gradient(top, #ff8517, #f37400);
    background: -ms-linear-gradient(top, #fffF8517 0, #fff37400 100%);
    background: linear-gradient(top, #ff8517, #f37400);
    border-color: #d76d0a;
    color: #fff;
    border: 0;
    cursor: pointer;
    border-radius: 4px
}

.button_orange:hover {
    background: #ff7900;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff8f00), color-stop(100%, #ff7900));
    background: -webkit-linear-gradient(top, #ff8f00, #ff7900);
    background: -ms-linear-gradient(top, #fffF8F00 0, #fffF7900 100%);
    background: linear-gradient(top, #ff8f00, #ff7900)
}

.logo {
    width: 90px;
    height: 80px;
    display: block;
    float: left
}

.name {
    color: #135e9c;
    float: left;
    padding: 32px 0 0 9px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700
}

.namecat {
    width: 100%;
    display: block;
    padding: 15px 0;
    color: #333;
    clear: both;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    position: static
}

.p_head {
    width: 100%;
    display: block;
    padding: 10px 0 0;
    text-transform: uppercase;
    color: #3b5998;
    clear: both;
    font-size: 18px;
    font-weight: 700
}

.namecat_other {
    width: 100%;
    display: block;
    color: #0c86c6;
    clear: both;
    font-weight: 400;
    position: static
}

.topsupport {
    float: right;
    margin: 23px 0 0 0
}

.topsupport a {
    float: left;
    display: block;
    font-size: 16px;
    line-height: 34px;
    padding: 0 10px;
    color: #f47502
}

.topsupport a:hover,
.topsupport a:hover i {
    color: #3eb30d !important
}

a.phone {
    margin: 0 10px 0 0;
    padding: 0 12px;
    color: #fff !important;
    border-radius: 4px;
    font-weight: 700
}

a.phone i {
    height: auto !important;
    width: 24px !important
}

a.phone i:before {
    top: 4px
}

a.phone:hover,
a.phone:hover i {
    color: #fff !important
}

.email {
    padding: 0 !important
}

.email i {
    color: #f47502 !important;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    border: 2px solid #f47502;
    margin: 0 8px 0 0
}

.email:hover i {
    color: #3eb30d !important;
    border: 2px solid #3eb30d
}

.livechat i {
    color: #f47502 !important;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    border: 2px solid #f47502;
    margin: 0 8px 0 0
}

.livechat:hover i {
    color: #3eb30d !important;
    border: 2px solid #3eb30d
}

.skype {
    padding: 0 !important
}

.skype i {
    color: #f47502 !important;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 100px;
    border: 2px solid #f47502;
    margin: 0 8px 0 0
}

.skype:hover i {
    color: #3eb30d !important;
    border: 2px solid #3eb30d
}

.close-sp {
    display: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 28px;
    //font-family: Arial, Baskerville, monospace;
    background: 0 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px
}

.close-sp:active {
    box-shadow: 0 0 1px 2px rgba(88, 144, 255, .75), 0 1px 1px rgba(0, 0, 0, .15);
    outline: 0
}

.nav {
    height: 50px;
    width: 100%;
    position: relative;
    z-index: 10;
    background: #135e9c;
    float: left;
    clear: both;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.menu-icon {
    display: none;
    color: #fff;
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-right: solid 1px #e5e5e5;
    float: left;
    text-align: center
}

.menu-icon i {
    width: 50px;
    height: 50px
}

.menu-icon i:before {
    font-size: 2.6rem;
    line-height: 50px;
    text-align: center
}

.act-sub {
    display: none;
    width: 50px;
    height: 50px;
    float: right;
    background: url(../img/sub1.png) no-repeat center;
    padding: 0;
    line-height: 40px;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    right: 0;
    border-left: 1px solid #ddd
}

.menu,
.wpmenu {
    width: 100%;
    float: left
}

.menu li {
    float: left;
    padding: 0;
    position: relative
}

.menu li a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    padding: 0 18px 0 6px;
    text-transform: uppercase;
    position: relative
}

.menu li a:before {
    position: absolute;
    right: 4px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.2rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    line-height: 50px
}
.noIcon::before {
  display: none !Important;
}

.menu li a.menuhome {
    padding: 0 10px
}

.menu li a.menuhome:before,
.menu li a.no:before {
    content: ''
}

.menu li a.menuhome i {
    font-size: 2rem;
    line-height: 50px
}

.menu li a:hover {
    color: #0283df;
    background: #f5f9fa
}

.menu li:hover>a {
    color: #0283df;
    background: #f5f9fa
}

.menu li ul {
    display: none;
    background: #fff;
    position: absolute;
    z-index: 10;
    top: 50px;
    left: 0;
    width: 600px;
    border: 1px solid #ddd
}

.menu li div.int {
    display: none;
    background: #fff;
    position: absolute;
    z-index: 10;
    top: 50px;
    left: -231px;
    border: 1px solid #ddd;
    width: 600px
}

.menu li div.int img {
    border-top: 5px solid #fff;
    border-right: 5px solid #fff;
    float: right;
    width: 379px
}

.menu li div a {
    width: 190px;
    display: block;
    clear: both;
    color: #666;
    text-transform: none;
    padding: 0 10px;
    float: left;
    clear: both
}

.menu li div a:before {
    content: ''
}

.menu li div a.a1 {
    font-size: 18px;
    font-weight: 400
}

.menu li div.divin {
    width: 210px;
    float: left;
    clear: left;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 224px;
    overflow-y: auto
}

.menu li div.divin a {
    line-height: 32px;
    padding: 0 10px;
    width: 190px
}

.menu li:hover div.int {
    display: block;
    animation: menu .5s
}

.menu li div.divin::-webkit-scrollbar {
    width: 5px
}

.menu li div.divin::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.menu li div.divin::-webkit-scrollbar-thumb {
    background: #666;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

.menu li div.divin::-webkit-scrollbar-thumb:window-inactive {
    background: #666
}

.menu li ul.col1 {
    width: 200px
}

.menu li ul.col2 {
    width: 400px
}

.menu li ul.col4 {
    width: 800px;
    left: -350px
}

.menu li ul li {
    width: 200px;
    float: left;
    position: relative
}

.menu li ul li a {
    padding: 0 10px;
    line-height: 36px;
    background: #fff;
    color: #666;
    font-weight: 700;
    font-size: 12px;
    display: block;
    border-bottom: 1px solid #ddd;
    text-transform: none
}

.menu li ul li a:before {
    content: ''
}

.menu li.llevel ul li a:before {
    position: absolute;
    right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.2rem;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    line-height: 36px
}

.menu li.llevel ul li ul li a:before {
    content: ''
}

.menu li:hover>ul {
    display: block;
    animation: menu .5s
}

.menu li ul li ul {
    display: none;
    position: absolute;
    top: -1px;
    left: 200px
}

.menu li ul li:hover ul {
    display: block;
    animation: menu2 .5s
}

.menu li.cont {
    float: right
}

.menu li.cont a {
    border-left: 1px solid #d5efea
}

.menu li.cont a:hover {
    background: #0b78b1;
    color: #fff
}

.menu li.cont i {
    color: #fff !important;
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 32px;
    border-radius: 100px;
    border: 2px solid #fff;
    margin: 8px 8px 0 0
}

.menu li.cont i:before {
    font-size: 1rem !important
}

.menu li.cont:hover i {
    color: #fff !important;
    border: 2px solid #fff
}

.menu li.menu_ass {
    float: right
}

.menu li.menu_ass a {
    line-height: 34px;
    margin: 8px 8px 0 0;
    border-radius: 4px;
    background: #f47502;
    color: #000;
    text-transform: none;
    font-weight: 400;
    display: inline-block
}

.menu li.menu_ass a:hover {
    background: #2fd8b7;
    color: #fff
}

.menu li.last {
    border-right: 1px solid #fff
}

span.new {
    display: block;
    line-height: 14px;
    text-align: center;
    background: red;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 9px;
    font-weight: 700;
    padding: 0 5px;
    border-radius: 2px;
    text-transform: capitalize
}

@keyframes menu {
    0% {
        opacity: .5;
        top: 45px
    }

    100% {
        opacity: 1;
        top: 50px
    }
}

@keyframes menu2 {
    0% {
        opacity: 0;
        top: 36px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

.call-phone {
    display: none;
    line-height: 50px;
    padding: 0 10px 0 0;
    color: #fff;
    float: left;
    border-right: 1px solid #e5e5e5;
    text-align: center
}

.call-phone i {
    height: 50px;
    line-height: 50px;
    float: left;
    margin: 0 5px 0 0
}

.call-phone i:before {
    font-size: 1.8rem
}

.supportmb {
    display: none;
    line-height: 50px;
    padding: 0 10px 0 0;
    margin: 0 10px;
    color: #fff;
    cursor: pointer;
    border-right: solid 1px #e5e5e5;
    float: left;
    text-align: center
}

.supportmb i {
    height: 50px;
    line-height: 50px;
    float: left;
    margin: 0 5px 0 0
}

.supportmb i:before {
    font-size: 1.8rem
}

.abmb {
    display: none;
    line-height: 50px;
    padding: 0 10px 0 0;
    color: #fff;
    float: left;
    border-right: 1px solid #e5e5e5;
    text-align: center
}

.abmb i {
    height: 50px;
    line-height: 50px;
    float: left;
    margin: 0 5px 0 0
}

.spheader {
    display: none;
    width: 94%;
    font-size: 18px;
    color: #0d509d;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    padding: 0 3%;
    background: #f1f1f1;
    position: relative;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.spheader span {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #e5e5e5;
    display: block;
    line-height: 50px;
    padding: 0 20px;
    color: #0d509d;
    cursor: pointer
}

.hotline {
    line-height: 36px;
    height: 36px;
    border-radius: 20px;
    padding: 0 10px 0 52px;
    position: fixed;
    z-index: 99999;
    left: 10px;
    bottom: 20px;
    transform: translateY(-50%);
    background: #fe6a08;
    font-weight: 700;
    color: #fff
}

.hotline i {
    width: 42px;
    height: 42px;
    display: block;
    border-radius: 100%;
    border: 2px solid #fff;
    background: #fe6a08;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    line-height: 36px;
    float: left;
    margin: -6px 0 0 -52px
}

.wpslide {
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.wpslide img {
    width: 100%;
    height: 500px
}

ul.bjqs {
    position: relative;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none
}

li.bjqs-slide {
    position: absolute;
    display: none
}

ul.bjqs-controls {
    margin: 0;
    padding: 0;
    z-index: 5
}

ul.bjqs-controls.v-centered li a {
    position: absolute;
    padding: 10px 15px;
    background: rgba(0, 0, 0, .3);
    color: #fff;
    border-radius: 3px
}

ul.bjqs-controls.v-centered li a:hover {
    background: #fff;
    color: #000
}

ul.bjqs-controls.v-centered li.bjqs-next a {
    right: 10px
}

ul.bjqs-controls.v-centered li.bjqs-prev a {
    left: 10px
}

ol.bjqs-markers {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: none !important
}

ol.bjqs-markers.h-centered {
    text-align: center
}

ol.bjqs-markers li {
    display: inline;
    margin: 0 5px
}

ol.bjqs-markers li a {
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #fff;
    color: #fff;
    border-radius: 20px;
    text-indent: -10000px
}

ol.bjqs-markers li a:hover {
    background: #1ca0fe
}

.active-marker a {
    background: #0283de !important
}

p.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
    z-index: 10
}

.iconsearch {
    display: none;
    width: 60px;
    height: 50px;
    position: absolute;
    right: 0;
    cursor: pointer;
    color: #fff;
    line-height: 50px
}

.iconsearch i {
    width: 60px;
    height: 50px;
    text-align: center
}

.iconsearch i:before {
    font-size: 2.62.6rem
}

.search-ct {
    width: 100%;
    margin: 0 auto;
    position: relative
}

.wpsh {
    width: 600px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .4);
    padding: 10px;
    position: absolute;
    top: -460px;
    left: 90px;
    float: left
}

.wpsearch {
    float: left;
    padding: 15px 15px 14px;
    border-radius: 10px;
    background: #256296
}

.wpsearch li {
    width: 275px;
    float: left;
    margin: 0 20px 0 0;
    position: relative
}

.wpsearch li.live_eff {
    width: 100%;
    margin: 0
}

.wpsearch li.search-last {
    margin: 0
}

.wpsearch label {
    display: block;
    font-size: 13px;
    padding: 13px 0 4px;
    font-weight: 700;
    color: #e5e5e5
}

.wpsearch select {
    width: 100%;
    height: auto;
    padding: 6px;
    margin: .1em 0;
    display: inline-block;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    overflow: visible;
    -webkit-transition: border linear .8s, box-shadow linear .8s;
    -moz-transition: border linear .8s, box-shadow linear .8s;
    transition: border linear .8s, box-shadow linear .8s
}

.wpsearch input[type=text] {
    width: 556px;
    height: 26px;
    padding: 6px;
    margin: .1em 0;
    display: inline-block;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    overflow: visible;
    -webkit-transition: border linear .8s, box-shadow linear .8s;
    -moz-transition: border linear .8s, box-shadow linear .8s;
    transition: border linear .8s, box-shadow linear .8s
}

.wpsearch input[type=submit] {
    width: 100%;
    height: 50px;
    margin: 13px 0 0;
    clear: both;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    background: #f47502;
    border-bottom: 3px solid #0863a2;
    border-radius: 4px;
    cursor: pointer
}

.wpsearch input[type=submit]:hover {
    background: #0d90ec
}

.wpsearch input[type=submit]:active {
    background: #0863a2
}

.wpsearch input[type=submit].submit1 {
    width: 100%;
    height: 50px;
    margin: 13px 0 0;
    clear: both;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    background: #0283de;
    border-bottom: 3px solid #194993;
    border-radius: 4px;
    cursor: pointer
}

.wpsearch input[type=submit].submit1:hover {
    background: #0d90ec
}

.wpsearch input[type=submit].submit1:active {
    background: #0863a2
}

.wpsearch input[type=submit].submit2 {
    border-bottom: 3px solid #5b9d06;
    background: #6eb610
}

.wpsearch input[type=submit].submit2:hover {
    background: #79ce0c
}

.wpsearch input[type=submit].submit2:active {
    background: #5b9d06
}

.wpsearch input[type=submit].submit3 {
    border-bottom: 3px solid #ff9100;
    background: #fca903
}

.wpsearch input[type=submit].submit3:hover {
    background: #febe6a
}

.wpsearch input[type=submit].submit3:active {
    background: #ff9100
}

.wpsearch input[type=submit].submit4 {
    border-bottom: 3px solid #db8908;
    background: #ee960a
}

.wpsearch input[type=submit].submit4:hover {
    background: #fa9e0c
}

.wpsearch input[type=submit].submit4:active {
    background: #db8908
}

.search-bar {
    display: none;
    width: 94%;
    font-size: 18px;
    color: #0d509d;
    font-weight: 700;
    line-height: 50px;
    text-transform: uppercase;
    padding: 0 3%;
    background: #f1f1f1;
    position: relative;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.search-bar span {
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #e5e5e5;
    display: block;
    line-height: 50px;
    padding: 0 20px;
    color: #0d509d;
    cursor: pointer
}

.ms {
    width: 97.8%;
    display: block;
    padding: 10px 1%;
    line-height: 20px;
    border-radius: 4px;
    margin: 10px 0 0;
    border: 1px solid #95bb26;
    background: #f7ffe1;
    color: #360;
    text-align: center;
    clear: both
}

.ms b {
    color: #e93d40
}

.ms a {
    color: #0283df
}

.ms a:hover {
    color: #e93d40
}
.innersub {
  background: rgba(0, 0, 0, 0) url("../img/banner-inner.jpg") no-repeat scroll center center / cover ;
  clear: both;
  float: left;
  height: 225px;
  margin: -5px 0 0;
  position: relative;
  width: 100%;
}

.tips2 {
    width: 100%;
    padding: 10px 0;
    background: #e5e5e5;
    clear: both;
    margin: 0;
    float: left
}

.wpsearch2 {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  border-radius: 4px 4px 0 0;
  float: left;
  height: 150px;
  margin: 35px 0 0;
  padding: 20px 2%;
  width: 96%;
}

.wpsearch2 li {
    width: 24.25%;
    float: left;
    margin: 0 1% 0 0
}

.wpsearch2 li.searchlast {
    margin: 0;
    float: right
}

.wpsearch2 select {
    width: 98%;
    height: auto;
    padding: 6px 1%;
    margin: 0 0 15px;
    display: inline-block;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    overflow: visible;
    -webkit-transition: border linear .8s, box-shadow linear .8s;
    -moz-transition: border linear .8s, box-shadow linear .8s;
    transition: border linear .8s, box-shadow linear .8s
}

.wpsearch2 input[type=text] {
    width: 98%;
    padding: 7px 1%;
    margin: 0;
    display: inline-block;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    overflow: visible;
    -webkit-transition: border linear .8s, box-shadow linear .8s;
    -moz-transition: border linear .8s, box-shadow linear .8s;
    transition: border linear .8s, box-shadow linear .8s
}

.wpsearch2 input[type=submit] {
    width: 100%;
    height: 38px;
    margin: 10px 0 0;
    clear: both;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    background: #6eb610;
    border-bottom: 3px solid #5b9d06;
    border-radius: 4px;
    cursor: pointer
}

.wpsearch2 input[type=submit]:hover {
    background: #79ce0c
}

.wpsearch2 input[type=submit]:active {
    background: #5b9d06
}

.wpsearch2 span.span {
    float: left;
    color: #b6fd5a;
    font-size: 13px;
    font-weight: 700
}

.stitle {
    font-size: 30px;
    font-weight: 400;
    padding: 5px 0;
    text-align: center
}

.footmenu {
    width: 85.71428571428571%;
    float: left
}

.footmenu h4 {
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 4px 0;
    font-size: 16px
}

.footmenu li {
    width: 16.66666666666667%;
    float: left
}

.footmenu li a {
    color: #fff;
    line-height: 24px;
    font-size: 12px
}

.footmenu li a:hover {
    color: #fff;
    text-decoration: underline
}

.footlast {
    float: right;
    width: 14.28571428571429%
}

.footlast h4 {
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 4px 0;
    font-size: 16px
}

.footlast a {
    clear: both;
    float: left;
    color: #fff;
    line-height: 24px
}

.footlast a:hover {
    color: #fff;
    text-decoration: underline
}

address {
    width: 50%;
    float: left;
    clear: both;
    color: #fff;
    font-style: normal;
    display: block;
    line-height: 20px;
    padding: 20px 0 0
}

address strong {
    color: #fff;
    font-size: 16px
}

address strong a {
    color: #fff
}

address a {
    color: #fff
}

address a:hover {
    text-decoration: underline
}

.topsite {
    width: 99%;
    padding: 10px .5%;
    position: relative;
    z-index: 11;
    background: rgb(255, 255, 255, .65);
    float: left
}

.topfrm {
    float: right
}

.topfrm input[type=text] {
    float: left;
    height: 28px;
    padding: 0 5px;
    border: 1px solid #cdcdcd;
    background: #fff
}

.topfrm button {
    border: 1px solid transparent;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    height: 30px;
    margin: 0;
    outline: 0;
    padding: 0 0;
    width: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #4285f4;
    background: -webkit-linear-gradient(top, #4387fd, #4683ea);
    background: linear-gradient(top, #4387fd, #4683ea);
    color: #fff;
    cursor: pointer
}

.topleft {
    float: left;
    display: block;
    line-height: 30px;
    color: #666
}

.topleft p {
    float: left;
    margin: 0 20px 0 0
}

.ofplug {
    float: right;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    background: #e5e5e5;
    border-radius: 2px;
    margin: 0 10px 0 0;
    cursor: pointer
}

.ofplug:hover {
    background: #d9d6d6
}

.ofplug i {
    height: 30px;
    width: 30px;
    display: block;
    line-height: 30px;
    float: left;
    font-size: 1.8rem
}

.ofplug span.spannum {
    color: #fff;
    background: #f47502;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin: 5px 0 0 0;
    font-size: 12px;
    font-weight: 700
}

.frmcontact li {
    float: left;
    width: 100%;
    clear: both
}

.frmcontact input[type=tel],
.frmcontact input[type=text],
.frmcontact select {
    width: 98%;
    height: 38px;
    padding: 0 1%;
    margin: 0 0 10px 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    font-size: 16px7
}

.frmcontact select {
    width: 100%;
    height: 40px;
    margin: 0 0 10px 0
}

.frmcontact textarea {
    width: 97.8%;
    height: 60px;
    padding: 1%;
    margin: 0 0 10px 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    font-size: 16px;
    //font-family: Arial, Helvetica, sans-serif
}

.frmcontact button {
    background: none repeat scroll 0 0 #08b4df;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    margin: 10px 0 0 0;
    padding: 16px 0;
    width: 100%
}

.frmcontact button:hover {
    background-color: #0492b6;
    cursor: pointer
}

.frmcontact img {
    float: left;
    margin: 0 10px 0 0
}

.contact-capt {
    width: 32% !important;
    float: left;
    margin: 0 10px 0 0 !important
}

.wpkirim {
    display: none;
    width: 50%;
    left: 25%;
    top: 0;
    padding: 0;
    position: fixed;
    z-index: 999;
    background: #fff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 25px #000;
    -webkit-box-shadow: 0 0 25px #000;
    box-shadow: 0 0 25px #000;
    float: left;
    overflow: hidden;
    cursor: move
}

.wpkirim_comp {
    display: none;
    width: 40%;
    padding: 0 1% 1% 1%;
    position: fixed;
    z-index: 999;
    background: #fff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 25px #000;
    -webkit-box-shadow: 0 0 25px #000;
    box-shadow: 0 0 25px #000;
    float: left;
    overflow: hidden;
    left: 30%;
    top: 10%;
    cursor: move
}

.quick_body {
    width: 94%;
    padding: 15px 3%;
    float: left
}

.kirim-action {
    padding: 10px 0 0 0;
    clear: both
}

.kirim-button {
    background: none repeat scroll 0 0 #08b4df;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    margin: 0 auto;
    padding: 12px 30px
}

.kirim-button:hover {
    background-color: #0492b6;
    cursor: pointer
}

.close-kirim {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 28px;
    //font-family: Arial, Baskerville, monospace;
    background: 0 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px
}

.close-kirim:active {
    box-shadow: 0 0 1px 2px rgba(88, 144, 255, .75), 0 1px 1px rgba(0, 0, 0, .15);
    outline: 0
}

.kirim-head {
    font-size: 24px;
    color: #1f5ca9;
    padding: 0 0 5px 0
}

.kirim-title-top {
    width: 100%;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid #dddfe2;
    text-align: center;
    background: #f6f7f9
}

.ctadd {
    width: 100%;
    display: block;
    line-height: 14px;
    line-height: 20px
}

.ctadd span {
    color: #f30
}

.send-status {
    background: #135eb3 url(../img/ajax-loader.gif) no-repeat 10% 8px !important
}

.footplug {
    width: 50%;
    float: left;
    margin: 20px 0 0
}

.footplug h4 {
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 4px 0;
    font-size: 16px
}

.social-icons {
    width: 100%
}

.social-icons a {
    width: 42px;
    height: 42px;
    float: left;
    display: block;
    margin: 0 5px 0 0;
    color: #fff
}

.social-icons a .i:before {
    font-size: 2.6rem
}

.social-icons a:hover {
    color: #00ff90
}

.shome {
    width: 74%;
    padding: 10px 0 0;
    float: left;
    position: relative
}

.msh {
    width: 100%;
    clear: both;
    display: block;
    font-size: 14px;
    padding: 20px 0;
    line-height: 22px
}

.msh h2 {
    font-size: 16px;
    line-height: normal;
    padding: 0 0 5px 0;
    color: #0c86c6;
    text-transform: uppercase
}

.tips {
    width: 100%;
    padding: 10px 0;
    margin: 0 0 10px 0;
    background: #e5e5e5;
    clear: both;
    border-bottom: 1px solid #ddd;
    float: left
}

.tips_dt {
    width: 100%;
    padding: 10px 0;
    clear: both;
    display: block
}

.cathome {
    display: none;
    width: 94%;
    font-size: 16px;
    color: #0d509d;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 3%;
    position: relative;
    cursor: pointer;
    float: left
}

.cathome p {
    float: left
}

.cathome i {
    float: right;
    margin: -2px 0 0 0
}

.cate {
    width: 100%;
    padding: 20px 0 10px 0;
    margin: 0 0 10px 0;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    color: #f47502;
    text-transform: uppercase;
    position: relative
}

.cate:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #f47502
}

.catea {
    padding: 0 0 10px 0
}

.toggle_sc {
    display: none
}

.cateb {
    width: 100%;
    padding: 20px 0 10px 0;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    color: #0c86c6;
    text-transform: uppercase;
    position: relative
}

.cateb:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #0c86c6
}

.top_product {
    width: 100%;
    float: left
}

.top_product li {
    width: 100%;
    float: left;
    margin: 13px 0 0;
    position: relative;
    cursor: pointer
}

.top_product li h4 {
    font-size: 16px;
    padding: 0 0 5px 0
}

.top_product li h4 a {
    color: #333
}

.top_product li h4 a:hover {
    color: #00adff
}

.top_product li p {
    font-size: 14px;
    color: #666;
    line-height: 22px;
    padding: 5px 0 0 0
}

.top_product li span {
    margin: 0
}

.breadcrumbs {
    width: 100%;
    float: left;
    padding: 0
}

.breadcrumbs span {
    font-size: 10px;
    color: #666;
    display: inline-block;
    padding: 0 5px 0 0;
    float: left
}

.breadcrumbs a {
    float: left;
    margin: 0;
    color: #666
}

.breadcrumbs a:hover,
.breadcrumbs a:hover span {
    color: #000
}

.breadhome {
    padding: 10px 0 0
}

.breadhome span {
    color: #666
}

.breadhome a {
    color: #666
}

.breadhome a:hover,
.breadhome a:hover span {
    color: #000
}

.brlst {
    width: 100%;
    float: left;
    padding: 0;
    list-style: none
}

.brlst li {
    display: inline-block;
    color: #666;
    position: relative;
    padding: 0 20px 0 0;
    float: left;
    font-size: 12px
}

.brlst li:before {
    content: "»";
    position: absolute;
    right: 6px;
    top: -1px
}
.brlst li:last-child::before {
  display: none;
      padding: 0
}
.brlst li.last {
    padding: 0
}

.brlst li.last:before {
    content: "";
    position: static
}

.brlst li a,
.brlst li h1,
.brlst li h2,
.brlst li h3 {
    font-size: 12px;
    color: #666;
    display: inline-block;
    font-weight: 400
}

.brlst a:hover {
    color: #000
}

.drda {
    margin: 10px 0
}

.count {
    clear: both;
    font-size: 14px;
    line-height: 22px
}

.count b {
    color: #0283df
}

.count b a {
    color: #0283df
}

.officelist {
    width: 100%;
    margin: 0;
    float: left
}

.officelist ul {
    width: 100%;
    float: left
}

.officelist li {
    width: 32%;
    min-height: 470px;
    float: left;
    margin: 0 1.5% 1.5% 0;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    overflow: hidden
}

.officelist li:hover {
    transition: border linear .2s, box-shadow linear .15s;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #a09d99;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #a09d99;
    background: #fcf8e3;
    border: 1px solid #fc8b15
}

.officelist li a.btncart {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s linear;
    position: absolute;
    z-index: 1;
    width: 50%;
    line-height: 36px;
    border-radius: 4px;
    background: #f47502;
    text-align: center;
    color: #fff;
    top: 150px;
    left: 50%;
    transform: translateX(-50%)
}

.officelist li a.btncart:hover {
    background: #f47502
}

.officelist li a.btncart:active {
    background: #f45702
}

.officelist li:hover>a.btncart {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s .3s, opacity .3s linear
}

.officelist li img {
    width: 100%;
    height: auto;
    display: block;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.officelist li:hover img {
    opacity: .5
}

.officelist li.last-item {
    margin: 0 0 1.5% 0
}

.officelist li a.a {
    display: block;
    position: relative;
    margin: 1%;
    background: #fff
}

.officelist li h3 {
    clear: both;
    min-height: 62px;
    line-height: 20px;
    padding: 3px 10px 0;
    font-size: 17px;
    font-weight: 500
}

.officelist li h3 a {
    color: #0283de
}

.officelist li h3 a:hover {
    color: #00adff
}

.officelist li p {
  clear: both;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  padding: 0 10px;
}

.officelist li p a {
    color: #333
}

.officelist li p a:hover {
    color: #f30;
    text-decoration: underline
}

.officelist li a.video {
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: red;
    -webkit-animation: pulsea 1s infinite;
    -moz-animation: pulsea 1s infinite;
    -o-animation: pulsea 1s infinite;
    animation: pulsea 1s infinite
}

.officelist li span.sleft {
    width: 80px;
    float: left;
    font-weight: 700
}

.officelist li span.color {
    color: #f30;
    font-size: 18px
}

.officelist li i:before {
    font-size: 1.2rem;
    width: 12px
}

.osg2 li {
    width: 23.3%;
    min-height: 470px;
    float: left;
    margin: 0 2% 2% 0;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    overflow: hidden
}

.osg2 li.last-item {
    margin: 0 0 2% 0
}

.officelist_search {
    width: 100%;
    margin: 0;
    padding: 15px 0 0;
    float: left
}

.officelist_search li {
    width: 31.7%;
    min-height: 530px;
    float: left;
    margin: 0 2% 2% 0;
    position: relative;
    border: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    border-radius: 4px;
    background: #fff;
    overflow: hidden
}

.officelist_search li img {
    width: 98%;
    height: auto;
    margin: 1%
}

.officelist_search li img:hover {
    opacity: .8
}

.officelist_search li.last-item {
    margin: 0 0 2% 0
}

.officelist_search li h3 {
    clear: both;
    min-height: 50px;
    line-height: 20px;
    padding: 3px 10px 0;
    text-transform: uppercase;
    font-weight: 500
}

.officelist_search li h3 a {
    color: #0283de
}

.officelist_search li h3 a:hover {
    color: #00adff
}

.officelist_search li p {
    padding: 10px 10px 0;
    color: #7d7d7d;
    clear: both
}

.officelist_search li a.video {
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: red;
    -webkit-animation: pulsea 1s infinite;
    -moz-animation: pulsea 1s infinite;
    -o-animation: pulsea 1s infinite;
    animation: pulsea 1s infinite
}

.officelist_search li b {
    width: 75px;
    float: left
}

.officelist_search li span.sleft {
    width: 80px;
    float: left;
    font-weight: 700
}

.officelist_search li span.color {
    color: #f30;
    font-weight: 700
}

.officelist_search li a.btncart {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s linear;
    position: absolute;
    z-index: 1;
    width: 50%;
    line-height: 36px;
    border-radius: 4px;
    background: #f47502;
    text-align: center;
    color: #fff;
    top: 220px;
    left: 50%;
    transform: translateX(-50%)
}

.officelist_search li a.btncart:hover {
    background: #f47502
}

.officelist_search li a.btncart:active {
    background: #f45702
}

.officelist_search li:hover>a.btncart {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s .3s, opacity .3s linear
}

.officelist_search li p a {
    color: #7d7d7d
}

.officelist_search li p a:hover {
    color: #f30;
    text-decoration: underline
}

.packlist {
    width: 100%;
    float: left;
    margin: 20px 0 0 0
}

.packlist li {
    width: 23.5%;
    min-height: 330px;
    float: left;
    margin: 0 2% 2% 0;
    position: relative
}

.packlist li.fix {
    margin: 0 0 2% 0
}

.packlist li img {
    width: 100%;
    display: block;
    margin: 0;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.packlist li div.price {
    width: 100%;
    height: 43px;
    line-height: 43px;
    margin: -43px 0 0 0;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 14px;
    position: relative
}

.packlist li div.price span {
    font-size: 18px;
    color: #ff0;
    font-weight: 700
}

.packlist li p {
    padding: 5px 0;
    font-size: 14px
}

.packlist li p.first {
    margin: 10px 0 0 0;
    color: #1f5fac
}

.packlist li p.first a {
    color: #0c86c6;
    font-weight: 700
}

.packlist li p.first a:hover {
    color: #00bfff
}

.packlist li p span {
    font-weight: 700;
    display: block;
    float: left;
    width: 85px
}

.packlist li p i {
    width: 13px;
    float: left;
    padding: 0 5px 0 0
}

.packlist li p a.video {
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: red;
    -webkit-animation: pulsea 1s infinite;
    -moz-animation: pulsea 1s infinite;
    -o-animation: pulsea 1s infinite;
    animation: pulsea 1s infinite
}

.packlist2 li {
    width: 32.33333333333333%;
    float: left;
    margin: 0 1.5% 1.5% 0;
    position: relative;
    overflow: hidden
}

.packlist2 li.fix2 {
    margin: 0 0 1.5% 0
}

.btn_allpack {
    width: 36%;
    clear: both;
    margin: 10px 0 30px 32%;
    display: block;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    border-radius: 4px;
    background: #2bbb9d;
    border: 1px solid #0a9276;
    border-bottom: 4px solid #0a9276
}

.btn_allpack:hover {
    background: #26b58b
}

.btn_allpack:active {
    background: #0a9276
}

.pack_detail {
    width: 100%;
    float: left;
    padding: 20px 0
}

.sy_left {
    width: 50%;
    float: left;
    position: relative
}

.sy_left img.img {
    width: 100%;
    display: block;
    margin: 0;
    position: relative
}

.abox_vid {
    display: block;
    position: relative;
    background: #000
}

.abox_vid img {
    opacity: .5
}

.abox_vid i {
    display: block;
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 4.9rem;
    line-height: 60px;
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translateX(-50%);
    transform: translateY(-50%);
    z-index: 1;
    color: red;
    border-radius: 100%;
    background: #fff
}

.abox_vid:hover i {
    color: #c00
}

.sy_right {
    width: 48.5%;
    float: right;
    background: #fff
}

.sy_right h1,
.sy_right h2 {
    font-weight: 400;
    color: #333;
    font-size: 32px;
    position: static
}

.sy_right p {
    width: 100%;
    display: block;
    padding: 8px 0;
    font-size: 14px;
    clear: both
}

.sy_right span.dtprice {
    width: auto;
    display: inline-block;
    float: none;
    color: #f30
}

.sy_right p i {
    float: left;
    margin: 0 5px 0 0;
    width: 16px
}

.sy_right a {
    color: #1f5fac;
    display: inline-block
}

.sy_right a:hover {
    color: #00bfff
}

.sy2 p {
    padding: 6px 0
}

.dtprice {
    display: block;
    width: 100%;
    clear: both;
    float: left;
    line-height: 50px;
    font-size: 36px;
    color: #ff7f00;
    position: relative;
    margin: 10px 0
}

.dtprice:before {
    content: '';
    width: 50%;
    height: 1px;
    background: #ff7f00;
    position: absolute;
    bottom: 0;
    left: 0
}

.dtprice:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ff7f00;
    position: absolute;
    bottom: -2px;
    left: 0
}

.dtprice span.m2 {
    font-size: 16px;
    padding: 6px 0 0 0
}

.dttitle {
    display: block;
    padding: 0 0 15px 0;
    font-size: 32px;
    color: #fff
}

.wppack {
    width: 72%;
    float: left
}

.pack_dt {
    width: 100%;
    padding: 20px 0 0 0;
    float: left;
    display: block;
    font-size: 14px;
    line-height: 24px;
    text-align: justify
}

.pack_dt table,
.pack_dt td,
.pack_dt th {
    border: 1px solid #ddd;
    padding: 5px 10px
}

.pack_dt table {
    margin: 10px 0 0 0
}

.pack_dt a {
    color: #1f5fac
}

.pack_dt a:hover {
    color: #00bfff;
    text-decoration: underline
}

.cmt_pack {
    margin: 20px 0 10px 0 !important;
    float: left
}

.pack_col {
    width: 26%;
    float: right
}

.other_title {
    display: block;
    font-size: 22px;
    color: #333;
    padding: 30px 0 6px 0;
    margin: 0 0 10px 0;
    position: relative;
    line-height: normal;
    clear: both
}

.other_title a {
    color: #333
}

.other_title:before {
    content: '';
    width: 50%;
    height: 1px;
    background: #333;
    position: absolute;
    bottom: 0;
    left: 0
}

.other_title:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #333;
    position: absolute;
    bottom: -2px;
    left: 0
}

.other_title_pack {
    margin: 0
}

.packlist_other {
    width: 100%;
    float: left
}

.packlist_other li {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    position: relative
}

.packlist_other li img {
    width: 100%;
    display: block;
    margin: 0;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.packlist_other li div.price {
    width: 100%;
    height: 43px;
    line-height: 43px;
    margin: -43px 0 0 0;
    text-align: center;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 14px;
    position: relative
}

.packlist_other li div.price span {
    font-size: 20px;
    color: #ff0;
    font-weight: 700
}

.packlist_other li p {
    padding: 5px 0;
    font-size: 14px
}

.packlist_other li p.first {
    margin: 10px 0 0 0;
    color: #1f5fac
}

.packlist_other li p.first a {
    color: #0c86c6;
    font-weight: 700
}

.packlist_other li p.first a:hover {
    color: #00bfff
}

.packlist_other li p span {
    font-weight: 700;
    display: block;
    float: left;
    width: 85px
}

.packlist_other li p i {
    float: left;
    padding: 0 5px 0 0
}

.packlist_other li p a.video {
    float: left;
    padding: 0 5px 0 0
}

.packlist_other li p a.video {
    float: left;
    font-size: 12px;
    font-weight: 400;
    color: red;
    -webkit-animation: pulsea 1s infinite;
    -moz-animation: pulsea 1s infinite;
    -o-animation: pulsea 1s infinite;
    animation: pulsea 1s infinite
}

.ott2 {
    font-size: 24px;
    padding: 8px 0 10px 0
}

.icomp {
    width: 96%;
    clear: both;
    float: left;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 10px 2%;
    color: #0c86c6;
    font-weight: 700;
    background: #e5e5e5;
    line-height: 20px
}
.icomp a {
    color: #0c86c6;
}

.icomp span {
    width: 16px;
    height: 16px;
    border: 2px solid #0c86c6;
    display: inline-block;
    font-weight: 700;
    color: #090;
    cursor: pointer;
    line-height: 16px;
    border-radius: 3px;
    float: left;
    margin: 0 5px 0 0;
    text-align: center
}

.icomp span.active_comp,
.icomp span:hover {
    border: 2px solid #090
}

.complist {
    width: 100%;
    float: left
}

.complist li {
    width: 100%;
    float: left;
    clear: both;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
    position: relative
}

.complist li img {
    width: 14%;
    float: left;
    margin: 0 15px 0 0
}

.complist li h3 {
    font-size: 14px
}

.complist li h3 a {
    color: #2e76c8
}

.complist li h3 a:hover {
    color: #fe6a08
}

.complist li p {
    padding: 10px 0 0 0
}

.complist li span.trash {
    font-size: 1.8rem;
    width: 50px;
    height: 50px;
    display: block;
    color: red;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    cursor: pointer;
    border-radius: 100%
}

.complist li span.trash:hover {
    color: #2e76c8
}

.complist li span.trash:active {
    background: #e5e5e5
}

a.acomp {
    float: right;
    margin: 15px 0 0 0;
    border-radius: 4px;
    background: #5dc3f3;
    border: 0;
    border-bottom: 5px solid #16a7eb;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    cursor: pointer
}

a.acomp:hover {
    background: #5dd5f3
}

a.acomp:active {
    background: #16a7eb;
    border-bottom: 5px solid #16a7eb
}

.ofcomp {
    float: right;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    background: #e5e5e5;
    border-radius: 2px;
    margin: 0 10px 0 0;
    cursor: pointer
}

.ofcomp:hover {
    background: #d9d6d6
}

.ofcomp i {
    height: 30px;
    width: 30px;
    display: block;
    line-height: 30px;
    float: left;
    font-size: 1.8rem
}

.ofcomp span.spannum {
    color: #fff;
    background: #f47502;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin: 5px 0 0 0;
    font-size: 12px;
    font-weight: 700
}

.other-office li {
    width: 99.8%;
    clear: both;
    border-radius: 4px;
    border: 1px dotted #ddd;
    padding: 0 0 50px 0;
    margin: 10px 0 0 0;
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative
}

.other-office li:hover {
    transition: border linear .2s, box-shadow linear .15s;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #a09d99;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #a09d99;
    background: #fcf8e3;
    border: 1px solid #fc8b15
}

.other-office li a.video {
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: red;
    -webkit-animation: pulsea 1s infinite;
    -moz-animation: pulsea 1s infinite;
    -o-animation: pulsea 1s infinite;
    animation: pulsea 1s infinite
}

.other-office li img {
    width: 100%;
    display: block;
    margin: 0;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.other-office li:hover img {
    opacity: .5
}

.other-office h3 {
    font-size: 16px;
    font-weight: 400;
    padding: 10px 10px 5px 10px
}

.other-office h3 a {
    color: #0283de
}

.other-office h3 a:hover {
    color: #00adff;
    text-decoration: underline
}

.other-office p {
    display: block;
    clear: both;
    padding: 6px 10px
}

.other-office p span.color {
    width: auto;
    color: red;
    float: none;
    display: inline-block;
    font-size: 18px
}

.other-office li a.a {
    display: block;
    background: #2d76ca
}

.other-office li a.btncart {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s linear;
    position: absolute;
    z-index: 1;
    width: 50%;
    line-height: 36px;
    border-radius: 4px;
    background: #f47502;
    text-align: center;
    color: #fff;
    top: 150px;
    left: 50%;
    transform: translateX(-50%)
}

.other-office li a.btncart:hover {
    background: #f47502
}

.other-office li a.btncart:active {
    background: #f45702
}

.other-office li:hover>a.btncart {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s .3s, opacity .3s linear
}

.other-office li p a {
    color: #333
}

.other-office p a:hover {
    color: #f30;
    text-decoration: underline
}

.cart_status {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    display: none
}

.cart_status p {
    padding: 0 0 10px 0;
    color: #fff
}

.cart_status a {
    color: #034062;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 12px;
    border-radius: 4px;
    background: #fff
}

.cart_status a:hover {
    color: #fff;
    background: #00dbfc
}

.namecart {
    width: 100%;
    display: block;
    padding: 15px 0 0 0;
    color: #333;
    clear: both;
    font-size: 30px;
    font-weight: 400;
    position: static
}

.nocart {
    width: 100%;
    padding: 20px 0;
    display: block;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    clear: both
}

.nocart a {
    color: #3385d6;
    text-decoration: underline
}

.tabcart {
    width: 100%;
    clear: both;
    margin: 20px 0 0 0
}

.tabcart table,
.tabcart table td,
.tabcart table th {
    border: 1px solid #e5e5e5;
    padding: 6px
}

.tabcart table th {
    font-size: 16px;
    padding: 10px 6px;
    background: #f5f5f5
}

.tabcart table tr {
    position: relative
}

.tabcart img {
    width: 100%;
    cursor: zoom-in;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    display: block
}

.tabcart h3 {
    font-size: 16px
}

.tabcart h3 a {
    color: #2e76c8
}

.tabcart h3 a:hover {
    color: #fe6a08
}

.tabcart p.cadd {
    display: block;
    padding: 10px 0 0 0
}

.tabcart a.decart {
    color: red;
    font-size: 20px;
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    line-height: 50px
}

.tabcart a.decart:hover {
    color: #2e76c8
}

.tabcart a.decart:active {
    background: #e5e5e5
}

.tabcart input[type=text] {
    width: 98%;
    height: 38px;
    padding: 0 1%;
    margin: 0 0 10px 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    font-size: 16px7
}

.cart_control {
    float: right;
    margin: 10px 0 0 0
}

.cart_control a,
.cart_control button {
    float: left;
    border-radius: 4px;
    background: #f47502;
    border: 0;
    border-bottom: 5px solid #e38805;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    margin: 0 0 0 10px;
    cursor: pointer
}

.cart_control a:hover,
.cart_control button:hover {
    background: #ffb400
}

.cart_control a:active,
.cart_control button:active {
    background: #ff9600;
    border-bottom: 3px solid #ff9600
}

.cart_control a.btn2,
.cart_control button.btn2 {
    background: #5dc3f3;
    border: 0;
    border-bottom: 5px solid #16a7eb
}

.cart_control a.btn2:hover,
.cart_control button.btn2:hover {
    background: #5dd5f3
}

.cart_control a.btn2:active,
.cart_control button.btn2:active {
    background: #16a7eb;
    border-bottom: 3px solid #16a7eb
}

.tabcompare {
    width: 100%;
    clear: both;
    margin: 20px 0 0 0;
    font-size: 14px
}

.tabcompare table,
.tabcompare table td,
.tabcompare table th {
    border: 1px solid #e5e5e5;
    padding: 10px 6px
}

.tabcompare table th {
    font-size: 16px;
    padding: 6px;
    background: #fdfdfd;
    position: relative
}

.tabcompare table tr:hover {
    background: #f5f5f5
}

.tabcompare img {
    width: 100%;
    display: block;
    cursor: zoom-in;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in
}

.tabcompare h3 {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    padding: 10px 0 0 0
}

.tabcompare h3 a {
    color: #2e76c8
}

.tabcompare h3 a:hover {
    color: #fe6a08
}

a.clear_comp {
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
    color: #fff;
    background: red;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0 0 4px
}

a.clear_comp:hover {
    background: #f11616
}

.head_com {
    font-size: 24px;
    padding: 110px 0 0 0;
    text-align: center;
    display: block;
    background: url(../img/compare.png) no-repeat top center
}

a.btn_com {
    display: block;
    border-radius: 4px;
    background: #5dc3f3;
    border: 0;
    border-bottom: 5px solid #16a7eb;
    color: #fff;
    font-size: 16px;
    padding: 10px 20px;
    margin: 0 0 0 10px;
    cursor: pointer
}

a.btn_com:hover {
    background: #5dd5f3
}

a.btn_com:active {
    background: #16a7eb;
    border-bottom: 3px solid #16a7eb
}

.str_th {
    width: 100%;
    float: left
}

.str_th h3 {
    font-size: 20px;
    font-weight: 400;
    color: #ff7f00;
    position: relative;
    padding: 0 0 10px 0
}

.str_th h3:after {
    content: "";
    height: 2px;
    background: #ff7f00;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30%
}

.str_th h3 a {
    color: #ff7f00
}

.str_th ul {
    width: 100%;
    float: left
}

.str_th ul li {
    width: 32%;
    padding: 0 0 60px 0;
    margin: 2% 1.5% 0 0;
    float: left;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    overflow: hidden
}

.str_th ul li.fix {
    margin: 2% 0 0 0
}

.str_th ul li:hover {
    transition: border linear .2s, box-shadow linear .15s;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #a09d99;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #a09d99;
    background: #fcf8e3;
    border: 1px solid #fc8b15
}

.str_th ul li img {
    width: 100%;
    display: block;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.str_th ul li:hover img {
    opacity: .5
}

.str_th ul li h6 {
    padding: 0 10px
}

.str_th ul li h6 {
    font-size: 16px
}

.str_th ul li h6 a {
    color: #0283de;
    font-weight: 400
}

.str_th ul li h6 a:hover {
    color: #00adff
}

.str_th p {
    display: block;
    clear: both;
    padding: 6px 10px;
    line-height: normal
}

.str_th p span.color {
    width: auto;
    color: red;
    float: none;
    display: inline-block;
    font-size: 18px
}

.str_th ul li a.a {
    display: inline-block;
    background: #2d76ca
}

.str_th ul li a.btncart {
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s linear;
    position: absolute;
    z-index: 1;
    width: 50%;
    line-height: 36px;
    border-radius: 4px;
    background: #f47502;
    text-align: center;
    color: #fff;
    top: 150px;
    left: 50%;
    transform: translateX(-50%)
}

.str_th ul li a.btncart:hover {
    background: #f47502
}

.str_th ul li a.btncart:active {
    background: #f45702
}

.str_th ul li:hover>a.btncart {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s .3s, opacity .3s linear
}

.str_th ul li a.video {
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: red;
    -webkit-animation: pulsea 1s infinite;
    -moz-animation: pulsea 1s infinite;
    -o-animation: pulsea 1s infinite;
    animation: pulsea 1s infinite
}

.str_th li p a {
    color: #333
}

.str_th li p a:hover {
    color: #f30;
    text-decoration: underline
}

.titlenews {
    color: #0283de;
    font-size: 30px;
    font-weight: 400;
    line-height: normal
}

.newsdate {
    color: #999;
    font-size: 11px;
    margin: 0 0 10px
}

.newsct {
    padding: 1.5% 1.5% 2% 1.5% !important
}

.newsother {
    width: 100%;
    float: left;
    margin: 5px 0 0
}

.newsother li {
    padding: 5px 0;
    clear: both
}

.newsother li a {
    color: #333;
    font-size: 14px
}

.newsother li a:hover {
    color: #00adff;
    text-decoration: underline
}

.htitle {
    font-size: 34px;
    text-align: center;
    color: #3b5998;
    font-weight: 400;
    position: relative;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    clear: both
}

.htitle:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    bottom: 0;
    left: 0
}

.htitle:after {
    content: '';
    width: 30%;
    height: 5px;
    left: 35%;
    background: #e5e5e5;
    position: absolute;
    bottom: -2px
}

.wpnews {
    width: 75%;
    margin: 0;
    padding: 10px 0 0;
    float: left
}

.newslist {
    width: 64%;
    float: left
}

.newslist li {
    width: 100%;
    margin: 0 0 30px 0;
    clear: both;
    float: left
}

.newslist li img {
    float: left;
    width: 30%;
    margin: 0 15px 0 0
}

.newslist h3 {
    display: block;
    font-size: 18px;
    font-weight: 400
}

.newslist h3 a {
    color: #0283de
}

.newslist h3 a:hover {
    color: #00adff
}

.newslist p {
    display: block;
    line-height: 24px;
    font-size: 15px
}

.newslist li.fnews img {
    width: 100%
}

.newslist li.fnews h3 {
    font-size: 24px;
    font-weight: 400;
    padding: 10px 0 0 0;
    clear: both
}

.wpbn {
    width: 34%;
    float: right
}

.blognews {
    width: 92%;
    float: left;
    background: #f4f4f4;
    border-radius: 3px;
    padding: 10px 4%
}

.blognews h3 {
    font-size: 24px;
    font-weight: 400;
    color: #000
}

.blognews ul {
    float: left
}

.blognews ul li {
    float: left;
    clear: both;
    border-top: 1px solid #ddd;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0
}

.blognews ul li a {
    font-size: 16px;
    color: #000
}

.blognews ul li a:hover {
    color: #0283de
}

.topnews {
    width: 100%;
    clear: both;
    margin: 20px 0 0 0;
    float: left
}

.topnews h3 {
    font-size: 28px;
    color: #2ab69b;
    font-weight: 400
}

.topnews ul {
    float: left
}

.topnews ul li {
    float: left;
    clear: both;
    border-top: 1px solid #ddd;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0
}

.topnews ul li a {
    font-size: 16px;
    color: #000
}

.topnews ul li a:hover {
    color: #0283de
}

.topnews img {
    float: left;
    width: 20%;
    margin: 0 10px 0 0
}

.paging {
    width: 100%;
    float: left
}

.paging a {
    display: block;
    padding: 12px 16px;
    background: #0d509d;
    color: #fff;
    margin: 2px 2px 2px 0;
    float: left;
    border-radius: 4px
}

.paging a:hover {
    background: #0f9de4;
    color: #fff
}

.paging a.first {
    border-radius: 3px 0 0 3px
}

.paging a.last {
    border-radius: 0 3px 3px 0
}

.paging a.active_page,
.paging span {
    display: block;
    padding: 12px 16px;
    background: #08c;
    color: #ff0;
    margin: 2px 2px 2px 0;
    float: left;
    font-weight: 700;
    border-radius: 4px
}

.psearch-top {
    margin: 15px 0 0
}

.getcate {
    width: 100%;
    float: left
}

.getcate li {
    float: left;
    width: 12.4125%;
    margin: 0 .1% .1% 0
}

.getcate li.fixmenu {
    margin: 0 0 .1% 0
}

.getcate li a {
    display: block;
    background: #135e9c;
    line-height: 30px;
    padding: 0 5px;
    color: #fbfbfb;
    font-size: 12px
}

.getcate li a.actcate,
.getcate li a:hover {
    background: #0f9de4;
    color: #fff
}

.getcatmb {
    width: 100%;
    float: left;
    margin: 0 0 10px
}

.catstatus {
    display: none;
    width: 99.8%;
    font-size: 20px;
    color: #0d509d;
    line-height: 50px;
    text-transform: uppercase;
    position: relative;
    border: 1px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    text-align: center;
    margin: 10px 0;
    border-radius: 4px;
    cursor: pointer;
    background: #fff url(../img/sub1.png) no-repeat 97% center
}

.catstatus2 {
    background: #fff url(../img/sub2.png) no-repeat 97% center
}

div.sc_menu {
    position: relative;
    overflow: auto;
    max-width: 1180px;
    min-width: 1180px;
    height: 30px
}

ul.sc_menu {
    display: block;
    width: 3200px;
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    height: 30px
}

.sc_menu li {
    display: block;
    float: left
}

.sc_menu a {
    display: block;
    //font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    padding: 0 16px 0 0;
    line-height: 30px
}

.sc_menu .active a,
.sc_menu a:hover {
    font-size: 30px;
    color: #0283de
}

.content-inner {
    width: 74%;
    margin: 10px 0 0;
    float: left;
    position: relative
}

.colunm {
    width: 24%;
    float: right;
    margin: 10px 0 0;
    position: relative
}

.margin0 {
    margin: 0
}

.aside {
    width: 99.8%;
    float: left;
    margin: 0 0 15px;
    border: 1px solid #135e9c;
    background: #fff;
    border-radius: 4px;
    overflow: hidden
}

.aside h5 {
    font-size: 13px;
    color: #fff;
    display: block;
    padding: 14px 5%;
    background: #135e9c;
    text-transform: uppercase;
    position: relative
}

.aside h5:before {
    content: "";
    width: 50px;
    text-align: center;
    position: absolute;
    right: 0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.aside li {
    width: 100%;
    clear: both
}

.aside li a {
    display: block;
    color: #666;
    padding: 5px 5%;
    border-top: 1px solid #ddd;
    line-height: 22px
}

.aside li a:hover {
    color: #0283df;
    text-decoration: underline;
    background: #f5f9fa
}

.aside span {
    color: #0283df
}

.scroll-items {
    overflow: auto;
    max-height: 890px;
}

.scroll-dsc {
    overflow: hidden;
    height: 65px
}

.showhide {
    width: 100%;
    text-align: right;
    float: right;
    cursor: pointer;
    color: #09f;
    padding: 0 18px 0 0;
    margin: 5px 0 0 0;
    background: url(../img/show.png) no-repeat 100% 0
}

.showhide:hover {
    color: #ff6907;
    text-decoration: underline
}

.hide-class {
    background: url(../img/hide.png) no-repeat right center
}

.autoheight {
    height: auto !important
}

.scroll-ward {
    overflow: auto;
    height: 330px
}

.aside li a.new-project {
    display: block;
    line-height: initial;
    color: #666;
    padding: 8px 5% 8px 36px;
    border-top: 1px solid #ddd;
    background: url(../img/new.gif) no-repeat left center
}

.artdetail {
    width: 100%;
    padding: 0;
    float: left;
    background: #fff;
    display: block;
    position: relative;
    overflow: hidden
}

.entry-header {
    width: 100%;
    float: left;
    display: block;
    color: #666;
    margin: 10px 0
}

.entry-header .divimg {
    width: 50%;
    float: left;
    position: relative
}

.entry-header .divimg img.img {
    width: 100%;
    height: auto;
    display: block;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.dtright {
    width: 48.5%;
    float: right
}

.entry-header h2 {
    font-size: 20px;
    font-weight: 400;
    color: #2e76c8
}

.entry-header p {
    padding: 8px 0 0 0;
    font-size: 14px
}

.entry-header p a {
    color: #666
}

.entry-header p a:hover {
    color: #fe6a08;
    text-decoration: underline
}

.entry-header p.price {
    padding: 0;
    font-size: 36px;
    color: #fe6a08
}

.entry-header span.sleftusd {
    font-size: 16px
}

.entry-header span.spleft {
    width: 180px;
    display: inline-block;
    font-weight: 700
}

.entry-header span.spleft i {
    display: block;
    float: left;
    width: 16px;
    margin: 0 5px 0 0
}

.entry-header span.spleft2 {
    width: 120px
}

.entry-header span.fee {
    color: #fe6a08
}

.pfee {
    width: 100%;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #000
}

.fiper {
    width: 50%;
    float: left
}

.btbt {
    border-bottom: 1px solid #ddd;
    padding: 11px 0 !important
}

.itemp-prop {
    width: 100%;
    float: left;
    clear: both;
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 15px 0
}

.itemp-prop a {
    color: #1f5fac
}

.itemp-prop a:hover {
    color: #00bfff;
    text-decoration: underline
}

.sp-tools {
    width: 48.5%;
    float: right;
    margin: 18px 0 0 0
}

.sp-tools a {
    padding: 10px 30px;
    border-radius: 50px;
    float: left;
    margin: 0 10px 0 0
}

.sp-tools a.btnaddcart,
.sp-tools a.btnlc,
.sp-tools a.btnsp {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    //font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    padding: 12px 20px;
    text-decoration: none
}

.sp-tools a.btnaddcart:active,
.sp-tools a.btnlc:active,
.sp-tools a.btnsp:active {
    position: relative;
    top: 1px
}

.sp-tools a.btnsp {
    -moz-box-shadow: 0 10px 14px -7px #666;
    -webkit-box-shadow: 0 10px 14px -7px #666;
    box-shadow: 0 10px 14px -7px #666;
    background: linear-gradient(#ff9100 5%, #f70 100%) #ff9100;
    border-radius: 4px
}

.sp-tools a.btnsp:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f70), color-stop(1, #ff9100));
    background: -moz-linear-gradient(top, #f70 5%, #ff9100 100%);
    background: -webkit-linear-gradient(top, #f70 5%, #ff9100 100%);
    background: -o-linear-gradient(top, #f70 5%, #ff9100 100%);
    background: -ms-linear-gradient(top, #f70 5%, #ff9100 100%);
    background: linear-gradient(to bottom, #f70 5%, #ff9100 100%);
    background-color: #f70
}

.sp-tools a.btnlc {
    -moz-box-shadow: 0 10px 14px -7px #666;
    -webkit-box-shadow: 0 10px 14px -7px #666;
    box-shadow: 0 10px 14px -7px #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #7acc29), color-stop(1, #66a626));
    background: -moz-linear-gradient(top, #7acc29 5%, #66a626 100%);
    background: -webkit-linear-gradient(top, #7acc29 5%, #66a626 100%);
    background: -o-linear-gradient(top, #7acc29 5%, #66a626 100%);
    background: -ms-linear-gradient(top, #7acc29 5%, #66a626 100%);
    background: linear-gradient(to bottom, #7acc29 5%, #66a626 100%);
    background-color: #7acc29;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 #5b8a3c
}

.sp-tools a.btnlc:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #66a626), color-stop(1, #7acc29));
    background: -moz-linear-gradient(top, #66a626 5%, #7acc29 100%);
    background: -webkit-linear-gradient(top, #66a626 5%, #7acc29 100%);
    background: -o-linear-gradient(top, #66a626 5%, #7acc29 100%);
    background: -ms-linear-gradient(top, #66a626 5%, #7acc29 100%);
    background: linear-gradient(to bottom, #66a626 5%, #7acc29 100%);
    background-color: #66a626
}

.sp-tools a.btnaddcart {
    margin: 0;
    -moz-box-shadow: 0 10px 14px -7px #666;
    -webkit-box-shadow: 0 10px 14px -7px #666;
    box-shadow: 0 10px 14px -7px #666;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #2e75ca), color-stop(1, #3672b9));
    background: -moz-linear-gradient(top, #2e75ca 5%, #3672b9 100%);
    background: -webkit-linear-gradient(top, #2e75ca 5%, #3672b9 100%);
    background: -o-linear-gradient(top, #2e75ca 5%, #3672b9 100%);
    background: -ms-linear-gradient(top, #2e75ca 5%, #3672b9 100%);
    background: linear-gradient(to bottom, #2e75ca 5%, #3672b9 100%);
    background-color: #2e75ca;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 #5b8a3c
}

.sp-tools a.btnaddcart:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #3672b9), color-stop(1, #2e75ca));
    background: -moz-linear-gradient(top, #3672b9 5%, #2e75ca 100%);
    background: -webkit-linear-gradient(top, #3672b9 5%, #2e75ca 100%);
    background: -o-linear-gradient(top, #3672b9 5%, #2e75ca 100%);
    background: -ms-linear-gradient(top, #3672b9 5%, #2e75ca 100%);
    background: linear-gradient(to bottom, #3672b9 5%, #2e75ca 100%);
    background-color: #3672b9
}

.wptabs {
    width: 200%;
    margin: 0 -50%;
    border-top: 1px solid #ececec;
    box-shadow: 0 13px 16px -13px rgba(0, 0, 0, .2);
    position: relative;
    background: #fff;
    float: left
}

.wptabs2 {
    width: 1180px;
    margin: 0 auto
}

.statools {
    float: right;
    margin: 7px 0 0 0
}

.statools a {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 20px;
    border-radius: 3px;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.statools a.a1 {
    background: #7fb231
}

.statools a.a1:hover {
    background: #73a922
}

.statools a.a2 {
    background: #ff9c00
}

.statools a.a2:hover {
    background: #ea9611
}

.note {
    width: 98%;
    padding: 5px 1%;
    margin: 5px 0 10px 0;
    float: left;
    clear: both;
    background: #e1f5fe;
    color: #0288d1;
    font-size: 16px;
    line-height: 24px;
    border-radius: 4px
}

.note p {
    line-height: 50px;
    float: left;
    margin: 0 10px 0 0
}

#read_voice {
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    padding: 0 12px;
    display: inline-block;
    border-radius: 4px;
    background: #e20074;
    border: 1px solid #ad095e;
    border-bottom: 5px solid #ad095e;
    position: relative
}

#read_voice:hover {
    background: #f30f84
}

#read_voice:active {
    background: #ad095e
}

#bars {
    height: 40px;
    width: 35px;
    display: block;
    float: left
}

.bar {
    background: #fff;
    bottom: 1px;
    position: absolute;
    width: 3px;
    animation: sound 0s -.8s linear infinite alternate
}

@keyframes sound {
    0% {
        opacity: .35;
        height: 3px
    }

    100% {
        opacity: 1;
        height: 39px
    }
}

.bar:nth-child(1) {
    left: 1px;
    animation-duration: 474ms
}

.bar:nth-child(2) {
    left: 5px;
    animation-duration: 433ms
}

.bar:nth-child(3) {
    left: 9px;
    animation-duration: 407ms
}

.bar:nth-child(4) {
    left: 13px;
    animation-duration: 458ms
}

.bar:nth-child(5) {
    left: 17px;
    animation-duration: .4s
}

.bar:nth-child(6) {
    left: 21px;
    animation-duration: 427ms
}

.bar:nth-child(7) {
    left: 25px;
    animation-duration: 441ms
}

.bar:nth-child(8) {
    left: 29px;
    animation-duration: 419ms
}

.bar:nth-child(9) {
    left: 33px;
    animation-duration: 487ms
}

.bar:nth-child(10) {
    left: 37px;
    animation-duration: 442ms
}

​ .tabs-header {
    float: left
}

.tabs-header li {
    float: left
}

.tabs-header li a {
    color: #555;
    font-weight: 700;
    text-align: center;
    line-height: 50px;
    padding: 0 11px;
    display: block;
    font-size: 14px;
    border-right: 1px solid #ececec
}

.tabs-header li a i {
    font-size: 1.2rem
}

.tabs-header li a:hover {
    color: #000;
    background: #f5f5f5
}

.tabs-header li a.selected {
    color: #ff9c00;
    background: #fff !important
}

.tabcontent {
    width: 100%;
    float: left;
    display: block;
    font-size: 14px;
    line-height: 24px
}
.tabcontent p {
	margin-bottom:10px;
}
.tabcontent table,
.tabcontent table td,
.tabcontent table th {
    border: 1px solid #e5e5e5;
    padding: 6px
}

.tabcontent a {
    color: #1f5fac
}

.tabcontent a:hover {
    color: #00bfff;
    text-decoration: underline
}

.tb2 {
    padding: 30px 0 0 0
}

.title_link {
    width: 100%;
    clear: both;
    display: block;
    font-size: 32px;
    color: #000;
    font-weight: 400;
    padding: 30px 0 10px 0;
    margin: 0 0 10px 0;
    position: relative;
    line-height: normal
}

.title_link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ddd;
    bottom: 0;
    left: 0
}

.title_link:after {
    content: '';
    position: absolute;
    width: 30%;
    height: 3px;
    background: #666;
    border-radius: 10px;
    bottom: -1px;
    left: 0
}

.til {
    padding: 0 0 10px 0
}

.tb22 {
    padding: 10px 0 0 0
}

.fix_tab {
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0
}

.fix_panel {
    position: fixed
}

.box_video {
    width: 94%;
    float: left;
    margin: 0 0 15px 0;
    padding: 3%;
    background: #2ab69b;
    border-radius: 4px
}

.box_video h4 {
    font-size: 15px;
    color: #fff;
    padding: 0 0 10px 0
}

.box_video a {
    display: block;
    position: relative;
    background: #0c86c6;
    border: 1px solid #fff
}

.box_video a img {
    width: 100%;
    display: block;
    margin: 0 auto;
    opacity: .75
}

.box_video i {
    position: absolute;
    z-index: 1;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 10rem;
    color: #fff;
    opacity: .75;
    top: 50%;
    transform: translateY(-50%)
}

.box_video:hover i {
    opacity: 1
}

.box_video_pack {
    margin: 30px 0 0 0
}

.compare {
    width: 100%;
    display: block;
    padding: 15px 0 0 0;
    color: #333;
    clear: both;
    font-size: 30px;
    font-weight: 400;
    position: static
}

.gall-title {
    width: 100%;
    display: block;
    font-size: 26px;
    font-weight: 400;
    padding: 0 0 15px 0;
    position: relative
}

.tt1 {
    padding: 0 0 10px 0
}

#map {
    width: 100%;
    position: relative;
    padding-top: 56.25%
}

#map iframe {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mapoff {
    margin: 0 0 30px 0;
    position: relative
}

.map_address {
    width: 400px;
    padding: 15px;
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ddd;
    line-height: 20px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.map_address img {
    float: left;
    width: 30%;
    margin: 0 10px 0 0
}

.map_address h5 {
    font-size: 14px;
    line-height: normal;
    padding: 0 0 10px 0
}

.map_address .hlmap {
    padding: 5px 0 0 0
}

.mapcate {
    width: 100%;
    font-size: 24px;
    padding: 15px 0;
    clear: both;
    font-weight: 400
}

.article-body {
    width: 100%;
    float: left;
    display: block;
    font-size: 15px;
    line-height: 27px
}

.article-body table {
    margin: 0 0 20px
}

.article-body table tr:hover {
    background: #f6f7f8;
    color: #000
}

.article-body h3 {
    color: #0283de;
    font-size: 17px;
    text-transform: uppercase;
    display: block;
    padding: 0 0 10px
}

.article-body a {
    color: #0283de
}

.article-body a:hover {
    text-decoration: underline
}

.actcom {
    width: 100%;
    float: left
}

.actcom img {
    width: 100%;
    height: auto;
    margin: 5px 0
}

.gallery-list {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left
}

.gallery-list li {
    float: left;
    width: 32%;
    margin: 0 2% 1% 0
}

.gallery-list li.fix-gallery {
    margin: 0 0 1% 0
}

.gallery-list li img {
    width: 100%;
    height: 204px;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.gallery-list li h6 {
    color: #666;
    text-align: center;
    line-height: normal;
    min-height: 32px;
    font-size: 12px
}

.entry-footer {
    width: 96%;
    margin: 20px 0 0 0;
    padding: 2%;
    float: left;
    display: block;
    font-size: 14px;
    color: #cbe1fb;
    line-height: 22px;
    background: #0d509d
}

.entry-footer a {
    color: #fff
}

.entry-footer a:hover {
    text-decoration: underline
}

.entry-footer img {
    width: 90px;
    height: 80px;
    float: left;
    padding: 28px 20px;
    border-radius: 4px;
    background: #fff;
    margin: 0 15px 0 0
}

.contact-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    padding: 0 0 5px;
    color: #fff
}

.entry-related {
    width: 100%;
    float: left;
    padding: 10px 0 0
}

.social {
    width: 100%;
    height: 22px;
    float: left;
    padding: 10px 0
}

.social li {
    float: left;
    margin: 0 2px 0 0;
    padding: 0
}

.social li.tw {
    width: 85px
}

.social li.gl {
    width: 67px
}

.social li.tw {
    width: 80px;
    margin: 0 0 0 5px
}

.sfoot {
    padding: 10px 0 0
}

.error {
    width: 91.8%;
    padding: 4%;
    margin: 10px auto auto;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    clear: both
}

.error h2 {
    padding: 0 0 10px;
    color: #31a6a5
}

.error a {
    color: #555
}

.error a:hover {
    color: #222
}

.about {
    width: 95.8%;
    padding: 2%;
    margin: 10px auto auto;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    clear: both;
    float: left
}

.about h2 {
    padding: 0 0 10px;
    color: #0283de
}

.press {
    width: 100%;
    position: relative;
    float: left;
    clear: both
}

.press a {
    display: block;
    position: relative
}

.press img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin: 0 auto;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.ftmap {
    left: 10%;
    top: 10%;
    width: 40%;
    height: 80%;
    position: absolute;
    z-index: 1
}

.ftmaps {
    width: 100%;
    height: 450px;
    float: left;
    margin: 20px 0 0 0
}

.wpopup {
    display: none;
    width: 60%;
    left: 20%;
    top: 20px;
    position: fixed;
    z-index: 999;
    background: #fff;
    border-radius: 4px;
    background: #fff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 25px #000;
    -webkit-box-shadow: 0 0 25px #000;
    box-shadow: 0 0 25px #000;
    float: left;
    overflow: hidden
}

.wptop {
    width: 100%;
    float: left;
    padding: 15px 0;
    border-bottom: 1px solid #dddfe2;
    text-align: center;
    background: #f6f7f9
}

.wptop h3 {
    font-size: 24px;
    color: #1f5ca9;
    font-weight: 400;
    padding: 0 34px 10px 34px
}

.wptop p {
    font-size: 16px;
    line-height: 24px;
    padding: 0 20px
}

.wptop p a {
    font-weight: 700;
    color: red
}

.close_btn {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 28px;
    //font-family: Arial, Baskerville, monospace;
    background: 0 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 5px
}

.close_btn:active {
    box-shadow: 0 0 1px 2px rgba(88, 144, 255, .75), 0 1px 1px rgba(0, 0, 0, .15);
    outline: 0
}

.wpform {
    width: 94%;
    float: left;
    padding: 15px 3%
}

.ctract {
    width: 100%;
    clear: both;
    text-align: center;
    padding: 20px 0 5px 0
}

.ctract a {
    color: #666;
    font-weight: 700
}

.ctract a:hover {
    color: #000
}

.wpopup input[type=tel],
.wpopup input[type=text],
.wpopup select {
    width: 98%;
    height: 38px;
    padding: 0 1%;
    margin: 0 0 10px 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    font-size: 16px7
}

.wpopup select {
    width: 100%;
    height: 40px;
    margin: 0 0 10px 0
}

.wpopup textarea {
    width: 97.8%;
    height: 113px;
    padding: 1%;
    margin: 0 0 10px 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    border-left-color: #c1c2c1;
    border-top-color: #c1c2c1;
    background-color: #fff;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 1px rgba(0, 0, 0, .2);
    border-radius: 4px;
    font-size: 16px;
    //font-family: Arial, Helvetica, sans-serif
}

.wpopup button {
    background: none repeat scroll 0 0 #08b4df;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 16px 0;
    width: 100%
}

.wpopup button:hover {
    background-color: #0492b6;
    cursor: pointer
}

.req_left {
    float: left;
    width: 49%
}

.req_right {
    float: right;
    width: 49%
}

.wpopup input[type=text].txt_left {
    float: left;
    width: 46%
}

.wpopup input[type=text].txt_right {
    float: right;
    width: 46%
}

.ppp {
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 8px 0
}

.frcall {
    background: none repeat scroll 0 0 red;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    padding: 16px 0;
    width: 100%;
    margin: 10px 0 0 0
}

.kgtitle {
    width: 100%;
    display: block;
    padding: 15px 0;
    color: #333;
    clear: both;
    font-size: 30px;
    font-weight: 400
}

.frm_asset {
    width: 50%;
    float: right
}

.frm_asset h3 {
    font-size: 18px;
    padding: 20px 0 0 0;
    clear: both;
    color: #135e9c
}

.frm_asset p {
    width: 100%;
    float: left;
    clear: both;
    padding: 10px 0 0 0
}

.frm_asset input[type=text],
.frm_asset select,
.frm_asset textarea {
    width: 96.8%;
    padding: 0 1%;
    border: 1px solid #ccc;
    height: 36px;
    font-size: 14px;
    border-radius: 3px
}

.frm_asset select {
    width: 99%;
    border: 1px solid #ccc;
    height: 38px
}

.frm_asset textarea {
    height: 100px;
    padding: .5% 1%
}

.frm_asset input[type=text].ass_code {
    width: 25%;
    float: left;
    margin: 0 8px 0 0
}

.frm_asset button {
    width: 50%;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    line-height: 45px;
    color: #fff;
    background: #f47502;
    border: 1px solid #d36400;
    border-bottom: 5px solid #d36400;
    cursor: pointer
}

.frm_asset button:hover {
    background: #2fd8b7
}

.frm_asset button:active {
    background: #109e82
}

.frm_asset img {
    border-radius: 3px
}

.view_pics {
    width: 100%;
    float: left;
    clear: both;
    display: none;
    margin: 10px 0 0 0
}

.view_pics img {
    width: 94px;
    height: 70px;
    float: left;
    margin: 0 4px 4px 0;
    display: block
}

.ass_content {
    width: 45%;
    float: left
}

.assin {
    width: 100%;
    float: left;
    display: block;
    font-size: 14px;
    line-height: 22px
}

.assin img {
    display: block;
    margin: 0 auto
}

a.ass_hotline {
    width: 56%;
    clear: both;
    display: inline-block;
    line-height: 50px;
    border-radius: 4px;
    color: #fff;
    background: #f47502;
    font-size: 24px;
    text-align: center;
    margin: 0 0 0 22%
}

a.ass2 {
    margin: 0 0 20px 22%
}

.sc_cmt {
    padding: 1% 2%;
    margin: 10px -2% 0 -2%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f3f3f3
}

.comment {
    width: 96%;
    float: left;
    padding: 2%;
    background: #f6f6f6;
    border-radius: 4px
}

.comment_news {
    width: 96%;
    float: left;
    padding: 2%;
    margin: 10px 0 0 0
}

.comment p {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

.comment li {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px 0 0
}

.comment li input[type=text] {
    width: 46%;
    height: 20px;
    padding: 1%;
    border: 1px solid #ccc;
    color: #666
}

.comment textarea {
    width: 97.8%;
    height: 50px;
    padding: 1%;
    border: 1px solid #ccc;
    color: #666;
    //font-family: Arial, Helvetica, sans-serif
}

.comment li select {
    width: 50%;
    height: 36.5px;
    border: 1px solid #ccc;
    color: #666
}

.comment input[type=submit] {
    height: 50px;
    width: 30%;
    border: none;
    cursor: pointer;
    background: #fca903;
    border-bottom: 3px solid #ff9100;
    border-radius: 4px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.comment input[type=submit]:hover {
    background: #febe6a
}

.comment input[type=submit]:active {
    background: #ff9100
}

.comment input[type=text]:focus,
.comment li select:focus,
.comment textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.cmt_tab {
    width: 104.2% !important;
    padding: 0 0 2% 0 !important;
    margin: 0 -2% -2% -2% !important;
    line-height: normal
}

.cmt_tab ul {
    margin: 0 2%
}

.cmt_tab p {
    padding: 10px 2% 0 2%;
    color: #0daa60;
    text-transform: none
}

.cmt_tab input[type=submit] {
    height: 50px;
    width: 30%;
    border: none;
    cursor: pointer;
    background: #6eb610;
    border-bottom: 3px solid #5b9d06;
    border-radius: 4px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase
}

.cmt_tab input[type=submit]:hover {
    background: #79ce0c
}

.cmt_tab input[type=submit]:active {
    background: #5b9d06
}

.review-st {
    width: 97.8%;
    padding: 10px 1%;
    margin: 0 0 10px;
    border-radius: 4px;
    border: 1px solid #95bb26;
    background: #f7ffe1;
    color: #360;
    display: block;
    text-align: center
}

.wp-vote-radio {
    float: left;
    margin: 10px 0 0;
    padding: 15px 2%;
    width: 95.7%;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-left: 0;
    border-right: 0
}

.wp-vote-radio input[type=radio] {
    float: left;
    cursor: pointer
}

.pack_rd input[type=radio] {
    margin: 0
}

.wp-vote-radio label {
    padding: 0 0 0 5px;
    margin: 0 10px 0 0;
    float: left;
    cursor: pointer
}

.wp-vote-radio p {
    float: left;
    font-size: 16px;
    font-weight: 700;
    padding: 0 6px 0 0;
    color: #333
}

.reviews-panel {
    float: left;
    padding: 15px 3%;
    width: 94.2%;
    background-color: #f2f4f6;
    border: 1px solid #e2e2e2;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    position: relative
}

.reviews-panel span.span_b {
    font-size: 17px;
    text-align: center;
    padding: 7px 0 0;
    display: block;
    text-transform: uppercase;
    color: #333
}

.total-rate {
    float: left;
    width: 20%;
    cursor: pointer
}

.total-rate h5 {
    font-size: 14px;
    padding: 5px 0;
    text-align: center;
    color: #0daa60
}

.total-rate span {
    display: block;
    padding: 20px;
    background: #88b131;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-size: 36px
}

.total-rate p {
    display: block;
    text-align: center;
    padding: 5px 0 0;
    font-size: 11px
}

.rate-bar {
    width: 46%;
    float: left;
    margin: 0 0 0 7%
}

.rate-bar h5 {
    font-size: 14px;
    padding: 5px 0;
    color: #0daa60
}

.rate-bar li {
    width: 95.5%;
    height: 16px;
    clear: both;
    margin: 0 0 6px 0;
    background: url(../img/star-on.png) no-repeat left center;
    padding: 0 0 0 20px
}

.rate-bar div {
    width: 60%;
    height: 6px;
    margin: 4px 5px 0 0;
    float: left;
    border: 1px solid #ddd;
    background: #fff
}

.rate-bar p {
    float: left;
    font-size: 12px
}

.rate-bar p.pleft {
    width: 72px
}

.rate-bar span {
    width: 100%;
    height: 6px;
    float: left
}

.rate-bar span.bar1 {
    background: #ff6f31
}

.rate-bar span.bar2 {
    background: #ff9f02
}

.rate-bar span.bar3 {
    background: #ffcf02
}

.rate-bar span.bar4 {
    background: #9c0
}

.rate-bar span.bar5 {
    background: #88b131
}

.rate-style {
    width: 22%;
    float: right
}

.rate-style h5 {
    font-size: 14px;
    padding: 5px 0;
    color: #0daa60
}

.rate-style li {
    width: 100%
}

.rate-style span {
    display: block;
    float: left;
    line-height: 22px
}

.rate-style p {
    width: 86px;
    float: left;
    padding: 0 0 0 24px;
    font-size: 12px;
    background: url(../img/icon-style.png) no-repeat 0 0;
    display: block;
    line-height: 22px
}

.rate-style p.pstyle0 {
    background-position: 0 -81px
}

.rate-style p.pstyle1 {
    background-position: 0 -171px
}

.rate-style p.pstyle2 {
    background-position: 0 4px
}

.rate-style p.pstyle3 {
    background-position: 0 -38px
}

.rate-style p.pstyle4 {
    background-position: 0 -122px
}

.ajax-st {
    width: 97.8%;
    padding: 10px 1%;
    border-radius: 4px;
    border: 1px solid #95bb26;
    background: #f7ffe1;
    color: #360
}

.ajax-st span {
    background: url(../img/progress_spinner_24x24.gif) no-repeat left center;
    display: block;
    line-height: 34px;
    padding: 0 0 0 40px;
    font-weight: 700;
    font-size: 16px
}

.send-status {
    display: none !important
}

.divreply {
    margin: 10px 0 0
}

.write-comment {
    display: block;
    background: url(../img/pencil.png) no-repeat left center;
    color: #63a52a;
    font-size: 14px;
    font-weight: 700;
    padding: 0 0 0 35px;
    line-height: 36px;
    position: absolute;
    right: 10px;
    top: 10px
}

.write-comment:hover {
    text-decoration: underline
}

.commentlist {
    width: 104%;
    margin: 0 -2%;
    float: left;
    position: relative
}

.commentlist h5 {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #0283de;
    padding: 0 0 0 32px;
    margin: 2% 0 0 2%;
    line-height: 30px;
    background: url(../img/ico-cmt.png) no-repeat left center
}

.commentlist h5 span {
    color: #333
}

.commentlist ul {
    width: 96%;
    padding: 0 2% 2%;
    float: left
}

.commentlist span.avatar-cmt {
    display: block;
    width: 40px;
    height: 40px;
    float: left;
    background: #0c86c6;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 100px
}

.commentlist span.icon-cmt {
    display: block;
    width: 59px;
    height: 50px;
    float: left;
    background: url(../img/iconcmt.png) no-repeat center;
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 45px;
    text-align: center;
    color: #fff
}

.commentlist li {
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0 0;
    padding: 10px 0 0;
    border-top: 1px dotted #ddd;
    position: relative
}

.commentlist li.bb {
    border: 0
}

.commentlist li h6 {
    display: block;
    font-size: 12px;
    padding: 0 0 5px 50px;
    color: #333;
    text-transform: capitalize
}

.commentlist li p {
    display: block;
    padding: 0 0 0 50px;
    color: #444;
    line-height: 20px
}

.commentlist li p.txtcmt {
    color: #333
}

.commentlist li p.txtcmt a {
    color: #999
}

.commentlist li p.txtcmt a:hover {
    color: #e87707;
    text-decoration: underline
}

.comment-plugin {
    width: 100%;
    float: left;
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin: 5px 0 0
}

.comment-plugin a,
.comment-plugin span {
    color: #0283de;
    float: right;
    cursor: pointer;
    line-height: 16px
}

.comment-plugin a:hover,
.comment-plugin span:hover {
    color: #00adff
}

.comment-plugin a.like-cmt {
    padding: 0 0 0 15px;
    margin: 0 4px 0 0;
    float: right;
    line-height: 16px
}

.comment-plugin span.time-cmt {
    color: #7d7d7d;
    cursor: auto;
    line-height: 16px
}

.comment-plugin span.time-cmt i {
    font-size: 1.2rem
}

.cmt-lkh {
    background: #fff;
    border-top: 0 !important
}

.cmt_review li h6 {
    padding: 0 0 0 70px;
    line-height: normal
}

.cmt_review li p {
    padding: 0 0 0 70px;
    font-size: 13px
}

.cmt_review li p.cmt-info {
    font-size: 11px
}

.reply-comment {
    width: 95.7%;
    float: left;
    clear: both;
    padding: 2%;
    margin: 10px 0 0 0;
    background: #f6f6f6;
    position: relative;
    display: none;
    border: 1px solid #e5e5e5
}

.reply-comment p.reply-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    padding: 0 0 5px
}

.reply-comment input[type=text] {
    width: 46%;
    height: 20px;
    padding: 1% 2%;
    margin: 0 0 5px;
    border: 1px solid #ccc;
    color: #666
}

.reply-comment textarea {
    width: 95.8%;
    height: 50px;
    padding: 1% 2%;
    border: 1px solid #ccc;
    color: #666;
    //font-family: Arial, Helvetica, sans-serif
}

.reply-comment input[type=submit] {
    height: 30px;
    width: 20%;
    border: none;
    cursor: pointer;
    background: #00bfff;
    border-bottom: 3px solid #08a3d7;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin: 5px 0 0
}

.reply-comment input[type=submit]:hover {
    background: #28c5f9
}

.reply-comment input[type=submit]:active {
    background: #08a3d7
}

.reply-comment input[type=text]:focus,
.reply-comment textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.close-reply {
    display: block;
    width: 30px;
    height: 30px;
    background: #00bfff;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #e5e5e5;
    border-radius: 50px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer
}

.close-reply:hover {
    color: #fff
}

.avatar-reply {
    background: #00bfff !important;
    color: #fff !important
}

.admin-avt {
    background: url(../img/logo_reply.png) no-repeat center !important;
    text-indent: -10000px
}

.replylist {
    width: 91%;
    margin: 0 0 0 50px;
    padding: 20px 0 0 2%;
    clear: both;
    float: left;
    border-left: 1px dotted #ddd
}

.replylist a {
    color: #999
}

.replylist a:hover {
    color: #00adff
}

.reply-pl {
    float: left;
    clear: both;
    margin: 5px 0 0 50px;
    width: 92%
}

.reply-pl a,
.reply-pl span {
    float: left
}

.like-cmt-reply {
    margin: 0 4px 0 10px;
    color: #0283de !important
}

.like-cmt-reply:hover {
    color: #00adff !important
}

.star-review {
    width: 62px;
    height: 14px;
    margin: 0 10px 10px 10px;
    display: inline-block;
    text-indent: -10000px;
    background: url(../img/star.png) 0 0 no-repeat
}

.star-hotel {
    width: 62px;
    height: 14px;
    display: inline-block;
    text-indent: -10000px;
    background: url(../img/star.png) 0 0 no-repeat;
    cursor: move
}

.star-1 {
    background-position: 0 0
}

.star-2 {
    background-position: 0 -14px
}

.star-3 {
    background-position: 0 -28px
}

.star-4 {
    background-position: 0 -42px
}

.star-5 {
    background-position: 0 bottom
}

.screen {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .9) url(../img/ajax.gif) no-repeat center
}

.screen2 {
    background: rgba(255, 255, 255, .9)
}

.ratv {
    width: 97%;
    padding: 12px 1.5% 4px 1.5%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    z-index: 1;
    bottom: 0;
    color: #fff
}

.ratv_news {
    width: 100%;
    padding: 12px 0
}

.rating_it {
    width: 100%;
    clear: both;
    line-height: 24px
}

#star {
    float: left;
    margin: 0 5px 0 0
}

.red {
    color: red !important
}

.desc_field {
    display: block;
    float: left;
    clear: both;
    width: 100%;
    font-size: 14px;
    line-height: 22px
}

.desc_field a {
    color: #0283df
}

.desc_field a:hover {
    color: #00adff;
    text-decoration: underline
}

.desc_field h2,
.desc_field h3,
.desc_field h4 {
    color: #0283de;
    font-size: 16px;
    line-height: none;
    padding: 0 0 5px 0
}

.desc_field object {
    margin: 10px 0
}

.vote_cate {
    width: 100% !important;
    float: left !important;
    clear: both;
    margin: 0 0 10px 0 !important
}

.vote_cate img {
    float: left;
    margin: 0 2px 0 0
}

.vote_cate span {
    line-height: 24px
}

.rate_class {
    padding: 0 0 0 5px
}

.vote_view {
    float: left
}

.dis {
    display: none
}

.hfooter {
    width: 100%;
    height: 91px;
    float: left;
    clear: both;
    position: relative;
    display: none;
    z-index: 3
}

.hfooter-ct {
    width: 98%;
    float: left;
    position: fixed;
    bottom: 0;
    z-index: 99;
    padding: 15px 1% 8px 1%;
    background:#0283de;
    color: #fff
}

.hfooter-ct .callnow {
    float: left;
    width: 28%
}

.hfooter-ct .callnow span {
    font-size: 24px;
    font-weight: 700;
    float: left;
    text-transform: uppercase;
    line-height: 52px;
    padding: 0 15px 0 60px;
    background: url(../img/hotline.png) no-repeat left
}

.hfooter-ct .callnow p {
    font-size: 24px
}

.hfooter-ct .txtc {
    float: left;
    padding: 10px 0 0;
    clear: left
}

.hfooter-ct .txtc p {
    display: block;
    padding: 5px 0 5px 25px;
    background: url(../img/checkb.png) no-repeat left center;
    font-weight: 700;
    font-size: 16px
}

.ftright {
    float: left;
    width: 70%
}

.btn_cal {
  background: #f47502 none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  line-height: 30px;
  margin: 0 10px 0 0;
  padding: 0 10px;
}
.btn_cal:hover {
    background: #900
}

.btn_cal i {
    height: 30px;
    width: 30px;
    display: block;
    line-height: 30px;
    float: left;
    font-size: 1.8rem
}

.btn_cal span.spannum {
    color: #000;
    background: #fff702;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    margin: 5px 0 0 0;
    font-size: 12px;
    font-weight: 700
}

.btn_cal2 {
    float: left;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    background: #135e9c;
    border-radius: 2px;
    margin: 0 10px 0 0;
    cursor: pointer;
    color: #fff
}

.btn_cal2:hover {
    background: #07477b
}

.btn_cal3 {
  background: #f47502 none repeat scroll 0 0;
  border: 2px solid #fff;
  border-radius: 30px;
}

.btn_cal3:hover {
    background: #c30c0c
}

.ft_mob {
    height: 62px;
    clear: both;
    display: none
}

.ft_tools {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    height: 42px;
    float: left;
    position: fixed;
    bottom: 0;
    z-index: 2;
    background: #ff9100
}

.ft_tools a {
    color: #fff;
    display: inline-block;
    margin: 0 20px
}

.ft_tools a:hover {
    color: #e5e5e5
}

.ft_tools a:active {
    color: #999
}

.ft_tools a i {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: 2rem
}

.ft_tools a span {
    clear: both;
    display: block;
    text-align: center;
    font-size: 11px;
    padding: 3px 0 0 0
}

.about_foot {
    width: 48%;
    float: left;
    display: block;
    color: #666;
    line-height: 20px;
    margin: 0 0 20px 0;
    font-size: 13px;
    text-align: justify
}

.about_foot p.abhead {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 5px 0;
    color: #23509d
}

.about_foot a {
    font-size: 14px;
    font-weight: 700;
    float: right;
    padding: 2px 0 0 0;
    color: #0283de
}

.news_foot {
    width: 48%;
    float: right;
    margin: 0 0 20px 0;
    color: #fff;
    font-size: 13px
}

.news_foot p.nbhead {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 5px 0;
    color: #23509d
}

.news_foot a {
    color: #0283de;
    display: block;
    padding: 5px 0 0
}

.news_foot a:hover {
    text-decoration: underline;
    color: #00adff
}

.news_foot a.othern {
    font-size: 14px;
    font-weight: 700;
    float: right;
    padding: 2px 0 0 0;
    color: #0283de
}

.captcha {
    width: 17.5% !important;
    float: left;
    margin: 0 1% 0 0
}

.reload_capt {
    font-size: 11px;
    color: #0283de !important;
    margin: 0 0 0 5px
}

.trans {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    background: rgba(0, 0, 0, .5);
    display: none
}

span.ajax_quick {
    display: block;
    background: url(../img/ajax.gif) no-repeat left center;
    padding: 0 0 0 130px;
    line-height: 122px;
    color: #80b411;
    font-size: 24px;
    font-weight: 700
}

span.ajax_quick_ok {
    display: block;
    line-height: 50px;
    color: #80b411;
    font-size: 24px;
    font-weight: 700
}

.ajaxicon {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    background: url(../img/ajax.gif) no-repeat center rgba(255, 255, 255, .9);
    display: block
}

.level_msg {
    width: 100%;
    clear: both;
    padding: 0 0 5px 0;
    font-size: 14px;
    line-height: 26px;
    color: #666
}

.level_msg a {
    color: #0c86c6
}

.level_msg a:hover {
    color: #000
}

.ads_part {
    width: 100%;
    float: left
}

.ads_part p {
    font-size: 24px;
    color: #333
}

.ads_part img {
    display: block;
    margin: 10px 0;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
    border-color: rgba(82, 168, 236, .8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    outline: 0;
    transition: border linear .2s, box-shadow linear .2s
}

.chat_btn {
    display: block;
    position: fixed;
    width: 64px;
    height: 64px;
    z-index: 100;
    left: 10px;
    bottom: 150px
}

.chat_btn figure {
    position: relative;
    width: 64px;
    height: 64px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 9px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 9px 3px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 9px 3px rgba(0, 0, 0, .25);
    cursor: pointer
}

.chat_btn figure img {
    border: 2px solid #fff;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #fff
}

.chat_btn figure span {
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    z-index: 2;
    right: 0;
    top: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #21cd83;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #15bc79), color-stop(1, #51e9a1));
    background: -ms-linear-gradient(bottom, #15bc79, #51e9a1);
    background: -moz-linear-gradient(center bottom, #15bc79 0, #51e9a1 100%);
    background: -o-linear-gradient(#51e9a1, #15bc79)
}

.chat_btn figure .anim {
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

figure .anim div {
    position: absolute;
    background: rgba(48, 204, 147, .3);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    transition-timing-function: linear
}

.chat_btn figure .anim_1 {
    animation: pulse 10s infinite;
    animation-delay: 3s
}

.chat_btn figure .anim_2 {
    animation: pulse 10s infinite;
    animation-delay: 3.3s
}

.chat_btn figure .anim_3 {
    animation: pulse 10s infinite;
    animation-delay: 4s
}

.chat_btn .hover_block {
    visibility: hidden;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: absolute;
    top: 12px;
    background: #43b38a;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 13px 14px 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    white-space: nowrap;
    left: 78px
}

.chat_btn .hover_block:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 10px 7.5px 0;
    border-color: transparent #43b38a transparent transparent;
    position: absolute;
    left: -9px;
    top: 50%;
    margin-top: -7px
}

.chat_btn:hover .hover_block {
    visibility: visible;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    left: 78px
}

@keyframes pulse {
    0% {
        width: 0;
        height: 0
    }

    10% {
        width: 160px;
        height: 160px
    }

    100%,
    20% {
        width: 0;
        height: 0
    }
}

.sitemap {
    width: 100%;
    float: left;
    clear: both;
    margin: 5px 0 0 0
}

.sitemap li {
    width: 33.33333333333333%;
    float: left
}

.sitemap li a {
    margin: 5px 0;
    display: block;
    color: #999
}

.sitemap li a:hover {
    text-decoration: underline
}

.sitemap li a.level0 {
    font-weight: 700;
    color: #666
}

.sitemap li a.level1 {
    padding: 0 0 0 10px
}

.sitemap li a.level2 {
    padding: 0 0 0 20px
}

.sitemap li.fixli {
    clear: both
}

.sitemap li.lmax {
    width: 100%;
    float: left
}

.sitemap li.lmax a {
    width: 25%;
    float: left
}

.sitemap li.lmax h2 {
    font-size: 18px;
    font-weight: 400;
    padding: 15px 0 0 0;
    width: 100%;
    display: block;
    color: #333
}

.sitemap li.lmax h2 a {
    color: #333;
    width: 100%
}

.sitemap li.lmax2 a {
    width: 33.33333333333333%
}

.sitemap li.li4 {
    width: 25%
}

.last-title {
    padding: 10px 0 0 0
}

.live_search {
    display: none;
    position: absolute;
    z-index: 2;
    top: 39px;
    width: 99.8%;
    background: #fff;
    border: 1px solid #e5e5e5
}

.live_search p {
    display: block;
    width: 96%;
    padding: 0 2%;
    border-top: 1px solid #e5e5e5;
    line-height: 30px;
    float: left;
    clear: both
}

.live_search p span.sp1 {
    width: 40%;
    float: left;
    display: block
}

.live_search p span.sp2 {
    width: 45%;
    float: left;
    display: block
}

.live_search p a {
    float: right;
    line-height: 30px;
    color: #0084ff
}

.live_search p a:hover {
    text-decoration: underline
}

.live_search p:hover {
    background: #e5e5e5
}

.live_search_in {
    top: 102px;
    right: 0
}

.h1s {
    clear: both;
    padding: 15px 0 5px 0
}

.brs {
    clear: both;
    padding: 5px 0 10px 0
}

.ngn {
    padding: 15px 0 0 0
}

.ngn_msg {
    display: block;
    padding: 5px 0 20px 0;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    text-align: center
}

.alphabet {
    width: 100%;
    float: left;
    padding: 0 0 20px 0
}

.alphabet a {
    display: block;
    padding: 5px 8px;
    margin: 5px 5px 0 0;
    float: left;
    border-radius: 2px;
    color: #fff;
    background: #2ab69b
}

.alphabet a:hover {
    background: #2fd8b7
}

.ngn_page {
    width: 45%;
    margin: 10px 0 0 0;
    clear: both
}

.al_msg {
    font-size: 16px
}

.brea2 {
    float: none;
    text-align: center;
    padding: 10px 0
}

.brea2 span {
    float: none;
    text-align: center
}

.left_col {
    width: 50%;
    float: left
}

.blog_detail {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 0 0 0
}

.blog_detail h1 {
    font-weight: 400;
    position: static;
    font-size: 30px;
    padding: 0 0 10px 0;
    line-height: normal
}

.blog_cot {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 5px 0
}

.blog_cot h2 {
    font-size: 20px;
    color: #135d9c;
    font-weight: 400;
    padding: 10px 0
}

.blog_cot a {
    color: #0283de
}

.blog_cot a:hover {
    color: #00adff;
    text-decoration: underline
}

.blog_cot img {
    display: block;
    margin: 10px auto;
    width: 100%;
    height: auto
}

.video_clip {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    clear: both;
    margin: 10px 0 0 0
}

.video_clip iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.vidmargin {
    margin: 0
}

.blog_desc {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 10px 0;
    font-style: italic
}

.author_blog {
    display: block;
    text-align: right;
    padding: 5px 0 0;
    clear: both
}

.fb_cmt,
.sc_plugin {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0 0 0
}

.zl10 {
    margin: 10px 0 0 0
}

div.first {
    width: 100%;
    float: left
}

div.first h3 {
    font-size: 24px;
    padding: 10px 0 5px 0;
    font-weight: 400
}

div.first h3 a {
    color: #333
}

div.first h3 a:hover {
    color: #2ab69b
}

div.first p {
    font-size: 14px;
    line-height: 24px
}

div.first img {
    display: block;
    margin: 0;
    width: 100%
}

div.sec1 {
    float: right;
    width: 51%
}

div.sec {
    width: 46%;
    margin: 0 0 1% 4%;
    padding: 0;
    float: left;
    clear: none;
    border: 0
}

div.sec h3 {
    font-size: 20px;
    padding: 10px 0 5px 0;
    font-weight: 400
}

div.sec h3 a {
    color: #333
}

div.sec h3 a:hover {
    color: #2ab69b
}

div.sec img {
    display: block;
    margin: 0;
    width: 100%
}

div.thirt1 {
    float: left;
    width: 49%
}

div.thirt {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px dotted #ddd
}

div.thirt img {
    display: block;
    margin: 0 20px 0 0;
    width: 32%;
    float: left
}

div.thirt h3 {
    font-size: 20px;
    font-weight: 400;
    padding: 0 0 8px 0
}

div.thirt h3 a {
    color: #333
}

div.thirt h3 a:hover {
    color: #2ab69b
}

div.thirt p {
    font-size: 14px;
    line-height: 24px
}

div.four {
    float: right;
    width: 49%
}

.ads_box {
    width: 48%;
    float: right
}

.ads_box img {
    width: 100%;
    display: block;
    margin: 0
}

.ads_box2 {
    width: 48%;
    float: right;
    margin: 20px 0 0 0
}

.ads_box2 img {
    width: 100%;
    display: block;
    margin: 0
}

.ads_box_center {
    width: 100%;
    float: left;
    margin: 15px 0
}

.ads_box_center img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto
}

.top10_box {
    width: 48%;
    float: left
}

.top10_box h3 {
    font-size: 28px;
    font-weight: 400;
    color: #2ab69b;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd
}

.top10_box a {
    color: #333;
    display: block;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #ddd;
    font-size: 14px;
    line-height: 20px
}

.top10_box a:hover {
    color: #000;
    text-decoration: underline
}

.top10_box a.border {
    border-bottom: 0;
    margin: 0
}

.t_box {
    float: right;
    margin: 20px 0 0 0
}

.top10_box2 {
    width: 48%;
    float: right;
    margin: 20px 0 0 0
}

.top10_box2 h3 {
    font-size: 28px;
    font-weight: 400;
    color: #2ab69b;
    padding: 0 0 5px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd
}

.top10_box2 ul {
    width: 100%;
    float: left
}

.top10_box2 ul li {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0 0 0
}

.top10_box2 ul li img {
    width: 25%;
    float: left;
    margin: 0 10px 0 0
}

.top10_box2 ul li h4 {
    font-size: 14px;
    font-weight: 400
}

.top10_box2 ul li h4 a {
    color: #333;
    display: block;
    line-height: 20px
}

.top10_box2 ul li h4 a:hover {
    color: #000;
    text-decoration: underline
}

.tbox2 {
    margin: 0;
    float: left
}

.right_col {
    float: right;
    width: 48%
}

.btn_view {
    display: inline-block;
    border-radius: 2px;
    background: #2ab69b;
    color: #fff !important;
    padding: 5px 10px
}

.list_cln {
    width: 100%;
    float: left
}

.list_cln li {
    width: 32%;
    min-height: 310px;
    margin: 0 2% 2% 0;
    float: left
}

.list_cln li.fix {
    margin: 0 0 2% 0
}

.list_cln li a.abox_vidp {
    display: block;
    position: relative;
    background: #000
}

.list_cln li a.abox_vidp img {
    display: block;
    margin: 0;
    width: 100%;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.list_cln li a.abox_vidp i {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 4.5rem;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 42%;
    transform: translateX(-42%);
    transform: translateY(-50%);
    z-index: 2;
    color: red;
    border-radius: 100%;
    background: #fff;
    border: 2px solid #fff
}

.list_cln li a.abox2 i {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 4.5rem;
    line-height: 50px;
    position: absolute;
    top: 50%;
    left: 42%;
    transform: translateX(-42%);
    transform: translateY(-50%);
    z-index: 2;
    color: #fff
}

.list_cln li a.abox_vidp:hover i {
    color: #c00
}

.lda {
    margin: 20px 0 0 0
}

.list_cln li h3 {
    font-size: 17px;
    padding: 10px 0 2px 0;
    font-weight: 400
}

.list_cln li h3 a {
    color: #000
}

.list_cln li h3 a:hover {
    color: #39f
}

.list_cln li p {
    padding: 6px 0 0 0
}

.list_cln_home {
    margin: 20px 0 0 0;
    width: 100%;
    float: left
}

.list_cln_home li {
    width: 32%;
    margin: 0 2% 20px 0;
    float: left
}

.list_cln_home li.fix2 {
    margin: 0 0 20px 0
}

.more_partner {
    width: 30%;
    margin: 0 auto;
    display: block;
    border-radius: 4px;
    background: #e5e5e5;
    color: #000;
    text-align: center;
    font-size: 18px;
    padding: 10px 0;
    clear: both
}

.proall {
    width: 74.5%;
    float: left
}

.prh1 {
    padding: 0;
    text-align: left
}

.ntcontent {
    display: block;
    width: 100%;
    float: left;
    clear: both;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    padding: 15px 0 0;
    margin: 15px 0 0;
    border-top: 1px solid #ddd
}

.ntcontent h2 {
    font-size: 28px;
    color: #000;
    padding: 10px 0;
    font-weight: 400
}

.ntcontent h3 {
    font-size: 20px;
    color: #000;
    padding: 8px 0;
    font-weight: 400
}

.ntcontent a {
    color: #06f
}

.ntcontent a:hover {
    text-decoration: underline
}

.daleft {
    width: 50%;
    float: left;
    font-size: 16px;
    margin: 10px 0 0 0
}

.daleft p {
    width: 100%;
    clear: both;
    padding: 12px 0 0 0
}

.daleft h1 {
    font-size: 30px;
    clear: both;
    position: static;
    color: #000
}

.otnt {
    width: 100%;
    float: left
}

.otnt h4 {
    font-size: 20px;
    color: #000;
    padding: 10px 0 0 0;
    font-weight: 400
}

.otnt li {
    width: 100%;
    clear: both;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    border-top: 1px solid #ddd
}

.otnt li a {
    color: #333;
    font-size: 14px;
    line-height: 22px
}

.otnt li a:hover {
    color: #06f;
    text-decoration: underline
}

.gwp {
    width: 100%;
    float: left;
    margin: 10px 0 0
}

.gwp li {
    float: left;
    position: relative;
    animation: morepics 1s
}

.gwp li img {
    width: 100%;
    display: block;
    margin: 0 auto;
    cursor: zoom-in
}

.gwp li.g {
    width: 16.33485020857035%;
    margin: .3981797497155859% .3981797497155859% 0 0
}

.gwp li.lst {
    margin: .3981797497155859% 0 0 0
}

.gwp li.clear {
    clear: left
}

.gwp li.g1 {
    width: 56.882821387940844%
}

.gwp li.g2 {
    width: 21.05%;
    float: right;
    margin: 0 0 0 .3981797497155859%
}

.gwp li.g34 {
    margin: .3981797497155859% 0 0 .3981797497155859%
}

.gwp li span.more {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    font-size: 24px;
    color: #fff;
    line-height: 600%;
    cursor: pointer;
    animation: morepics 1s
}

.gwp li span.more2 {
    color: #fff;
    border-radius: 4px;
    background: #0577af;
    line-height: 455%
}

.gwp li span.more2:hover {
    background: rgba(5, 119, 175, .85)
}

@keyframes morepics {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ntbtn {
    width: 40%;
    float: right;
    padding: 28px 0 0
}

.ntbtn a {
    text-align: center;
    padding: 14px 0;
    margin: 10px 0 0;
    display: block;
    font-size: 24px;
    color: #fff;
    border-radius: 4px;
    background: #f47502;
    border: 1px solid #f9b042;
    border-bottom: 5px solid #f9b042
}

.ntbtn a:hover {
    background: #ffd52d
}

.ntbtn a:active {
    background: #f9b042;
    color: #000
}

.ntbtn a.a2 {
    color: #fff;
    background: #2ab69b;
    border: 1px solid #16a288;
    border-bottom: 5px solid #16a288
}

.ntbtn a.a2:hover {
    background: #34d2b3
}

.ntbtn a.a2:active {
    background: #16a288;
    color: #000
}

.relanews {
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0 0 0
}

.relanews h4 {
    font-size: 24px;
    font-weight: 400;
    color: #000
}

.relanews li {
    width: 100%;
    clear: both;
    padding: 8px 0 0 0
}

.relanews li a {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #135e9c
}

.relanews li a:hover {
    text-decoration: underline
}

.headl {
    padding: 0;
    text-align: left
}

.horo {
    width: 92%;
    padding: 4%;
    background: #f5f5f5;
    border-radius: 4px;
    float: left;
    clear: both
}

.horo input[type=text],
.horo select {
    width: 98%;
    height: 38px;
    padding: 0 1%;
    margin: 0 0 10px 0;
    border: 1px solid #dedede;
    border-radius: 4px;
    font-size: 16px
}

.horo select {
    width: 100%;
    height: 40px;
    margin: 0 0 10px 0
}

.horo button {
    background: none repeat scroll 0 0 #08b4df;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    margin: 0 auto;
    padding: 12px 30px
}

.horo button:hover {
    background-color: #0492b6;
    cursor: pointer
}

.screen_horo {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .9)
}

.result_3 {
    width: 74%;
    float: left;
    margin: 20px 0
}

.result {
    width: 100%;
    float: left;
    display: block;
    font-size: 14px;
    line-height: 24px
}

.result h3 {
    font-size: 24px;
    font-weight: 400;
    padding: 0 0 8px 0;
    color: #135d9c
}

.rs_head {
    width: 100%;
    padding: 0 0 20px 0
}

.rs_head span {
    font-weight: 700;
    width: 102px;
    display: inline-block
}

.horo_msg {
    display: block;
    clear: both;
    padding: 5px 0 20px 0;
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.horo_p {
    padding: 15px 0 0 0;
    text-align: left
}

.horo_msg a {
    color: #06f
}

.horo_msg a:hover {
    text-decoration: underline
}

.changesk {
    display: inline-block
}

.ask {
    color: #06f
}

.result_2 {
    width: 24%;
    float: right;
    margin: 20px 0
}

.result_2 h3 {
    font-size: 24px;
    font-weight: 400;
    color: #135d9c
}

.result_2 p {
    display: block;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
    line-height: 22px;
    border-top: 1px solid #ddd
}

.result_2 p a {
    color: #0283de;
    font-size: 14px
}

.result_2 p a:hover {
    color: #00adff
}

.result_2 p span {
    color: red
}

.ct_horo {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    line-height: 22px;
    font-size: 14px;
    padding: 30px 0 0 0
}

.ct_horo h2,
.ct_horo h3,
.ct_horo h4,
.ct_horo h5 {
    line-height: normal;
    padding: 0 0 10px
}

.view_horo {
    width: 50%;
    padding: 13px 0;
    margin: 20px 0 10px 25%;
    color: #fff;
    background: #f90;
    border: 1px solid #0997bb;
    border-bottom: 5px solid #0997bb;
    border-radius: 4px;
    font-size: 20px;
    text-align: center;
    display: block;
    clear: both;
    cursor: pointer
}

.view_horo:hover {
    background: #2fcff7
}

.view_horo:active {
    background: #0997bb
}

.aview_horo {
    float: left;
    line-height: 35px;
    padding: 0 10px;
    margin: -2px 0 0 117px;
    background: #f90;
    color: #fff;
    border-radius: 4px;
    display: block;
    font-size: 14px
}

.aview_horo:hover {
    background: #fc0
}

.aview_b {
    float: left;
    line-height: 35px;
    font-size: 14px;
    padding: 0 10px;
    margin: -2px 0 0 10px;
    background: #f90;
    color: #fff;
    border-radius: 4px;
    display: block
}

.aview_b:hover {
    background: #fc0
}

.horo_rotation {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #790f05;
    margin: auto;
    position: relative;
    top: 25%;
    transform: translateY(-25%);
    background: transparent url(../img/tuvi.png) no-repeat center;
    -webkit-animation: rotation 2s infinite linear
}

.list_horo {
    width: 100%;
    float: left
}

.list_horo li {
    width: 100%;
    float: left;
    clear: both
}

.list_horo li p {
    display: block;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    border: 0
}

.list_horo li p a {
    color: #333;
    font-size: 14px;
    content: '';
    position: relative
}

.list_horo li p a:before {
    content: '• '
}

.list_horo li p a:hover {
    color: #00adff
}

.hlist {
    padding: 20px 0 10px 0 !important;
    font-size: 24px;
    font-weight: 400;
    color: #135d9c;
    clear: both
}

.scroll_pt {
    height: 500px;
    overflow: hidden;
    overflow-y: scroll
}

.promo {
    width: 100%;
    float: left
}

.promo img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.show {
    width: 100%;
    float: left
}

.show li {
    width: 32.333333333333333%;
    margin: 0 1% 1% 0;
    float: left
}

.show li img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0
}

.show li.fix {
    margin: 0 0 1% 0
}

.show li h2 {
    font-weight: 400;
    color: #135e9c;
    padding: 10px 0
}

.show li p {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: 666
}

.intro-home {
    width: 100%;
    clear: both;
    margin: 10px 0 20px 0;
    float: left
}

.intro-home div {
    width: 585px;
    margin: 0 10px 0 0;
    float: left;
    display: inline-block
}

.intro-home div.a2 {
    margin: 0
}

.intro-home div a img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.intro-home h2 {
    font-size: 24px;
    font-weight: 400;
    color: #135e9c;
    padding: 10px 0
}

.intro-home p {
    display: block;
    line-height: 24px;
    font-size: 14px;
    color: #666
}

.love_game {
    width: 100%;
    float: left;
    margin: 30px 0 20px 0
}

.love_game h2 {
    font-size: 30px;
    color: #ff6d86;
    padding: 0 0 10px 0;
    font-weight: 400
}

.love_game input[type=text] {
    height: 36px;
    border: 1px solid #ddd;
    padding: 0 10px
}

.love_game input[type=text].txt_result {
    color: #ff6d86
}

.button_cal_love {
    height: 40px;
    border-radius: 4px;
    background: #ff6d86;
    border: 1px solid #f95874;
    border-bottom: 4px solid #f95874;
    padding: 0 10px;
    cursor: pointer;
    color: #fff;
    font-size: 18px
}

.button_cal_love:hover {
    background: #ff889d
}

.button_cal_love:active {
    background: #f95874
}

.love_game p {
    width: 100%;
    display: block;
    clear: both;
    padding: 15px 0 0 0;
    font-size: 14px;
    color: #666;
    line-height: 24px
}

.love_game p i {
    color: #ff6d86;
    font-size: 1.5rem
}

#love_result {
    color: #000;
    font-size: 18px;
    padding: 0;
    width: 100%;
    float: left
}

#love_result p {
    padding: 10px 0
}

p.love_tt {
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #135e9c;
    padding: 30px 0 0 0;
    font-weight: 700;
    line-height: normal
}

.lovename {
    text-transform: capitalize;
    color: #ff6d86
}

p.game_tips {
    padding: 0 0 15px 0;
    font-size: 16px;
    color: #ff6d86;
    font-weight: 700
}

.love_bg {
    width: 800px;
    height: 420px;
    margin: 0 auto 15px auto;
    padding: 2px 17px 18px 17px;
    clear: both;
    background: #f7e7ee url(../img/love_bg.jpg) no-repeat center
}

.men {
    width: 35%;
    float: left;
    text-align: left;
    position: relative;
    z-index: 2
}

.men p {
    width: 100%;
    float: left;
    clear: both;
    font-size: 20px
}

.men p span {
    width: 136px;
    display: block;
    float: left;
    margin: 0 5px 0 0;
    color: #000
}

.right_love {
    float: right;
    width: 64%;
    position: relative
}

.right_love a {
    width: 50%;
    float: left;
    display: inline-block
}

.right_love a img {
    width: 160px;
    height: 160px;
    border-radius: 600px;
    display: block;
    margin: 0 auto
}

.right_love a span {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 36px;
    color: #d91a60;
    text-transform: capitalize;
    position: relative
}

.right_love img,
.right_love span {
    cursor: move
}

.right_love a span.sp1 {
    top: 10px;
    left: -20px
}

.right_love a span.sp2 {
    top: -220px;
    right: -60px
}

.pers1 {
    position: absolute;
    left: 50px;
    top: 50px
}

.pers2 {
    position: absolute;
    top: 120px;
    right: 80px
}

.loading_love {
    width: 100%;
    height: 22px;
    float: left;
    padding: 0 0 15px 0;
    background: url(../img/heart.svg) no-repeat top center
}

.btn_tools_game {
    border-radius: 4px;
    background: #1770ba;
    border: 1px solid #054880;
    border-bottom: 4px solid #054880;
    padding: 0 20px;
    cursor: pointer;
    color: #fff;
    font-size: 24px;
    display: inline-block;
    line-height: 60px
}

.btn_tools_game:hover {
    background: #1f84d8
}

.btn_tools_game:active {
    background: #054880
}

.download_img {
    background: #2fcbad;
    border: 1px solid #0b9e82;
    border-bottom: 4px solid #0b9e82
}

.download_img:hover {
    background: #31d9b9
}

.download_img:active {
    background: #0b9e82
}

.btn_share_fb {
    position: relative
}

.disable {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background: rgba(255, 255, 255, .95);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.disable i {
    font-size: 3rem;
    line-height: 65px;
    text-align: center;
    color: #00adff
}

h1.qaname {
    width: 100%;
    display: block;
    padding: 15px 0 5px 0;
    color: #333;
    clear: both;
    font-size: 30px;
    font-weight: 400;
    position: static
}

.qatt {
    width: 100%;
    display: block;
    padding: 15px 0 5px 0;
    color: #333;
    clear: both;
    font-size: 30px;
    font-weight: 400
}

.qadsc {
    font-size: 14px
}

.qatxt {
    display: block;
    font-size: 16px;
    line-height: 22px;
    clear: both;
    padding: 10px 0
}

.qatxt a {
    color: #000
}

.qatxt a:hover {
    text-decoration: underline
}

.qatxt img {
    display: block;
    margin: 10px auto
}

.qans {
    float: left;
    display: inline-block;
    padding: 0 4px 0 0;
    color: #999
}

.qacl {
    color: #999
}

.qarelist {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #f1f1f1
}

.qaitems {
    width: 100%;
    float: left;
    padding: 20px 0 0 0
}

.qaitems h2 {
    font-size: 18px;
    color: #2ab69b;
    font-weight: 400
}

.qaitems h3 {
    font-size: 15px;
    color: #444
}

.cmtqa {
    margin: 20px 0 0 0
}

.qaretxt {
    display: block;
    padding: 10px 0;
    font-size: 14px
}

.qatools {
    width: 100%;
    float: left
}

.qatools {
    width: 100%;
    float: left;
    color: #999
}

.qatools a {
    color: #333
}

.qatools a:hover {
    color: #000
}

.qalike {
    cursor: pointer;
    color: #0283de
}

.qalike:hover {
    color: #00adff;
    text-decoration: underline
}

.qalist {
    margin: 0 0 20px 0
}

.qalist,
.qalist li {
    width: 100%;
    clear: both;
    float: left
}

.qalist li {
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    border-top: 1px solid #f1f1f1
}

.qalist li h3 {
    font-size: 22px;
    font-weight: 400;
    padding: 0 0 8px 0
}

.qalist li h3 a {
    color: #2ab69b
}

.qalist li h3 a:hover {
    color: #000
}

.qalist li p {
    display: block;
    font-size: 14px
}

.hblog {
    width: 100%;
    float: left;
    margin: 5px 0 10px 0
}

.hblog p.thblog {
    font-size: 28px;
    font-weight: 400;
    color: #2ab69b;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #ddd
}

.hblog ul {
    width: 100%;
    float: left
}

.hblog ul li {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0 0 0
}

.hblog ul li img {
    width: 25%;
    float: left;
    margin: 0 10px 0 0;
    background: #fff url(../img/spinner-blue.gif) no-repeat center;
    display: block
}

.hblog ul li h4 {
    font-size: 14px;
    font-weight: 400
}

.hblog ul li h4 a {
    color: #333;
    display: block;
    line-height: 20px
}

.hblog ul li h4 a:hover {
    color: #000;
    text-decoration: underline
}

.trans_pop {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 101;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none
}

.popevent {
    width: 50%;
    padding: 1% 2% 0 2%;
    z-index: 105;
    position: fixed;
    left: 23%;
    top: 50%;
    transform: translateY(-50%);
    background: #ee1b24 url(../img/hoamai.jpg) no-repeat -10px 75%;
    box-shadow: 0 0 25px #000;
    border-radius: 4px;
    display: none
}

.close_event {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 4rem;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    cursor: pointer;
    color: #fff
}

.evttitle {
    font-size: 36px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 10px 0
}

.evttitle2 {
    font-size: 28px;
    text-align: center;
    color: #fff
}

.vntcontent {
    display: block;
    font-size: 18px;
    padding: 30px 0 20px 0;
    line-height: 26px;
    text-align: center;
    color: #fff;
    width: 100%;
    clear: both
}

.evntwp {
    width: 50%;
    margin: 0 0 0 25%;
    float: left
}

.evttitle3 {
    font-size: 28px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    float: left;
    padding: 0 0 5px 0;
    border-bottom: 2px solid #fff
}

.start_off {
    width: 49%;
    float: left;
    border-right: 2px solid #fff;
    padding: 10px 0;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 30px
}

.end_off {
    width: 50%;
    float: right;
    padding: 10px 0;
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 30px
}

.popbtn {
    width: 60%;
    clear: both;
    float: left;
    margin: 0 0 30px 20%
}

.popbtn a {
    width: 48%;
    float: left;
    height: 50px;
    border-radius: 4px;
    font-size: 24px;
    color: #fff;
    display: block;
    line-height: 50px;
    text-align: center
}

a.popbtn1 {
    background: #ff0;
    margin: 0 2% 0 0;
    color: red
}

a.popbtn2 {
    background: #a6ee1b;
    color: #9c0b0b
}

.ranpax {
    width: 300px;
    padding: 10px;
    position: fixed;
    z-index: 100;
    right: 0;
    bottom: 78px;
    background: #ff9100
}

.ranpax iframe {
    width: 100%;
    height: 100%
}

.ranpax span {
    position: absolute;
    right: 0;
    top: -30px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    padding: 0 12px;
    background: #ff9100
}

.ranpax p {
    color: #fff;
    padding: 0 0 10px;
    font-size: 16px
}

.aoth {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    background: #135e9c;
    line-height: 20px;
    padding: 0 10px
}

.closepax {
    cursor: pointer
}

@-webkit-keyframes typing {
    from {
        width: 0
    }
}

@-webkit-keyframes blink-caret {
    50% {
        border-color: transparent
    }
}

.love_tt {
    font: bold 300% Consolas, Monaco, monospace;
    border-right: 0;
    white-space: nowrap;
    overflow: hidden;
    -webkit-animation: typing 2s steps(21, end), blink-caret .3s step-end infinite alternate
}

.gamelst li {
    opacity: 0;
    animation: fadeIn 1s ease-in both
}

.gamelst li:nth-child(1) {
    animation-delay: .5s
}

.gamelst li:nth-child(2) {
    animation-delay: 1s
}

.gamelst li:nth-child(3) {
    animation-delay: 1.5s
}

.gamelst li:nth-child(4) {
    animation-delay: 2s
}

.gamelst li:nth-child(5) {
    animation-delay: 2.5s
}

.gamelst li:nth-child(6) {
    animation-delay: 3s
}

.gamelst li:nth-child(7) {
    animation-delay: 3.5s
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0)
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.gradient_white,
.line_gradient {
    bottom: 0;
    width: 100%;
    position: absolute
}

.live_search p a {
    float: right;
    line-height: 30px;
    color: #0084ff
}

.live_search p:hover {
    background: #e5e5e5
}

.h1s {
    clear: both;
    padding: 15px 0 5px
}

.brs {
    clear: both;
    padding: 5px 0 10px
}

.line_gradient {
    background: -moz-linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(100%, #000));
    background: -webkit-linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(90deg, #000 0, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%)
}

.gradient_white {
    height: 50px;
    padding: 0 0 150px;
    background: -moz-linear-gradient(90deg, #fff 15%, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
    background: -webkit-linear-gradient(90deg, #fff 15%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(90deg, #fff 15%, #fff 100%);
    background: -ms-linear-gradient(90deg, #fff 15%, #fff 100%);
    background: linear-gradient(0deg, #fff 15%, rgba(255, 255, 255, 0) 100%)
}

.more_view_cmt {
    display: block !important;
    width: 50%;
    line-height: 32px;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    color: #0c86c6;
    background: #e5e5e5;
    clear: both;
    position: absolute;
    bottom: 20px;
    left: 25%;
    border-radius: 4px;
    cursor: pointer
}

.more_view .i:before {
    font-size: .8rem;
    top: 0x
}

.autoheight {
    height: auto !important
}

.autoposition {
    position: static !important
}

.overflow_view {
    height: 800px;
    overflow: hidden;
    padding: 0 0 50px
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: url(../img/overlay2.png)
}

#colorbox {
    outline: 0
}

#cboxContent {
    margin-top: 32px;
    overflow: visible;
    background: #000
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    background: #fff;
    padding: 5px
}

#cboxLoadingGraphic {
    background: url(../img/loading.gif) no-repeat center center
}

#cboxLoadingOverlay {
    background: #000
}

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #fff
}

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(../img/controls.png) no-repeat 0 0
}

#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
    outline: 0
}

#cboxPrevious {
    background-position: 0 0;
    right: 44px
}

#cboxPrevious:hover {
    background-position: 0 -25px
}

#cboxNext {
    background-position: -25px 0;
    right: 22px
}

#cboxNext:hover {
    background-position: -25px -25px
}

#cboxClose {
    background-position: -50px 0;
    right: 0
}

#cboxClose:hover {
    background-position: -50px -25px
}

.cboxSlideshow_off #cboxPrevious,
.cboxSlideshow_on #cboxPrevious {
    right: 66px
}

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px
}

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0;
    right: 44px
}

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px
}

.screen-voice {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .7)
}

.screen-voice p {
    display: block;
    text-align: center;
    font-size: 18px;
    width: 100%;
    position: fixed;
    top: 60%
}

.pulse-button {
    position: fixed;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    font-size: 2.8rem;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    box-shadow: 0 0 0 0 rgba(232, 76, 61, .7);
    border-radius: 50%;
    background: #e84c3d;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(.66, 0, 0, 1)
}

.fbmessenger {
    position: fixed;
    bottom: 56px;
    left: 0;
    z-index: 999999999
}

.fbmessenger img {
    width: 50px;
    filter: drop-shadow(2px 6px 4px rgba(0, 0, 0, .3));
    -webkit-filter: drop-shadow(2px 6px 4px rgba(0, 0, 0, .3))
}

.fbmessenger span {
    z-index: 999999999;
    position: absolute
}

.fbme {
    width: 30px;
    height: 30px;
    padding: 10px;
    position: fixed;
    z-index: 100;
    bottom: 90px;
    left: 10px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: center no-repeat #0075ff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4)
}

.fbme img {
    height: auto;
    width: 100%
}

.fbme span {
    height: 15px;
    width: 15px;
    position: absolute;
    left: 5px;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    line-height: 15px;
    background: #fa3e3e
}

.faq_page {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 0 0
}

.faq_list {
    width: 100%;
    float: left;
    clear: both;
    background: #f2f2f2;
    margin: 1px 0 0 0
}

.faq_list:hover {
    background: #e5e5e5
}

.faq_list li {
    list-style: inside
}

.faq_list h4 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 10px;
    cursor: pointer;
    position: relative
}

.faq_list h4:before {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    position: absolute;
    right: 10px
}

.faq_list h4.active_faq:before {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    position: absolute;
    right: 10px
}

.faq_list .answer {
    display: none;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding: 10px;
    background: #fff
}

.faqmain {
    width: 100%;
    display: block;
    padding: 0 0 10px 0;
    font-size: 24px;
    color: #000
}

.eventof {
    width: 99.8%;
    float: left;
    clear: both;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    margin: 0 0 20px 0
}

.eventof img {
    display: block;
    margin: 0 auto;
    width: 100%;
    background: url(../img/spinner-blue.gif) center center no-repeat #fff
}

.eventof h4 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    padding: 10px
}

.eventof .evt_startof {
    color: #0283de;
    padding: 0 10px;
    display: block
}

.eventof p {
    color: #666;
    padding: 5px 10px 10px 10px;
    display: block;
    font-size: 14px;
    line-height: 22px
}

.eventof span.evt_priceof {
    font-size: 18px;
    color: #333;
    padding: 10px;
    display: block;
    background: #f3f3f3
}

.eventof span.evt_priceof span {
    color: #ff9c00
}

.eventof span.evtofferof {
    color: #333;
    position: absolute;
    width: 96%;
    padding: 10px 2%;
    bottom: 0
}

.evt2of {
    width: 31.7%;
    min-height: 225px;
    float: left;
    clear: none;
    margin: 20px 2% 0 0;
    position: relative
}

.evt_lastof {
    margin: 20px 0 0 0;
    float: right
}

.app-office {
    width: 100%;
    clear: both;
    text-align: center;
    display: block;
    position: relative;
    background: #fff
}

.app-office p {
    text-align: center;
    font-size: 24px;
    color: #0577af;
    padding: 20px 0 0 0
}

.app-office a {
    margin: 10px;
    padding: 0;
    text-align: center;
    width: 200px;
    display: inline-block
}

.app-office a img {
    display: block;
    width: 100%;
    margin: 0;
    background: #fff url(../img/spinner-blue.gif) no-repeat center
}

.app-office a img:hover {
    opacity: .8
}

.gcapt {
    width: 100%;
    clear: both;
    margin: 10px 0 0 0;
    float: left
}

table.table {
    border-collapse: collapse;
    width: 100%;
    background: #fff;
    border: 1px solid #e5e5e5
}

table.table,
table.table td,
table.table th {
    border: 1px solid #ececec;
    padding: 5px 8px;
    font-weight: 400;
    font-size: 14px
}

table.table th {
    font-size: 15px;
    color: #0aa2d4;
    background: #f6f7f8;
    font-weight: 700
}

table.table thead {
    background: #fff;
    color: #000
}

table.table a {
    color: #0283de
}

table.table a:hover {
    color: #00adff
}

.wp_fullabout {
    width: 100%;
    position: relative;
    z-index: 5
}

.wp_fullabout img {
    display: block
}

.fullab_inner {
    width: 100%;
    min-height: 100vh;
    padding: 30px 0;
    float: left;
    position: relative
}

.fullab_content {
    width: 100%;
    float: left;
    position: relative
}

.block1 {
    background: rgb(19, 60, 113, .75);
    min-height: auto;
    padding: 0
}

.block2 {
    min-height: auto;
    margin: 0 auto;
    float: none;
    width: 1180px;
    clear: both
}

.block2ct {
    background: rgb(42, 182, 155, .75);
    border-radius: 8px;
    border: 1px solid #67b7ab
}

.abtitle {
    font-size: 100px;
    color: #fff;
    padding: 30px 0 10px 0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 3px 3px #000
}

.absub {
    font-size: 36px;
    text-align: center;
    color: #fff
}

.ab_tt1 {
    font-size: 40px;
    color: #ff0;
    padding: 30px 0 10px 30px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #fff
}

.ab_tt1 span {
    font-size: 36px;
    color: #fff
}

.td1 {
    width: 50%;
    padding: 0 0 0 30px;
    float: left;
    text-align: justify;
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 27px;
    color: #fff
}

.citetd1 {
    width: 100%;
    float: left;
    padding: 10px 0 30px 0;
    margin: 10px 0 0 0;
    position: relative;
    color: #ff0
}

.citetd1:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    top: 0;
    background: #c3cd1d
}

.citetd1:after {
    content: '';
    position: absolute;
    left: 10%;
    height: 1px;
    width: 50%;
    top: 2px;
    background: #c3cd1d
}

.imgtt {
    width: 46%;
    float: right
}

.imgtt img {
    width: 100%;
    height: auto
}

.abtitle2 {
    font-size: 60px;
    color: #fff;
    padding: 15px 0 10px 0;
    margin: 0 0 20px 0;
    text-align: center;
    position: relative;
    text-transform: uppercase
}

.abtitle2 span {
    font-size: 60px;
    color: #ff0
}

.abtitle2:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    left: 35%;
    bottom: 0;
    background: #fff
}

.abtitle2:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    bottom: -2px;
    background: #fff
}

.service {
    float: left;
    margin: 0 20px 20px 20px
}

.service ul {
    width: 100%;
    float: left
}

.service ul li {
    width: 23.5%;
    float: left;
    margin: 0 2% 0 0
}

.service ul li.svlast {
    margin: 0
}

.service ul li h1,
.service ul li h2,
.service ul li h4 {
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: block;
    padding: 0 0 5px 0;
    position: relative;
    text-transform: uppercase
}

.service ul li h1 a,
.service ul li h2 a,
.service ul li h4 a {
    color: #fff
}

.service ul li h1 a:hover,
.service ul li h2 a:hover,
.service ul li h4 a:hover {
    color: #fff
}

.service ul li p {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 22px
}

.about_home ul li span:before,
.service ul li span:after {
    content: ""
}

.service ul li span {
    overflow: hidden;
    z-index: 2;
    position: relative;
    margin: 0 auto 15px;
    width: 92px;
    height: 92px;
    display: block;
    text-align: center;
    line-height: 92px;
    border-radius: 50%;
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #da7f21
}

.service ul li span:hover {
    color: #fff
}

.service ul li span:after {
    z-index: -1;
    height: 0;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    left: -10%;
    right: -10%;
    background: #0c86c6;
    color: #fff;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.service ul li:hover span:after {
    height: 100%
}

.service ul li:hover span {
    color: #fff
}

.service ul li span .i {
    width: auto;
    height: auto
}

.service ul li span .i:before {
    top: 0;
    font-size: 2.6rem
}

.service ul li:hover a {
    color: #fff
}

.block3 {
    background: rgb(0, 0, 0, .75);
    margin: 30px 0;
    min-height: auto
}

.ababus {
    width: 52%;
    margin: 0 2% 0 0;
    float: right;
    text-align: justify;
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 26px;
    color: #fff
}

.abtt3 {
    font-size: 60px;
    color: #5cc0fb;
    padding: 15px 0 10px 0;
    margin: 0 0 20px 0;
    text-align: center;
    position: relative;
    text-align: center
}

.abtt3:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    bottom: 0;
    background: #5cc0fb
}

.abtt3:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    left: 35%;
    bottom: -2px;
    background: #5cc0fb
}

.img3 {
    width: 41%;
    float: left;
    margin: 0 0 0 2%;
    position: relative
}

.img3 img {
    width: 100%
}

.img3:before {
    content: '';
    position: absolute;
    width: 42px;
    height: 30%;
    background: #ff0;
    right: -21px
}

.img3:after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    background: #ff0;
    right: -6px;
    bottom: 0
}

.block4 {
    background: 0 0;
    margin: 0;
    padding: 0;
    min-height: auto
}

.abtt4 {
    display: block;
    text-align: center;
    padding: 20px;
    color: #ff0;
    font-size: 60px;
    background: rgb(0, 0, 0, .75);
    border: 1px solid #fff;
    border-radius: 8px
}

.timeline {
    position: relative;
    max-width: 50%;
    margin: 0 auto;
    padding: 30px 0
}

.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px
}

.container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%
}

.container::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -17px;
    background-color: #fff;
    border: 4px solid #135e9c;
    top: 15px;
    border-radius: 50%;
    z-index: 1
}

.left {
    left: -80px
}

.right {
    left: 50%
}

.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #fff;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #fff
}

.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #fff;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent
}

.right::after {
    left: -16px
}

.content {
    padding: 20px 30px;
    background-color: #fff;
    position: relative;
    border-radius: 6px
}

.content p {
    font-size: 16px;
    line-height: 26px
}

.cth2 {
    font-size: 24px;
    color: #0a58b9
}

@media screen and (max-width:600px) {
    .left {
        left: 0
    }

    .timeline::after {
        left: 31px
    }

    .container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px
    }

    .container::before {
        left: 60px;
        border: medium solid #fff;
        border-width: 10px 10px 10px 0;
        border-color: transparent #fff transparent transparent
    }

    .left::after,
    .right::after {
        left: 15px
    }

    .right {
        left: 0
    }
}

.block5 {
    background: rgb(19, 60, 113, .75);
    margin: 0;
    padding: 0;
    min-height: auto
}

.abtt5 {
    display: block;
    text-align: center;
    padding: 20px;
    color: #fff;
    font-size: 60px;
    background: rgb(19, 60, 113, .5);
    border-top: 1px solid #fff
}

.tn1 {
    width: 40%;
    margin: 2% 0 2% 2%;
    float: left;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    text-align: center
}

.tn1 h3 {
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    padding: 0 0 10px 0
}

.tn2 {
    width: 40%;
    margin: 2% 2% 2% 0;
    float: right;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    text-align: center
}

.tn2 h3 {
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    padding: 0 0 10px 0
}

.block55 {
    background: rgb(7, 59, 49, .75);
    margin: 0;
    padding: 0;
    min-height: auto
}

.abtt55 {
    display: block;
    text-align: center;
    padding: 20px;
    color: #fff;
    font-size: 60px;
    border-top: 1px solid #fff
}

.block6 {
    background: 0 0;
    margin: 0;
    padding: 0;
    min-height: auto
}

.gtcl {
    background: rgb(7, 59, 49, .75);
    width: 70%;
    margin: 0 0 0 15%;
    padding: 0 0 30px 0;
    float: left
}

.gtcl img {
    margin: 0 auto
}

.gtdt {
    margin: 30px 0 10px 0;
    padding: 0 4%;
    width: 92%;
    float: left;
    clear: both;
    display: block;
    font-size: 16px;
    line-height: 27px;
    text-align: center;
    color: #fff
}

.gtdt h3 {
    font-size: 36px;
    color: #fff;
    line-height: normal
}

.gtdt h3 span {
    font-size: 36px;
    color: #ff0
}

.block7 {
    background: rgb(26, 11, 10, .75);
    margin: 0;
    padding: 0 0 20px 0;
    min-height: auto
}

.abtt7 {
    display: block;
    text-align: center;
    padding: 20px;
    color: #14e6cb;
    font-size: 60px;
    border-top: 1px solid #fff;
    position: relative
}

.abtt7:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    bottom: 0;
    background: #5cc0fb
}

.abtt7:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    left: 35%;
    bottom: -2px;
    background: #5cc0fb
}

.gtdt2 {
    margin: 30px 0 10px 0;
    padding: 0 4%;
    width: 92%;
    float: left;
    clear: both;
    display: block
}

.gtdt2 ul {
    width: 100%;
    float: left
}

.gtdt2 ul li {
    width: 33.33333333333333%;
    float: left
}

.gtdt2 ul li h3 {
    font-size: 24px;
    color: #fff;
    line-height: normal;
    padding: 10px 0 0 0;
    text-align: center
}

.gtdt2 ul li h3 span {
    font-size: 18px;
    color: #ff0
}

.gtdt2 ul li h4 {
    font-size: 18px;
    padding: 8px 0 0 0;
    text-align: center;
    color: #00fff3;
    text-align: center
}

.gtdt2 ul li img {
    margin: 0 auto
}

.block8 {
    background: rgb(255, 255, 255, .75);
    margin: 0;
    padding: 0 0 20px 0;
    min-height: auto
}

.abtt8 {
    display: block;
    text-align: center;
    padding: 20px;
    color: #14e6cbl;
    background: rgb(255, 255, 255, .75);
    font-size: 60px;
    border-top: 1px solid #fff;
    position: relative
}

.abtt8:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    bottom: 0;
    background: #666
}

.abtt8:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    left: 35%;
    bottom: -2px;
    background: #666
}

.mapcom {
    width: 100%
}

.mapcom img {
    margin: 0 auto
}

.block9 {
    background: rgb(2, 7, 31, .75);
    margin: 30px 0 0 0;
    padding: 20px 0;
    min-height: auto
}

.abtt9 {
    display: block;
    text-align: center;
    padding: 20px;
    color: #fff;
    background: rgb(2, 7, 31, .75);
    font-size: 60px;
    border-top: 1px solid #fff;
    position: relative
}

.abtt9:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    bottom: 0;
    background: #666
}

.abtt9:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    left: 35%;
    bottom: -2px;
    background: #666
}

.tvoffice {
    width: 46%;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    float: left;
    margin: 30px 0 20px 2%
}

.tvoffice h3 {
    font-size: 36px;
    line-height: normal;
    color: #ff0;
    font-weight: 400;
    padding: 15px 0
}

.tvoffice img {
    width: 100%;
    margin: 0 auto;
    border-radius: 6px;
    border: 4px solid #fff
}

.vprgt {
    float: right;
    margin: 30px 2% 20px 0
}

.block10 {
    background: rgb(134, 6, 6, .75);
    margin: 30px 0 0 0;
    padding: 20px 0 0 0;
    min-height: auto
}

.abtt10 {
    display: block;
    text-align: center;
    padding: 20px;
    color: #fff;
    background: rgb(134, 6, 6, .5);
    font-size: 60px;
    border-top: 1px solid #fff;
    position: relative
}

.abtt10:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    bottom: 0;
    background: #e5e5e5
}

.abtt10:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    left: 35%;
    bottom: -2px;
    background: #e5e5e5
}

.dbhpt {
    width: 45%;
    float: right;
    margin: 30px 2% 0 0;
    display: block;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    text-align: justify
}

.dpimg {
    width: 50%;
    float: left;
    position: relative
}

.dpimg img {
    width: 100%
}

.dpimg:before {
    content: '';
    position: absolute;
    height: 50%;
    width: 2px;
    right: -1px;
    bottom: 0;
    background: #fff
}

.dpimg:after {
    content: '';
    position: absolute;
    height: 70%;
    width: 1px;
    right: -8px;
    top: 0;
    background: #fff
}

.abtt11 {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    color: #0be1e4
}

.block12 {
    margin: 0;
    padding: 20px 0 0 0;
    min-height: auto;
    border-top: 1px solid #fff
}

.abtt12 {
    color: #ff9100
}

.hdtn {
    width: 94%;
    float: left;
    margin: 20px 0 20px 3%;
    display: block;
    line-height: 27px;
    font-size: 16px;
    color: #fff
}

.abacl {
    width: 94%;
    float: left;
    margin: 20px 0 10px 3%
}

.abaclist {
    width: 100%;
    float: left
}

.abaclist li {
    width: 18.8%;
    float: left;
    margin: 0 1.5% 1.5% 0
}

.abaclist li.fix {
    margin: 0 0 1.5% 0
}

.abaclist img {
    width: 100%
}

.block13 {
    background: rgb(255, 252, 255, .75);
    margin: 30px 0 0;
    padding: 20px 0 0 0;
    min-height: auto;
    border-top: 0
}

.abtt13 {
    background: rgb(255, 252, 255, .75);
    color: #0072ff
}

.abtt13:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    bottom: 0;
    background: #0072ff
}

.abtt13:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    left: 35%;
    bottom: -2px;
    background: #0072ff
}

.abttkh {
    color: #f30
}

.abttkh:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 50%;
    left: 25%;
    bottom: 0;
    background: #f30
}

.abttkh:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 30%;
    left: 35%;
    bottom: -2px;
    background: #f30
}

.abacl_dt {
    width: 94%;
    float: left;
    margin: 20px 0 10px 3%
}

.abaclist_dt {
    width: 100%;
    float: left
}

.abaclist_dt li {
    width: 15.41666666666667%;
    float: left;
    margin: 0 1.5% 1.5% 0
}

.abaclist_dt li.fix {
    margin: 0 0 1.5% 0
}

.abaclist_dt img {
    width: 100%
}

.pner {
    width: 94%;
    float: left;
    margin: 20px 0 10px 3%
}

.list_cln_about {
    width: 100%;
    float: left
}

.list_cln_about li {
    width: 23.875%;
    float: left;
    margin: 0 1.5% 1.5% 0
}

.list_cln_about li {
    width: 23.875%;
    float: left;
    margin: 0 1.5% 1.5% 0
}

.list_cln_about li.fix {
    margin: 0 0 1.5% 0
}

.list_cln_about li h3 a {
    color: #fff
}

.abcup {
    width: 94%;
    margin: 0 0 0 3%;
    float: left
}

.abcupli {
    width: 100%;
    float: left
}

.abcupli li {
    width: 32.33333333333333%;
    float: left;
    margin: 0 1.5% 30px 0
}

.abcupli li.fix {
    margin: 0 0 30px 0
}

.abcupli li img {
    width: 98%;
    padding: 2%;
    background: rgb(0, 0, 0, .75)
}

.endp {
    width: 100%;
    padding: 60px 0;
    font-size: 72px;
    color: #fff;
    text-align: center;
    text-shadow: 3px 3px #000;
    clear: both
}

.downArrow {
    position: fixed;
    bottom: 20px;
    left: 48.5%;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid #fff;
    line-height: 50px;
    text-align: center;
    z-index: 5
}

.downArrow i {
    text-align: center;
    font-size: 2rem;
    color: #fff;
    line-height: 50px
}

.downArrow:hover {
    background: #e5e5e5;
    color: #000
}

.nav_alpha {
    background: rgb(19, 94, 156, .75)
}

.video_bg {
    background-position: 500% 100%;
    background-size: cover;
    background-attachment: fixed
}

.videobg {
    background-size: cover;
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    z-index: 4
}

.nav_about {
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 99;
    background: rgb(0, 0, 0, .75);
    border-radius: 4px;
    overflow: hidden;
    display: none
}

.nav_about li {
    clear: both
}

.nav_about li a {
    display: block;
    color: #ff0;
    padding: 10px 16px
}

.nav_about li a:hover {
    background: #000;
    color: #fff
}

.nav_about li a.active {
    background: #000;
    color: #fff
}

.nav_menu {
    display: block;
    padding: 16px;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.nav_menu span {
    font-size: 11px;
    display: block;
    color: #ccc
}

.cuskh {
    width: 100%;
    float: left
}

.cuskh li {
    width: 50%;
    float: left;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    margin: 0 0 10px 0
}

.cuskh li h3 {
    font-size: 15px;
    color: #000;
    padding: 10px 0 5px 0
}

.cuskh li img {
    width: 24%;
    float: left;
    margin: 0 10px 0 0
}

.cuskh li p {
    line-height: 22px
}

blockquote {
    font-size: 14px;
    font-style: italic;
    margin: .25em 0;
    padding: .25em 0 0 30px;
    line-height: 1.45;
    position: relative;
    color: #fff
}

blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -20px;
    top: -20px;
    color: #7a7a7a
}

.full {
    width: 100%;
    float: left;
    position: relative
}

.bounce {
    -moz-animation: bounce 1s infinite;
    -webkit-animation: bounce 1s infinite;
    animation: bounce 1s infinite
}

@-moz-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {

    0%,
    100%,
    20%,
    50%,
    80% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.fullcore {
    width: 100%;
    float: left;
    background: #fff;
    position: relative
}

.wp_carousel {
    width: 1180px;
    margin: 0 auto;
    clear: both;
    position: relative
}

.wp_carousel h4 {
    font-size: 24px;
    width: 100%;
    padding: 20px 0 0 0;
    clear: both;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    display: block
}

.wp_carousel img:hover {
    opacity: .5
}

.wp_carousel a h5 {
    font-size: 20px;
    color: #333;
    text-align: center;
    padding: 8px 0 5px 0
}

.wp_carousel a h5:hover {
    color: #08c
}

.wp_carousel a span {
    font-size: 16px;
    color: #666;
    text-align: center;
    display: block
}

.wpnv img {
    display: block;
    border-radius: 4px
}

.wpnv img:hover {
    cursor: zoom-in
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
    float: left;
    margin: 15px 0 10px 0
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../img/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.block {
    display: block
}

@-webkit-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 45px rgba(232, 76, 61, 0)
    }
}

@keyframes pulsea {

    0%,
    100% {
        color: #ffb950
    }

    50% {
        color: red
    }
}

.snowflake {
    color: #fff;
    font-size: 1.5em;
    //font-family: Arial
}

@-webkit-keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@-webkit-keyframes snowflakes-shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(80px);
        transform: translateX(80px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes snowflakes-fall {
    0% {
        top: -10%
    }

    100% {
        top: 100%
    }
}

@keyframes snowflakes-shake {
    0% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(80px)
    }

    100% {
        transform: translateX(0)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 999999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running
}

.snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
}

.snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
}

.preloader_wrapper {
    width: 200px;
    height: 200px;
    position: fixed;
    text-align: center;
    z-index: 999999;
    top: 50%
}

.preloader_wrapper img {
    width: 90px;
    height: 90px;
    border: 5px solid #fff;
    border-radius: 100%;
    position: absolute;
    z-index: 2;
    background: #fff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.preloader_wrapper i {
    height: 16px;
    width: 16px;
    position: absolute;
    z-index: 4;
    right: 15px;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    line-height: 15px;
    background: #8bc34a
}

.preloader_wrapper a {
    color: #000
}

.preloader_wrapper a:hover {
    color: red
}

.close_ass {
    width: 270px;
    position: absolute;
    padding: 10px;
    top: 150px;
    z-index: 999999
}

.close_ass a {
    border-radius: 2px;
    background: #fff;
    padding: 10px;
    color: #000;
    margin: 4px;
    display: inline-block;
    font-size: 14px
}

.tt4 {
    top: 160px
}

.close_ass input[type=text],
.close_ass select {
    width: 80%;
    margin: 5px 0 0 0;
    padding: 0 5px;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #fff
}

.close_ass select {
    height: 36px;
    margin: 5px 0 10px 0;
    width: 82.9%;
    -webkit-appearance: none
}

.rshead {
    width: 100%;
    float: left;
    padding: 10px 0;
    font-size: 15px;
    color: #e5e5e5;
    line-height: 25px;
    text-align: left
}

.rshead h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    padding: 0 0 8px 0
}

.rshead b {
    color: #ff768d
}

.divleft {
    width: 106px;
    float: left
}

.cs4 {
    top: 201px;
    width: 500px;
    left: -150px;
    float: left;
    padding: 10px 0
}

.scroll_ass {
    width: 104%;
    height: 100%;
    padding: 0 10%;
    position: fixed;
    overflow-y: scroll;
    float: left;
    z-index: 999;
    top: 0;
    right: -10%;
    left: -10%
}

.scroll_ass2 {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: fixed;
    float: left;
    z-index: 999;
    top: 0
}

.img_tc1 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute
}

.img_tc1 img {
    top: 50px;
    left: 50px
}

.img_tc1 i {
    top: 50px;
    left: 120px
}

.img_tc2 {
    top: 0;
    left: auto;
    right: 0;
    position: fixed;
    cursor: pointer
}

.rada1 span {
    top: 50px;
    left: 50px
}

.spinner {
    width: 100%;
    padding: 75px 0 0 0;
    background: url(../img/spinner.svg) no-repeat center top;
    text-align: center;
    font-size: 22px;
    color: #e5e5e5
}

.spinner p.pspin {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #ff0, #fff, #ff0);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: pspinani 1.5s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0)
}

@keyframes pspinani {
    0% {
        background-position: -500%
    }

    100% {
        background-position: 500%
    }
}

.tooltiptext {
    position: absolute;
    width: 270px;
    background: #fff;
    color: #000;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    z-index: 9999999999;
    right: -200px;
    top: 110px;
    font-size: 18px;
    animation: assit 2s;
    -moz-animation: assit 2s;
    -webkit-animation: assit 2s;
    -o-animation: assit 2s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 15px;
    margin-left: 15px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent
}

.tooltiptext2 {
    position: absolute;
    width: 276px;
    background: #17d2ff;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 6px;
    z-index: 9999999999;
    left: 210px;
    top: 0;
    font-size: 18px;
    animation: assit 2s;
    -moz-animation: assit 2s;
    -webkit-animation: assit 2s;
    -o-animation: assit 2s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.tooltiptext3 {
    top: 50px
}

.tooltip-bottom2::after {
    content: "";
    position: absolute;
    right: 100%;
    border-width: 10px;
    border-style: solid;
    border-color: transparent #17d2ff transparent transparent
}

.ttip2 {
    width: 500px;
    padding: 10px 0;
    top: 160px;
    left: -150px;
    right: auto;
    background: #08b4df;
    color: #fff
}

.ttip2::after {
    margin: auto;
    left: 240px;
    border-color: transparent transparent #08b4df transparent
}

@keyframes assit {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes assit {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes assit {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes assit {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.radar-animation {
    position: relative
}

.radar-animation:hover>.tooltiptext {
    visibility: visible
}

.radar-animation span {
    border: 2px solid #17d2ff;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    -webkit-animation: radar 2s infinite linear;
    animation: radar 2s infinite linear;
    opacity: 0
}

.radar-animation span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.radar-animation span:nth-child(2) {
    -webkit-animation-delay: .66s;
    animation-delay: .66s
}

.radar-animation span:nth-child(3) {
    -webkit-animation-delay: 1.33s;
    animation-delay: 1.33s
}

@-webkit-keyframes radar {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .5
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes radar {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: .5
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    75% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

.fscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .75)
}

.frm_title {
    display: block;
    text-align: center;
    font-size: 28px;
    color: #365899;
    margin: -5px 0 0 0
}

.close_frm {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 40px;
    background: 0 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.close_frm:active {
    box-shadow: 0 0 1px 2px rgba(88, 144, 255, .75), 0 1px 1px rgba(0, 0, 0, .15);
    outline: 0
}

.pmsg {
    display: block;
    text-align: center;
    font-size: 13px;
    color: #666;
    padding: 5px 0 0 0;
    line-height: 20px
}

.pophead {
    width: 100%;
    padding: 20px 0;
    background: #f6f7f9;
    border-bottom: 1px solid #dddfe2
}

.frmconfir {
    display: block;
    width: 40%;
    position: fixed;
    z-index: 999999;
    left: 30%;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 25px #000;
    -webkit-box-shadow: 0 0 25px #000;
    box-shadow: 0 0 25px #000;
    overflow: hidden
}

.frmconfir input[type=tel],
.frmconfir input[type=text] {
    background-color: #fafafa;
    border-radius: 4px;
    box-shadow: rgba(255, 255, 255, .8) 0 1px 0 0, rgba(0, 0, 0, .2) 0 0 1px 0 inset;
    color: #777;
    cursor: auto;
    display: block;
    font-size: 15px;
    height: 40px;
    border-color: #c1c2c1 #dedede #dedede #c1c2c1;
    border-style: solid;
    border-width: 1px;
    width: 60%;
    padding: 0 2%;
    margin: 20px auto 10px auto
}

.frmconfir button {
    width: 36%;
    height: 40px;
    display: block;
    margin: 0 auto;
    color: #fff;
    background: #08b4df;
    border: 0;
    border-radius: 4px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.frmconfir button:hover {
    background: #009fe3
}

.frmconfir button:active {
    background: #0492b6
}

.policy {
    width: 100%;
    padding: 10px 0;
    margin: 10px 0 0 0;
    background: #f5f5f5;
    text-align: center;
    border-top: 1px solid #ddd;
    display: block;
    line-height: 22px;
    color: #666
}

.policy p {
    display: block;
    padding: 0 20px
}

.packlist li h3 a {
    color: #333e
}

.packlist li h3 a:hover {
    color: #000
}

.nca li h3:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #e5e5e5
}

.nca li h3:after {
    content: '';
    position: absolute;
    height: 3px;
    width: 50%;
    bottom: 0;
    left: 0;
    background: #e5e5e5
}

.title {
    text-align: center;
    position: relative;
    width: 100%;
    clear: both;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0
}

.title h1,
.title h2,
.title h3,
.title p {
    width: 100%;
    display: block;
    padding: 15px 0 10px 0;
    color: #333;
    clear: both;
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    position: static
}

.title h1 a,
.title h2 a,
.title h3 a,
.title p a {
    color: #000
}

.title a {
    color: #000
}

.title:before {
    content: '';
    position: absolute;
    width: 26%;
    height: 3px;
    border-radius: 100px;
    background: #484c61;
    bottom: 1px;
    left: 37%
}

.title:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #484c61;
    bottom: 2px;
    left: 0
}

.breadcrum {
    width: 100%;
    text-align: center;
    list-style: none
}

.breadcrum li {
    display: inline-block;
    color: #5f6580;
    position: relative;
    padding: 0 20px 0 0;
    font-size: 13px
}

.breadcrum li:before {
    content: "»";
    position: absolute;
    right: 6px;
    top: -1px
}

.breadcrum li.last {
    padding: 0
}

.breadcrum li.last:before {
    content: "";
    position: static
}

.breadcrum li a,
.breadcrum li h1,
.breadcrum li h2,
.breadcrum li h3 {
    font-size: 13px;
    color: #5f6580;
    display: inline-block;
    font-weight: 400
}

.breadcrum li h1 a,
.breadcrum li h2 a,
.breadcrum li h3 a {
    color: #5f6580
}

.breadcrum a:hover {
    color: #000
}

.plugin_ass {
    position: absolute;
    top: 7.5px;
    left: 355px;
    font-size: 14px;
    z-index: 12
}

.plugin_ass span {
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    line-height: 35px;
    padding: 0 24px 0 12px;
    cursor: pointer;
    background: #2ab69b
}

.plugin_ass span:after {
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    content: "\f107";
    right: 10px;
    line-height: 35px
}

.plugin_ass span:hover {
    border-radius: 3px 3px 0 0;
    background: #2fd8b7
}

.plugin_ass span i {
    color: #fff
}

.plugin_ass div {
    display: none;
    width: 210px;
    position: absolute;
    top: 35px;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19)
}

.plugin_ass a {
    display: block;
    padding: 0 10px;
    color: #969696;
    line-height: 35px
}

.plugin_ass a:hover {
    color: #000;
    background: #e5e5e5
}

.plugin_ass:hover div {
    display: block
}

.plugin_ass:hover span {
    border-radius: 3px 3px 0 0;
    background: #2fd8b7
}

.boxtv {
    width: 100%;
    float: left
}

.boxtv a {
    display: block;
    line-height: 40px;
    margin: 0 0 5px 0;
    background: #2ab69b;
    color: #fff;
    font-size: 16px;
    padding: 0 20px;
    border-radius: 3px
}

.boxtv a:hover {
    background: #2fd8b7
}

.boxtv2 a {
    float: left;
    margin: 5px 5px 0 0
}

.loading {
    -webkit-animation: rotation 4s infinite linear
}

.lunar {
    width: 117px;
    height: 70px;
    position: absolute;
    top: 36px;
    left: 0;
    z-index: 999
}

.alert {
    float: right;
    margin: -15px 0 0 0;
    color: red;
    clear: both
}

.border {
    width: 96%;
    padding: 1% 2%;
    background: #efefef;
    clear: both;
    float: left;
    border-radius: 3px
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg)
    }
}

.homeplugs {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0;
    padding: 10px 0 0 0;
    position: relative;
    border-top: 1px solid #e5e5e5
}

.homeplugs:before {
    content: '';
    height: 7px;
    border-radius: 10px;
    background: #e5e5e5;
    width: 30%;
    position: absolute;
    left: 35%;
    top: -4px
}

.tthome {
    width: 100%;
    padding: 10px 0;
    display: inline-block;
    font-size: 27px;
    font-weight: 400;
    color: #000;
    position: relative
}

.tth2 {
    margin: 0 0 15px 0
}

.faqpageh {
    width: 100%;
    float: left;
    clear: both
}

.faqlisth {
    width: 100%;
    float: left;
    clear: both;
    margin: 2px 0 0 0
}

.faqlisth h3 {
  background: #0283de none repeat scroll 0 0;
  border-radius: 50px 5px 5px 50px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  overflow: hidden;
  padding: 17px 22px 17px 80px;
  position: relative;
}

.faqlisth h3 span {
  background: #ff9100;
  border-radius: 100%;
  display: block;
  float: left;
  font-size: 30px;
  height: 50px;
  left: 0;
  line-height: 50px;
  margin-left: 3px;
  margin-top: 3px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
} 

.faqlisth h3:hover {
    background: #2fd8b7
}

.faqlisth h3:before {
    content: "\f107";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    position: absolute;
    right: 10px
}

.faqlisth h3.active {
    background: #e5e5e5;
    color: #135e9c;
    border-radius: 4px
}

.faqlisth h3.active:before {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 1.5rem;
    position: absolute;
    right: 10px
}

.faqlisth .answer {
    display: none;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    padding: 10px;
    background: #fff
}

.faqlisth .answer ul {
    list-style: inside
}

.faqlisth .answer a {
    color: #2c6baa
}

.faqlisth .answer a:hover {
    text-decoration: underline;
    color: #ff9c00
}

.faqlisth .answer h5 {
    font-size: 16px
}

.righlst {
    width: 48%;
    float: right
}

.righlst a {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 25px;
    color: #135e9c;
    margin: 10px 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #e5e5e5
}

.righlst a:hover {
    color: #00bfff
}

.righlst a.first-child {
    margin: 0
}

.apdf {
    width: 100%;
    margin: 15px 0 0 0;
    float: left;
    display: block;
    border-radius: 4px;
    color: #000;
    text-align: center;
    font-size: 26px;
    padding: 14px 0;
    clear: both;
    color: #fff;
    background: #d80d0d
}

.apdf:hover {
    background: red
}

.txt_through {
    text-decoration: line-through
}

.discount {
    width: 77px;
    height: 63px;
    padding: 15px 0 0;
    display: block;
    background: url(../img/discount.png) no-repeat;
    position: absolute;
    z-index: 2;
    left: -15px;
    top: -9px;
    color: #fff;
    text-align: center
}

.dst_2 {
    left: -14px
}

.discount span {
    color: #fff !important
}

.discount_list {
    top: -12px !important;
    left: -12px !important
}

.discount_home {
    top: -12px !important;
    left: -10px !important
}

.discount span.sper {
    font-size: 20px
}

.tipc {
    width: auto;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 14px;
    width: 100%;
    padding: 10px 0;
    background: rgba(255, 81, 8, .75);
    color: #fff;
    font-size: 15px
}

.tipc span {
    display: block;
    padding: 0 10px 0 87px
}

span.white {
    color: #fff !important;
    text-decoration: line-through !important
}

.wpstr {
    width: 100%;
    clear: both;
    margin: 0 0 10px 0;
    text-align: center
}

.btn_street_view {
    line-height: 58px;
    padding: 0 10px;
    text-align: center;
    font-size: 24px;
    display: inline-block;
    background: #2ab69b;
    border-radius: 4px;
    color: #fff
}

.btn_street_view:hover {
    background: #1ca087
}

.btn_street_view img {
    float: left;
    margin: 9px 10px 9px 0;
    width: 40px;
    height: 40px;
    border: 2px solid #1ca087;
    border-radius: 100%
}

.strvpo {
    font-size: 18px;
    line-height: 40px;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    border-radius: 4px 0 0 0
}

.strvpo img {
    margin: 5px 10px 5px 0;
    width: 30px;
    height: 30px
}

.border0 {
    border: 0
}

.fb_msg {
    width: 30px;
    height: 30px;
    padding: 10px;
    position: fixed;
    z-index: 99;
    bottom: 157px;
    right: 5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: center no-repeat #0075ff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4)
}

.fb_msg img {
    height: auto;
    width: 100%
}

.fb_msg img:hover {
    opacity: .8
}

.fb_msg span {
    height: 15px;
    width: 15px;
    position: absolute;
    z-index: 1;
    left: 5px;
    border-radius: 100%;
    color: #fff;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    line-height: 15px;
    background: #fa3e3e
}

.callbtn {
    bottom: 220px;
    background: red
}

.callbtn i {
    font-size: 2rem;
    color: #fff;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.livebtn {
    bottom: 217px;
    background: red
}

.livebtn i {
    bottom: 230px;
    font-size: 2rem;
    color: #fff;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.zalo_msg {
    width: 66px;
    position: fixed;
    z-index: 99;
    bottom: 85px;
    right: 0
}

.zalo_msg img {
    width: 100%;
    display: block;
    margin: 0
}

.zalo_msg img:hover {
    opacity: .8
}

.zalo_msg span {
    height: 12px;
    width: 12px;
    position: absolute;
    z-index: 1;
    right: 15px;
    border-radius: 100%;
    border: 1px solid #fff;
    color: #fff;
    font-size: 10px;
    text-align: center;
    display: inline-block;
    line-height: 15px;
    background: #8bc34a
}

.nca li {
    min-height: 420px
}

.nca li p {
    color: #666;
    padding: 6px 0 0 0
}

.nca li h3 {
    margin: 4px 0 6px 0;
    padding: 0 0 6px 0;
    line-height: 22px;
    position: relative
}

.nca li h3 a {
    color: #333
}

.nca li h3 a:hover {
    color: #000
}

.wpcenter {
    width: 1180px;
    overflow: hidden
}

.cate_verti {
    width: 100%;
    float: left;
    margin: 0
}

.cate_verti h2 {
    font-size: 46px;
    color: #001935;
    text-align: center;
    padding: 15px 0;
    font-weight: 400;
    position: relative
}

.cate_verti:before {
    content: '';
    position: absolute;
    width: 26%;
    height: 3px;
    border-radius: 100px;
    background: #484c61;
    top: 1px;
    left: 37%
}

.cate_verti:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #484c61;
    top: 2px;
    left: 0
}

.cate_verti h2 a {
    color: #001935
}

.cate_verti li {
    width: 113px;
    float: left;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
    background: #000
}

.cate_verti li img {
    width: 100%;
    display: block;
    opacity: .5
}

.cate_verti li img:hover {
    opacity: 1
}

.cate_verti li h4 {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    position: absolute;
    bottom: 10px;
    color: #ff0
}

.cate_verti li:hover h4 {
    color: #fff
}

.lSSlideWrapper,
.lSSlideWrapper .lSFade {
    position: relative
}

.lSSlideOuter,
.lSSlideOuter .lSPager.lSGallery {
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    overflow: hidden
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideWrapper>.lightSlider:after {
    clear: both
}

.lSSlideOuter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lightSlider:after,
.lightSlider:before {
    content: " ";
    display: table
}

.lightSlider {
    overflow: hidden;
    margin: 0
}

.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden
}

.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform, height;
    transition-property: transform, height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade>* {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%
}

.lSSlideWrapper.usingCss .lSFade>* {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lSSlideWrapper .lSFade>.active {
    z-index: 10
}

.lSSlideWrapper.usingCss .lSFade>.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.lSSlideOuter .lSPager.lSpg>li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px
}

.lSSlideOuter .lSPager.lSpg>li a {
    background-color: #991d52;
    display: inline-block;
    height: 3px;
    overflow: hidden;
    text-indent: -999em;
    width: 20px;
    position: relative;
    z-index: 99;
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s
}

.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
    background-color: #1d3e72
}

.lSSlideOuter .media {
    opacity: .8
}

.lSSlideOuter .media.active {
    opacity: 1
}

.lSSlideOuter .lSPager.lSGallery {
    list-style: none;
    padding-left: 0;
    margin: 0;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius .12s linear 0s .35s linear 0s;
    transition: border-radius .12s linear 0s .35s linear 0s
}

.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px
}

.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%
}

.lSSlideOuter .lSPager.lSGallery:after,
.lSSlideOuter .lSPager.lSGallery:before {
    content: " ";
    display: table
}

.lSAction>a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url(../img/controls_c.png);
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: .5;
    -webkit-transition: opacity .35s linear 0s;
    transition: opacity .35s linear 0s
}

.lSAction>a:hover {
    opacity: 1
}

.lSAction>.lSPrev {
    background-position: 0 0;
    left: 10px
}

.lSAction>.lSNext {
    background-position: -32px 0;
    right: 10px
}

.lSAction>a.disabled {
    pointer-events: none
}

.cS-hidden {
    height: 1px;
    opacity: 0;
    overflow: hidden
}

.lSSlideOuter.vertical {
    position: relative
}

.lSSlideOuter.vertical.noPager {
    padding-right: 0 !important
}

.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0
}

.lSSlideOuter.vertical .lightSlider>* {
    width: 100% !important;
    max-width: none !important
}

.lSSlideOuter.vertical .lSAction>a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0
}

.lSSlideOuter.vertical .lSAction>.lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto
}

.lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px
}

.lSSlideOuter.lSrtl {
    direction: rtl
}

.lSSlideOuter .lSPager,
.lSSlideOuter .lightSlider {
    padding-left: 0;
    list-style: none
}

.lSSlideOuter.lSrtl .lSPager,
.lSSlideOuter.lSrtl .lightSlider {
    padding-right: 0
}

.lSSlideOuter .lSGallery li,
.lSSlideOuter .lightSlider>* {
    float: left
}

.lSSlideOuter.lSrtl .lSGallery li,
.lSSlideOuter.lSrtl .lightSlider>* {
    float: right !important
}

@-webkit-keyframes rightEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -15px
    }
}

@keyframes rightEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: -15px
    }
}

@-webkit-keyframes topEnd {

    0%,
    100% {
        top: 0
    }

    50% {
        top: -15px
    }
}

@keyframes topEnd {

    0%,
    100% {
        top: 0
    }

    50% {
        top: -15px
    }
}

@-webkit-keyframes leftEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@keyframes leftEnd {

    0%,
    100% {
        left: 0
    }

    50% {
        left: 15px
    }
}

@-webkit-keyframes bottomEnd {

    0%,
    100% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }
}

@keyframes bottomEnd {

    0%,
    100% {
        bottom: 0
    }

    50% {
        bottom: -15px
    }
}

.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd .3s;
    animation: topEnd .3s;
    position: relative
}

.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd .3s;
    animation: bottomEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd .3s;
    animation: leftEnd .3s;
    position: relative
}

.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd .3s;
    animation: rightEnd .3s;
    position: relative
}

.lightSlider.lsGrab>* {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lightSlider.lsGrabbing>* {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

@font-face {
    font-family: lg;
    src: url(../img/lg.eot);
    src: url(../img/lg.eot) format("embedded-opentype"), url(../img/lg.woff) format("woff"), url(../img/lg.ttf) format("truetype"), url(../img/lg.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

.lg-icon {
    font-family: lg;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(0, 0, 0, .45);
    border-radius: 2px;
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 22px;
    margin-top: -10px;
    padding: 8px 10px 9px;
    position: absolute;
    top: 50%;
    z-index: 1080;
    border: none;
    outline: 0
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
    pointer-events: none;
    opacity: .5
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #fff
}

.lg-actions .lg-next {
    right: 20px
}

.lg-actions .lg-next:before {
    content: "\e095"
}

.lg-actions .lg-prev {
    left: 20px
}

.lg-actions .lg-prev:after {
    content: "\e094"
}

@-webkit-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-moz-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-right-end {
    0% {
        left: 0
    }

    50% {
        left: -30px
    }

    100% {
        left: 0
    }
}

@-webkit-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@-moz-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@-ms-keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

@keyframes lg-left-end {
    0% {
        left: 0
    }

    50% {
        left: 30px
    }

    100% {
        left: 0
    }
}

.lg-outer.lg-right-end .lg-object {
    -webkit-animation: lg-right-end .3s;
    -o-animation: lg-right-end .3s;
    animation: lg-right-end .3s;
    position: relative
}

.lg-outer.lg-left-end .lg-object {
    -webkit-animation: lg-left-end .3s;
    -o-animation: lg-left-end .3s;
    animation: lg-left-end .3s;
    position: relative
}

.lg-toolbar {
    z-index: 1082;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .45)
}

.lg-toolbar .lg-icon {
    color: #999;
    cursor: pointer;
    float: right;
    font-size: 24px;
    height: 47px;
    line-height: 27px;
    padding: 10px 0;
    text-align: center;
    width: 50px;
    text-decoration: none !important;
    outline: medium none;
    -webkit-transition: color .2s linear;
    -o-transition: color .2s linear;
    transition: color .2s linear
}

.lg-toolbar .lg-icon:hover {
    color: #fff
}

.lg-toolbar .lg-close:after {
    content: "\e070"
}

.lg-toolbar .lg-download:after {
    content: "\e0f2"
}

.lg-sub-html {
    background-color: rgba(0, 0, 0, .45);
    bottom: 0;
    color: #eee;
    font-size: 16px;
    left: 0;
    width: 70%;
    padding: 10px 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 1080
}

.lg-sub-html h4 {
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.lg-sub-html p {
    font-size: 12px;
    margin: 5px 0 0
}

#lg-counter {
    color: #999;
    display: inline-block;
    font-size: 16px;
    padding-left: 20px;
    padding-top: 12px;
    vertical-align: middle
}

.lg-next,
.lg-prev,
.lg-toolbar {
    opacity: 1;
    -webkit-transition: -webkit-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -moz-transition: -moz-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    -o-transition: -o-transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear;
    transition: transform .35s cubic-bezier(0, 0, .25, 1) 0s, opacity .35s cubic-bezier(0, 0, .25, 1) 0s, color .2s linear
}

.lg-hide-items .lg-prev {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.lg-hide-items .lg-next {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.lg-hide-items .lg-toolbar {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5);
    opacity: 0;
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -o-transition: -o-transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    transition: transform 250ms cubic-bezier(0, 0, .25, 1) 0s, opacity 250ms cubic-bezier(0, 0, .25, 1) !important;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.lg-outer .lg-thumb-outer {
    background-color: #0d0a0a;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1080;
    max-height: 350px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .25s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .25s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-thumb {
    padding: 10px 0;
    height: 100%;
    margin-bottom: -5px
}

.lg-outer .lg-thumb-item {
    border-radius: 5px;
    cursor: pointer;
    float: left;
    overflow: hidden;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 4px;
    margin-bottom: 5px
}

@media (min-width:1025px) {
    .lg-outer .lg-thumb-item {
        -webkit-transition: border-color .25s ease;
        -o-transition: border-color .25s ease;
        transition: border-color .25s ease
    }
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: #a90707
}

.lg-outer .lg-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.lg-outer.lg-has-thumb .lg-item {
    padding-bottom: 120px
}

.lg-outer.lg-can-toggle .lg-item {
    padding-bottom: 0
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
    -webkit-transition: bottom .25s ease;
    -o-transition: bottom .25s ease;
    transition: bottom .25s ease
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 100px
}

.lg-outer .lg-toogle-thumb {
    background-color: #0d0a0a;
    border-radius: 2px 2px 0 0;
    color: #999;
    cursor: pointer;
    font-size: 24px;
    height: 39px;
    line-height: 27px;
    padding: 5px 0;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -39px;
    width: 50px
}

.lg-outer .lg-toogle-thumb:after {
    content: "\e1ff"
}

.lg-outer .lg-toogle-thumb:hover {
    color: #fff
}

.lg-outer .lg-video-cont {
    display: inline-block;
    vertical-align: middle;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 0 5px
}

.lg-outer .lg-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

.lg-outer .lg-video .lg-object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.lg-outer .lg-video .lg-video-play {
    width: 84px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -42px;
    margin-top: -30px;
    z-index: 1080;
    cursor: pointer
}

.lg-outer .lg-has-iframe .lg-video {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.lg-outer .lg-has-vimeo .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
    background: url(../img/vimeo-play.png) no-repeat scroll 0 -58px transparent
}

.lg-outer .lg-has-html5 .lg-video-play {
    background: transparent url(../img/video-play.png) no-repeat scroll 0 0;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;
    opacity: .8
}

.lg-outer .lg-has-html5:hover .lg-video-play {
    opacity: 1
}

.lg-outer .lg-has-youtube .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 0 transparent
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
    background: url(../img/youtube-play.png) no-repeat scroll 0 -60px transparent
}

.lg-outer .lg-video-object {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

.lg-outer .lg-has-video .lg-video-object {
    visibility: hidden
}

.lg-outer .lg-has-video.lg-video-playing .lg-object,
.lg-outer .lg-has-video.lg-video-playing .lg-video-play {
    display: none
}

.lg-outer .lg-has-video.lg-video-playing .lg-video-object {
    visibility: visible
}

.lg-progress-bar {
    background-color: #333;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1083;
    opacity: 0;
    -webkit-transition: opacity 80ms ease 0s;
    -moz-transition: opacity 80ms ease 0s;
    -o-transition: opacity 80ms ease 0s;
    transition: opacity 80ms ease 0s
}

.lg-progress-bar .lg-progress {
    background-color: #a90707;
    height: 5px;
    width: 0
}

.lg-progress-bar.lg-start .lg-progress {
    width: 100%
}

.lg-show-autoplay .lg-progress-bar {
    opacity: 1
}

.lg-autoplay-button:after {
    content: "\e01d"
}

.lg-show-autoplay .lg-autoplay-button:after {
    content: "\e01a"
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -moz-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    -o-transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s;
    transition: left .3s cubic-bezier(0, 0, .25, 1) 0s, top .3s cubic-bezier(0, 0, .25, 1) 0s
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -moz-transition: -moz-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -o-transition: -o-transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    transition: transform .3s cubic-bezier(0, 0, .25, 1) 0s, opacity .15s !important;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#lg-zoom-in:after {
    content: "\e311"
}

#lg-actual-size {
    font-size: 20px
}

#lg-actual-size:after {
    content: "\e033"
}

#lg-zoom-out {
    opacity: .5;
    pointer-events: none
}

#lg-zoom-out:after {
    content: "\e312"
}

.lg-zoomed #lg-zoom-out {
    opacity: 1;
    pointer-events: auto
}

.lg-outer .lg-pager-outer {
    bottom: 60px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 1080;
    height: 10px
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
    overflow: visible
}

.lg-outer .lg-pager-cont {
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    margin: 0 5px
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
    box-shadow: 0 0 0 2px #fff inset
}

.lg-outer .lg-pager-thumb-cont {
    background-color: #fff;
    color: #fff;
    bottom: 100%;
    height: 83px;
    left: 0;
    margin-bottom: 20px;
    margin-left: -60px;
    opacity: 0;
    padding: 5px;
    position: absolute;
    width: 120px;
    border-radius: 3px;
    -webkit-transition: opacity .15s ease 0s, -webkit-transform .15s ease 0s;
    -moz-transition: opacity .15s ease 0s, -moz-transform .15s ease 0s;
    -o-transition: opacity .15s ease 0s, -o-transform .15s ease 0s;
    transition: opacity .15s ease 0s, transform .15s ease 0s;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0)
}

.lg-outer .lg-pager-thumb-cont img {
    width: 100%;
    height: 100%
}

.lg-outer .lg-pager {
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
    display: block;
    height: 12px;
    -webkit-transition: box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    width: 12px
}

.lg-outer .lg-pager:focus,
.lg-outer .lg-pager:hover {
    box-shadow: 0 0 0 8px #fff inset
}

.lg-outer .lg-caret {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px dashed;
    bottom: -10px;
    display: inline-block;
    height: 0;
    left: 50%;
    margin-left: -5px;
    position: absolute;
    vertical-align: middle;
    width: 0
}

.lg-fullscreen:after {
    content: "\e20c"
}

.lg-fullscreen-on .lg-fullscreen:after {
    content: "\e20d"
}

.lg-outer #lg-dropdown-overlay {
    background-color: rgba(0, 0, 0, .25);
    bottom: 0;
    cursor: default;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1081;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    -o-transition: visibility 0s linear .18s, opacity .18s linear 0s;
    transition: visibility 0s linear .18s, opacity .18s linear 0s
}

.lg-outer.lg-dropdown-active #lg-dropdown-overlay,
.lg-outer.lg-dropdown-active .lg-dropdown {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.lg-outer.lg-dropdown-active #lg-share {
    color: #fff
}

.lg-outer .lg-dropdown {
    background-color: #fff;
    border-radius: 2px;
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 50px;
    opacity: 0;
    visibility: hidden;
    -moz-transform: translate3d(0, 5px, 0);
    -o-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-transition: -webkit-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -moz-transition: -moz-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    -o-transition: -o-transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s;
    transition: transform .18s linear 0s, visibility 0s linear .5s, opacity .18s linear 0s
}

.lg-outer .lg-dropdown:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    right: 16px;
    top: -16px
}

.lg-outer .lg-dropdown>li:last-child {
    margin-bottom: 0
}

.lg-outer .lg-dropdown>li:hover .lg-icon,
.lg-outer .lg-dropdown>li:hover a {
    color: #333
}

.lg-outer .lg-dropdown a {
    color: #333;
    display: block;
    white-space: pre;
    padding: 4px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px
}

.lg-outer .lg-dropdown a:hover {
    background-color: rgba(0, 0, 0, .07)
}

.lg-outer .lg-dropdown .lg-dropdown-text {
    display: inline-block;
    line-height: 1;
    margin-top: -3px;
    vertical-align: middle
}

.lg-outer .lg-dropdown .lg-icon {
    color: #333;
    display: inline-block;
    float: none;
    font-size: 20px;
    height: auto;
    line-height: 1;
    margin-right: 8px;
    padding: 0;
    vertical-align: middle;
    width: auto
}

.lg-outer #lg-share {
    position: relative
}

.lg-outer #lg-share:after {
    content: "\e80d"
}

.lg-outer #lg-share-facebook .lg-icon {
    color: #3b5998
}

.lg-outer #lg-share-facebook .lg-icon:after {
    content: "\e901"
}

.lg-outer #lg-share-twitter .lg-icon {
    color: #00aced
}

.lg-outer #lg-share-twitter .lg-icon:after {
    content: "\e904"
}

.lg-outer #lg-share-googleplus .lg-icon {
    color: #dd4b39
}

.lg-outer #lg-share-googleplus .lg-icon:after {
    content: "\e902"
}

.lg-outer #lg-share-pinterest .lg-icon {
    color: #cb2027
}

.lg-outer #lg-share-pinterest .lg-icon:after {
    content: "\e903"
}

.lg-group:after {
    content: "";
    display: table;
    clear: both
}

.lg-outer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    text-align: left;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.lg-outer.lg-visible {
    opacity: 1
}

.lg-outer.lg-css3 .lg-item.lg-current,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-prev-slide {
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide {
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
    opacity: 1
}

.lg-outer.lg-grab img.lg-object {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.lg-outer.lg-grabbing img.lg-object {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: -o-grabbing;
    cursor: -ms-grabbing;
    cursor: grabbing
}

.lg-outer .lg {
    float: left;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    max-height: 100%
}

.lg-outer .lg-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap
}

.lg-outer .lg-item {
    background: url(../img/loading2.gif) no-repeat scroll center center transparent;
    display: none !important
}

.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide,
.lg-outer.lg-css3 .lg-prev-slide {
    display: inline-block !important
}

.lg-outer.lg-css .lg-current {
    display: inline-block !important
}

.lg-outer .lg-img-wrap,
.lg-outer .lg-item {
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%
}

.lg-outer .lg-img-wrap:before,
.lg-outer .lg-item:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

.lg-outer .lg-img-wrap {
    position: absolute;
    padding: 0 5px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.lg-outer .lg-item.lg-complete {
    background-image: none
}

.lg-outer .lg-item.lg-current {
    z-index: 1060
}

.lg-outer .lg-image {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
    opacity: 1
}

.lg-outer .lg-empty-html {
    display: none
}

.lg-outer.lg-hide-download #lg-download {
    display: none
}

.lg-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .15s ease 0s;
    -o-transition: opacity .15s ease 0s;
    transition: opacity .15s ease 0s
}

.lg-backdrop.in {
    opacity: 1
}

.lg-css3.lg-no-trans .lg-current,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-prev-slide {
    -webkit-transition: none 0s ease 0s !important;
    -moz-transition: none 0s ease 0s !important;
    -o-transition: none 0s ease 0s !important;
    transition: none 0s ease 0s !important
}

.lg-css3.lg-use-css3 .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-use-left .lg-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.lg-css3.lg-fade .lg-item {
    opacity: 0
}

.lg-css3.lg-fade .lg-item.lg-current {
    opacity: 1
}

.lg-css3.lg-fade .lg-item.lg-current,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-prev-slide {
    -webkit-transition: opacity .1s ease 0s;
    -moz-transition: opacity .1s ease 0s;
    -o-transition: opacity .1s ease 0s;
    transition: opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
    opacity: 0
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
    -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: -moz-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: -o-transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: transform 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

.lg-css3.lg-slide.lg-use-left .lg-item {
    opacity: 0;
    position: absolute;
    left: 0
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    left: -100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
    left: 100%
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
    left: 0;
    opacity: 1
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
    -webkit-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -moz-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    -o-transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s;
    transition: left 1s cubic-bezier(0, 0, .25, 1) 0s, opacity .1s ease 0s
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

::-webkit-scrollbar-thumb {
    background: #666;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .5)
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #666
}



/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

#ajaxsearchpro1_1 .promagnifier {
	display:none !Important;
}
.search_pro {
  margin-bottom: 15px;
  width: 24%;
}