body{

    color: #000;

}

body {

    font-family: source sans pro,sans-serif;

    /*font-size: 16px;*/

    line-height: 1.6;

    color: #7a8494;

    background-color: #fff;

}

body {

    margin: 0;

}

h1.blog-title{

    /*font-family: source sans pro,sans-serif;*/

    font-weight: 600;

    font-size: 38px; 

    line-height: 1.2;

    color: #000;



}

h1 {

    display: block;

    font-size: 1.5em;

    margin-block-start: 0.83em;

    margin-block-end: 0.83em;

    margin-inline-start: 0px;

    margin-inline-end: 0px;

    font-weight: bold;

}

.btn-facebook{

    /*background-color: #2d4373;*/

    color: white;

    font-size: 14px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    border: none;

    line-height: 22.4px;

}

.btn-facebook:hover{

    color: white;

}

.btn-twitter{

    background-color: #32cdfd;

    color: white;

    font-size: 14px;

    font-weight: 700;

    text-align: center;

    text-transform: uppercase;

    border: none;

    line-height: 22.4px;



}

.btn-twitter:hover{

    color: white;

}

#cms-blog .page-header {
    background-image: url(../image/feature.jpg);
}




/*<<<<<<< HEAD*/

.blog-item section>h2 {

    margin-bottom: 20px;

}



#cms-blog .blog-item h2, #cms-blog-info .blog-item h2 {

    margin-top: 0;

    font-size: 38px;

}

.pagination-margin{

    margin-bottom: 15px;

}

/*=======*/

#cms-blog #blog-search h4, #cms-blog-info #blog-search h4 {

    border-bottom: 1px solid #e9e9e9;

    margin: 0 0 15px;

    padding-bottom: 15px;

    font-weight: bold;

}
#blog-search h4{
    color: #666666;
}

#blog-search input{
    font-size: 16px;
}
#blog-search #button-search{
    border: none;
    background: none;
}


label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    font-weight: 600;

    font-size: 18px;

}

.heading_font{

    /*font-family: source sans pro,sans-serif;*/
}

.search_font{

    font-family: "open sans",sans-serif;



}

.button_continue{

    font-family: "open sans",sans-serif;

    font-size: 14px;

    line-height: 22.4px;

    border: none;

}

.headings_right{

    font-weight:600;font-size:20px;

}

.unorder_list{

    /*padding-top: 5px;*/

}

.animation{

    color: blue;

}

.well-2{

    background: white;

    -webkit-animation: my-color 3s;

    -webkit-animation-iteration-count: 1;

    animation: my-color 3s;

    animation-iteration-count: 1;

}

@-webkit-keyframes my-color{

    form {background-color: #eee;}

    to {background-color: white;}

}

@keyframes my-color{

    form {background-color: white;}

    to {background-color: #eee;}

}



.sans-serif{

    font-family: source sans pro,sans-serif;

}



.login_my_acc{

    font-family: "open sans",sans-serif;

    font-size: 14px;

    line-height: 22.4px;

    border: none;

    background-color: #32cdfd;

    color: white;

    text-transform: uppercase;

    text-align: center;



    /*font-weight: 700;*/

}

.write_comment_heading{

    font-size: 15.5px;



}

/*------------------- blog_article_tags.twig--------------*/

.heading_info{

    border-bottom:1px solid #e6e6e6;

    padding-bottom:10px;

}

.btn_tag{

    color:black; 

    padding:5px;

    margin:2px 1px;

    border:0;

}

/*------------------- blog_featured_verticle.twig--------------*/

.list_style{

    font-size:16px;

    font-family: source sans pro,sans-serif;

}

.featured_article_list{

    padding:10px 5px;

}

.featured_article_list_blog_aside {
    padding: 10px 5px 10px 0px;
}

/*------------------- blog_category_aside.twig--------------*/

.category_list_style{

   font-size:14px;

   font-family: source sans pro,sans-serif;

}

.blog_category_list{

   padding: 5px;

}

/*------------------- blog_aside.twig--------------*/

.blog_aside_list_links{

   color:#000;

/*   font-weight:600;*/

}

/*------------------- information_tab_show.twig--------------*/

.informationContent .page-header {
    background-image: url(../image/feature.jpg);
}
.informationContent .page-header {
    background-image: url(../image/feature.jpg);
}
.informationContent .page-header {
    background-image: url(../image/feature.jpg);
}
.informationContent .page-header {
    background-image: url(../image/feature.jpg);
}
.informationContent .page-header {
    background-image: url(../image/feature.jpg);
}
.informationContent .nav-tabs>li>a {
    color: #000;
    font-size: 18px;
}
.informationContent .nav-tabs>li.active>a:focus {
    background-color: transparent;
    border: 0 solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
    font-weight: 600;
}

.informationContent .tab-pane h1 {
    margin-top: 0;
    margin-bottom: 50px;
    font-size: 36px;
}

.informationContent .tab-pane h2 {
    margin-top: 80px;
    margin-bottom: 20px;
    font-size: 30px;
}
.informationContent .tab-pane p {
    font-size: 16px;
}
.informationContent .bottom-link {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.informationContent .bottom-link h6 {
    color: #d3d5d9;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 0;
    margin-bottom: 3px;
    font-size: 14px;
}

/***Contract us************************/

#contact-substores {font-size: 16px;}
#contact-substores span {font-weight:bold;}
#contact-substores .btn {font-size: 16px;}

#support-contact {font-size: 16px;}
#support-contact input{font-size: 16px;}
#support-contact .alert {
    padding: 15px;
}
#support-contact .control-label {
    color: #000;
}
#support-contact .btn-xl, .btn-group-xl>.btn {
    padding: 15px 30px;
    font-size: 18px;
    line-height: 1.3334;
    border-radius: 4px;
}
#support-contact legend{
    display: none;
}
#support-contact .well img {
    width: 20px;
    height: 20px;
    margin-right: 1em;
}
#support-contact .well>.media img {
    width: 60px;
    height: 60px;
    line-height: 1.2;
}
#support-contact .well h4 {
    font-size: 20px;
}
#support-contact .well a {
    font-size: 16px;
}

#captchaContainer .control-label{
    clear: both;
    width: 100%;
    text-align: left;
    padding-left: 0px;
}
#captchaContainer div{
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
#captchaContainer div>div{
    clear: both;
}
#captchaContainer div>div>img{
    padding-top: 7px;
    width: 100%;
    padding-left: 0px;
}

#support-success p{font-size: 16px;}
#support-success h2{font-size: 30px;}

/*文章页面infomation_document*/
#documentation > .container {
    margin-top: 50px;
}
#documentation #documentation-menu h4 {
    border-bottom: 1px solid #e9e9e9;
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    font-size: 20px;
}
#documentation #documentation-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}
#documentation #documentation-menu ul {
    list-style: none;
}
#documentation #documentation-menu ul li {
    font-size: 16px;
}
#documentation #documentation-menu ul li > a {
    line-height: 35px;
    display: block;
    padding-left: 20px;
    color: #000;
}
#documentation #documentation-menu ul li.open > a {
    border-left: 2px solid #01afe8;
    background-color: #f4f5f7;
    padding-left: 18px;
    font-weight: 600;
}

#documentation .gray, .container-fluid {
    background-color: #f4f5f7;
}
#documentation #catrgories-top-menu .btn {
    font-size: 16px;
    font-weight: 600;
    border: 0px;
    color: #000;
}
#documentation #catrgories-top-menu-list{
    margin-top: 0px;
}

#documentation > .container h1 {
    margin-top: 0;
    font-size: 36px;
}
#documentation > .container h2 {
    font-size: 30px;
}
#documentation > .container h3 {
    font-size: 24px;
}
#documentation > .container h4 {
    font-size: 20px;
}

#documentation > .container {
    color: #000;
    font-size: 16px;
}

/***information.twg*****/
#information-information .gray, .container-fluid {
    background-color: #f4f5f7;
}
#information-information .container-fluid {
    padding-top: 20px;
}
#information-information .breadcrumb {
    padding: 10px 0;
    margin-bottom: 25px;
    list-style: none;
    background-color: transparent;
    border-radius: 3px;
    border: 0px;
}
#information-information .breadcrumb > li{
    padding: 0;
    font-size: 16px;
}
#information-information .breadcrumb > li:after{
    display: inline-block;
    border: 0px;
}
#information-information .container-fluid .breadcrumb>li+li::before {
    content: "/";
    padding: 0 5px;
    color: #4b525d;
}

#information-information > .container h1 {
    margin-top: 25px;
    font-size: 36px;
}
#information-information > .container h2 {
    font-size: 30px;
}
#information-information > .container h3 {
    font-size: 24px;
}
#information-information > .container h4 {
    font-size: 20px;
}

#information-information > .container {
    color: #000;
    font-size: 16px;
}


/*****infomation_aboutus*****************************/
#information-aboutus .page-header {
    background-image: url(../image/feature.jpg);
}
#information-aboutus #information-details h2 {
    margin-top: 0;
    text-align: center;
    font-size: 30px;
}
#information-aboutus #information-details p {
    color: #4b525d;
    font-size: 16px;
}
#information-aboutus  .gray, .container-fluid {
    background-color: #f4f5f7;
}
#information-aboutus  #information-details .container {
    margin-top: 50px;
    margin-bottom: 50px;
}
#information-aboutus  #information-details #about #milestone #timeline {
    text-align: center;
}

#information-aboutus #information-details #about #milestone #timeline .label {
    position: relative;
    z-index: 2;
    border-radius: 50px;
    padding: 11.5px 3px;
}

#information-aboutus #information-details #about #milestone #timeline .label i {
    border: 2px solid #f4f5f7;
    border-radius: 50px;
    padding: 9px;
}
#information-aboutus #information-details #about #milestone #timeline .label i.fa-bar-chart {
    padding: 9px 8px;
}


#information-aboutus #information-details #about #milestone #timeline .label.label-check {
    padding: 12.5px 3px;
}
#information-aboutus #information-details #about #milestone #timeline .label.label-bookmark {
    padding: 11.8px 3px;
}

#information-aboutus  #information-details #about #milestone #timeline .label i.fa-bookmark {
    padding: 8.5px 10px;
}


#information-aboutus  #information-details #about #milestone #timeline+div {
    padding-bottom: 40px;
}
#information-aboutus #information-details #about #milestone #timeline+div::before {
    content: ' ';
    position: absolute;
    height: 100%;
    width: 4px;
    margin-left: -14.5%;
    background-color: #01afe8;
    z-index: 1;
}
#information-aboutus #information-details #about #milestone #timeline+div .event {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
}
#information-aboutus #information-details #about #milestone #timeline+div h3 {
    font-size: 20px;
    margin-top: 10px;
    color: #000;
}

#information-aboutus #information-details #about #team .img-rounded {
    border-radius: 150px;
    max-width: 200px;
}
@media screen and (max-width:767px) {
	#information-aboutus  #information-details #about #team .img-rounded {
		max-width: 120px
	}
}

#information-aboutus #information-details #about #team p {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    color: #4b525d;
}


/*****infomation_sitemap*****************************/ 
#information-sitemap .page-header {
    background-image: url(../image/feature.jpg);
}
#information-sitemap #content h2 {
    font-size: 24px;
}
#information-sitemap #content ul li {
    list-style: none;
}
#information-sitemap #content ul li>a {
    font-size: 16px;
}

/*****register*****************************/ 
#account-register{
    color:#000;
    font-size: 16px;
}
#account-register h3{
    font-size: 24px;
}
#account-register .form-group{
    margin: 0px 0px 20px 0px;
}
#account-register input{
    font-size: 16px;
}
#account-register .list-check{
    font-size: 16px;
}

#account-register .captcha img{
    height:46px;
    padding-top: 7px;
}

/*****************************/
#account-login .page-header {
    background-image: url(../image/feature.jpg);
}
#account-login label {
    color: #000;
}
#account-login h3 {
    font-size: 24px;
    color: #000;
}

#account-login input {
    font-size: 16px;
}
#account-login .btn-link {
    font-size: 16px;
}
#account-login .alert {
    font-size: 16px;
}
#account-login #need-help {
    background-image: url(../image/bg_ds.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    padding: 30px 20px;
    color: #fff;
    border-radius: 3px;
}

#account-login p{
    font-size: 16px;
    color: #000;
    text-indent:2em;
}
#account-login .page-header p{
    font-size: 24px;
    color: #fff;
}
#account-login .media-body{
    font-size: 16px;
}
/*******forget-password**********************/
#account-forgotten .page-header {
    background-image: url(../image/feature.jpg);
}
#account-forgotten {
    color: #000;
    font-size: 16px;
}
#account-forgotten .form-group{
    margin: 0px 0px 20px 0px;
}
#account-forgotten .form-group label{
    margin-bottom: 5px;
}
#account-forgotten .form-group input{
    font-size: 16px;
}
#account-forgotten #content .form-group p{
    margin-top: 7px;
    font-size: 14px;
}
#account-forgotten #content h2{
    margin-top: 30px;
}
#account-forgotten #content .btn{
    font-size: 16px;
}
/*********************************/
#account-account .page-header {
    background-image: url(../image/feature.jpg);
}
#collapse-menu .table a {
    font-size: 16px;
}
#collapse-menu .table a>li {
    padding-right: 3px;
}


/****affiliate-login******************************************/
#affiliate-login .page-header {
    background-image: url(../image/feature.jpg);
}
#affiliate-login label {
    color: #000;
}
#affiliate-login h3 {
    font-size: 24px;
    color: #000;
}

#affiliate-login input {
    font-size: 16px;
}
#affiliate-login .btn-link {
    font-size: 16px;
}
#affiliate-login .alert {
    font-size: 16px;
}
#affiliate-login #need-help {
    background-image: url(../image/bg_ds.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
    padding: 30px 20px;
    color: #fff;
    border-radius: 3px;
}

#affiliate-login p{
    font-size: 16px;
    color: #000;
    text-indent:2em;
}
#affiliate-login .page-header p{
    font-size: 24px;
    color: #fff;
}
#affiliate-login .media-body{
    font-size: 16px;
}

/******checkout-cart***************************/

#checkout-cart {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#checkout-cart h1{
    font-size: 30px;
}
#checkout-cart input{
    font-size: 16px;
}
#checkout-cart .table-bordered>thead>tr>th, .table-bordered>thead>tr>th{
    border-bottom-width: 1px;
}
#checkout-cart .buttons a{
    font-size: 16px;
}

/******checkout-checkout***************************/

#checkout-checkout {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#checkout-checkout h1{
    font-size: 30px;
}
#checkout-checkout input{
    font-size: 16px;
}
#checkout-checkout select{
    font-size: 16px;
}
#checkout-checkout textarea{
    font-size: 16px;
}
#checkout-checkout .table-bordered>thead>tr>th, .table-bordered>thead>tr>th{
    border-bottom-width: 1px;
}
#checkout-checkout .buttons a{
    font-size: 16px;
}
/******common-success***************************/
#common-success {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#common-success .buttons a{
    font-size: 16px;
}
/******account-edit***************************/
#account-edit {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-edit h1{
    font-size: 30px;
}
#account-edit legend{
    font-size: 24px;
}
#account-edit .form-group{
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}
#account-edit .form-group input{
    font-size: 16px;
}
#account-edit #content .btn{
    font-size: 16px !important;
}

/******account-transaction***************************/
#account-transaction {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-transaction h1{
    font-size: 30px;
}
#account-transaction #content .btn{
    font-size: 16px !important;
}
/******account-reward***************************/
#account-reward {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-reward h1{
    font-size: 30px;
}
#account-reward #content .btn{
    font-size: 16px !important;
}

/******account-password***************************/
#account-password {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-password h1{
    font-size: 30px;
}
#account-password legend{
    font-size: 24px;
}
#account-password .form-group{
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}
#account-password .form-group input{
    font-size: 16px;
}
#account-password #content .btn{
    font-size: 16px !important;
}

/******account-address***************************/
#account-address {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-address h1{
    font-size: 30px;
}
#account-address legend{
    font-size: 24px;
}
#account-address .form-group{
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}
#account-address .form-group input{
    font-size: 16px;
}
#account-address .form-group select{
    font-size: 16px;
}
#account-address #content .btn{
    font-size: 16px !important;
}


/******account-newsletter***************************/
#account-newsletter {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-newsletter .form-group{
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}
#account-newsletter h1{
    font-size: 30px;
}
#account-newsletter #content .btn{
    font-size: 16px !important;
}
/******account-return***************************/
#account-return {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-return .form-group{
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}
#account-return .form-group input{
    font-size: 16px;
}
#account-return .form-group textarea{
    font-size: 16px;
}
#account-return h1{
    font-size: 30px;
}
#account-return #content .btn{
    font-size: 16px !important;
}


/******account-wishlist***************************/
#account-wishlist {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-wishlist h1{
    font-size: 30px;
}
#account-wishlist #content .btn{
    font-size: 16px !important;
}

/******account-order***************************/
#account-order {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-order h1{
    font-size: 30px;
}
#account-order #content .btn{
    font-size: 16px !important;
}

/******account-return***************************/
#account-return {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-return h1{
    font-size: 30px;
}
#account-return #content .btn{
    font-size: 16px !important;
}

/******account-recurring***************************/
#account-recurring {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-recurring h1{
    font-size: 30px;
}
#account-recurring #content .btn{
    font-size: 16px !important;
}

/******account-order***************************/
#account-order {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-order h1{
    font-size: 30px;
}
#account-order #content .btn{
    font-size: 16px !important;
}


/******account-tracking***************************/
#account-tracking {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-tracking .form-group{
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}
#account-tracking .form-group input{
    font-size: 16px;
}
#account-tracking .form-group textarea{
    font-size: 16px;
}
#account-tracking h1{
    font-size: 30px;
}
#account-tracking #content .btn{
    font-size: 16px !important;
}
/******account-affiliate***************************/
#account-affiliate {
    margin-top: 25px;
    color: #000;
    font-size: 16px;
}
#account-affiliate .form-group{
    margin: 0px 0px 20px 0px;
    font-size: 16px;
}
#account-affiliate .form-group input{
    font-size: 16px;
}
#account-affiliate .form-group textarea{
    font-size: 16px;
}
#account-affiliate h1{
    font-size: 30px;
}
#account-affiliate #content .btn{
    font-size: 16px !important;
}