html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, tbody, td, fieldset, form, label, legend, table, caption, tfoot, thead, th, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family:  "微软雅黑", "Microsoft Yahei",Tahoma!important;
}

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

.font-color-1{
    color: #1c6749 !important;
}
.container, .region-row {
    margin-left: auto;
    margin-right: auto;
    /*max-width: 90%;*/
    position: relative;
    /*padding: 0 1.5%*/
}

.region-row:before, .region-row:after, .group:before, .group:after, .container:before, .container:after, .width-100:before, .webform-general:before, #user-login:before, #user-pass:before, #user-register-form:before, .profile:before, .width-100:after, .webform-general:after, #user-login:after, #user-pass:after, #user-register-form:after, .profile:after, .mobile-width-100:before, .mobile-width-100:after {
    content: "";
    display: table
}

.region-row:after, .group:after, .container:after, .width-100:after, .webform-general:after, #user-login:after, #user-pass:after, #user-register-form:after, .profile:after, .mobile-width-100:after {
    clear: both
}

.region-row, .group, .container, .width-100, .webform-general, #user-login, #user-pass, #user-register-form, .profile, .mobile-width-100 {
    zoom: 1
}
.secondary {
    /*background-color: #54a373;*/
    padding-top: 40px;
    padding-bottom: 30px;
}

@media screen and (max-width: 481px) {
    .width-15, .width-20, .width-25, .width-30, .width-33, .width-35, .width-40, .width-45, .width-50, .width-55, .width-60, .width-65, .width-66, .width-67, .width-70, .width-75, .width-80, .width-85, .width-90, .width-95, .width-100, .webform-general, #user-login, #user-pass, #user-register-form, .profile, .group-left, .group-right {
        width: 100% !important
    }
}
.ft{
    float: left;
}
.div_w_3{
    width: 45%!important;
}


.div_w_4{
    width: 55%!important;
}
.ul_format{
    list-style-type:none;
    box-sizing: border-box;
    margin: 0!important;
    padding: 0!important;
}
.li_format{
    list-style:none;
    margin: 0!important;
    padding: 0!important;
}
.li_box{
    width: 33%;
    text-align: left;
}
.text_c{
   width: 75%;
   margin: auto;
}
.p_style{
    margin: 0;
    padding: 0;

}
@media screen and (min-width: 768px) {
    .container, .region-row {
        max-width: 100%
    }

    .width-5, .width-15, .width-20, .width-25, .width-30, .width-33, .width-35, .width-40, .width-45, .width-50, .width-55, .width-60, .width-65, .width-66, .width-67, .width-70, .width-75, .width-80, .width-85, .width-90, .width-95, .width-100, .webform-general, #user-login, #user-pass, #user-register-form, .profile, .mobile-width-5, .mobile-width-10, .mobile-width-15, .mobile-width-20, .mobile-width-25, .mobile-width-30, .mobile-width-33, .mobile-width-35, .mobile-width-40, .mobile-width-45, .mobile-width-50, .mobile-width-55, .mobile-width-60, .mobile-width-65, .mobile-width-66, .mobile-width-67, .mobile-width-70, .mobile-width-75, .mobile-width-80, .mobile-width-85, .mobile-width-90, .mobile-width-95, .mobile-width-100, .group-left, .group-right {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 20px
    }

    .width-5 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0 0 20px;
    }

    *:first-child + html .width-5 > *,
    *:first-child + html .width-10 > *,
    *:first-child + html .width-15 > *,
    *:first-child + html .width-20 > *,
    *:first-child + html .width-25 > *,
    *:first-child + html .width-30 > *,
    *:first-child + html .width-33 > *,
    *:first-child + html .width-35 > *,
    *:first-child + html .width-40 > *,
    *:first-child + html .width-45 > *,
    *:first-child + html .width-50 > *,
    *:first-child + html .width-55 > *,
    *:first-child + html .width-60 > *,
    *:first-child + html .width-65 > *,
    *:first-child + html .width-66 > *,
    *:first-child + html .width-67 > *,
    *:first-child + html .width-70 > *,
    *:first-child + html .width-75 > *,
    *:first-child + html .width-80 > *,
    *:first-child + html .width-85 > *,
    *:first-child + html .width-90 > *,
    *:first-child + html .width-95 > *,
    *:first-child + html .width-100 > *,
    *:first-child + html .webform-general > *,
    *:first-child + html #user-login > *,
    *:first-child + html #user-pass > *,
    *:first-child + html #user-register-form > *,
    *:first-child + html .profile > *,
    *:first-child + html .mobile-width-5 > *,
    *:first-child + html .mobile-width-10 > *,
    *:first-child + html .mobile-width-15 > *,
    *:first-child + html .mobile-width-20 > *,
    *:first-child + html .mobile-width-25 > *,
    *:first-child + html .mobile-width-30 > *,
    *:first-child + html .mobile-width-33 > *,
    *:first-child + html .mobile-width-35 > *,
    *:first-child + html .mobile-width-40 > *,
    *:first-child + html .mobile-width-45 > *,
    *:first-child + html .mobile-width-50 > *,
    *:first-child + html .mobile-width-55 > *,
    *:first-child + html .mobile-width-60 > *,
    *:first-child + html .mobile-width-65 > *,
    *:first-child + html .mobile-width-66 > *,
    *:first-child + html .mobile-width-70 > *,
    *:first-child + html .mobile-width-75 > *,
    *:first-child + html .mobile-width-80 > *,
    *:first-child + html .mobile-width-85 > *,
    *:first-child + html .mobile-width-90 > *,
    *:first-child + html .mobile-width-95 > *,
    *:first-child + html .mobile-width-100 > *,
    .group-left, .group-right {
        margin-left: expression(!this.className.match(/width-/) && '10px');
        margin-right: expression(!this.className.match(/width-/) && '10px')
    }

    .is-parent, .region-row {
        /*padding-left: 20px;*/
        padding-right: 0
    }

    .width-5, .width-15, .width-20, .width-25, .width-30, .width-33, .width-35, .width-40,
    .width-45, .width-50, .width-55, .width-60, .width-65, .width-66, .width-67, .width-70,
    .width-75, .width-80, .width-85, .width-90, .width-95, .mobile-width-5, .mobile-width-10,
    .mobile-width-15, .mobile-width-20, .mobile-width-25, .mobile-width-30, .mobile-width-33,
    .mobile-width-35, .mobile-width-40, .mobile-width-45, .mobile-width-50, .mobile-width-55,
    .mobile-width-60, .mobile-width-65, .mobile-width-66, .mobile-width-67, .mobile-width-70,
    .mobile-width-75, .mobile-width-80, .mobile-width-85, .mobile-width-90, .mobile-width-95,
    .group-left, .group-right {
        float: left
    }

    .width-5 {
        width: 5%
    }

    .width-10 {
        width: 10%
    }

    .width-15 {
        width: 15%
    }

    .width-20 {
        width: 20%
    }

    .width-25 {
        width: 25%
    }

    .width-30 {
        width: 30%
    }

    .width-33 {
        width: 33.33334%
    }

    .width-35 {
        width: 35%
    }

    .width-40 {
        width: 40%
    }

    .width-45 {
        width: 45%
    }

    .width-50, .group-left, .group-right {
        width: 50%
    }

    .width-55 {
        width: 40%
    }

    .width-60 {
        width: 60%
    }

    .width-65 {
        width: 65%
    }

    .width-66 {
        width: 66.66667%
    }

    .width-67 {
        width: 67%
    }

    .width-70 {
        width: 70%
    }

    .width-75 {
        width: 75%
    }

    .width-80 {
        width: 80%
    }

    .width-85 {
        width: 85%
    }

    .width-90 {
        width: 90%
    }

    .width-95 {
        width: 95%
    }

    .width-100, .webform-general, #user-login, #user-pass, #user-register-form, .profile {
        clear: both;
        width: 100%
    }
}

@media screen and (max-width: 1023px) {
    .mobile-width-5 {
        width: 5%
    }

    .mobile-width-10 {
        width: 10%
    }

    .mobile-width-15 {
        width: 15%
    }

    .mobile-width-20 {
        width: 20%
    }

    .mobile-width-25 {
        width: 25%
    }

    .mobile-width-30 {
        width: 30%
    }

    .mobile-width-33 {
        width: 33.333%
    }

    .mobile-width-35 {
        width: 35%
    }

    .mobile-width-40 {
        width: 40%
    }

    .mobile-width-45 {
        width: 45%
    }

    .mobile-width-50 {
        width: 50%
    }

    .mobile-width-55 {
        width: 55%
    }

    .mobile-width-60 {
        width: 60%
    }

    .mobile-width-65 {
        width: 65%
    }

    .mobile-width-66 {
        width: 66.667%
    }

    .mobile-width-70 {
        width: 70%
    }

    .mobile-width-75 {
        width: 75%
    }

    .mobile-width-80 {
        width: 80%
    }

    .mobile-width-85 {
        width: 85%
    }

    .mobile-width-90 {
        width: 90%
    }

    .mobile-width-95 {
        width: 95%
    }

    .mobile-width-100 {
        width: 100%;
        clear: both
    }
}
.footer .region-row{
        color :#000 ;
}
@media screen and (min-width: 1025px) {
    .container, .region-row {
        max-width: 1040px
    }
}
@media screen and (min-width: 1300px) {
    .container, .region-row {
        max-width: 1350px
    }
}

.mobile-only {
    text-align: center
}

.mobile-only a {
    font-size: 20px;
    font-size: 2rem;
    color: #dbc79f;
    padding: 10px 0;
    display: block
}

#nav {
    display: none
}

.nav {
    position: relative;
    z-index: 99
}

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

.nav li {
    border-top: 1px solid #aaa
}

.nav li a {
    width: 100%;
    display: block;
    font-weight: normal;
    /*text-transform: uppercase;*/
    color: #FFF;
    padding: 10px 0;

}

@media only screen and (max-width:960px) {


    .nav li.expanded a {
        width: 80%
    }

    .nav li.expanded ul {
        margin-top: 8px
    }

    .nav li.expanded ul li a {
        padding-left: 20px;
        text-transform: inherit
    }

    .nav ul li.expanded {
        background: url("../img/triangle.png") 93% 15px no-repeat;
        list-style: none
    }

    .nav li.expanded ul.menu {
        display: none
    }

    .nav ul.menu li.leaf {
        list-style: none;
        margin: 0
    }

    ul.menu li {
        margin: 0 !important
    }
    @media only screen and (max-width:768px){
        .header li.summary,.header .vevent li{
            text-align: center;

        }
        .header{
            margin-bottom: 15px;
        }
        .width-15 {
          margin: 10px auto 30px !important;
        }
        #fee {
            font-size: 12px;
            text-align: center;
            position: absolute;
            top: 86% !important;
            left: 0% !important;
            margin: auto;
        }
    }

}

@media only screen and (min-width:960px) {
    .mobile-only {
        display: none;
    }
    #nav {
        display:table!important;
        text-align: center;
    }
    .nav ul#nav {
        width: 100%
    }
    ul.menu {
        border: none;
        list-style: none;
        text-align: left;
    }
    .nav ul.menu li {
        position: relative;
        font-size: 16px;
        font-size: 1.6rem;
        /*text-transform: uppercase;*/
        border: none;
        margin: 0;
        float: left;
        width: auto;
        box-sizing: border-box;;
    }

    .nav ul li.expanded {
        list-style: none;
        padding: 0
    }

    .nav li a {
        display: block;
        text-decoration: none;
        border-bottom: none;
        width: auto;
        font-weight: normal;
        padding: 11px 9px
    }

    .nav li a:hover {
        color: #fff
    }

    .nav li.active a {
        color: #fff
    }

    .nav li ul {
        display: none !important;
        width: 275px;
        padding: 0;
        position: absolute;
        left: 0;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 20px;
        background-color: #322924;
    }

    .nav li:hover ul.menu {
        display: block !important
    }


    .nav li ul.menu li {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-size: 1.4rem;
    }

    .nav ul.menu li ul li a {
        float: left;
        width: 170px;
        padding: 7px 10px;
        color: #fff ;
        padding-left: 20%;
    }

    .nav ul.menu li.expanded ul.menu li a:hover, .nav ul.menu li.active ul li.active a.active {

        color: #99cc67 !important;
    }

    .region-row {
        /*margin-bottom: 1px;*/
    }

    #nav>li:hover>a {
        color :#99cc67!important;
        /*border-bottom: 2px solid #FFF;*/
    }
		
		#nav>li:hover>a:active {
				/* color :#000!important; */
				/*border-bottom: 2px solid #FFF;*/
		}

    .expanded .menu {
        /*margin-top: 1px;*/
    }

}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .nav li a {
        font-size: 14px;
        font-size: 1.4rem;
        padding: 11px 11px
    }
}

html {
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
    -webkit-tap-highlight-color: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;

}

body {
/*    font-size: 1.6rem;*/
    font-size: 14px !important;
    font-family: Arial, "宋体", "微软雅黑", "Microsoft Yahei";
    font-style: normal;
/*    font-weight: 300;*/
    line-height: 1.4;
    /*color: #eee;*/
    width: 100%;
}



@media screen and (max-width: 768px) {
    body.front {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
}

body.not-front {
    /*background: #33a8b9 url(../img/global-bg.gif) repeat !important;*/
}
body#front {
    /*background: #5F897D url(../img/hero-bg-4.jpg) center -23px no-repeat !important;*/
}
ul.menu, .l-rs {
    margin: 0;
    padding: 0;
    list-style: none
}

.center {
    text-align: center
}

.image_align_centre .field-name-field-primary-image {
    text-align: center
}

.superleaderboard {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px
}

.superleaderboard img {
    border: 1px solid #777
}

.hwrapper {
    overflow: hidden;
    /*margin-bottom: 35px;*/
}

.header {
    margin-top: 30px;
    position: relative;
    z-index: 5;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .header {
        text-align: left
    }
}

.header div {
    /*margin-bottom: 25px*/
}

.logo {
    margin-top: -15px
}

@media screen and (max-width: 481px) {
    .logo {
        width: 60% !important;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 481px) {
    .active-trail .active {
        color: #FFF !important;
        border-bottom:  3px solid #fff;
        margin-right: 5px !important;
    }

}

.header .vevent {
    /*color: #fff;*/
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px
}

.header .vevent li {
    margin-left: 15px;
    margin-right: 15px
}

.header li.summary {
    text-transform: uppercase;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 600;
    font-weight: bold;
    line-height: 3.6rem;
}

@media only screen and (min-width: 768px) {
    .vevent {
        line-height: 1
    }
}

.location, .dtstart {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 600;
    font-weight: bold;
}

@media only screen and (min-width: 768px) {
    .top-menu li {
        display: inline-block;
        margin-right: 5px
    }

    .top-menu li a {
        display: block;
        background-color: #777;
        color: #000;
        padding: 0.2em 0.8em
    }
}

.language-switcher-locale-url {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right
}

.language-switcher-locale-url li {
    display: inline;
    float: right
}

.flexslider .slides {
    width: 100%
}

.views-row-first h2 {
    display: none
}

.flexslider {
    min-height: 379px
}

@media screen and (max-width: 481px) {
    .flexslider {
        display: none;
    }

    #fee {  

    }
      

    .mobile-only a {
        color: #fff !important;
    }

    .mobile-only a:hover {
        color: #dbc79f !important;
    }

    #nav {
        background: #15495b;
        text-indent: 5rem;
    }

    .active-trail .active {
        color: #fff !important;
    }

}

@media screen and (max-width: 959px) {
    .flexslider {
        min-height: 420px;
    }

    #nav {
        background:#15495b ;
        text-indent: 5rem;
    }

    .active-trail .active {
        color: #fff !important;
    }

    #mobile-menu-toggle {
        background:  #1c6749 !important;
        color: #fff;
    }





    .region-row h1 {
        /*font-size: 3.2rem !important;*/
    }
    .row-span{
        display:  none
    }
    .region-row-h1 {
        font-size: 3.2rem !important;
    }

    .hero-section {
        height: 374px !important;
    }

    .region-row h1 {
        /*margin-top: 60px !important;*/
    }
}
  .hero-section {
		position: relative;
		text-align: center;
        background:  url('/images/hero-bg.jpg?t=202311291717') center top no-repeat;
        background-size:cover; 
				overflow: hidden;
       
    }

.spotlight {
    padding-top: 0
}

.spotlight h2 {
    text-align: left;
    margin-bottom: 15px
}

.spotlight .field-items img {
    background: transparent;
    padding: 0px
}

.spotlight .group-slide-content {
    padding-top: 30px;
    text-align: left;
}

@media only screen and (min-width: 960px) {
    .spotlight .group-slide-content {
        width: 65%;
        float: left
    }
    .nav{
        background: #1c6749!important;
    }
}

.spotlight .group-slide-content h1 {
    text-align: left;
    width: 100%;
    float: left;
    margin-bottom: 15px
}

.spotlight .group-slide-content .field-name-field-primary-image {
    float: right
}

.spotlight .slides li {
    padding-left: 0
}

/*.spotlight .views-row-first{background:url("../img/slogan.png") no-repeat left 30px}*/
.spotlight .views-row-first {
    background: url("http://www.cottm.cn/www.cottm.com/sites/cottm/cottm.com/themes/cottm-2015/assets/img/brighter.png") no-repeat left 30px
}

@media screen and (max-width: 960px) {
    .spotlight .views-row-first {
        background-size: 100%
    }
}

.views-row-first h1 {
    display: none
}

.views-row-first .field-type-text-with-summary {
    margin-top: 155px
}

.main {
    padding-top: 30px !important;
    padding-bottom: 20px;

}
.main_back{
    background-color: #1c6749;
    color : #fff;

}
.front .promo {
    text-align: center
}

.subnav-tabs ul.menu {
    text-align: center;
    padding: 8px 10px;
    list-style: none;
    background-color: #0a5e8e;
    margin: 0;
    margin-bottom: 15px
}

.sponsorship .subnav-tabs ul {
    margin-bottom: 30px
}

.subnav-tabs ul.menu li {
    display: block;
    padding: 5px 10px;
    margin-left: 0;
    border-bottom: 1px solid #04a59d;
    font-weight: 600
}

@media only screen and (min-width: 960px) {
    .subnav-tabs ul.menu li {
        display: inline;
        padding: 0 15px;
        margin-bottom: 0px;
        border-bottom: none;
        border-right: 1px solid #052f47
    }
}

.subnav-tabs ul.menu li.last {
    border: none
}

.subnav-tabs ul.menu li a.active {
    color: #fff
}

.stats {
    font-size: 22px;
    font-size: 2.2rem
}

.stats-pad .stats {
    padding: 5px 15px
}

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

.stats ul li {
    margin-bottom: 5px !important;
    /*border-bottom: solid 1px #76baff;*/
    padding-bottom: 5px;
    padding-left: 0 !important;
}

.downloads li a:hover {
    color: #7c4289 !important;
}

.stats ul span {
    color: #e20613;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 600
}

.l-sponsor-item {
    margin-bottom: 20px;
    border-bottom: solid 1px #FFFFFF !important;
}

.l-sponsor-item:last-child {
    margin-bottom: 20px;
    border-bottom: 0px none
}

.l-sponsor-item fieldset {
    padding: 0
}

.front p.action-call {
    margin-bottom: 0
}

.downloads li {
    padding: 8px 0;
    padding-left: 45px;
    font-size: 16px;
    font-size: 1.6rem;
    list-style: none;
    background: url("../img/icons/icons-sprite.png") 0px 5px no-repeat
}

.downloads ul li {
    margin-bottom: 5px;
    background-position: 0 -685px;
    padding: 0 0 10px 0;
    padding-left: 50px
}

.downloads li.watch-icon {
    background-position: 0 -607px
}

.downloads a, .downloads a:visited {
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 8px;
    display: block
}

.downloads a:hover {
    color: #e20613
}

.stand-info {
    background-color: #e20613;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem
}

.stand-info td {
    padding: 20px;
    border-bottom: 1px solid #fff
}

.wechat {
    padding-top: 30px
}

.wechat ul {
    overflow: hidden;
    list-style: none;
    margin: 0 0 20px 0
}

.wechat ul li {
    border-bottom: solid 1px #0a5e8e;
    padding-bottom: 15px;
    margin-bottom: 15px
}

@media only screen and (min-width: 768px) {
    .wechat ul li {
        float: left;
        width: 47%
    }
}

@media only screen and (min-width: 960px) {
    .wechat ul li.odd {
        margin-right: 6%
    }
}

.reasons li {
    display: block;
    overflow: hidden
}

.reasons span {
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    display: block;
    padding: 10px 15px;
    background-color: #04a59d;
    float: left;
    margin-right: 20px;
    margin-bottom: 5px
}

.footer-links {
    background-color: #1c6749;
    padding-top: 30px;
    padding-bottom: 20px
}

.footer-links ul {
    padding-bottom: 20px
}

.footer-links h4 {
    text-align: left;
    font-size: 18px;
    font-size: 1.8rem
}

.footer-links h3 {
    text-align: left !important;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff
}

.footer-links ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0px
}

.footer-links ul.menu li {
    padding: 0;
    margin: 0
}

.footer-links ul.menu li a {
    /* border-bottom: 1px solid #777; */
    color: #fff;
    padding: 8px 0;
    padding-left: 45px;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    list-style: none;
	text-decoration: underline;
    background: url("../img/icons/icons-sprite.png") 0px 5px no-repeat
}

.footer-links ul.menu li a:hover {
    color: #fff
}

.footer-links ul.menu li a.rss {
    background-position: 0 -55px
}

.footer-links ul.menu li a.wechat {
    background-position: 0 -115px
}

.footer-links ul.menu li a.linkedin {
    background-position: 0 -175px
}

.footer-links ul.menu li a.enquiry {
    background-position: 0 -235px
}

.footer-links ul.menu li a.one {
    background-position: 0 -295px
}

.footer-links ul.menu li a.two {
    background-position: 0 -355px
}

.footer-links ul.menu li a.three {
    background-position: 0 -415px
}

.footer-links ul.menu li a.four {
    background-position: 0 -475px
}

.footer-links ul.menu li a.five {
    background-position: 0 -535px
}

.footer {
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    background-color: #fff;
}

.footer a, .footer a:visited {
    color: #fff
}

.social-networks li.first {
    width: 100%;
    float: none
}

.social-networks li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 20px
}

.social-networks li a {
    display: block;
    width: 25px;
    height: 25px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.travel ul {
    border-left: solid 1px #0a5e8e;
    list-style: none;
    margin: 0 0 20px
}

.travel a.small-btn {
    margin-bottom: 0px;
    font-weight: bold;
}

.l-gallery, .l-gallery .item-list ul {
    list-style: none;
    padding: 0;
    margin: 10px
}

.l-gallery li, .l-gallery .item-list ul li {
    display: inline-block;
    margin: 10px;
    padding: 0 !important
}

.l-gallery li:nth-child(6), .l-gallery .item-list ul li:nth-child(6), .l-gallery li:nth-child(12), .l-gallery .item-list ul li:nth-child(12) {
    margin-right: 0
}

.l-gallery li img {
    width: 100px
}
.hero-section {
    text-align: center
}

@media only screen and (min-width: 960px) {
    .hero-section {
        min-height:450px;
        overflow: hidden;
    }
}

.hero-section p {
    text-align: center;

}

@media only screen and (min-width: 960px) {
    .hero-section p {
        text-align: center;
        position: relative;
        bottom:20px;
    }

}

.survey-report {
    text-align: center
}
.survey-report p a.small-btn {
    color: #3ab8b7 !important
}

.survey-report p a.small-btn:hover {
    background: #15495b !important;
    color: #fff !important
}

.hero-section p a.small-btn {
    color: #3ab8b7 !important
}

.hero-section p a.small-btn:hover {
    background: #15495b !important;
    color: #fff !important;
}

a.index-btn:hover {
    color: #fff !important;
}

a.end:hover {
    text-decoration: underline !important;
}

.hero-section h1 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-top: 50px;
    margin-bottom: 50px
}

@media only screen and (min-width: 768px) {
    .hero-section h1 {
        font-size:45px;
        font-size: 4.5rem
    }
}

@media only screen and (min-width: 960px) {
    .hero-section h1 {
        letter-spacing:15px;
        margin-top: 60px;
        margin-bottom: 30px;
        font-size: 54px;
        font-size: 5.4rem
    }
}

.hero-inner span {
    display: none
}

@media only screen and (min-width: 960px) {
    .hero-inner{
        margin-top: -115px;
    }
    .hero-inner span {
        display:inline-block;
        position: absolute;
        bottom: 23px;
        right: 90px
    }
}

.hero-inner h1 {
    background: url(../img/global-bg.gif) top repeat;
    padding: 10px 15px 10px 15px;

}

@media only screen and (min-width: 960px) {
    .hero-inner h1 {
        background:url(../img/tagline.png) center top no-repeat;
        height: 328px;
        text-indent: -9999px;
        position: relative;
        z-index: -1;
          }
    /*.hero-inner h1 i{*/
        /*position: absolute;*/
        /*top:0;*/
        /*left: 0;*/
        /*width: 100%;*/
        /*height: 100%;*/
        /*display: block;*/
        /*z-index: 1;*/
        /*opacity: 0.5;*/
        /*background: -moz-linear-gradient(left bottom, #000000 0%, #ffffff 100%);*/
        /*background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000000), color-stop(100%,#ffffff));*/
        /*background: -webkit-linear-gradient(left bottom, #000000 0%,#ffffff 100%);*/
        /*background: -o-linear-gradient(left bottom, #000000 0%,#ffffff 100%);*/
        /*background: -ms-linear-gradient(left bottom, #000000 0%,#ffffff 100%);*/
        /*background: linear-gradient(to left bottom, #000000 0%,#ffffff 100%);*/

    /*}*/
}
#my-video{
    width: 82%;
    /*height: 365px;*/
}
@media only screen and (max-width: 768px){
    #my-video{
        width: 100%;
    }
    .field-type-image{
        text-align: center;
    }
}
@media only screen and (min-width: 768px) {
    .l-gallery li img {
        width: 146px
    }

}

@media only screen and (min-width: 768px) {
    .red.video-img .l-gallery li img {
        width: auto
    }
}

a {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in 0s;
    -moz-transition: all 0.1s ease-in 0s;
    -ms-transition: all 0.1s ease-in 0s;
    -o-transition: all 0.1s ease-in 0s;
    transition: all 0.1s ease-in 0s;
    color:#1F6A84;
    font-weight: 600
}

a:visited {
  
}

a:focus {
    outline: thin dotted;

}
a:hover {
    text-decoration: underline;
}
a:hover, a:active {
    outline: 0
}

p a {
    font-weight: 600
}

.promo a {
    color: #1F6A84
}

.promo a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizelegibility;
    margin: 0;
    font-family: Arial, "宋体", "微软雅黑", "Microsoft Yahei";
    font-weight: 600;
    font-style: normal
}

h1 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 28px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    h1 {
        font-size: 32px;
        font-size: 3.2rem
    }
}

h2 {
    font-size: 28px;
    font-size: 2.8rem;
    text-align: center;
    margin-bottom: 26px
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 24px
}

h4 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 22px
}

h5 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px
}

h1 span, h2 span {
    display: block
}

.basic h1, .basic h2, .width-66 h1 {
    text-align: left
}

.field-collection-view h3:first-child {
    margin-top: 0
}

.column-3 h3.subtitle {
    text-align: center
}

p, blockquote, .mod, address {
    margin-bottom: 20px
}

p {
    hyphens: auto
}

.slides p {
    margin-bottom: 15px;
    font-size: 18px;
    font-size: 1.8rem
}

.primary-msg {
    font-size: 20px;
    font-size: 2rem;
    margin: 40px auto;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center
}

@media only screen and (min-width: 768px) {
    .primary-msg {
        font-size: 22px;
        font-size: 2.2rem;
        width: 85%;
    }
}

.basic .primary-msg {
    text-align: left;
    width: 100%
}

ul, ol {
    padding: 0;
    margin-bottom: 20px;
    margin-left: 20px
}

/*ul{list-style:square url("../img/list-style.png")}*/
ul {
    list-style: square url("../../../../../../../../../www.cottm.com/sites/cottm/cottm.com/themes/cottm-2015/assets/img/list-style.png")
}

.logs li {
    float: left;
}

.main ul li, .main ol li {
    padding-left: 10px;
    margin-bottom: 6px;
    text-align: left;
}

ul.l-underlined {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    font-weight: 600
}

ul.l-underlined li {
    border-bottom: solid 1px #0a5e8e;
    padding-left: 0;
    padding-bottom: 10px;
    margin-bottom: 10px
}

dt {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 10px
}

blockquote {
    border-left: 5px solid #000;
    font-style: italic;
    font-size: 16px;
    font-size: 1.6rem
}

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

q {
    quotes: none
}

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

cite {
    font-style: normal
}

data {
    color: #000
}

iframe {
    max-width: 100%
}

figure img, figure {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    max-width: 100%
}

figcaption {
    display: block
}

.image-left img {
    margin: 5px 40px 5px 0;
    margin-bottom: 20px
}

@media only screen and (min-width: 768px) {
    .image-left img {
        margin: 5px 15px 5px 0;
        float: left;
        clear: none
    }
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: bottom
}

svg:not(:root) {
    overflow: hidden
}

hr {
    color: #FFFFFF;
    background-color: #FFFFFF;
    height: 1px !important;
    border: none !important;
}

abbr[title] {
    font-size: 14px;
    font-size: 1.4rem
}

.hentry time {
    display: block;
    margin-bottom: 5px
}

.entry-title a {
    color: white;
}

.entry-title a:hover {
    color: #fff;
}

b, strong {
    font-weight: 700
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

sub, sup {
    position: relative;
    font-size: 12px;
    font-size: 1.2rem
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

.promo1 {
    background-color: #99cc67;
    color: #1c6749;
}
.promo {
    background-color: #99cc67;
    color: #1c6749;
}

.white {
    background-color: #fff;
    color: #000
}

table {
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem
}

tfoot {
    font-style: italic
}

caption {
    background-color: transparent
}

td.basecolor-bg {
    font-weight: 600;
    width: 30%
}

/*th{padding:7px 15px}td{padding:7px 15px}*/
th {
    border-bottom: none !important
}

tr.last {
    border-bottom: none
}

.ot {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 auto;
    margin-bottom: 30px
}

@media only screen and (min-width: 768px) {
    .ot {
        width: 40%
    }
}

/*tbody{border-top:solid 1px #0a5e8e !important}tr.even,tr.odd,tr{background-color:inherit !important;border-bottom:solid 0px #0a5e8e !important}*/
table.sticky-header, th {
    background-color: #0a5e8e
}

.ui-tabs .ui-tabs-nav li, .quicktabs-tabs li {
    display: inline-block;
    margin-right: 10px
}

.ui-tabs .ui-tabs-nav li.ui-state-active a, .quicktabs-tabs li.active a {
    color: #201E1F;
    font-weight: 600
}

.ui-tabs .ui-tabs-hide {
    display: none !important
}

.item-list ul li.pager-item {
    list-style: none outside none
}

.item-list li.pager-item a, .pager li.pager-last {
    background-color: #e20613;
    display: block;
    padding: 0.2em 0.6em;
    text-decoration: none
}

.pager li {
    margin: 0px !important
}

form {
    margin: 0
}

fieldset {
    border-width: 0;
    margin-bottom: 20px;
    padding: 0
}

#search fieldset {
    margin-bottom: 0
}

.main .search-form {
    display: none
}

legend {
    border-width: 0;
    padding: 0
}

label {
    cursor: pointer;
    display: block;
    vertical-align: baseline
}

button, input, select, textarea {
    border: 0 none;
    font-size: 1.5rem;
    margin: 0;
    vertical-align: baseline
}

input, textarea, select {
    color: #fff;
    padding: 5px 0;
    width: 80% !important;
    background-color: #527DCB;
    border: 0 none
}

input.email {
    width: 30% !important
}

button {
    cursor: pointer;
    display: inline-block;
    padding: 8px 40px 8px 10px;
    text-decoration: none
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer
}

input[type="checkbox"], input[type="radio"] {
    margin-right: 5px;
    width: auto !important
}

input[type="file"] {
    background-color: transparent
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

.webform-client-form input {
    border: 2px solid #04a59d
}

#edit-submit, .form-submit {
    width: 15% !important
}

.enquiry-form #edit-submit {
    width: 100%
}

.enquiry-form {
    margin-left: 20px;
    margin-right: 20px
}

.search-form {
    overflow: hidden;
    width: 100%
}

.search-form input.form-text {
    float: left;
    width: 60%
}

.search-form input.form-submit {
    float: left;
    margin-left: 10px;
    width: 20%;
}

.main .search-form label {
    display: none
}

.webform-general div.form-item,
.webform-general div.form-actions,
.webform-general .fieldset-wrapper,
.webform-general .form-textarea-wrapper,
.webform-general .form-radios,
.webform-general .form-radios,
.webform-general .form-checkboxes,
.webform-general .fieldset-description,
.webform-general .webform.form-managed-file,
#user-login div.form-item,
#user-login div.form-actions,
#user-pass div.form-item,
#user-pass div.form-actions,
#user-register-form div.form-item,
#user-register-form div.form-actions,
#user-register-form #edit-account,
#edit-submitted-wrapper-about-you-photo-ajax-wrapper,
#edit-submitted-wrapper-about-you-photo,
.webform-component-fieldset,
.fieldset-wrapper,
.webform-general {
    padding: 0
}

.webform-general .webform.form-wrapper, .webform-component-fieldset {
    margin-bottom: 0
}

.webform-general div.description,
#user-login div.description,
#user-pass div.form-actions,
#user-register-form div.description {
    padding: 10px 0
}

.webform-general label,
.webform-general p {
    margin-bottom: 5px
}

#edit-submitted-wrapper-about-you-photo {
    display: block
}

#edit-submitted-wrapper-about-you-photo-upload {
    margin-bottom: 15px
}

#webform-component-wrapper {
    margin: 0;
    padding: 0
}

.form-item {
    margin-top: 0 !important;
    margin-bottom: 15px !important
}

a.small-btn, a.index-btn,[type="submit"], a.large-btn, a.btn-large, .hfeed li a.btn-search, a.btn-regular {
    font-size: 16px !important;
    font-size: 1.6rem;
    display: inline-block;
    color: #1F6A84;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    background: #fff;
    padding: 12px 25px !important;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 12px;
    border:1px solid #1F6A84;
}
a.small-btn1{
     color:  #fff!important;
     background: #15495b !important;
}

.large-btn:hover, .small-btn:hover, [type="submit"]:hover {
    background: #15495b;
    color: #fff !important;
    font-weight: bold;
}
.small-btn1:hover{
    background: #15495b!important;
    color: #fff !important;

}
.action-call a:first-child {
    margin-right: 20px
}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexslider {
    margin: 0
}

.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden
}

.flexslider .slides img {
    max-width: 100%;
    display: block;
    margin-left: 50px;
}

.flex-pauseplay span {
    text-transform: capitalize
}

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

html[xmlns]
	.slides {
    display: block
}

* html .slides {
    height: 1%
}

.no-js .slides > li:first-child {
    display: block
}

.flexslider {
    background: transparent;
    zoom: 1;
    position: relative;
    z-index: 1
}

.flexslider .slides {
    zoom: 1
}

.flexslider .slides > li {
    position: relative
}

.flex-container {
    zoom: 1;
    position: relative
}

.flex-caption {
    background: none;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    zoom: 1
}

.flex-caption {
    width: 96%;
    padding: 2%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    font-size: 14px
}

.flex-direction-nav {
    height: 0
}

.flex-direction-nav li a {
    width: 52px;
    height: 52px;
    margin: -13px 0 0;
    display: block;
    background: url(../img/bg_direction_nav1.html) no-repeat;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -999em
}

.flex-direction-nav li .next {
    background-position: -52px 0;
    right: -21px
}

.flex-direction-nav li .prev {
    left: -20px
}

.flex-direction-nav li .disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default
}

.flex-control-nav {
    display: none
}

@media only screen and (min-width: 960px) {
    .flex-control-nav {
        display: block;
        width: 90%;
        position: absolute;
        bottom: 20px;
        text-align: right;
        text-align: center
    }
}

.flex-control-nav li {
    margin: 0 0 0 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    float: left
}

.flex-control-nav li:first-child {
    margin: 0
}

.flex-control-nav li a {
    width: 13px;
    height: 13px;
    display: block;
    padding: 5px;
    text-align: center;
    font-weight: 600;
    background-color: #E6C137;
    color: #fff;
    cursor: pointer;
    text-indent: -999999px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px
}

.flex-control-nav li a:hover {
    background-position: 0 -13px;
    background-color: #bb3977;
}

.flex-control-nav li a.active {
    background-position: 0 -26px;
    cursor: default;
    background-color: #bb3977
}

ul.hfeed, .testimonials ul {
    overflow: hidden;
    list-style: none; /*margin-bottom:20px !important*/
}

ul.hfeed {
    margin: 0
}

aside ul.hfeed {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.hfeed h1 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0;
    margin-bottom: 10px;
    vertical-align: middle;
    text-align: left
}

.hfeed li {
    margin-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important
}

.not-front .hfeed li article {
    border-bottom: solid 1px #white !important;
    /*min-height: 190px;*/
}

.hfeed h1 {
    font-size: 20px;
    font-size: 2rem;
    margin: 0;
    margin-bottom: 10px;
    text-align: left
}

.front .hfeed h1 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0;
    margin-bottom: 15px;
    vertical-align: middle
}

.hfeed .meta, .hfeed .meta abbr {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    text-decoration: none
}

.hentry, .testimonials li div {
    overflow: hidden
}

.entry-details {
    border-bottom: solid 1px #0a5e8e;
    margin-top: 10px;
    padding-bottom: 10px
}

aside .hfeed li {
    min-height: 1px;
    margin-bottom: 20px
}

aside .hfeed h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0
}

.article-img {
    text-align: center;
    background-color: #e20613
}

.testimonials li {
    padding: 0 10px 0 20px !important;
    display: inline-block;
    margin-bottom: 20px;
    margin-left: 0 !important;
    /*border-right:solid 1px white*/
}

.front .hfeed li {
    min-height: 80px
}

.testimonials li {
    min-height: 150px
}

.big-testimonials li {
    min-height: 200px
}

.front .hfeed li:nth-child(3), .testimonials li:nth-child(3), .front .hfeed li:nth-child(6), .testimonials li:nth-child(6) {
    border-right: 0 none
}

.front .hfeed li a {
    overflow: hidden;
    vertical-align: middle
}

.front .hfeed p {
    margin-bottom: 0
}

.front .hfeed .meta a {
    font-weight: 600
}

.testimonials .field-name-field-primary-message, .testimonials-list .field-name-field-primary-message {
    font-style: italic;
    font-size: 18px;
    font-size: 1.8rem
}

.testimonials .field-name-field-author, .testimonials-list .field-name-field-author {
    font-size: 14px;
    font-size: 1.4rem
}

.testimonials .field-name-field-secondary-title, .testimonials-list .field-name-field-secondary-title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600
}

.testimonials-list .l-sponsor-item {
    padding-bottom: 15px
}

.department-item {
    position: relative;
    margin-bottom: 20px
}

.department-item h5 {
    margin-top: -15px
}

.department-item .vcard {
    font-size: 14px;
    font-size: 1.4rem;
    float: left;
    overflow: hidden;
    padding: 15px 20px;
    margin-right: 20px
}

.department-title {
    padding: 0 20px;
    padding-bottom: 15px
}

.vcard img {
    margin-right: 10px;
    float: left
}

.job-title {
    font-weight: 600
}

h3.fn {
    font-size: 20px;
    font-size: 2rem;
    padding-bottom: 0;
    margin-bottom: 10px
}

h4.given-name {
    font-size: 20px;
    font-size: 2rem
}

.enquiry-link {
    display: block;
    font-size: 16px;
    width: 100%
}

.vcard li {
    padding-left: 0px !important
}

.office-item {
    margin: 0 20px 20px;
    padding: 15px 20px;
    background: #0a5e8e
}

.office-details ul {
    margin-top: 20px;
    padding: 0;
    margin: 0;
    list-style: none
}

@media only screen and (min-width: 768px) {
    .office-details ul {
        margin-top: 0
    }
}

.office-details ul li {
    padding-left: 0
}

.gmap img {
    max-width: none
}

.office-details h5, .office-details h3 {
    margin-bottom: 3px
}

.field-name-field-link-to-larger-map {
    margin-top: 15px
}

.rtecenter{
    margin-top: 10px; 
}
/*支持单位*/

.region-row ul,.region-row ul li{
    padding-left: 20px;
    margin: 0;
    list-style:none;
    box-sizing: border-box;
}
 .region-row  .participation_9f34 li{
    list-style: disc;
} 
.region-row  .ListStyle li{
    list-style: disc;
}
.logos {
    max-width: 1000px;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}
.logos ul,.logos ul li{
    margin: 0;
    padding: 0;
}
.region-row_li_1{
    max-width: 300px;
    width:30%;
}
.region-row_li_1_1{
    max-width: 300px;
    width:25%;
}
.region-row_li_2{
    max-width:700px;
    width: 70%;
    margin: auto;
}

.img_div{
    width: 150px;
    height: 100px;

    box-sizing: border-box;
    position: relative;

}
.img_div img{
    width: 140px;
    height:100px;
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    border: 1px solid #aaaaaa;
    margin-top:-50px ;
    margin-left:-70px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.img_div_2{
    width: 200px;
    height: 75px;

    box-sizing: border-box;
    position: relative;

}
.img_div_2 img{
    width: 190px;
    height:75px;
    display: block;
    position: absolute;
    top:50%;
    left:50%;
    border: 1px solid #aaaaaa;
    margin-top:-37.5px ;
    margin-left:-95px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.img_zw ul{
    width: 100%;
}
.img_zw_2 ul{
    width: 100%;
}
.img_zw li {
    width: 175px;
    height:125px;

}
.img_zw_2 li {
    width: 200px;
    height:100px;

}
.region-row_li_3,.region-row_li_4{
    height:125px;
}
@media only screen and (min-width: 890px) {
    .region-row_li_1{
        max-width: 300px;
        width:30%;
    }
    .region-row_li_1_1{
        max-width: 300px;
        width:25%;
    }
    .region-row_li_2{
        max-width:700px;
        width: 70%;
        margin: auto;
    }
    .region-row_li_3{
        max-width:460px;
        width: 50%;

    }
    .region-row_li_4{
        max-width:540px;
        width: 50%;


    }
}
@media (min-width: 890px) and (max-width: 1025px){
    .region-row {
        width: 100%;
      /* padding-left:20px; */
    }
}
@media (min-width: 540px) and (max-width: 680px){

    .region-row_li_1,.region-row_li_2{
        width: 100%!important;
    }
}
@media (min-width: 540px) and (max-width: 890px){
    .region-row {
        width: 100%;
        /* padding-left:20px; */
    }
    .region-row_li_3,.region-row_li_4{
        width: 100%!important;
        text-align: center;


    }
    .region-row_li_3 p,.region-row_li_4 p{

        padding-right:25px;

    }
    /*.img_zbm ul{*/
        /*margin: auto;*/
    /*}*/
}
@media (min-width: 250px) and (max-width:539px){
    .region-row {
        width: 100%;
        /*padding-left:20px;*/
    }
    .region-row_li_1,.region-row_li_1_1,.region-row_li_2{
        width: 100%!important;
    }
    .region-row_li_3,.region-row_li_4{
        max-width: 400px;
        width: 100%!important;
        text-align: center;
        height: 150px;
    }
    .region-row_li_3 p,.region-row_li_4 p{
        display: block;
    }
    .img_zbm li{
        width: 100%!important;
    }

}
.logos img {
    /*width: 60%*/
}

.logos h5 {
    /*color: #000;*/
    /*font-size: 16px;*/
    /*font-size: 1.6rem*/
}

.logos li {
    /*padding: 0 !important;*/
    /*margin: 0;*/
    /*display: inline-block*/
}

@media only screen and (min-width: 768px) {
    .logos li {
        vertical-align: middle;
       
    }
}

.logos ul {
    /*list-style: none;*/
    /*margin: 0 0 15px 0;*/
    /*padding: 0;*/
    /*text-align: center;*/
    /*overflow: hidden*/
}

.field-name-link-sponsor-logo-website {
    margin-bottom: 25px
}

.field-items img {
    padding: 10px;
    background-color: #fff
}

ul li.leaf, .region-footer-links ul.menu li {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}

ul.inline li.comment_forbidden {
    display: none
}

#adminTabs {
    margin-bottom: 20px
}

ul.tabs.primary {
    border-bottom: none;
    margin: 15px 0;
    overflow: hidden;
    padding: 0;
    width: auto;
    text-align: center
}

ul.tabs.secondary {
    margin: 5px 0;
    padding: 10px 0 0 0;
    border-bottom: 1px none
}

ul.tabs.secondary li {
    padding: 0
}

ul.tabs.primary li a {
    background-color: #F4F4F4;
    border: medium none;
    color: #888888;
    display: inline-block;
    font-size: 16px;
    padding: 5px 10px
}

ul.tabs.primary a:hover {
    background-color: #F4F4F4
}

ul.tabs.primary li.active a {
    background-color: #201E1F;
    border: medium none;
    color: #FFFFFF
}

.messages {
    overflow: hidden
}

.main .search-form {
    margin-bottom: 1em
}

.main .search-form input {
    margin-bottom: 0;
    margin-top: 0
}

.main .search-results {
    list-style: none outside none
}

.main .search-results p {
    margin-top: 0
}

.main .search-results .title {
    font-size: 18px;
    margin-bottom: 5px
}

.main .search-results li {
    margin-bottom: 1em
}

.main .search-results .search-snippet-info {
    border-bottom: 1px solid #F4F4F4;
    padding-left: 0
}

.main .search-results .search-info {
    display: none;
    font-size: 0.85em
}

.main .search-advanced .criterion {
    float: left;
    margin-right: 2em
}

.main .search-advanced .action {
    clear: left;
    float: left
}

.edit-btn a {
    color: #FF3300 !important;
    font-weight: 600
}

.hero-section { 
    text-align: center;
    height: 450px;
    position: relative;
}
.row-banner{
    position: absolute;
    top: 0;
    width: 650px;
    height: 650px;
    overflow: hidden;
}
.row-left-banner{
    left: 0;
}
.row-right-banner{
    right: 0;
}
.row-left-banner-img{
    position: absolute;
    left: -50px;
    top: 0px;
    width:100%;
    height:  100%;
    /* background: url('../img/c.png') no-repeat; */
    background-size: cover;
    background-position:center 250px;
}
.row-right-banner-img{
    position: absolute;
    right: 0;
    top: -45px;
    width:100%;
    height:  150%;
    /* background: url('../img/d.png') no-repeat; */
    background-size: 142%;
    /*background-attachment:fixed;*/
    background-position:center top;
}
.region-row-h1{
    background: url('/images/COTTM2023-Banner.png?t=202311291717') no-repeat;
    background-size: contain;
    background-position: center center;
    width:100%;
    height: 290px;
}
@media only screen and (max-width:960px) {
    .row-banner{
        display:  none
    }
    .region-row-h1{
        height:230px;
        margin-top: 20px;
    }
}
@media only screen and (min-width:1140px) {
    .region-row-h1{
        height:350px;
        margin-top: 80px;
    }
}
@media only screen and (max-width:568px) {
    .hero-section-btn{
        width:100%;
    }
    .region-row-h1{
        width:100%;
        height:200px;
        margin-top: 20px;
    }
    .row-banner{
        display:  none
    }
   
}

.hero-section-btn{
    max-width:650px;
    margin: auto;
    width: 100%;
}
/*.region-row{text-align:center;}
*/
.reg-btn a:hover {
    color: #fff !important;
    background: #764b61 !important;
}

.hero-section h1 {
    letter-spacing: 15px;
    /*margin-top: 130px;*/
    font-size: 54px;
    font-size: 5.4rem;
    margin-bottom: 20px;
    color: #fff;
    /*font-family: "covesbold",sans-serif,Arial,Helvetica;
*/
}

.small-btn {
    font-size: 1.6rem;
    display: inline-block;
    color: #33a8b9;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    background: #fff;
    padding: 12px 25px;
    margin-bottom: 20px;
    margin-top: 5px;
    border-radius: 12px;
}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important
    }

    h2, h3 {
        orphans: 3;
        widows: 3;
        page-break-after: avoid
    }

    p {
        orphans: 3;
        widows: 3
    }

    pre, blockquote {
        border: 1px solid #777;
        page-break-inside: avoid
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    a[href^="javascript:"]:after, a[href^="#"]:after {
        content: ""
    }

    img {
        max-width: 100% !important;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr {
        page-break-inside: avoid
    }
}

h1, h2, h3 {
    font-weight: 700;
}

a.small-btn {
    padding: 7px 22px;
    margin-left: auto;
    margin-right: auto;
}

.width-5 {
    padding: 0 0 0 0;
}

.action_sup {
    color: #FF0000;
    font-weight: bold;
    font-style: italic;
}

.media-button {
    font-size: 1.6rem;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    background: #1F6A84;
    padding: 7px 25px;
    margin-bottom: 20px;
    font-weight: bold;
    position: absolute;
    border-radius: 5px;
}

.media-button:hover {
    background: #15495b;
    color: #fff;
    border: 1px solid #15495b;
}

/*added by lvming*/
.title-font {
    text-align: left;
}

.myhr li {
    min-height: 265px;
}
.meta a{
    color:#fff;
}

.summit{
	background:url(/images/summit/bg.jpg) #8c216b center top no-repeat !important;
	height:auto;
	max-height:240px;
}
.slogan-mobile{display:none;}

@media only screen and (min-width:1300px) {
    .myhr li {
        min-height: 175px;
    }
}
@media only (min-width:960px) and (max-width:1300px) {
    .myhr li {
        min-height: 230px;
    }
}
@media only screen and (max-width:768px) {
    .myhr li {
        min-height: 200px;
    }

	.summit{
		background:url(/images/summit/bg_mobile.jpg) #8c216b center top no-repeat !important;
		height:240px;
	}
	.slogan{display:none;}
	.slogan-mobile{display:block;}
}