/* self add */
.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fnone {
    float: none !important;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.nobg {
    background: none !important;
}

.vt {
    vertical-align: top;
}

.vm {
    vertical-align: middle;
}

.vb {
    vertical-align: bottom;
}

.blod {
    font-weight: bold;
}

p {
    text-align: left;
}

form {
    width: 100%;
}

.margin_top_10 {
    margin-top: 10px;
}

.margin_top_20 {
    margin-top: 20px;
}

.margin_bottom_10 {
    margin-bottom: 10px;
}

.margin_bottom_20 {
    margin-bottom: 20px;
}

.width100p {
    width: 100%;
}

.margin0 {
    margin: 0;
}

.padding0 {
    padding: 0;
}

.error_message, .message {
    color: red;
    font-size: 12px;
}

.clearboth {
    clear: both;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.inline {
    display: inline;
}

.inline_block {
    display: inline-block;
}

.datatable td {
    padding: 5px;
}

a:focus, a:hover {
    text-decoration: none;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    bottom: 5px !important;
}

.datatable td, .datatable th {
    border: 1px solid #ccc;
    padding: 5px;
}

.datatable th {
    white-space: nowrap;
}

/*.form_label{
    margin-bottom: 10px;
}*/

.required:after, .required_field:after {
    content: ' * ';
    color: red;
}

.nowrap {
    white-space: nowrap;
}

.remark_txt {
    font-size: 12px;
    color: #f54b0f;
}

.section-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.product_sku_option {
    cursor: pointer;
    border: 1px solid #ccc;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

.product_sku_option:hover {
    border: 2px solid #9dcedf;
}

#product_sku_option_list .active {
    border: 2px solid #9dcedf !important;
}

#product_desc img {
    max-width: 100% !important;
}

#product_comment img {
    max-width: 100% !important;
}

.pointer {
    cursor: pointer;
}

#checkout_order_item_container .quantity_change {
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

#checkout_order_item_container .quantity {
    width: 70px;
    text-align: center;
}

.quantity {
    text-align: center;
}

.center {
    text-align: center;
}

#scanner_order_list p {
    text-align: center;
}

/* override */
.rd-navbar-default.rd-navbar-static .rd-navbar-menu-wrap {
    padding: 15px;
}

.swiper-slide {
    /*background: center center no-repeat!important;*/
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

.swiper-pagination-bullet {
    /*border-color: #ccc !important;*/
}

.swiper-pagination-bullet-active {
    /*background: #ccc;*/
}

.form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill {
    font-size: 14px;
}

#signupalert {
    margin-bottom: 20px;
}

.index_slider_title {
    width: 100%;
    line-height: 40px;
    color: #9dcedf;
    font-size: 25px;
    font-weight: bold;
    text-align: left;
}

.ajax_loading {
    position: fixed;
    bottom: 0;
    height: 30px;
    text-align: center;
    width: 100%;
    background: #9dcedf;
    padding-top: 5px;
    font-weight: bold;
    color: #fff;
}

/* temp setting for product */
.product:hover {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.product-meta-info {
    display: none !important;
}

#captcha_code {
    margin-top: 10px;
}

.captcha_image_container {
    width: 325px;
}

#member_login_control {
    float: right;
    height: 50px;
    padding: 15px 15px;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}


@media (max-width: 480px) {
    #member_login_control {
        height: 65px;
    }
}