a {
    color: #000000;

}

a:hover {
    color: #F64B3A;
    text-decoration: none;
}

hr {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
    margin-bottom: 20px;
    margin-top: 20px;
}


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

.icon {
    display: block;
    margin-bottom: 5px;
    height: 60px;
    margin-top: 5px;
}

.icon div {
    font-size: 30px;
    float: left;
    width: 34px;
    margin-right: 10px;
    height: 45px;
    margin-top: -10px;
    padding-left: 6px;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.icon span {
    background-color: #333333;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255, 255, 255, 0.2) 0px 2px 2px;


}

.padding-tp30 {
    padding-top: 30px;
    padding-bottom: 30px;
}



/*index*/

body.index {
    background-color: #1E2424;
}


#index-banner {
    background-color: #000000;
}

#index-banner h1 {
    font-size: 500%;
    color: #FFFFFF;
    line-height: 0.9;
    text-align: right;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;
    filter: alpha(opacity=40);
    /* IE, 0 ~ 100 */
    opacity: 0.4;
    /* Others, 0 ~ 1 */
}

#index-banner h2 {
    font-size: 500%;
    color: #FFFFFF;
    line-height: 0.9;
    text-align: right;
    font-family: 'Anton', sans-serif;
    text-transform: uppercase;

}

#index-banner h3 {
    font-size: 210%;
    color: #FFFFFF;
    font-family: 'Fjalla One', sans-serif;

}

#index-banner h4 {
    font-size: 150%;
    color: #FFFFFF;
    font-family: 'Fjalla One', sans-serif;
    filter: alpha(opacity=50);
    /* IE, 0 ~ 100 */
    opacity: 0.5;
    /* Others, 0 ~ 1 */

}


#bike {
    margin-top: 50px;
    background-image: url(../images/bike-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center;
}





#bike-list {
    margin-top: 240px;
}

#bike-list h3 {
    text-align: center;
    font-size: 15px;
}

#bike-list ul {
    display: flex;
    flex-wrap: wrap;
}

#bike-list ul li {
    width: calc(33.33% - 6%);
    margin: 3%;
}

#bike-list ul li a {
    float: left;
    margin-bottom: 10px;
    color: #333333;
    transition: all 0.4s ease;
}

#bike-list ul li a:hover {
    transform: scale(1.2);
}

#bike-list ul li img {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    #bike-list {
        margin-top: 175px;
    }

    #bike-list ul li {
        width: calc(50% - 4%);
        margin: 2%;
    }
}

@media only screen and (max-width: 480px) {
    #bike-list {
        margin-top: 160px;
    }

    #bike-list ul li {
        width: calc(100% - 4%);
        margin: 2%;
    }
}









img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;

}

.zoom-box {
    height: 650px;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;
}

.zoom-box-menu {
    width: 90px;
    position: absolute;
    top: 140px;
    right: 50px;
    z-index: 20;
    padding: 10px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 15px;
    color: #333333;
}

.zoom-box-menu ul li {
    width: 100%;
    margin-bottom: 10px;
    transition: all 0.6s ease;
    margin-top: 10px;
    padding: 5px;
    border: 1px solid #EDEDED;
}

.zoom-box-menu ul li:hover {
    transform: scale(1.2);
    border: 0px solid #FFFFFF;
}

.zoom-box-menu img {}


@media only screen and (max-width: 1200px) {
    .zoom-box {
        margin-top: 80px;
        margin-bottom: 0;
    }

    .zoom-box-menu {
        width: auto;
        position: initial;
        padding-left: 5%;
    }

    .zoom-box-menu ul {
        display: flex;
        flex-wrap: wrap;
    }

    .zoom-box-menu ul li {
        width: 100px;
        margin: 5px;
    }
}

@media only screen and (max-width: 767px) {
    #zoom .noSel .controlsBg {
        background-color: rgb(255, 255, 255) !important;
    }

    .zoom-box {
        max-height: 540px;
    }
}

@media only screen and (max-width: 540px) {
    .zoom-box {
        max-height: 340px;
    }

    .zoom-box-menu ul li {
        width: 60px;
        margin: 5px;
    }
}




.mark {
    background-image: url(../images/mark.png);
    background-repeat: no-repeat;
    height: 90px;
    width: 120px;
    position: absolute;
    z-index: 10;
    left: 50px;
    top: 180px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-family: 'Fjalla One', sans-serif;


}

.mark span {
    font-size: 20px;
    font-weight: bold;
    font-size: 1ex;
    display: block;
    height: 20px;
}


.slogan {
    height: 50px;
    width: 400px;
    position: absolute;
    z-index: 11;
    left: 50px;
    top: 200px;
    font-size: 20px;
    text-align: center;
    padding-top: 30px;
    color: #333333;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    font-family: 'Fjalla One', sans-serif;
    padding-left: 70px;
}

.slogan span {
    font-size: 15px;
    display: block;
}


@media only screen and (max-width: 1200px) and (min-width: 767px) {
    .mark {
        top: 155px;
    }

    .slogan {
        top: 160px;
    }
}

@media only screen and (max-width: 767px) {
    .mark {
        background-image: none;
        background-color: #F64B3A;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        left: 20px;
        top: 165px;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        text-shadow: none;
        padding-top: 3px;
		font-size: 14px;
        font-weight:500;
    }

    .mark span {
        font-size: 12px;
    }

    .slogan {
        font-size: 18px;
        text-align: left;
        padding: 0;
        left: 100px;
        top: 190px;
        width: auto;
    }
}



.smooth_zoom_preloader {
    background-image: url(../js/zoom_assets/preloader.gif);
}

.smooth_zoom_icons {
    background-image: url(../js/zoom_assets/icons.png);
}









/* span */


.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.127659574468085%;
    *margin-left: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
}

.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%;
}

.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%;
}

.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%;
}

.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%;
}

.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%;
}

.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%;
}

.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%;
}

.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%;
}

.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%;
}

.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%;
}

.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%;
}



@media (max-width: 767px) {
    .row-fluid {
        width: 100%
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
}





/*end  span */



/* table */



table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #c3c3c3;
}

.table th {
    font-weight: bold;
}

.table thead th {
    background-color: #dcdcdc;
    vertical-align: bottom;
    font-size: 13px;
    color: #535353;
}

.table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0;
}

.table tbody+tbody {
    border-top: 2px solid #c3c3c3;
}

.table .table {
    background-color: #ffffff;
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px;
}

.table-bordered {
    border: 1px solid #c3c3c3;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.table-bordered th, .table-bordered td {
    background-color: #ffffff;
    border-left: 1px solid #c3c3c3;
}

.table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
}

.table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}

.table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f5f5f5;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #e1e1e1;
}


/* end table */











/* btn */


.btn {
    display: inline-block;
    *display: inline;
    padding: 5px 16px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 13px;
    line-height: 20px;
    color: #3d3d3d;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f1f1f1;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e3e3e3));
    background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: -o-linear-gradient(top, #ffffff, #e3e3e3);
    background-image: linear-gradient(to bottom, #ffffff, #e3e3e3);
    background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
    background-repeat: repeat-x;
    border: 1px none #aeaeae;
    border-color: #d2d2d2;
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe3e3e3', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom: 1;
    -webkit-box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.25) inset;
}

.btn:hover, .btn:active, .btn.active {
    color: #505050;
}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #dadada;
}

.btn:first-child {
    *margin-left: 0;
}

.btn:hover {
    color: #272727;
    text-decoration: none;
    background-color: #ffffff;
    background-position: 0 15px;
    -webkit-transition: background-position 0.2s linear;
    -moz-transition: background-position 0.2s linear;
    -o-transition: background-position 0.2s linear;
    transition: background-position 0.2s linear;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/* ~ie */
.btn.active, .btn:active {
    color: #272727;
    background-color: #dadada;
    background-image: none;
    filter: none;
    outline: 0;
    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4) inset;
}

.btn.disabled, .btn[disabled] {
    background-color: #dadada;
    color: #3d3d3d;
    cursor: default;
    background-image: none;
    filter: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    box-shadow: 1px -1px 0 0 rgba(0, 0, 0, 0.25) inset;
}



.btn-large {
    padding: 14px 24px;
    font-size: 21px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
    margin-top: 2px;
}

.btn-small {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 18px;
}

.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
    margin-top: 0;
}

.btn-mini {
    padding: 2px 7px;
    font-size: 11px;
    line-height: 17px;
}

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
    margin-top: -1px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn-block+.btn-block {
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
    width: 100%;
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #4987c6;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52a0e2), to(#416ca8));
    background-image: -webkit-linear-gradient(top, #52a0e2, #416ca8);
    background-image: -o-linear-gradient(top, #52a0e2, #416ca8);
    background-image: linear-gradient(to bottom, #52a0e2, #416ca8);
    background-image: -moz-linear-gradient(top, #52a0e2, #416ca8);
    background-repeat: repeat-x;
    border-color: #305896;
    border-color: rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52a0e2', endColorstr='#ff416ca8', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #52a0e2;
}

.btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #ffffff;
    background-color: #416ca8;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #f3ae3d;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbcc71), to(#ec920d));
    background-image: -webkit-linear-gradient(top, #fbcc71, #ec920d);
    background-image: -o-linear-gradient(top, #fbcc71, #ec920d);
    background-image: linear-gradient(to bottom, #fbcc71, #ec920d);
    background-image: -moz-linear-gradient(top, #fbcc71, #ec920d);
    background-repeat: repeat-x;
    border-color: #e77e0c;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbcc71', endColorstr='#ffec920d', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* ~ie */
.btn-warning:hover {
    color: #ffffff;
    background-color: #fbcc71;
}

.btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    color: #ffffff;
    background-color: #ec920d;
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e14137;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fd5f49), to(#c82627));
    background-image: -webkit-linear-gradient(top, #fd5f49, #c82627);
    background-image: -o-linear-gradient(top, #fd5f49, #c82627);
    background-image: linear-gradient(to bottom, #fd5f49, #c82627);
    background-image: -moz-linear-gradient(top, #fd5f49, #c82627);
    background-repeat: repeat-x;
    border-color: #bb1c1c;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffd5f49', endColorstr='#ffc82627', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* ~ie */
.btn-danger:hover {
    color: #ffffff;
    background-color: #fd5f49;
}

.btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #ffffff;
    background-color: #c82627;
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #7fac4f;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#96c363), to(#67953a));
    background-image: -webkit-linear-gradient(top, #96c363, #67953a);
    background-image: -o-linear-gradient(top, #96c363, #67953a);
    background-image: linear-gradient(to bottom, #96c363, #67953a);
    background-image: -moz-linear-gradient(top, #96c363, #67953a);
    background-repeat: repeat-x;
    border-color: #53822c;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff96c363', endColorstr='#ff67953a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* ~ie */
.btn-success:hover {
    color: #ffffff;
    background-color: #96c363;
}

.btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    color: #ffffff;
    background-color: #67953a;
}

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #75bae3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#98d8f7), to(#5aa2d3));
    background-image: -webkit-linear-gradient(top, #98d8f7, #5aa2d3);
    background-image: -o-linear-gradient(top, #98d8f7, #5aa2d3);
    background-image: linear-gradient(to bottom, #98d8f7, #5aa2d3);
    background-image: -moz-linear-gradient(top, #98d8f7, #5aa2d3);
    background-repeat: repeat-x;
    border-color: #4790c8;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff98d8f7', endColorstr='#ff5aa2d3', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* ~ie */
.btn-info:hover {
    color: #ffffff;
    background-color: #98d8f7;
}

.btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    color: #ffffff;
    background-color: #5aa2d3;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #515967;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f7785), to(#3f4755));
    background-image: -webkit-linear-gradient(top, #6f7785, #3f4755);
    background-image: -o-linear-gradient(top, #6f7785, #3f4755);
    background-image: linear-gradient(to bottom, #6f7785, #3f4755);
    background-image: -moz-linear-gradient(top, #6f7785, #3f4755);
    background-repeat: repeat-x;
    border-color: #2e3440;
    border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f7785', endColorstr='#ff3f4755', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* ~ie */
.btn-inverse:hover {
    color: #ffffff;
    background-color: #6f7785;
}

.btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    color: #ffffff;
    background-color: #3f4755;
}

button.btn, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
}

button.btn.btn-large, input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px;
}

button.btn.btn-small, input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}

button.btn.btn-mini, input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-link {
    color: #2081d5;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn-link:hover {
    color: #1053a2;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link[disabled]:hover {
    color: #333333;
    text-decoration: none;
}

.btn-icon {
    font-size: 21px;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 80px;
    width: 80px;
    margin-bottom: 15px;
    margin-right: 10px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
}




/* ----------------------------------------
	product-box
----------------------------------------- */

.product-box h3 {
    padding: 20px 0;
}

@media screen and (max-width: 1000px) {
    .product-box .table {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {
    .product-box table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}





#display {
    padding-bottom: 20px;
    color: #666666;
    height: 20px;
    width: 100%;
}

#display a {
    font-size: 12px;
    color: #333333;
    border: 0px solid #FFFFFF;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 5px;
    text-decoration: underline;
}

#display a:hover {
    color: #F64B3A;
    text-decoration: none;
    font-weight: bold;
}

#display a.current {
    color: #F64B3A;
    text-decoration: none;
}






#breadcrumbs {
    position: fixed;
    z-index: 97;
    top: 40px;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #d0d1d3;
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    height: 30px;
    padding-top: 14px;
    font-family: 'Fjalla One', sans-serif;
    font-size: 14px;
    color: #666666;
}

#breadcrumbs a {
    color: #999999;
}

#breadcrumbs a:hover {
    color: #000000;
}

@media only screen and (max-width: 767px) {
    #breadcrumbs {
        top: 60px;
    }
}





.products-tag {
    width: 100%;
    position: absolute;
    top: 113px;
    left: 0px;
    z-index: 5;
    border-bottom: 1px solid #d0d1d3;
    -moz-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, .1);
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding-top: 15px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    background-color: #FFFFFF;
    background-image: url(../images/bg01.png);
}



.products-tag ul {
    width: 100%;
    float: left;

}

.products-tag p.title {
    border-bottom: 1px solid #000;
    font-size: 18px;
    line-height: 1.05;
    font-family: 'Fjalla One', sans-serif;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 2px;
    padding-left: 0;
}

.products-tag ul li {
    width: 18%;
    float: left;
    margin-right: 2%;
    padding: 0px;
}

.products-tag ul li ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.products-tag ul li ul li {
    float: left;
    width: 100%;
    height: 17px;
}


.products-tag ul li ul li a {
    color: #666666;
    font-size: 12px;
}

.products-tag ul li ul li a:hover {
    color: #333333;
    font-weight: bold;
}

.products-tag ul li ul li a.current {
    color: #F64B3A;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .products-tag {
        display: none;
    }
}



/* page */


.pagination {
    margin: 20px 0;
    text-align: center;
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    margin-left: 0;
    *zoom: 1;
}

.pagination ul>li {
    display: inline;
}

.pagination ul>li>a, .pagination ul>li>span {
    border: 1px solid #bebebe;
    color: #333333;
    float: left;
    padding: 0 10px;
    margin-right: 3px;
    line-height: 30px;
    text-decoration: none;
    background-color: #dedede;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 #ffffff;
    -webkit-box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.7);
    -moz-box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.7);
    box-shadow: -1px 1px 0 rgba(255, 255, 255, 0.7);
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.pagination ul>li>a:hover {
    background-color: #d8d8d8;
    border-color: #9f9f9f;
}

.pagination ul>.active>a, .pagination ul>.active>a:hover, .pagination ul>.active>span {
    color: #FFFFFF;
    cursor: default;
    background-color: #FF3300;
    border: 1px dashed #F64B3A;
    font-size: 13px;
    font-weight: bold;


}




.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover {
    border-color: #bebebe;
    color: #b6b6b6;
    cursor: default;
    background-color: #dedede;
}

.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
    margin-right: 0;
}






.technology-box {
    width: 600px;
    padding-right: 70px;

}

.technology-box h3 {
    font-size: 40px;
}



/* -------------------------------------- 
	dealer
--------------------------------------- */
.dealer {
    min-height: 75vh;
    margin: 20px 0;
}

.dealer .info {
    margin: 20px;
}

@media only screen and (max-width: 767px) {
    .dealer {
        margin: 20px 10px;
    }

    .dealer .info {
        margin: 0 10px 20px 10px;
    }

    .dealer #map {
        max-height: 310px;
        padding-top: 15px;
    }
}





.line-y {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #333333;
}

.line-y2 {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #333333;
}


.leftmenu {
    font-size: 12px;
}

.leftmenu ul {}

.leftmenu ul li {
    float: left;
    width: 48%;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-right: 2%;
}

.leftmenu ul li a {
    color: #333333;
}

.leftmenu ul li a:hover {
    font-weight: bold;
}

.leftmenu ul li a.current {
    color: #F64B3A;
    font-weight: bold;
}


/* -------------------------------------- 
	news
--------------------------------------- */
.news {
    display: flex;
    flex-wrap: wrap;
}

.news-list {
    flex: 0 0 calc(33.33% - 2%);
    margin: 0 1% 30px 1%;
    background-color: #EEEEEE;
    font-size: 12px;
}

.news-list h3 {
    font-size: 22px;
}

.news-list-box {
    padding: 20px;
}

.news-list img {
    display: block;
    width: 100%;
}

.news-list .news-list-box p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-date {
    font-size: 20px;
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 1px;
    font-weight: bold;
    letter-spacing: 1px;
}

.news-more {
    margin-top: 10px;
    text-align: right;
    width: 100%;
}

.font-lowercase {
    text-transform: lowercase;
}

@media only screen and (max-width: 1000px) {
    .news-list {
        flex: 0 0 calc(50% - 2%);
    }

    .news-date {
        font-size: 14px;
    }

    .news-list h3 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 540px) {
    .news-list {
        flex: 0 0 calc(100% - 2%);
    }
}

/* -------------------------------------- 
	news-centent
--------------------------------------- */
.news-centent {
    margin-bottom: 40px;
    min-height: 70vh;
}

@media only screen and (max-width: 767px) {
    .news-centent {
        min-height: 90vh;
    }

    .news-centent h4 {
        margin-top: 15px;
    }

    .news-centent h3 {
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 540px) {
    .news-centent h1 {
        line-height: 1.3;
    }
}



/*contact*/

.contact {
    min-height: 700px;
    margin: 20px 0;
}

.contact h3 {
    font-size: 25px;
}

.contact .company .circle {
    background-color: #F64B3A;
    height: 50px;
    width: 50px;
    margin-bottom: 15px;
    border-radius: 50%;
    color: #ffffff;
    font-family: 'Fjalla One', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.contact .company .circle span {
    font-size: 14px;
}

.contact .company {
    min-height: 320px;
    max-height: 320px;
	margin-bottom: 2%;
    padding: 35px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

/* ¤½¥q LOGO */
.company-logo {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.company-logo-pic {
	display: flex;
}
.company-logo img {
	width: 75px;
}


.mailbox {
    padding-left: 30px;
    border-left-width: 1px;
    border-left-style: dotted;
    border-left-color: #333333;
}

.mailbox table {
    margin-top: 10px;

}

.mailbox table td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.btn-send {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #F64B3A;
    padding-top: 7px;
    padding-right: 12px;
    padding-bottom: 7px;
    padding-left: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bike-size {
    margin: 30px 0 0 0;
}


@media only screen and (max-width: 1000px) {
    .contact .company {
        min-height: 360px;
        max-height: 390px;
    }
}

@media only screen and (max-width: 767px) {
    .contact .company {
        padding: 25px;
        margin-bottom: 20px;
    }
}



/* -------------------------------------- 
	index-banner
--------------------------------------- */
.index-banner h3 {
    font-size: 22px;
    color: #FFFFFF;
    opacity: 0.5;
}

@media only screen and (max-width: 767px) {
    .mobile-hide {
        display: none;
    }

    .index-banner .index-logo {
        width: 250px;
    }
}

@media only screen and (max-width: 540px) {
    .index-banner .index-logo {
        width: 350px;
        left: 255px !important;
    }

    .index-banner .index-bike-left {
        width: 310px !important;
        height: 225px !important;
    }

    .index-banner .index-bike-right {
        right: 10px !important;
    }
}




.icon-diy {
    width: 110px;
    position: absolute;
    top: 350px;
    left: 60px;
	z-index:9999;

}

@media only screen and (max-width: 540px) {
.icon-diy {
    width: 60px;
    top: 250px;
    left: 20px;

}

}