body {
    color: #fafafa;
    font-size: 14px;
    background-color: #fafafa;
    letter-spacing: 0.7px;
    background-image: url("https://www.ccyp.com/assets/img/home/repeatgray.png");
    background-repeat: repeat;
    font-family: "Noto Sans CJK","Helvetica",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
.breadcrumb { 
    padding: .75rem 1rem;
    
}
.dropdown-item a {
    display: block;
}
p.list-desc {
    margin-bottom: 0;
}
.list-inline-item:not(:last-child) {
    margin-right: .3rem;
}
.logo-black {
    height: 35px;
    margin:-5px 0;
}
.fuwutong .img-fluid{
    max-width:80%;
}

.btn-spec-primary {
    color: #f60506;
    font-weight: bold;
}
    .btn-spec-primary:hover {
        color: #f60506;
    }
.header-container {
    /*width: 1200px;*/
    max-width: none !important;
    background-color: transparent;
    margin-right: auto;
    margin-left: auto;
}
#cat-float-menu.dropdown-menu {
    margin: 0;
}
#cat-float-menu a.common-tag{font-size:14px;}
#cat-float-menu .fa-chevron-right {
    position: absolute;
    right: 1rem;
    bottom: 0.5rem;
}
#ccyp_search .col-auto {
    margin-right: 20px;
}

#ccyp_search .fa-search {
    margin-right: 3px;
}

#litecat-panel{margin-top:10px;}
#cat-float-pnl {
    position: relative;
}
#cat-float-menu .dropdown-submenu .dropdown-menu {
    top: 0;
    bottom: 0;
    left: 100%;
    width: 1000px;
    padding: 10px;
    border: 2px solid #0095da;
}
@media (max-width:1210px) {
    #cat-float-menu .dropdown-submenu .dropdown-menu {
        width: 800px;
    }

    #cat-float-menu a.common-tag {
        font-size: 12px;
    }
}
@media (max-width:1010px) {
    #cat-float-menu .dropdown-submenu .dropdown-menu {
        width: 600px;
    }
    #cat-float-menu a.common-tag {
        font-size: 12px;
    }
}
@media (max-width:850px) {
    #cat-float-menu .dropdown-submenu .dropdown-menu {
        width: 500px;
    }
    #cat-float-menu a.common-tag {
        margin-bottom: 0px;
        font-size: 12px;
    }
}
.relative {
    position: relative;
}
 

.request {
    width: 90%;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 50px;
}

.slip {
    background-color: #ffffff;
    /*border: solid 1px #ddd;*/
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 2px;
    overflow: hidden;
}

a.common-tag {
    font-size: 12px;
    background: none;
    padding: 2px 8px;
    color: #000;
    display: inline-block;
    font-weight: normal;
    border: solid 1px #000;
    text-align: center;
    transition: all .8s ease-in-out 0s;
    text-transform: uppercase;
    -moz-transition: all .8s ease-in-out 0s;
    -webkit-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-bottom: 5px;
    text-decoration: none;
    line-height: 1.3;
}

    a.common-tag.active, a.common-tag:hover {
        background: #ff5e5e;
        color: #fff !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none;
        outline-offset: 0;
        border: solid 1px #ff5e5e;
    }
.cind-tag{padding:3px 0 4px; display:inline-block;}
.width-menu {
    overflow-y: auto;
    overflow-x: hidden;
}
.newsdetail h4 {
    font-weight: bold;
    font-size: 20px;
}

.nav-social li a {
    display: inline-block;
}

.navbar {
    margin-bottom: 18px;
}

#second-nav {
    border: none;
    margin-bottom: 5px;
}

    #second-nav .navbar-header {
        width: 160px;
        margin-top: 10px;
    }

.table.list-category > tbody > tr:first-child > td {
    border-top: none;
}

.list-category .btn {
    text-transform: uppercase;
    border: none;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

#city-switch .dropdown {
    margin-left: 60px;
}

#mainCat .dropdown {
    margin-left: 0;
}

    #mainCat .dropdown:hover .dropdown-menu, [data-indextype] .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

#mainCat .dropdown-menu > li > a {
    overflow: hidden;
    letter-spacing: 0.7px;
}

.caret {
    color: #FBC826;
}

    .caret.social-cities {
        color: #000000;
    }

a {
    color: #01091F;
    text-decoration: none;
}
.nav-link {
    color: #1e2328;
}

.navbar-default .navbar-nav > li > a {
    color: #01091F;
}

.col-xs-1 {
    width: 90px;
}


#logo-nav {
    margin-bottom: 10px;
}

    #logo-nav .form-control {
        height: 34px;
        border: none;
    }

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: #fbc826 !important;
    border-radius: 3px;
    border-color: #f7c012;
}

.form-control:focus {
    /* border-color: transparent;*/
   /* box-shadow: 0 0 0 0.2rem transparent;*/
}

#navbar {
    padding-left: 0;
}


.xiaoqi label {
    margin-bottom: 0px;
    font-size: 15px;
}

.bs-docs-nav .navbar-toggle .icon-bar {
    background-color: #563d7c;
}

#az-meau .list-inline {
    letter-spacing: 6.8px;
    font-weight: bold;
    margin-left: 0;
    margin-bottom: 0;
}

#az-meau li.list-inline-item a {
    padding-left: 1px;
    padding-right: 1px;
}

.famous {
    padding-left: 15px;
}


ul.topic-list {
    list-style: none;
    padding: 0;
}

    ul.topic-list li {
        padding-left: 1.3em;
        line-height: 28px;
    }

        ul.topic-list li.new {
            padding-left: 1.3em;
            line-height: 26px;
        }

        ul.topic-list li:before {
            content: url('/assets/img/homeindex/point6.png');
            margin-left: -1.3em; /* same as padding-left set on li */
            position: relative;
            top: -2px;
        }

        ul.topic-list li.topic-more:before {
            content: none;
            margin-left: 0; /* same as padding-left set on li */
            position: relative;
            top: 0;
        }

        ul.topic-list li.new:before {
            /*content: "\f00c";*/ /* FontAwesome Unicode */
            font-family: FontAwesome;
            display: inline-block;
            margin-left: -1.3em; /* same as padding-left set on li */
            margin-top: -0.6em;
            margin-bottom: -0.8em;
            width: 1.3em; /* same as padding-left set on li */
            color: red;
            content: url('/assets/img/homeindex/new.png');
            font-size: inherit;
        }

        ul.topic-list li.arrow:before {
            content: "\f101";
            font-size: 16px;
            font-family: FontAwesome;
            display: inline-block;
            margin-left: 16em; /* same as padding-left set on li */
            width: 0.6em; /* same as padding-left set on li */
            color: #ff5e5e;
        }

.arrow {
    font-weight: bold;
}

input.noshadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

label {
    font-size: 16px;
    font-weight: bold;
}

.label {
    background-image: url('/assets/img/homeindex/label.png');
}

.homeonly {
    display: none !important;
}

.gezi {
    background: url('/assets/img/homeindex/fenleibg.png') 0px 35px no-repeat;
}

#navbar form.row {
    margin-top: 10px;
}

    #navbar form.row .col-auto input {
        border: 1px solid #6c757d;
        border-radius: 3px;
    }
    #navbar form.row .col-auto input:focus {
        border: 1px solid transparent;
        border-radius: 3px;
    }
@media (min-width:992px) {
    #navbar form.row .col-auto input {
        width: 230px;
    }

        #navbar form.row .col-auto input#keyword {
            width: 530px;
        }
}

#second-nav form button .fa-search {
    margin-right: 7px;
    padding: 0;
    color: #fbc826;
}
/* instead of bootstrap min css line11 */
#second-nav form button {
    padding: 3px 20px 5px;
    color: #01091f;
    font-size: 16px;
    font-weight: bold;
    background-image: none;
    border: 3px solid #fbc826;
    border-radius: 3px;
}

#second-nav .form-inline .input-group > .form-control {
    width: 100%;
    padding-left: 10px;
}
/* instead of non-responsive css line224 */
#float-search .form-control {
    height: 12px;
    width: 220px;
    line-height: 1;
}

.navbar-toggle {
    margin-top: 0;
    margin-bottom: 0;
}

.panel {
    list-style: none;
    margin-bottom: 18px;
}

#fix-space-with-new .dot {
    padding-left: 26.5px;
}

.carousel-indicators {
    bottom: -5px;
}

/****.col-xs-4 span {
    float: right;
}
*****/
.whole {
    width: 870px;
}

.well {
    background-color: white;
    border-radius: 3px;
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.radio, .checkbox {
    letter-spacing: 2px;
}

.leftlawyer {
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    text-align: center;
    margin-bottom: 10px;
}

.contenttitle {
    background-color: #ffffff;
}

    .contenttitle h2 {
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 5px;
    }

h3 {
    position: relative;
    width: 100%;
    margin: 8px 0 0 0;
    padding: 0 6px 12px 0;
    font-size: 14px;
    color: #431931;
    line-height: 1.3;
}

.carousel-caption {
    padding-bottom: 15px;
}

.qrcode {
    margin-top: 30px;
    margin-bottom: 30px;
}

.footer {
    text-align: center;
}

.block img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
}

#ddl_index_type {
    width: 60px;
    height: 24px;
    margin-left: 8px;
}

.category-item .header {
    background-color: white;
    margin-bottom: 10px;
}

    .category-item .header .icon {
        width: 40px;
        text-align: center;
        color: #fff;
    }

    .category-item .header .icon, .category-item .header .title {
        display: inline-block;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        font-weight: bold;
    }

.block-item {
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

#top-nav {
    margin-bottom: 5px;
    font-size: 16px;
}

    #top-nav .navbar-nav > li > a {
        padding: 5px 10px;
    }

    #top-nav .navbar-nav.nav-social > li > a {
        padding: 5px;
    }

nav .nav-social .fa {
    color: black;
}

#top-nav.navbar {
    min-height: 40px;
    background-color: #fbc826;
    letter-spacing: 1px;
    padding: .1rem 1rem;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}

#top-nav.navbar .navbar-header a.navbar-brand {
    padding: 5px;
    height: 30px;
}

    #top-nav.navbar .navbar-header a.navbar-brand img {
        height: 20px;
    }

#second-nav .navbar {
    padding-left: 15px;
}

#ccyperror {
    min-height: 25px;
}

#float-search {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    background-color: white;
    margin-left: 170px;
    margin-top: 3px;
    margin-bottom: 1px;
}

    #float-search .btn {
        margin-left: 50px;
        padding: 1px 6px;
    }

    #float-search .fa {
        font-size: 14px;
        color: #fbc826;
    }


.navbar-form {
    margin-top: 7px;
    margin-bottom: 7px;
}

.navbar-form {
    padding-right: 0;
}

.navbar-nav > li > a {
    padding: 5px;
}

#float-search input {
    font-size: 12px;
}

input#ccyp_search {
    font-size: 12px;
    margin-left: 12px;
    width: 100%;
}

form.btn .btn-default {
    color: #fbc826;
}

.fa .fa-search {
    margin-right: -10px;
}

/*--------register page--------*/
.protocol p {
    margin-top: 20px;
}

.pagination {
    float: right;
    margin: 0;
}

.gravatar img {
    margin-top: 15px;
    margin-bottom: 15px;
}

#ccyperror {
    margin-top: 10px;
}

.footbg {
    letter-spacing: 1px;
}

#bannerLeft {
    position: absolute;
    top: 40px;
}

#wechatpop-close {
    float: right;
}

/* advancesearch map css */


#mainCatControl .fa-filter {
    color: #fbc826;
}

.fa-thumbs-up, .fa-commenting, .fa-list-ol {
    padding-top: 2px;
    color: #FBC826;
}

.fa-bookmark-o, .fa-bookmark {
    padding-top: 2px;
    color: #4169E1;
}

.subject-social-media {
    padding-bottom: 10px;
}

.fa-weixin {
    padding-top: 2px;
    color: #7bb32e;
}

.fa-weibo {
    padding-top: 2px;
    color: #df2029;
}

.fa-facebook {
    padding-top: 2px;
    color: #3b5998;
}

.fa-globe {
    color: #FBC826;
}

.fa-picture-o, .fa-files-o {
    color: #FBC826;
}

span.step {
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    display: inline-block;
    font-weight: bold;
    margin-right: 5px;
    text-align: center;
}

.steps {
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    display: block;
    font-size: 16px;
    vertical-align: middle;
}

.space {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d3d3d1;
}

address {
    line-height: 1.4;
    margin-bottom: 0;
}

.cyp a.title {
    font-weight: bold;
    color: #ff5e5e;
}

.yp a.title {
    color: #ff5e5e;
}

input[type="checkbox"]:checked:after,
.checkbox input[type="checkbox"]:checked:after,
.checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #fbc826;
   /* border-color: #fbc826;*/
}

#keyword {
    padding-left: 5px;
}

#location {
    padding-left: 5px;
}

.morecat {
    text-align: center;
}

    .morecat a {
        cursor: pointer;
    }

    .morecat .fa {
        color: #ff0000;
        margin-right: 3px;
    }

.col-20 {
    position: relative;
    /*min-height: 1px;
    float: left;
          width: 20%;
    */
    flex: 0 0 20%;
    max-width: 20%;
    padding-left: 2px;
    padding-right: 2px;
}

#asBanners .banner-padding {
    padding-left: 13px;
    padding-right: 13px;
}

#asBanners img.img-thumbnail {
    max-height: 80px;
    margin-bottom: 2px;
    padding: 0;
}
.col-20.banner-grid{margin-bottom:5px;}
@media (min-width: 1600px) {
    #asBanners .banner-padding {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (min-width: 1700px) {
    #asBanners .banner-padding {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (min-width: 1800px) {
    #asBanners .banner-padding {
        padding-left: 300px;
        padding-right: 300px;
    }
}


#pnlMap .fa {
    color: #ff0000;
    padding-top: 3px;
}

.mainarea {
    font-weight: bold;
}

.social_bg .fa {
    color: black;
}

.breadcrumb {
    background-color: transparent;
    font-size: 13px;
}

    .breadcrumb .breadcrumb-item.active {
        font-weight: bold;
    }

.topic-list li {
    white-space: nowrap;
    overflow: hidden;
}

.wechat-qrcode img {
    width: 100px;
}



.xuan img {
    width: 20px;
}

img.navlogo {
    padding-top: 5px;
    width: 160px;
}

.shortDesc {
    font-size: 1px;
    color: #f2f2f2;
}

    .shortDesc a {
        font-size: 1px;
        color: #f2f2f2;
    }

.entry-content {
    padding-bottom: 20px;
}
/*travel*/
.home-ab-menu {
    position: absolute;
    right: 80px;
    font-size:12px;
    top:8px;
}
    .home-ab-menu ul.list-inline {
       margin-bottom:0;
    }
.home-ab-menu a{ 
    border:solid 0.75px gray;
    border-radius:3px;
    padding:2px;
    display:inline-block;
    font-size:14px;
}
.home-ab-menu-lang, .home-ab-menu-totr {
    margin-left: 5px;
}
    .home-ab-menu a.active, .home-ab-menu a:hover {
        color: #000;
        background-color: #fff;
    }
.navbar-toggler{position:relative;}
.nav-bar-hint {
    position: absolute;
    top: 5px;
    right: 55px;
}
.nav-bar-hint img{
   width:13px;
}
@media only screen and (max-width: 1320px) {
    #ccyp_search a {
        visibility: hidden;
    }
}

@media only screen and (max-width: 991px) {
    #ccyp_smart_list .banner-panel img {
        margin: 0;
        padding: 15px 20px 0;
    }
}

@media only screen and (max-width: 844px) {
    .dropdown {
        margin-left: 0;
    }
}

p #about_desc {
    font-size: 12px;
}

.tooltip-inner {
    color: #01091f;
    text-align: left;
    background-color: #ffffff;
    border-radius: 5px;
    min-width: 172px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

    .tooltip-inner label {
        line-height: 1.2;
    }

.tooltip.top .tooltip-arrow {
    border-top-color: #ffffff;
}

.cert {
    cursor: pointer;
}

#site-footer {
}
.badge {
    color: #1e2328;
}
#site-footer-main {
    height: 290px;
    background-color: #FBC826;
    color: #000;
}

#site-footer-bottom {
    color: #666666 !important;
    height: 50px;
    padding-top: 10px;
    background: #FFF; 
    color: #666;
}

    #site-footer-bottom a {
        color: #666666 !important;
    }

#site-footer-main-logo {
    text-align: center;
}

    #site-footer-main-logo a {
        display: inline-block;
        padding-top: 50px;
    }

#site-footer-main .footbg {
    padding-top: 10px;
}

#site-footer-main-logo img {
    width: 200px;
}

#site-cr {
    text-align: right;
}

#site-footer-bottom-log {
    text-align: center;
}

    #site-footer-bottom-log img {
        display: inline-block;
    }

#main-cat-panel label {
    font-size: 15px;
    letter-spacing: 0;
}

#main-cat-panel .life {
    padding-right: 0;
}

#keyword::placeholder, #location::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7d7b78;
    opacity: 1; /* Firefox */
}

.related-listing h4 a:hover {
    text-decoration: none;
}

.related-listing .media-heading a {
    font-size: 15px;
}
.related-listing .list-inline-item a {
    white-space:nowrap;
}
    .related-listing .media-heading a.smallfont {
        font-size: 12px;
    }

.related-listing .media-heading a {
    color: red;
}

.related-listing img.media-object {
    width: initial;
}

.related-listing .media-left a {
    display: block;
     width: 70px;
    overflow: hidden;
}

.related-listing {
    height: 80px;
    margin-bottom: 30px;
    overflow: hidden;
}

ul.relatestore li a {
    font-size: 16px;
}

.related-listing img {
    max-height: 70px;
}

.related-listing a:hover {
    color: #eeb404;
}

.related-listing ul li {
    padding-left: 1.3em;
    line-height: 1.7em;
}

.related-listing ul.list-inline {
    padding-left: 5px;
}

.related-listing ul li:before {
    content: url(/assets/img/homeindex/point6.png);
    margin-left: -1.3em;
    position: relative;
    top: -2px;
}

.detail-title {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

    .detail-title img {
        max-width: 80%;
    }

.banner-list .col-md-6 .img-thumbnail {
    width: auto;
}

.hide {
    display: none !important;
}
.btn-link {
    color: #2196f3;
    text-decoration:none;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #2196f3;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination li.active a {
    z-index: 3;
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.pagination a:hover {
    color: #0095da;
}
#cat-float-menu.dropdown-menu > li > a:hover {
    color: #0095da;
}
 

#cities-fillter {
    min-width: 60%;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

#bs-navbar.navbar-collapse.collapse.show {
    max-height: none;
    height: 100vh;
}

#bs-navbar.navbar-collapse.collapse {
    transition: height 0s;
}

#bs-navbar.navbar-collapse.collapsing {
    height: 0 !important;
}

#bs-navbar.collapsing {
    transition: height 0.05s ease;
}

#top-nav .navbar-toggler {
    border: none !important;
}

    #top-nav .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    #top-nav .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }

    #top-nav .navbar-toggler .icon-bar {
        width: 22px;
        transition: all 0.2s;
    }
    /*.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}*/
    #top-nav .navbar-toggler .icon-bar {
        background-color: #888;
    }

#top-nav button.navbar-toggler:focus {
    outline: none;
    outline: none;
}
/*.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}*/

.navbar-toggler:hover {
    background: transparent !important;
}

.navbar-toggler .icon-bar {
    width: 22px;
    transition: all 0.2s;
}

.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}

.logo-color {
    display: none;
    height: 20px;
}

@media (min-width: 991px) and (max-width: 1200px) {
    #top-nav .navbar-nav.me-auto li:last-child {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    a.common-tag {
        font-size: 14px; 
    }
   

    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: .1rem;
    }

    .hangyem {
        margin-bottom: 10px;
    }

    h4.media-heading {
        font-size: inherit;
    }

    .related-listing {
        margin-bottom: 5px;
    }

    #event-list { 
        font-size: 15px;
    }

    #site-cr {
        text-align: center;
    }

    #site-footer-bottom {
        height: auto;
        padding-bottom: 20px;
    }

    #site-footer-main {
        height: 230px;
    }

    .phonehide {
        display: none;
    }

    body {
        background-image: none;
    }

    #site-footer-main .list-inline-item a {
        font-size: 0.9rem;
    }

    #site-footer-main .list-inline-item:not(:last-child) {
        margin-right: 0;
    }

    #ccyp_search .col-auto {
        margin-bottom: 0.5rem;
    }

    #top-nav {
        font-size: 18px;
    }



    .logo-black {
        display: block;
        height: 35px;
    }



    #navbar form#ccyp_search .col-auto, #navbar form#ccyp_search .col-auto .form-control {
        border-radius: 7px;
        margin-bottom: 0;
    }

        #navbar form#ccyp_search .col-auto.main-location-group {
            margin-top: 0.5rem;
        }

        #navbar form#ccyp_search .col-auto .form-control:focus {
            border-radius: 7px;
        }

    .pagination {
        float: none;
    }

    .main-location-group {
        display: none;
    }

    form#ccyp_search.active .main-location-group {
        display: block;
    }

    .main-keyword-group, .main-location-group {
        width: 85%;
        margin-left: 10px;
    }

    .main-search-btn {
        position: absolute;
        right: 0;
        top: 5px;
        border: none;
        background-color: transparent;
        color: #fbc826;
        padding: 0;
    }

        .main-search-btn i {
            font-size: 30px;
            margin: 0;
        }

    .search_wrap {
        position: relative;
    }

    #main-cat-panel label {
        font-size: 16px;
    }

    #mainCat .col-xs-1 {
        padding-left: 5px;
        padding-right: 5px;
    }

    #mainCat {
        font-size: 16px;
    }

    form#ccyp_search.form-inline {
        width: 100%;
        margin-top: 0;
        margin-bottom: 5px;
    }

    .dropdown {
        margin-left: 0;
    }
    /*.morecat {
        visibility: hidden;
        display: none;
    }*/
    #home-quick-nav {
        margin-bottom: .5rem;
    }

        #home-quick-nav a {
            font-size: 16px;
        }

        #home-quick-nav b {
            position: relative;
        }

            #home-quick-nav b span.spec-nav {
                position: absolute;
                width: 5px;
                height: 5px;
                top: 0;
                right: -3px;
                background-color: #fe0000;
                border-radius: 50px;
            }
    .old-nav{margin-bottom:10px;}
         img.mobile-icon {
            margin-right: 5px;
        }
    #mainaz, #maincat{
/*margin-bottom:10px;*/
    }
    #home-icon-nav { 
        text-align: center;
    }
        #home-icon-nav img {
           margin-bottom:5px;
           height:26px;
        }

        #home-icon-nav a {
            font-size: 16px;
        }
            #home-icon-nav a i::before { 
                font-size: 25px;
            }
        #home-icon-nav b {
            position: relative;
        }

            #home-icon-nav b span.spec-nav {
                position: absolute;
                width: 5px;
                height: 5px;
                top: 0;
                right: -3px;
                background-color: #fe0000;
                border-radius: 50px;
            }

    #logo-nav {
        margin-bottom: 0;
    }

    #gordenAdvModal .modal-content {
        background-color: transparent;
        border: none;
        border-radius: .3rem;
    }

    #gordenAdvModal .close {
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        color: #fff;
        background: transparent;
        border: 0;
        border-radius: 0.25rem;
        font-size:30px;
        opacity: 1;
    }

    .first-lead, .more-lead {
        color: #000; 
        padding:0 3px;
        border:solid 1px #000;
        border-radius:0;
    }

    .pnl-img-samesize {
        padding-top: 60.67%;
        grid-area: 1/1/-1/-1;
        content: '';
        display: block;
        overflow: hidden;
        position: relative;
        background-color: #F1F1F4;
        z-index: 9;
    }

        .pnl-img-samesize.samesize-square {
            padding-top: 80%;
        }

        .pnl-img-samesize img.img-samesize {
            position: absolute;
            left: 50%;
            top: 50%;
            width: 100%;
            height: 100%;
            z-index: 0;
            -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
            margin: 0 !important;
        }

        .pnl-img-samesize.samesize-square img.img-samesize {
            width: auto;
            max-width: initial;
            height: 100%;
            margin: 0;
        }

    .high-index {
        z-index: 999;
    }


    .mobile-title-list li {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .carousel-caption-full {
        left: 0;
        right: 0;
        padding-bottom: 0;
    }

    .carousel-bottom-shadow {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 60%;
        /*opacity: 0.5;*/
        z-index: 5;
        background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));
        /*background: linear-gradient(#fff,#000);*/
    }

    .text-center {
        font-size: 1.45rem;
    }

    .mobile-new {
        color: #ff5e5e;
        padding: 1px 6px;
        border: solid 1px #ff5e5e;
        border-radius: 5px;
    }

    .pnl-title-home-mobile {
        padding: 5px 0;
    }

    .home-title {
        position: relative; 
        margin:10px 0;
    }
    h1.chrome {
        font-size: 1.25rem !important;
        margin: 10px 0 !important;
    }
    #article-search{
        margin-bottom:10px;
    }
    .home-title h2 {
        font-size: 1.25rem;
        font-weight: bold;
        padding-left: 5px;
    }

    .home-title-mark {
        position: absolute;
        width: 15px;
        height: 24px;
        top: 0;
        left: 0;
        background-color: #fbc826;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

        .home-title-mark.smart {
            background-color: #990000;
        }

    .mobile-title {
        font-weight: bold;
        font-size: 15px; 
    }
    .mobile-title-wrap {
    height:43px;
    overflow:hidden;
    padding-top:2px;
    }
    .mobile-misc {
        display: block;
        margin-top: 3px;
    }
    .slip {
        overflow: initial;
    }

    #pnl-test-mobile {
       /* background-color: #fbe134;*/
        padding: 10px 0;
      /*  -webkit-box-shadow: inset 0 8px 6px -6px #888,inset 0 -8px 6px -6px #888;
        -moz-box-shadow: inset 0 8px 6px -6px #888,inset 0 -8px 6px -6px #888;
        box-shadow: inset 0 8px 6px -6px #888,inset 0 -8px 6px -6px #888;*/
    }
        #pnl-test-mobile .col-6 {
           text-align:center;
        }
        #pnl-test-mobile .btn {
            font-weight: bold;
            color: #000;
            border: 1.5px solid #000;
            padding: .1rem .3rem;
            margin: .5rem .5rem;
            border-radius: 0;
        }

    .list-category h5 {
        margin: 0 !important;
    }

    .list-category h6 {
        margin-bottom: 5px !important;
    }

        .list-category h6 small {
            /*white-space:nowrap;*/
        }

    .space {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

        .space p {
            margin-bottom: 0px;
        }

    .breadcrumb {
        font-size: 14px;
    }

    p.shortDesc {
        margin: 0;
    }
}

.text-warning {
    color: #ff5e5e !important;
}

    .text-warning a {
        color: #ff5e5e !important;
    }

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

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

@media (min-width: 1200px) {
    .container {
        width: 1200px;
        max-width: none !important;
    }
}

#language-tw.nav-link, #language-cn.nav-link {
    color: #2196f3 !important;
    padding: 5px !important;
}

    #language-tw.nav-link.active, #language-cn.nav-link.active, nav .nav-social #language-tw.nav-link.active .fa, nav .nav-social #language-cn.nav-link.active .fa {
        color: #f71000 !important;
        font-weight: bold;
    }
.chrome {
    position: relative;
    background-image: -webkit-linear-gradient(#ffa05c 0%,#f56245 46%,#f56245 50%,#f56245 54%,#f56245 58%,#e92f3d 90%,#e92f3d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 32px;
    font-family: Microsoft YaHei,Arial,sans-serif;
    font-weight: 700;
    margin: 0;
}
.btn-warning {
    color: #212529;
    background-color: #fbe134;
    border-color: #fbe134;
}
#cat-float-btn {
    background-color: #fff;
    border: 1px solid #6c757d;
    font-size: 16px; 
    font-weight:bold;
    width:100%;
}