@charset "utf-8";
html {
    font-size: 14px;
    height: 100%;
    width: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, Roboto, Segoe UI, Arial, sans-serif;
    background-color: #FFFFFF;
    height: 100%;
    width: 100%;
}

.clear {
    clear: both;
}

.float_left {
    float: left
}

.float_right {
    float: right
}

/*bottom menu start*/

.bottom_div {
    height: 45px;
    width: 100%;
    bottom: 0px;
    background-color: #616364;
    color: #FEFEFE;
    position: fixed;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    z-index: 999;
}

.bottom_menu_item a {
    color: #FEFEFE;
}

.div_shadow {
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.3;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 9998;
}

.bottom_menu_item {
    padding-top: 3px;
    border: 0px dashed red;
    height: 100%;
    text-align: center;
    text-align: center;
    font-size: 10px;

    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */
    -webkit-flex: 1 0 auto; /* Chrome */
    -ms-flex: 1 0 auto; /* IE 10 */
    flex: 1 0 auto;
}

.bottom_menu_item_text {
    padding-top: 0px;
    width: 50px;
    margin: 0 auto;
}

.bottom_menu_item .active {
    color: #ff6112;
}

.bottom_menu_ico {
    width: 22px;
    height: 22px;
    margin: 0 auto;
}

.div_bdge_cart {
    display: none;
    margin: 0 auto;
    position: relative;
    top: -3px;
    right: -10px;
    background-color: #e4383c;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 100%;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

/*bottom menu end*/

a {
    color: #333333;
    text-decoration: none;
}

/*product list start*/

/*lroduct list end*/

.input_line {
    border-radius: 2px;
    height: 40px;
    width: 100%;
    line-height: 40px;
    border: 1px solid #E2E2E2;
    padding: 0px;
    margin-top: 10px;
    text-align: left;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    background-color: #FFFFFF;
}

.input_line_ico {
    height: 15px;
    width: 15px;
    margin-left: 15px;
    margin-right: 10px;
}

.input_line .input_noborder {
    border: 0px;
    width: 100%;
    height: 90%;
    font-size: 14px;
    padding: 10px 10px 10px 10px;
}

.input_line .span_login_sep {
    color: #d2d2d2;
    text-align: center;
}

.login_button {
    text-align: center;
    display: block;
    margin-top: 40px;
    background-color: #3E3A39;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #FFFFFF;
    border-radius: 2px;
}

.a_button_red {
    text-align: center;
    padding: 0.4rem 0.7rem;
    line-height: 100%;;
    display: inline-block;
    background-color: #9d2720;
    color: #ffffff;
    border-radius: 0.2rem;
}

.red {
    color: #9D2720;
}

.bold {
    font-weight: bold;
}

.a_radio_num {
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;;
    display: inline-block;
    font-size: 20px;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    margin-left: 10px;
    margin-right: 10px;
    color: #333333;
}

.a_radio_num_delete {
    line-height: 20px;
    background-color: #E5E5E5;
}

.a_radio_num_del {
    line-height: 20px;
    background-color: #E5E5E5;
}

.add_dec_div {

}

.add_dec_div .span_num {
    margin: 0px 2px 0px 2px;
    color: #333333;
    vertical-align: middle;
}

.add_dec_div .add_dec_img {
    margin: 0 auto;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

/*ico start*/

.ico_index {
    background: url('../img/ico_index.png') no-repeat center center;
    background-size: 100%;
}

.ico_cert {
    background: url('../img/ico_cert.png') no-repeat center center;
    background-size: 100%;
}

.ico_user {
    background: url('../img/ico_user.png') no-repeat center center;
    background-size: 100%;
}

.ico_service {
    background: url('../img/ico_service.png') no-repeat center center;
    background-size: 100%;
}

.ico_index_active {
    background: url('../img/ico_index_active.png') no-repeat center center;
    background-size: 100%;
}

.ico_cert_active {
    background: url('../img/ico_cert_active.png') no-repeat center center;
    background-size: 100%;
}

.ico_user_active {
    background: url('../img/ico_user_active.png') no-repeat center center;
    background-size: 100%;
}

.ico_service_active {
    background: url('../img/ico_service_active.png') no-repeat center center;
    background-size: 100%;
}

.ico_index_p {
    background: url('../img/ico_index_p.png') no-repeat center center;
    background-size: 100%;
}

.ico_cert_p {
    background: url('../img/ico_cert_p.png') no-repeat center center;
    background-size: 100%;
}

.ico_service_p {
    background: url('../img/ico_service_p.png') no-repeat center center;
    background-size: 100%;
}

.ico_xlb {
    background: url('../img/xlb.png') no-repeat center center;
    background-size: 100%;
}

/*ico end*/