@charset "UTF-8";



@media (min-width: 1200px){.container {max-width: 1340px;}}
.color-1 {color:#bf0000}
.color-2 {color:#f72020}
.color-3 {color:#f72020}
.color-4 {color:#8c8d8f}
.font-08 {font-size: 0.8rem;}
.font-09 {font-size: 0.9rem;}
.bbb-1 {border-bottom: 1px solid #eaeaea;}
.w-90 {width: 100%!important;}
	
/*------------------------------------*/
a{color:#343a40}


.mr--15{margin-right: -15px;}
.ml--15{margin-left: -15px;}

/**/
.dropdown-menu.show {z-index: 1001;}

.form-control-sm {border-radius: 0rem;}

footer .box{    border: 1px solid #eaeaea; background: #f7f7f76b;}
.footer-box {display: none;}

.btn {border-radius: 0px;}
.btn-primary {background-color: #f72020;border-color: #f72020;}

.btn-primary{color:#fff;background-color: #f72020;border-color: #f72020;}
.btn-primary:hover{color:#fff;background-color:#bd1010;border-color:#bd1010}
.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(189,16,16,.5)}
.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#bd1010;border-color:#bd1010}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#bd1010;border-color:#bd1010}
.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(189,16,16,.5)}

.btn-outline-info {color: #bd1010;border-color: #bd1010;}
.btn-outline-info {color: rgba(0,0,0,.9);border-color: #adb5bd;}
.btn-outline-info:hover{color:#fff !important;background-color:#000;border-color:#000}
.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(189,16,16,.5);border-color:#bd1010}
.btn-outline-info.disabled,.btn-outline-info:disabled{color:#bd1010;background-color:transparent}
.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#bd1010;border-color:#bd1010}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(189,16,16,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}

.alert {border-radius: 0;font-size: 0.8rem;}
.alert-warning h5{background: #856c35;color: #fff;padding: 7px 7px;margin-bottom: 10px;font-size: 0.8rem;}

.btn-light {    border: 1px solid #bd1010}

.d-block{display: inline-block}
.lg-xxx {display:none;}

.btn-dark {background-color: #505050;}

.modal-content {border-radius: 0;}
.modal-header {border-top-left-radius: 0;border-top-right-radius: 0;}
.form-control {border-radius: 0;}

.btn-sms {padding: .15rem .5rem;font-size: .775rem;}

.form-control-1{   
    height: calc(1.6rem + 1px);
    padding: .1rem .5rem;
    font-size: .1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

*::-ms-backdrop, .img-fluid {width: 100%}

/*
----------------------*/
.t-m-icon i {font-size: 1.5rem;}
.top {width: 100%;background: #f4f4f4;font-size: 0.9rem;}
.top a {font-size: 0.8rem;font-weight: bold;}
.top-l-nav .nav-link {border-right: 1px solid #d4d4d4;}
.top-nav1 a  {padding: 0 10px;font-size: 0.8rem;}
.top-nav1 .t-m-text , .top-nav1 .t-m-icon{padding-right: 0;padding-left: 0;}
.top-nav1 .t-m-icon{color: #b31e23;}
.top-nav1 svg{font-size: 1.5rem;}
.btn-Top {font-size: 0.9rem;height: 100%;line-height: 1rem;/*margin-top: -2px;*/}
.dropdown-menu-top {border-radius: 0;border: 1px solid rgb(189, 33, 48);margin: 0rem 0 0;}
.row-0 {margin-right: 0px;margin-left: 0px;}

#m-btn-lan {display:none;}


/*
----------------------*/
.in-news ul {margin: 0;padding: 10px;list-style: none;}
    .in-news li {position: relative;}
    .in-news li:before {content: "●";position: absolute;left: -5px;top: -2px;color: #b1b1b1;}
    .in-news li a{padding: 0px 0 5px 10px;display: block;max-height: 2.2rem;overflow: hidden;line-height: 1rem;margin-bottom: 5px;border-bottom: 1px dashed #eaeaea;}
    .in-news .nav-tabs .nav-link{border-top-left-radius: 0;border-top-right-radius: 0;padding: .2rem 1rem;}
    .in-news-t{background: #666;color: #fff;margin: -5px -5px 5px -5px;padding: 5px;}

/*#nav-tabContent li {position: relative;}
#nav-tabContent li a {padding: 0;display: block;height: 2.2rem;overflow: hidden;line-height: 1.2rem;margin-bottom: 5px;border-bottom: 1px solid #eaeaea;}
#nav-tabContent li:before {content: "●";}
#nav-tabContent li:after {content: "...";}*/



.in-process {background: #fffbf0 !important;border: 1px solid #eaeaea !important; font-size: 1.2rem !important;color:#666}
.in-process td {text-align: center;font-weight: bold;}
.in-process1 {background: #e9eaff !important;border: 1px solid #eaeaea !important; font-size: 1.2rem !important;color:#666}
.in-process1 td {text-align: center;font-weight: bold;}
.sp-ser-text {color:#666;}


.in_b01g .in_b01gA {display: block;text-align: center;padding: 10px;background: #fff;margin:5px;border: 1px solid #eaeaea;
    font-size: 0.8rem;border-bottom: 2px solid #eaeaea;}




.sp-ser .sp-ser-i {font-size: 2rem;}
.sp-ser .sp-ser-text {font-size: 0.9rem;}


/*nav
----------------------*/
.logo img {height: 5rem;margin: -12px 0;}
.logo {display: block}
/*#nav-top-O {position: fixed;width: 100%;z-index: 1000;    transition: .5s;margin-top:-90px;}*/
/*.topss #nav-top-O {background: #fff;transition: .5s;margin-top:0px;}*/
#keyWord {position: absolute;bottom: -12px;left: 18px;/*display: none;*/}
#keyWord  {font-size: 0.9rem;}
#keyWord div, #keyWord div{width: 100%;height: 1.2rem;overflow: hidden;}
#keyWord {position: absolute;bottom: -12px;left: 18px;}
#keyWord  {font-size: 0.9rem;}
/*body.searching #keyWord {display: none;}*/
.topss .logo img {height: 3.2rem;margin: 0px 0 -7px 0;}
.topss {width:100%;max-width:100% !important;position: fixed;z-index: 1000;background: #fff;transition: .5s;margin-top:0px;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;top:0px;padding:0.2rem!important;}
.topss .py {padding-bottom: 0rem!important;}
.topss #keyWord {display: none}
.topss .top-nav1-t {display: none;}

.top-prompt {color: yellow;background: #000;display: block !important;text-align: center;padding: 2px;position: fixed;bottom: 0;z-index: 1001;}


.nav-link {padding: .5rem .5rem;}
.nav-tabs .nav-link {font-size: 0.8rem;border-radius: 0px;}

.logo-rs {display:none}


.navbar-light .navbar-nav .nav-link {color: rgba(0,0,0,.8);}
.navbar-light .navbar-nav .nav-link:hover {color: rgba(0,0,0,1);}
.text-dark {border-bottom: 1px solid #000;margin-right: 5px;}


.seller {border: 1px solid #000;}


.btn-danger {background-color: #b31e23;border-color: #b31e23;}
.form-search {-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    background: #fbf9f99e;border-radius: 0;border-radius: 50px 0 0 50px !important;    border: 1px solid #000/*#b31e23*/;
    margin-left: -1px;}
.form-search-btn {border-radius: 0px 50px 50px 0px;}
.form-search-btn2 {/*border-radius: 50px 0px 0px 50px;*/}
.bk-k {background: #000;}
.bk-k a {color: #fff;font-size: .8rem;}


.top-l-nav .nav-link {padding: .5rem .5rem;}


/*
-----------------------------*/
.nav-ttt {}
    .top-n-r {border-bottom: 5px solid #bf0000;}
    .top-n-y {border-bottom: 5px solid #ffda45;}
    .top-n-g {border-bottom: 5px solid #33952c;}
    .top-n-e {border-bottom: 5px solid #0063d1;}


.topimg {display: block}
.topimgdiv {
    background: url(https://ibuy99.com//static/images/dem2102-1920x110.png);
    background-position: center;width: 100%;min-width: 1200px;height: 110px;
}

.bk-red{background-color: #b31e23;color:#fff;}
.bk-w{border-top: 4px solid #b31e23;border-bottom: 1px solid #eaeaea;}
    .bk-w{border-top: 4px solid #b31e23;border-bottom: 1px solid #eaeaea;}
    .bk-w-y {border-top: /*0px*/4px solid #ffda45;}
    .bk-w-g {border-top: 4px solid #33952c;}
    .bk-w-e {border-top: 4px solid #0063d1;}
    .bk-w-tb {border-top: 4px solid #ff5000;}
    .bk-w-0 {border-top: 4px solid #000;}
    .top-n-r .active {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dc3c00+1,bf0000+21 */
        background: #dc3c00; /* Old browsers */
        background: -moz-linear-gradient(top,  #dc3c00 1%, #bf0000 21%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #dc3c00 1%,#bf0000 21%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #dc3c00 1%,#bf0000 21%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc3c00', endColorstr='#bf0000',GradientType=0 ); /* IE6-9 */
        }
    .top-n-y .active {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffb245+0,ffda45+73 */
        background: #ffb245; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffb245 0%, #ffda45 73%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #ffb245 0%,#ffda45 73%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #ffb245 0%,#ffda45 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb245', endColorstr='#ffda45',GradientType=0 ); /* IE6-9 */
        color:#000;}
    .top-n-g .active {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1ad212+1,33952c+100 */
        background: #1ad212; /* Old browsers */
        background: -moz-linear-gradient(top,  #1ad212 1%, #33952c 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #1ad212 1%,#33952c 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #1ad212 1%,#33952c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ad212', endColorstr='#33952c',GradientType=0 ); /* IE6-9 */
        }
    .top-n-e .active {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b1d1+0,0063d1+73 */
        background: #00b1d1; /* Old browsers */
        background: -moz-linear-gradient(top,  #00b1d1 0%, #0063d1 73%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #00b1d1 0%,#0063d1 73%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #00b1d1 0%,#0063d1 73%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b1d1', endColorstr='#0063d1',GradientType=0 ); /* IE6-9 */
        }
    .top-nav1-y .t-m-icon{color: #000;}
    .top-nav1-tb .t-m-icon{color: #ff5000;}
    .top-nav1-g .t-m-icon{color: #33952c;}
    .top-nav1-e .t-m-icon{color: #0063d1;}
    .top-nav1-0 .t-m-icon{color:#0063d1;}

    .top-nav1-y .t-m-text, .top-nav1-y .top-nav1 .t-m-icon {color:#000;}
    .top-nav1-tb .t-m-text, .top-nav1-tb .top-nav1 .t-m-icon {color:#ff5000;}
    .top-nav1-g .t-m-text, .top-nav1-g .top-nav1 .t-m-icon {color:#33952c;}
    .top-nav1-e .t-m-text, .top-nav1-e .top-nav1 .t-m-icon {color:#0063d1;}
    .top-nav1-0 .t-m-text, .top-nav1-0 .top-nav1 .t-m-icon {color:#0063d1;}


.bk-w-nv ul {position: relative}
.bk-w-nv .nav-item {}
.bk-w-nv .nav-item .nav-link-s {display: none;position: absolute;width: 100%; }
.bk-w-nv .nav-item:hover .nav-link-s {display: block;z-index: 100001;width: 300px; padding: 0.4rem 0.2rem;}
.bk-w-nv .nav-item:hover .nav-link-s.animated{-webkit-animation-duration: .5s;animation-duration: .5s;}
.bk-w-nv .nav-item:hover .nav-link-s a {display: block;text-align: left;padding: 2px 5px;}
.bk-w-nv .nav-item:hover .nav-link-s a:hover {text-decoration:none}
.bk-w-nv .nav-item:last-child .nav-link-s{right: 0px;left: auto}

.bk-w-nv-r .nav-item:nth-last-child(-n+6) .nav-link-s{right: 0px; left: auto}
.bk-w-nv-y .nav-item:nth-last-child(-n+6) .nav-link-s{right: 0px; left: auto}
.bk-w-nv-g .nav-item:nth-last-child(-n+6) .nav-link-s{right: 0px; left: auto}


.bk-w-nv-y {background:#ffda45;}
    .bk-w-nv-y .nav-pills .nav-link {border-radius:0px;border-left: 1px solid #ffffff73;}
        .bk-w-nv-y .nav-pills .nav-item:last-child .nav-link{border-right: 1px solid #ffffff73;}
.bk-w-nv-y .nav-link{padding: .5rem .5rem;}
    .bk-w-nv-y a {color:#000; font-size: 0.9rem;font-weight: bold;}
    .bk-w-nv-y a:hover , .bk-w-nv-y a:focus {background: #ffe992;}
    .bk-w-nv-y .nav-item:hover{background: #ffe992;}


.bk-w-nv-r {background:#b31e23;}
    .bk-w-nv-r .nav-pills .nav-link {border-radius:0px;border-left: 1px solid #ffffff66;}
        .bk-w-nv-r .nav-pills .nav-item:last-child .nav-link {border-right: 1px solid #ffffff66;}
.bk-w-nv-r .nav-link {padding: .5rem .5rem;color:#fff !important;}
    .bk-w-nv-r a {color:#fff; font-size: 0.9rem;font-weight: bold;}
    .bk-w-nv-r a:hover , .bk-w-nv-r a:focus {background: #ea6267;}
    .bk-w-nv-r .nav-item:hover{background: #ea6267;}


.bk-w-nv-e {background:#0063d1;}
    .bk-w-nv-e .nav-pills .nav-link {border-radius:0px;border-left: 1px solid #ffffff66;}
        .bk-w-nv-e .nav-pills .nav-item:last-child .nav-link {border-right: 1px solid #ffffff66;}
.bk-w-nv-e .nav-link {padding: .5rem .5rem;color:#fff !important;}
    .bk-w-nv-e a {color:#fff; font-size: 0.9rem;font-weight: bold;}
    .bk-w-nv-e a:hover , .bk-w-nv-e a:focus {background: #539def;}
    .bk-w-nv-e .nav-item:hover{background: #539def;}


.bk-w-nv-g {background:#33952c;}
    .bk-w-nv-g .nav-pills .nav-link {border-radius:0px;border-left: 1px solid #ffffff66;}
        .bk-w-nv-g .nav-pills .nav-item:last-child .nav-link {border-right: 1px solid #ffffff66;}
.bk-w-nv-g .nav-link {padding: .5rem .5rem;color:#fff !important;}
    .bk-w-nv-g a {color:#fff; font-size: 0.9rem;font-weight: bold;}
    .bk-w-nv-g a:hover , .bk-w-nv-g a:focus {background: #539a4e;}
    .bk-w-nv-g .nav-item:hover{background: #539a4e;}


.column-2 {column-count: 2;column-gap: 22px;}
    .bk-w-nv .nav-item:hover .nav-link-s.column-2 {width: 40%;}
.column-3 {column-count: 3;column-gap: 22px;}
    .bk-w-nv .nav-item:hover .nav-link-s.column-3 {width: 60%;}
.column-4 {column-count: 4;column-gap: 22px;}
    .bk-w-nv .nav-item:hover .nav-link-s.column-4 {width: 70%;}
.column-5 {column-count: 5;column-gap: 22px;}
    .bk-w-nv .nav-item:hover .nav-link-s.column-5 {width: 100%;right: 0px; left: 0;}
.column-6 {column-count: 6;column-gap: 22px;}
    .bk-w-nv .nav-item:hover .nav-link-s.column-6 {width: 100%;right: 0px; left: 0;}




.bk-w-nv-y .nav-item:hover .nav-link-s {background: #fff; border: 2px solid #ffda45}
.bk-w-nv-y .nav-link-s .nav-link-sas {color:#ffc470;font-size: 0.8rem}

.bk-w-nv-r .nav-item:hover .nav-link-s {background: #fff; border: 2px solid #b31e23}
.bk-w-nv-r .nav-link-s a {color:#000;}
.bk-w-nv-r .nav-link-s .nav-link-sas {color:#b31e23;font-size: 0.8rem}
.bk-w-nv-r .nav-link-s a:hover  {background: #b31e231a;}

.bk-w-nv-e .nav-item:hover .nav-link-s {background: #fff; border: 2px solid #0063d1}
.bk-w-nv-e .nav-link-s a {color:#000;}
.bk-w-nv-e .nav-link-s .nav-link-sas {color:#0063d1;font-size: 0.8rem}
.bk-w-nv-e .nav-link-s a:hover  {background: #0063d12e;}

.bk-w-nv-g .nav-item:hover .nav-link-s {background: #fff; border: 2px solid #33952c}
.bk-w-nv-g .nav-link-s a {color:#000;}
.bk-w-nv-g .nav-link-s .nav-link-sas {color:#33952c;font-size: 0.8rem}
.bk-w-nv-g .nav-link-s a:hover  {background: #33952c2e;}


.bk-w-nv-y .pifa-t a {background: #f89330 !important;border-top:2px solid #f89330 ;border-bottom:2px solid #f89330 ;}
.bk-w-nv-y .pifa-c {border-top:2px solid #f89330 ;border-bottom:2px solid #f89330 ;}
.bk-w-nv-y .pifa-c0{border-right:2px solid #f89330 !important;}






.sidemenu {padding: 6px 0 6px 0; font-size: 0.9rem}
.sidemenu a {/*color:#fff;*/}
#ooo {display:none;background: #fdfbfb;color: #505050;padding: 5px 14px;border-radius: 50%;border: 1px solid #505050;}
.search-top { margin-bottom: 12px;}
.search-top input {font-size: 0.5rem;}
.search-top select {font-size: 0.5rem;}
.search-top option {font-size: 0.5rem;}

.select-search-1 {font-size: 0.8rem;padding: 2px 0px 2px 10px;}




/*nav left
------------------------------*/
.home_lists:hover, .home_lists:focus, .home_lists:active {
    background: #2b2b2b;
}
.home_lists:hover a , .home_lists:focus a , .home_lists:active a {
    color:#fff;
}




/*nav right
------------------------------*/
.box-right-view {position: fixed;right: -46px;top: 8rem;z-index:1000;width: 80px;background: #fff;display: block;transition: .5s;}
    .box-right-view a {border: 1px solid #adb5bd; display: block;margin-bottom: -1px;}
    .box-right-view h5{background: #adb5bd;margin: 0;color: #fff;padding: 8px;font-size: 0.8rem;text-align: center;}
    .box-right-view:hover,
    .box-right-view:focus,
    .box-right-view:active
    {right:0px;transition: .5s;}




/*Footer
----------------------------------------------------*/
#goTop{padding: .375rem .75rem;position:fixed;bottom: 2rem;right: 0;color:#fff;cursor:pointer;z-index:1000;text-align: center;transition: .5s;}
#goTop img {width:56px;}
#goTop:hover {/*background:#f7202040;*/opacity:1;color: red}
/*#goTop i{font-size:13px;position:absolute;opacity:1;color:#fff;left:50%;top:50%;margin-top:-7px;margin-left:-6px;text-decoration:none}*/
/*#goTop svg{color:#fff;}*/
footer .currency {position: fixed;left: -10px;top: 10rem;z-index: 100001;}
    footer .currency:hover,
    footer .currency:focus,
    footer .currency:active
    {left:0px;transition: .5s;}



.currency .btn-group-vertical>.btn-group:not(:first-child), .currency .btn-group-vertical>.btn:not(:first-child)
{border-top-left-radius: 0px;border-bottom-right-radius: 0; }

.zhezChat {border: 0px;position: fixed;bottom: 90px;right: 0;z-index: 1000;color: #00c200;font-size: 14px;text-align: center;transition: .5s;
    -webkit-animation: hyper 2s 5;animation: hyper 2s 5;}
.zhezChat img {height: 56px;}
.zhez_LINE img {height: 57px;border-radius: 50%;}
.zhezChat .dropdown-menu {border: none; text-align: right;background: transparent;}
.zhezChat li a {display: block}
.zhezChat li {float: right; margin-right: 10px}
.zhezChat ul {list-style: none;width: 177px;}



.f-computer {position: fixed;left: 0rem;top: 0rem;}
.f-computer * {font-size: 0.9rem}
.count-l-head {display: flex;width: 100%;justify-content: space-between;border-bottom: 1px solid #eaeaea;}
.f-computer .card-body{padding: 1em;}


footer .currency  .cost-result { border-radius: 0;  border: 0;  padding: 0;  background: #fff; }
footer .currency  .cost-result h5{ background: transparent;border-radius: 0px;padding: 12px 0;text-align: left;font-weight: bold;}
footer .currency .f-total-t {text-align: right;font-size: 1rem;font-weight: bold;}
footer .cost-result .cost-th-f * {font-size: 1rem;}
footer .f-computer .card-body {width:18rem;height: 100vh;}
footer .card {border-radius: 0rem; }



.popover-header {background: red}

.box-menu .home_lists {border-bottom: 1px #eaeaea solid;}
.card-menu .btn-c-xs {width: 44px;}


#sidediv h1 {background: #666;font-size: 1rem;padding: 5px;color: #fff;border-radius: 0;}
#sidediv .card-body {padding: 0px 0px 0px 0px;border: 1px solid rgb(234, 234, 234);}
#sidediv .box-menu .home_lists {padding: 2px 11px;}
#sidediv .box-menu .home_lists a{font-size: 0.9rem;}


#sidediv .box-menu-t h1{background: #b31e23;font-size: 0.8rem;font-weight: bold;}
#sidediv .box-menu-y h1{background: #ffda45;color: #000;font-size: 0.8rem;font-weight: bold;}
    .in-news-t-y {background: #ffda45;color: #000;font-size: 0.8rem;font-weight: bold;}
    .in-news-t-tb {background: #ff5000;color: #000;font-size: 0.8rem;font-weight: bold;}
#sidediv .box-menu-b h1{background: #0063d1;font-size: 0.8rem;font-weight: bold;}




.ban-hom-ac {position:relative;}
.ban-hom-ac-1 {border-radius: 0;}
.ban-hom-ac-2 {position:absolute;width:100px;top:5px;left:100px}
.ban-hom-ac-2 {-webkit-animation: hyper 5s infinite;animation: hyper 2s infinite;}
.ban-hom-ac-rt2 {position:absolute;width:70px;top:50px;left:440px}
.ban-hom-ac-rt2 {-webkit-animation: hyper 2s infinite;animation: hyper 2s infinite;}


/*.in-banner-r a {display:block;border: 1px solid #eaeaea;margin-top: 7px;}*/
.in-banner-r td {border: 1px solid #eaeaea;}
.in-banner-r td img {max-width: 79px}

.btn-line {background: #00b900;}
    .btn-line a {color:#fff;}

.f-copyright , .f-copyright a{ color:#fff}

.f-help {background: #f4f4f4;}

.f-ul-t {border-bottom: 3px solid #343a40;}
    .f-ul-ul {list-style: none;margin: 0;padding: 0;margin-top: 5px;}
    .f-ul-li {padding: 4px 0;font-size: 0.95rem;}
    .f-ul-li a  {color: #6f6f6f;}











/*banner
--------------------------*/
.ban-hom-ac {
    position: relative;
}
.ban-hom-ac-rt2:hover{
	-moz-animation: spin 2s 1 both;
	-webkit-animation: spin 2s 1 both;
	animation: spin 2s 1 both;
}

@media (max-width:768px){
	.ban-hom-ac-2 {width: 15%;top: 0;left: 30px;}
	.ban-hom-ac-rt2 {width: 40px;top:25px;left: 263px;}
	}

@media (min-width: 1169px) {
	.ban-hom-ac-2 {width: 136px;top:5px;left:110px}
	.ban-hom-ac-rt2 {width: 99px;top:52px;left:665px}

	}
/*banner end
--------------------------*/






/*index
-----------------------------*/
.block_product {transition: .5s;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;background: #fff;border: 1px solid #efefef;text-align: center;}
.block_product img {width: 100%;margin: 0 auto}
.block_product:hover .pro_img a {border-radius: 0%;transition: .5s;}
.block_product:hover img {max-width: 120% !important;width: 120% !important;transition: .5s;}
.block_product:hover .pro_name a{font-weight: bold;color:#b31e23;transition: .5s;}
.block_product:hover .pro_price {font-weight: bold;}



.block_product1 {transition: .5s;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;background: #fff;border: 1px solid #efefef;text-align: center;}
.block_product1 img {width: 100%;margin: 0 auto}
.block_product1:hover .pro_img a {border-radius: 0%;transition: .5s;}
.block_product1:hover img {max-width: 120% !important;width: 120% !important;transition: .5s;}
.block_product1:hover .pro_name a{font-weight: bold;color:#b31e23;transition: .5s;}
.block_product1:hover .pro_price {font-weight: bold;}



.pro_name {height: 3rem;overflow: hidden;transition: .5s;line-height: 1.3rem;}
.pro_name a {font-size: 0.9rem;padding: 2px 5px;transition: .5s;display: block}
.pro_price {padding: 2px 5px;}
.pro_btn {text-align: right;}
.pro_img a {display:block;width:100%;height:200px;overflow: hidden;margin: 0 auto;/*border-radius: 50%;*/}
    .pro_img img {}

.in-p-box {/*border-top: 5px solid #e83531;*/}
.h5-title-2 {margin: 0px;font-weight: bold;margin-left: -15px;margin-right: -25px;margin-bottom: 6px;border-left: 6px solid #505050;border-bottom: 1px solid #eaeaea;}
.h5-title-2 span{/*background: #e83531;*/color: #505050;padding:0px 10px 3px 10px;display: table;}

.in-p-box .col-md-3 {padding-right:5px;padding-left:5px;}


#nav-top-btn {padding: 0.5rem 0.8rem;}


/*.in-p-box3 {} */
.in-b3-title {background:#00bfc3;font-weight:bold;color:#fff;width:80%;position: relative;}
.in-b3-title img {position: absolute;left: 0;top: -16px;transform: rotate(10deg);}
.in-b3-title span {text-align: center;padding-top: 35px;display: block;}

.in-good-img {width: 100%;height: 150px !important;overflow: hidden;display: block;}
.in-good-img img {width: 110%;object-fit: fill;max-width:100%;}
.right-browse {width: 5rem;position: fixed;top: 20px;left: 0px;}

.in-b3-div {padding: 5px;}



.top2 a{display:block;}


.in-key-bk {position: relative;background-position:left center;background-size:auto 100%;width: 100%;height: 100%;transition: .5s;}
    .in-key-bk:hover {background-position:-50px center;transition: .5s;}
    .in-key-bk .div01 {
        background: #0000006e;color:#fff;position: absolute;top: 30%;}
    .in-key-bk .div01 div {padding: 10px 10px 10px 10px;}
    .in-key-bk .div01 .div02 {background: #00000026;}
    .in-key-bk .div01 .div03 {background: #0000006e;}
    .in-key-bk .div04 {position: absolute;bottom: 1rem; right: 1rem;font-size: 2rem;}
    .in-key-bk .div04 a {color: #0000005e;}

.in-wish {}
.in-wish-btn {float: right;margin-top: 17px;margin-right: 17px;}
.autoplay1 {border-top: 1px solid #eaeaea;}

.ya-in {color: #696969;}
.ya-in .pro_price {font-size: 1rem;}
.ya-in .f-07 {font-size: 0.7rem;}
.min-h-ya {min-height:3.3rem;}

.in-good-img2 {height: 32px;}


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

.cart-table .cart-tr {
    border: 1px solid #eaeaea;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    background: #fff;
}
.cart-table {font-size: 0.9rem;}

.arrowr{
    -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    background: #eaeaea;
    padding: 5px 5px 5px 28px;;
    border-radius: 5px;

}
.shop-p-btn {
    width:100%;
    background: #eaeaea;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}


.bk-line{position:relative;}
    .bk-line:after {
        content: "";
        width: 80%;
        height: 1px;
        position: absolute;
        left: 10%;
        top: 50%;
        background: #eaeaea;
        z-index: -1;
        }

.cRing {width:10px;height:10px;background: #eaeaea;border-radius: 10px;margin: 0 auto;}
.red-btn {background: #b31e23;color:#fff;}




/* The container */
.box-0 {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 1rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
    /* Hide the browser's default checkbox */
    .box-0 input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
    /* Create a custom checkbox */
    .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;border: 2px solid #b31e23;}
    /* On mouse-over, add a grey background color */
    .box-0:hover input ~ .checkmark {
      background-color: #ccc;}
    /* When the checkbox is checked, add a blue background */
    .box-0 input:checked ~ .checkmark {
      background-color: #b31e23;}
    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
      content: "";position: absolute;display: none;}
    /* Show the checkmark when checked */
    .box-0 input:checked ~ .checkmark:after {
      display: block;}
    /* Style the checkmark/indicator */
    .box-0 .checkmark:after {
      left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);
    }



/*category
-----------------------------*/
.pFilter {border-bottom: 1px solid #eaeaea;margin-bottom: 9px;}
    .pFilter , .pFilter * {/*font-size: 0.8rem;*/}
.Page-b {border-top: 1px solid #eaeaea;padding: 10px 0 1px 0;margin: 10px 0 10px 0;background: #fff;}
.page-link {color: #3a3a3a;border: 1px solid #dee2e600;    border-radius: 50px;    padding: .4rem .75rem;}
.page-item.active .page-link {background-color: #b31e23;border-color: #b31e23;}
.page-link:hover {color: #b31e23;background-color: transparent;border-color: transparent;}
.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(179, 30, 35, 0.27);}
.page-item {margin: 0 10px;}
.like-btn-bk {background: #fbf3f361;border-top: 1px solid #eaeaea;padding: 1px 5px;}
.like-btn-bk a {font-size:1.2rem}

.btn-translation{font-size: 1rem;border-radius: 2px;padding: 0px 6px;border-left: 0;background: #5b5b5b;color: #fff !important;}
.btn-translation-r{font-size: 0.7rem;padding: 0px 2px;border-left: 0;background: #b31e23;color: #fff;}



.h_emp {position: relative;}
.h_emp .btn-translation-r {position: absolute;left: 0px;top: 0px;}
/*---------------------*/





/*detail
-----------------------------*/
.hr-s1{border-top: 1px solid #eaeaea;margin-top: 20px;margin-bottom: 20px;}
.h5-title-1 {margin: 20px 0px;padding: 13px 0px 13px 17px;border-bottom: 1px solid #eaeaea;font-weight: bold;position: relative;}
.h5-title-1:after{content: "";width: 6px;height: 50%;background: #b31e23;position: absolute;left: 0;top: 28%;}


.h5-title-3 {margin: 20px 0px;padding: 13px 0px 13px 17px;border-bottom: 1px solid #eaeaea;font-weight: bold;position: relative;}
.h5-title-3:after{content: "";width: 6px;height: 50%;background: #000;position: absolute;left: 0;top: 28%;}

.h5-title-4 {margin: 20px 0px;padding: 13px 0px 13px 17px;border-bottom: 1px solid #eaeaea;font-weight: bold;position: relative;}
.h5-title-4:after{content: "";width: 6px;height: 50%;background: #000;position: absolute;left: 0;top: 28%;}

.box-p .carousel-indicators img {max-width: 70px; max-height: 70px}
.box-p .carousel-indicators {display: block;width: 100%;margin-right: 0;margin-left: 0;    overflow: hidden;}
.box-p #carouselDetail .carousel-indicators li {float: left;}

#productSize .card-body{
    border: 1px solid rgba(0,0,0,.9);
    margin-bottom: 15px;
    /*margin-top: -12px;*/
    border-radius: 0px;
}
#productSize .card-body *{font-size: 1rem !important;}

#viewlist {font-size: 0.8rem;}
#viewlist a:hover{text-decoration:none;}
#viewlist a:hover {text-decoration:none;}


.txt-viewlist {height: 2.8rem;overflow: hidden;object-fit: fill;display: block;font-size: 0.8rem;transition: .5s;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;background: #fff;border: 1px solid #efefef;text-align: center;padding: 2px 5px;}
.sidemenu-item {/*font-size: 0.8rem;*/}
.seller-box {border: 1px solid #eaeaea;font-size: 0.8rem;padding: 5px;border-bottom: 2px solid #eaeaea;overflow: hidden;}

#carouselDetail .carousel-indicators li {text-indent: initial !important;opacity: 1;width: auto;height: auto;}
#carouselDetail .carousel-indicators li:hover , #carouselDetail .carousel-indicators li:focus {border: 3px solid red}
#carouselDetail .carousel-indicators {bottom: -80px;}
#carouselDetail .carousel-inner{height: 700px;}
#carouselDetail {margin-bottom: 100px;}


.box-pin .carousel-indicators img {max-width: 108px; max-height: 70px}
.box-pin .carousel-indicators {display: block;width: 100%;margin-right: 0;margin-left: 0;overflow: hidden;}
.box-pin #carouselYinb .carousel-indicators li {float: left;}

#carouselYinb .carousel-indicators li {text-indent: initial !important;opacity: 1;width: auto;height: auto;}
#carouselYinb .carousel-indicators li:hover img , #carouselYinb .carousel-indicators li:focus img  {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
#carouselYinb .carousel-indicators {bottom: -85px;}
#carouselYinb .carousel-inner{/*height: 0px;*/}
#carouselYinb {margin-bottom: 38px;}



/*login
---------------------------*/
.signin-ul {list-style: none;margin: 0;padding: 0;}
    .signin-ul li{text-align: center;}
.signin-ul a {
    padding: 10px 14px;/*border-radius: 50px;*/margin: 5px auto;text-align: center;width:90%;display: block;}

.signin-ul .ig-btn {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7222c0+0,c5246a+48,dd913d+100 */
background: rgb(114,34,192); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(114,34,192,1) 0%, rgba(197,36,106,1) 48%, rgba(221,145,61,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(114,34,192,1) 0%,rgba(197,36,106,1) 48%,rgba(221,145,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(114,34,192,1) 0%,rgba(197,36,106,1) 48%,rgba(221,145,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7222c0', endColorstr='#dd913d',GradientType=0 ); /* IE6-9 */
color:#fff}
.signin-ul .fb-btn {background:#3b5998;color:#fff;}
.signin-ul .go-btn {background:#f8f8f8;border: 1px solid #bfbfbf;}
.signin-ul .li-btn {background:#00b900;color:#fff}


.login #id_password , .login #id_login,
#id_username , #id_email , #id_password1 , #id_password2  {
    display: block;width: 90%;
    height: calc(2.25rem + 2px);padding: .375rem .75rem;
    font-size: 1rem;font-weight: 400;
    line-height: 1.5;color: #495057;
    background-color: #fff;background-clip: padding-box;
    border: 1px solid #ced4da;
    /*border-radius: 50px;*/
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin: 0 auto;}
#signup_form label {font-weight: bold}

/*cost
--------------------------*/
.cost-form {background: #fff;padding: 10px;margin: 8px auto;}
.cost-form label{margin-right: 5px;text-align: right;}
.cost-result {border-radius: 0px;border: 2px solid #b31e23;padding: 10px;background: #fff;}
.cost-result h5 {background: #eaeaea;/*border-radius: 18px;*/padding: 5px;text-align: center;}
.cost-result .cost-th {padding: 5px 0;border-top: 2px solid #b31e23;border-bottom: 1px solid #adb5bd;font-size: 10px;background: #fffae9;}
.cost-result .cost-th-f {padding: 5px 0;border-top: 4px double rgb(179, 30, 35);}
.cost-result .cost-td {padding: 3px 0;border-bottom: 1px solid #eaeaea;}

/* cartorder
--------------------------*/
.line-left {
    padding: 15px 15px 15px 34px;
    border-left: 6px solid #009ae9;
    background: #fff;
}

.table-order {width:50%}





/*addresslist
-------------------------*/
.table-from {margin: 0 auto; background: #fff;width: 100%}
.table-from tr {border: 1px solid #eaeaea;}
.table-from td {padding: 6px;}
.table-from th{border-top: 3px solid #000;font-weight: bold;color: #000;text-align: center;padding: 6px;}
.addli-btn-bk {background: #fbf3f361;border-top: 1px solid #eaeaea;padding: 4px 5px 0px 5px;text-align: center;}
.addth , .addtd {border-bottom: 1px solid #eaeaea;padding-top: 2px; padding-bottom: 2px}
.box-addlist b{color: #6c757d;}
.box-add-n {text-align: left}
.box-aad-top {border-top: 4px solid #000;}
.h5-2 {border-bottom: 1px solid #00000061;padding-bottom: 11px;}

/*orderlist
------------------------*/

.order-no {background: #eaeaea;}
.order-box{
    padding: 20px 10px 10px 10px;
    border: 1px solid #b31e23;
    margin-top: 25px;
    margin-bottom: 8px;
}
.h5-title-order {
    margin-top: -35px;
    background: #b31e23;
    width: 26%;
    padding: 5px;
    text-align: center;
    font-size: 0.9rem;
    text-align: center;
    color: #fff;
    }
.cart-tr-b {border-bottom: 3px solid #dcdcdc !important;}


/*order
---------------------------- */
.ba-ckr {background:#fdf0f0;border-radius:2px;}
.ba-ckpink {background: #fff8f8;}








/* recoommend
--------------------------*/
/*.reco-top {background: #f9f9f9;padding: 5px;}*/
.reco-box h4 {font-size: 1.2rem;color: #525252;height: 2.7rem;overflow: hidden;}
.reco-box-c {max-height: 18rem;display: block;width: 100%;overflow: hidden;}
.share-icon a svg {font-size: 2rem;}
.key-w .badge {padding: 9px;}

.dropdown-menu {border-radius: 0rem;}
.recomm-top-nav{margin-top: -21px;border-bottom: 1px solid #b31e23;margin-bottom: 5px;}
.recomm-top-nav .dropdown-menu {background: #000;}
.recomm-top-nav .dropdown-menu a {color:#fff;transition: .5s;}
.recomm-top-nav .dropdown-menu a:hover {color:#b31e23;transition: .5s;}
.recomm-top-nav .dropdown-item.active, .recomm-top-nav  .dropdown-item:active {background: #fff}





/*article
---------------------*/
.article-right {border: 1px solid #eaeaea;}
.article-right ul {margin: 0;padding: 0; list-style:none;}
.article-right li {padding: 10px;overflow: hidden;display: block;height: 3.5rem;}
.article-right h5 {/*border-bottom: 1px solid #eaeaea;padding-bottom: 2px;*/font-size: 1.2rem;font-size: 1.2rem;}



/*home
--------------------*/

.h-ul ul{list-style: none;margin: 0;padding: 0;}
.h-ul li {border-bottom: 1px solid #eaeaea;padding: 4px 7px;}
.h-ul a {display: block;height: 2.5rem;overflow: hidden;line-height: 2.5rem;}



/*memu
------------------*/
.inNavL {position: relative;}
.inNavL * {font-size: 0.85rem;}
.inNavL-box {display:none;position: absolute;left: 100%;top: 0px;width: 144px;z-index: 1000;padding: 0.5rem;width: 400px;height: 100%;}
.inNavL-li:hover .inNavL-box{display: block}
.inNavL-ul{margin: 0px;padding: 0;list-style: none;margin-bottom: 5px;}
.inNavL-li a {display: block;padding: 0.4rem 0.5rem;font-weight: bold}
.inNavL-b-ul {margin: 0px;padding: 0px;list-style: none;}
.inNavL-box h5 {padding: 5px 10px;font-weight: bold;}
.inNavL-box a {font-weight: initial;}
.inNavL-b-ul li a {padding: 0.2rem 0.5rem;}
.inNavL h4 {padding: 6px 10px;margin-bottom: 0px;}
.inNavL-li a:hover {transition: .2s;}
.inNavL-li a {transition: .2s;}


.inNavL-box.column-l-2 {column-count: 2;width: 450px}
.inNavL-box.column-l-3 {column-count: 3;width: 550px}
.inNavL-box.column-l-4 {column-count: 4;width: 600px}
.inNavL-box.column-l-5 {column-count: 5;width: 700px}


.inNavL-g {background: #fff;}
.inNavL-g .inNavL-box {background: #fff;border: 2px solid #33952c;}
.inNavL-g .inNavL-box h5 {border-bottom: 1px solid #eaeaea;}
.inNavL-g .inNavL-li a:hover {background: #33952c;color: #fff;}
.inNavL-g h4 {background: #33952c;color: #fff;}

.inNavL-y {background: #fff;}
.inNavL-y .inNavL-box {background: #fff;border: 2px solid #ffda45;}
.inNavL-y .inNavL-box h5 {border-bottom: 1px solid #eaeaea;}
.inNavL-y .inNavL-li a:hover {background: #ffda45;color: #000;}
.inNavL-y h4 {background: #ffda45;color: #000;}

.inNavL-e {background: #fff;}
.inNavL-e .inNavL-box {background: #fff;border: 2px solid #0063d1;}
.inNavL-e .inNavL-box h5 {border-bottom: 1px solid #eaeaea;}
.inNavL-e .inNavL-li a:hover {background: #0063d1;color: #fff;}
.inNavL-e h4 {background: #0063d1;color: #fff;}

.inNavL-t {background: #fff;}
.inNavL-t .inNavL-box {background: #fff;border: 2px solid #ff5000;width: 800px;height: auto;min-height: 100%;}
.inNavL-t .inNavL-box h5 {border-bottom: 1px solid #eaeaea;}
.inNavL-t .inNavL-li a:hover {background: #ff5000;color: #fff;}
.inNavL-t h4 {background: #ff5000;color: #fff;}
.inNavL-t .inNavL-title {color:#ff5000;font-weight: bold}

.inNavL-r {background: #fff;}
.inNavL-r .inNavL-box {background: #fff;border: 2px solid #b31e23;}
.inNavL-r .inNavL-box h5 {border-bottom: 1px solid #eaeaea;}
.inNavL-r .inNavL-li a:hover {background: #b31e23;color: #fff;}
.inNavL-r h4 {background: #b31e23;color: #fff;}

.inNavL-r , .inNavL-y , .inNavL-e  {position: initial}
.inNavL-r li a , .inNavL-y li a , .inNavL-e li a  {padding: 0.2rem 0.5rem;}
.inNavL-r .inNavL-box , .inNavL-y .inNavL-box , .inNavL-e .inNavL-box {top: initial;height: auto;margin-top:-30px;margin-left: -15px;}







/*member
----------------------------- */
.member_nav {border: 1px solid #d1d1d1;border-bottom: 3px solid #d1d1d1;}
.member_nav .nav-link {padding: .3rem 1rem;transition: .5s;}
.member_nav .nav-item:hover {background: #fcfcfc;transition: .5s;}
.member_nav .nav-item a {transition: .5s;font-size: 0.9rem;}
.member_nav .nav-item:hover a {transition: .5s;}
.member_nav a:hover {color: #bd1010;font-style: italic;transition: .5s;}
.member_ul .mubb {border-bottom: 1px solid #eaeaea;}
.member_ul1 {list-style: none;padding-left: 0;border-left: 1px solid #eaeaea;margin-left: 23px;}
.table-1 th {font-weight: bold;text-align: right !important;padding: 4px;border-bottom: 1px solid #eaeaea;white-space:nowrap;}
.table-1 td {padding: 4px;border-bottom: 1px solid #eaeaea;}
.table-1-b {}




.separator {
    width: 10px;height: 10px;margin: 9px auto;background: #b31e23;position: relative;display: block;    border-radius: 50%;
}
.separator:before {
    position: absolute;right: 5%;bottom: 4px;height: 1px;width: 85px;background: #dddde0;content: "";display: inline-block;margin-right: 20px;
}
.separator:after {
    position: absolute;left: 5%;bottom: 4px;height: 1px;width: 85px;background: #dddde0;content: "";display: inline-block;margin-left: 20px;
}


/*auction
------------------*/
.modal-header {padding: 0.5rem 0.5rem 0.5rem 0rem;}
.modal-footer {padding: 0.5rem;}
.modal-title {position: relative;padding-left: 15px;font-size: 1.3rem;}
.modal-title:after {content: "";width: 6px;height:100%;background: #b31e23;position: absolute;left: -1px;top: 0;}

.bd-callout {padding: 0.5rem;border: 1px solid #eee;border-left-color: rgb(238, 238, 238);border-left-width: 1px;border-left-width: .25rem;border-radius: .25rem;font-size: 0.9rem;}
.bd-callout-warning {border-left-color: #f0ad4e;background-color: #fffaf2;}
.table-2  td, .table-2  th {padding: .2rem .5rem;font-size: 0.9rem;}


.iMLike a {display: block}
/*
.iMLike-img {width:248px;height:248px;overflow: hidden;display: block;transition: .5s;}
.iMLike-txt {height: 2.7rem;overflow: hidden;object-fit: fill;display: block;font-size: 0.8rem;transition: .5s;text-align: center;padding: 2px 8px;}
.iMLike-img:hover {margin-top: -10px;transition: .5s;}
*/
.iMLike-img {width:150px;height:150px;overflow: hidden;display: block;transition: .5s;}
.iMLike-txt {height: 1.2rem;overflow: hidden;object-fit: fill;display: block;font-size: 0.7rem;transition: .5s;text-align: center;padding: 2px 8px;width: 150px;}
.iMLike-txt1 {color:red;margin-bottom: 8px;}
.iMLike-img div{width:150px;height:150px}
#viewlist a:hover .iMLike-img{width:160px;height:160px}
#viewlist a:hover .iMLike-img div{width:160px;height:160px}

/*
.iMLike-img div{width:248px;height:248px}
#viewlist a:hover .iMLike-img div{width:255px;height:255px}
*/

.in-ybp a {display: block}
.in-ybp-img {width:170px;height:170px;overflow: hidden;display: block;transition: .5s;}
.in-ybp-txt {height: 2.7rem;overflow: hidden;object-fit: fill;display: block;font-size: 0.8rem;transition: .5s;text-align: center;padding: 2px 8px;}
.in-ybp-img:hover {margin-top: -10px;transition: .5s;}
.in-ybp-img div{width:146px;height:146px}
.in-ybp-img .pro_img a {height: 178px;}
.in-ybp .pro_img a {height: 153px;}


.sliderP-for .slick-slide img{padding: 3px}
.sliderP-for .slick-active img{padding: 3px;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;border: 1px solid #efefef;}
.sliderP-nav .slick-slide img{padding: 3px}
.sliderP-nav .slick-current img{padding: 3px;box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;border: 1px solid #efefef;}



.auction-box-r {padding: 5px}

/*ebay
--------------*/
.eb-box-1 {border-bottom: 1px solid #eaeaea;border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea}




/*kr
-------------*/
#kr_menu h2 button{font-size: 0.9rem !important;padding: 5px;}
#kr_menu .mu1 button{font-size: 0.9rem !important;padding: 5px;}
#kr_menu .card-header {padding: 5px;}



.nav-tabs.product-tabs .nav-link {border-top-left-radius: 0rem;border-top-right-radius: 0rem;font-size: 0.9rem !important;padding: .2rem 1rem;font-weight: bold}

    #div_describe  * img{max-width: 100% !important; height: auto}
    #div_describe  * table {width: 100% !important;}
    #div_describe  * {font-size: 1rem !important;}
    #div_describe  * {position: initial !important;}
    .box-currency1 {border: 1px solid #eaeaea;border-radius: 0px;padding: .5rem;}

#warp {min-height: 50vh;}


/*help
-------------------*/
.help_m_topnav {font-size: 0.9rem}
.help_ul1 {margin-bottom: 0rem;padding: 0;border-radius: 0px;}
.help_m_topnav .card-body {padding: 0.4rem;}
.help_m_topnav .nav-item {list-style: none;display: inline-block;}
.help_m_topnav .nav-link {font-size: 0.9rem}
.help_m_topnav .col-6 {padding-right: 15px;padding-left: 15px;}

/*------------*/
#myTabContent img ,  #div_describe img{max-width:100% !important;}

.slick-prev, .slick-next {z-index: 1;}



/* compare
--------------------------*/
.table-compare th {border-bottom: 3px solid #eaeaea;padding: 4px;}
.table-compare tr {border: 1px solid #eaeaea;}
.table-compare {width: 100%;}



/*mk_coupon
--------------------------*/
.cpon-table {font-weight: bold}
.cpon-m1 {font-size: 1.2rem;font-weight: bold}
.cpon-m2 {font-size: 3.5rem;font-weight: bold}
.cpon-title {font-size: 1.4rem; text-align: center}
.cpon-content1 {background: #4e5c67;color: #fff;text-align: center}
.cpon-content2 {background: #f5ffe7;}



/*top_banner
-------------------*/
.top_banner {
	background: url(/static/images/rt_banner-8-H-1920x110.png);
    background-position: center;
    width: 100%;
    min-width: 1200px;
    height: 110px;
	}

.line-left select.number-sx {width: auto;}



@media (max-width:1199px) {
    body {max-width: 100vw !important;overflow-x: hidden;}
    .top2 {position: fixed;z-index: 1000;bottom: 0px;left: 0;background: #ffffff;    width: 100%;}
    .top-nav1 div {text-align: center !important;}
    .top-nav1 svg{font-size: 1.5rem;}
    .top-nav1 {padding:.5rem 0}
    .btn-primary {
        color: #fff;
        background-color: #b31e23;
        border-color: #b31e23;
        }
    .logo {margin-top: 5px;}
    .logo img {height: 2.9rem;/*margin-bottom: 10px;*/}
    .logo .badge{font-size: 0.7rem;}
    #left-logo.col-form-label{padding-top: 0; }

    #header_all{margin-top: 10px;/*margin-bottom: -19px;*/}
    .topss {background-color: #b31e23;transition: .5s;}
        .topss .logo-r {display:none;transition: .5s;}
        .topss .btn-c-xs {margin: 8px;}
        .topss .btn-primary {color: #fff;background-color: #b31e23;border-color: #b31e23;transition: .5s;}
            .topss .btn-primary svg{color: #fff;transition: .5s;}
        .topss .form-search{background: #fff;transition: .5s;}
        .topss #left-logo{max-width: 27.666667% !important;transition: .5s;display: none}
    .topss .btn-outline-danger {color: #fff;}

    .card-menu {width: 100vw;height: 100vh;position: fixed;z-index: 1001;top: 0;left: 0;border-radius: 0;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;overflow-y: scroll;}
    .card-menu {background: rgb(255, 255, 255);padding: 10px 0px 0px;left: -100vw;transition: all 0.5s ease 0s;}
    .card-menu.show {left: 0vw;transition: .5s;}
    .box-menu {overflow-y: scroll;}
    .box-menu .home_lists {padding: 5px;}
    .btn-c-xs {display: inline-block !important;}
    .search-top {padding-top: 8px;}
    .btn-Toptop {/*position: fixed;top: 0;*/}
    .topss .col-form-label{padding-top: initial;padding-bottom: initial;transition: .5s;}

    .topss{margin-top: 0 !important;margin-bottom: 0 !important;}
    .badge {font-size: 1rem;margin-bottom: 10px;}
    .card-topM-c {background: #b31e23;margin: -1rem 0 0 0;padding: 2px;}
    #sidediv .card-body {padding: 10px 0px 0px 0px;left: -100vw ;transition: .5s;}
    #sidediv .show .card-body {left: 0vw;transition: .5s;}
    #sidediv .box-menu .home_lists {padding: 2px 11px;}
    #sidediv .box-menu .home_lists a {font-size: 0.9rem;display: block;}

    #content-bk {background: #fffafa;}
    .cart-table *{font-size: 0.9rem;}
    .number-sx {width: 20%;}
    .text-xs-left {text-align: left !important;}
    .text-xs-center {text-align: center !important;}
    .footer-box {display: block;}
    .totalPrice {font-size: 1.2rem;}
    #keyWord {display: none;width: 100vw;/*position: fixed;height: 100vh;background: rgb(234, 234, 234);*/z-index: 10022  !important;top: 4.5rem;left: 0rem;padding: 1rem;transition: .5s;}
    .topss #keyWord {top: 4rem;}
    .topss .form-search-btn3 {background: #fff}
    .topss .form-search-btn3:hover {background: #505050}
    body.searching .btn-Toptop {display:none !important;transition: .5s;}
    body.searching #left-logo {display:none !important;transition: .5s;}
    body.searching #header_all{margin: 0 auto;transition: .5s;}
    body.searching .search-top{padding-top: 4px !important;margin-bottom: 5px;transition: .5s;background: rgb(234, 234, 234);display: block;width: 100%;height: 100%;position: fixed;z-index: 1000;}
    body.searching .py-4 {padding-bottom: 0rem!important;padding-top:0px  !important;transition: .5s;}
    body.searching #keyWord b{font-size: 1rem;display:block;    margin-bottom: 10px; transition: .5s;}
    body.searching #ooo {display: block;}
    #ooo{border-radius:0px}
	.form-search {border-radius:0px !important;}
    .form-search-btn2{border-radius:0px}
    .form-search-btn {border-radius:0px}
	 #select {display:none;}
	 .seller {display:none;}
	body.searching #select {display:block;width: 39.5vw;}
	body.searching #seller {display:block;}
	body.searching .form-search {display:block;width: 70vw !important;}
	body.searching .ssleft {display:block;/*width: 20vw !important;*/}
    /*body.searching .col-form-label {margin: 5px auto;}*/
    body.searching .nav-tttt {display: none !important;}
    body.searching .form-search-btn {width: 10vw;}
	#keyWord div, #keyWord div {height: auto;}
    /*#keyWord2 {display: none;}*/

    /*#keyWord div, #keyWord2 div{height:auto !important;}*/
    .cost-form label{margin-right: 5px;text-align: left;}
    .cost-form .number-sx {width: 60%;margin-left: 22px;}

/* Professional Search Bar Styling */
.form-search-professional {
    font-size: 16px !important;
    padding: 12px 20px !important;
    height: 48px !important;
    line-height: 1.5 !important;
    border: 2px solid #333 !important;
    border-radius: 24px 0 0 24px !important;
    background: #fff !important;
    color: #333 !important;
    font-weight: 400 !important;
}

.form-search-professional:focus {
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    outline: none !important;
}

.form-search-professional::placeholder {
    color: #666 !important;
    font-size: 14px !important;
    opacity: 0.7 !important;
}

.input-group .form-search-btn {
    height: 48px !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    border: 2px solid #333 !important;
    border-left: none !important;
    border-radius: 0 24px 24px 0 !important;
    background: #333 !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
}

.input-group .form-search-btn:hover {
    background: #007bff !important;
    border-color: #007bff !important;
}

.input-group .form-search-btn:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .form-search-professional {
        font-size: 14px !important;
        padding: 10px 15px !important;
        height: 44px !important;
    }
    
    .input-group .form-search-btn {
        height: 44px !important;
        padding: 10px 15px !important;
        font-size: 14px !important;
    }
}
    .table-from .number-sx {width: 100%;}
    .addth  {border-bottom: 1px solid #fff;}
    .in-b3-title img {height:3rem;}
    .in-b3-title {width:100%}
    .in-b3-title span {padding-top: 0px;padding: 10px;}
    .in-b3-title img {position:absolute;left: -5px;top: -16px;transform: rotate(10deg);}
    .in-good-img {/*height: 70px !important;*/}
	.in-good-img img {width:200px}
    .topss .top-nav1-t {display: block !important;}
    .box-right-view {top: 6rem;}
    /*footer .currency {bottom: 9rem;}*/
    #goTop {bottom:6.5rem}
    .currency-xs {margin-top: 2px;}
    .currency-xs .badge {margin-bottom:0px;}
    .table-order {width:100%}
    .btn-Top {height: 2rem;padding-right: 3px;padding-left: 3px;}
    .top-prompt {bottom: 4rem;display:none !important}
    .recomm-top-nav {margin-top: 0px;}
    .n-sx-no {display: none}
    #carouselDetail .carousel-inner{height: auto;}
    footer .currency {right: 0px;left: auto;top: auto;bottom: 15rem;}
        footer .currency:hover,
        footer .currency:focus,
        footer .currency:active
        {left:auto;right:0;transition: .5s;}
    .zhez_LINE {bottom: 10rem;}
	.currency {z-index: 100001 !important;display: none;}
	.f-computer .card-body {width: 90vw !important;top: 0;position: fixed;height: 100vh;left: 0;}
	.currency .number-sx {width: 60% !important;}
    .input-group-append  {-webkit-appearance: none;  /* Safari 和 Chrome，常用於iOS下移除內建樣式 */-moz-appearance: none;     /* FireFox */appearance: none;}

    .top-nav1-tb {background:#ff5000;}
    .top-nav1-y {background:#ffda45;}
    .top-nav1-r {background:#b31e23;}
    .top-nav1-g {background:#33952c;}
    .top-nav1-e {background:#0063d1;}
    .top-nav1-0 {background:#0063d1;}

    .top-nav1-tb .t-m-icon{color:#fff;}
    .top-nav1-y .t-m-icon{color:#000;}
    .top-nav1-r .t-m-icon{color:#fff;}
    .top-nav1-g .t-m-icon{color:#fff;}
    .top-nav1-e .t-m-icon{color:#fff;}
    .top-nav1-0 .t-m-icon{color:#fff;}

    .top-nav1-y .t-m-text, .top-nav1-y .top-nav1 .t-m-icon {color: #000;}
    .top-nav1-tb .t-m-text, .top-nav1-tb .top-nav1 .t-m-icon {color: #fff;}
    .top-nav1-r .t-m-text, .top-nav1-r .top-nav1 .t-m-icon {color: #fff;}
    .top-nav1-g .t-m-text, .top-nav1-g .top-nav1 .t-m-icon {color: #fff;}
    .top-nav1-e .t-m-text, .top-nav1-e .top-nav1 .t-m-icon {color: #fff;}
    .top-nav1-0 .t-m-text, .top-nav1-0 .top-nav1 .t-m-icon {color: #fff;}

    .header_all-y.topss{background: #ffda45;}
    .header_all-tb.topss{background: #ff5000;}
    .header_all-r.topss{background: #b31e23;}
    .header_all-g.topss{background: #33952c;}
    .header_all-e.topss{background: #0063d1;}
    .header_all-0.topss{background: #0063d1;}



    .bk-w-nv .nav-item .nav-link-s {display: none;position: absolute;width: 100%;right: 0px;left: 0; }
    .column-2 {column-count: 2;column-gap: 22px;}
        .bk-w-nv .nav-item:hover .nav-link-s.column-2 {width: 100%;}
    .column-3 {column-count: 2;column-gap: 22px;}
        .bk-w-nv .nav-item:hover .nav-link-s.column-3 {width: 100%;}
    .column-4 {column-count: 2;column-gap: 22px;}
        .bk-w-nv .nav-item:hover .nav-link-s.column-4 {width: 100%;}
    .column-5 {column-count: 2;column-gap: 22px;}
        .bk-w-nv .nav-item:hover .nav-link-s.column-5 {width: 100%;}
    .column-6 {column-count: 2;column-gap: 22px;}
        .bk-w-nv .nav-item:hover .nav-link-s.column-6 {width: 100%;}
    .container-fluid.bk-w-nv {  padding-right: 0px;padding-left: 0px;}
    .btn-Toptop {padding-right: 0px;padding-left: 0px;}
    .divTopN {display: block;}
    .btn-Toptop ul{white-space: nowrap;/*width: 400px;*/}
    .btn-Toptop li{display: inline;}

    .bk-w-nv .container {padding-right: 0px;padding-left: 0px;}
    #div_describe  * img{max-width: 100% !important; height: auto}
    #div_describe  * table {width: 100% !important;}
    #div_describe  * {font-size: 1rem !important;}

    .currency1 .number-sx {width: 85%;margin: 0 auto;}
	.currency1:nth-child(2) h5 {margin-top:10px;}
    .inNavL-box {display: block;position: initial;width: 100%;}
    .inNavL-box.column-l-2 {column-count: 1;width: 100%;}
    .inNavL-box.column-l-3 {column-count: 1;width: 100%;}
    .inNavL-box.column-l-4 {column-count: 1;width: 100%;}
    .inNavL-box.column-l-5 {column-count: 1;width: 100%;}

    #nav-top-btn {display: none !important;}
    .acticle-title {font-size: 1.4rem;}
    .zhezChat {bottom: 159px;}
	.zhezChat {-webkit-animation: none;animation: none;}
	.zhezChatvn {bottom: 175px;right: 7px;}

    .inNavL-r .inNavL-box {display: none;}
    .inNavL-r .inNavL-li:hover .inNavL-box{display: none;}
    .inNavL-r .inNavL-ul {column-count: 2;}


    .inNavL-y .inNavL-box {display: none;}
    .inNavL-y .inNavL-li:hover .inNavL-box{display: none;}
    .inNavL-y .inNavL-ul {column-count: 2;}

    .inNavL-t .inNavL-box {column-count: 2;width: auto}
    /*.inNavL-t .inNavL-li:hover .inNavL-box{display: none;}*/
    .inNavL-t .inNavL-ul {column-count: 1;}


    .inNavL-ul:after {display:block;background:#fff;height:128px;width:100%;position: absolute;content: "";}
	
	
	

    /*
    .inNavL-r {height: 95vh;overflow-y: scroll;overflow-x: hidden;}
    .inNavL-r .inNavL-box, .inNavL-y .inNavL-box, .inNavL-e .inNavL-box {margin-top: auto;margin-left: auto;}
    .inNavL-r .inNavL-box { position: absolute;right: 0;height: 96%;top: 4%;height: 100%;top: 0;width: 50vw; }
    .inNavL-r .inNavL-li {width: 50vw;}

     */
    .col-6 {padding-right: 0;padding-left: 0;}
    .iMLike-img {width: 47px;height: 47px;}

/*    .iMLike-img {width: 75px;height: 75px;}*/
    .iMLike-img div{width:100%;height:100%;}
    .slick-arrow {display: none !important;}
    #viewlist .iMLike-img {width: 125px;height: 100px;}
    #viewlist a:hover .iMLike-img{width: 125px;height: 100px;}
    #viewlist a:hover .iMLike-img div{width: 125px;height: 100px;}
    #viewlist .iMLike-txt {width: 100px}
    .iMLike-txt {width: 47px}



    .box-pin .carousel-indicators img {display: none;}
    .box-pin .carousel-indicators {display: block;width: 100%;margin-right: 0;margin-left: 0;overflow: hidden;}
    .box-pin #carouselYinb .carousel-indicators li {float: left;}

    #carouselYinb .carousel-indicators li {text-indent: -999px;opacity: .5;width: 30px;height: 3px;}
    #carouselYinb .carousel-indicators li:hover , #carouselYinb .carousel-indicators li:focus {border: none}
    #carouselYinb .carousel-indicators {bottom: 0px;}
    #carouselYinb .carousel-inner{/*height: 0px;*/}
    #carouselYinb {margin-bottom: 0px;}

    .cart-table .cpon-m1 {font-size: 1.2rem;}
    .cart-table .cpon-m2 {font-size: 2.5rem;}
    .cart-table .cpon-title {font-size: 1.4rem; }
    .cpon-table p {padding-top: 10px;}
	.top_banner {    
		width: 100%;
		min-width: auto; 
		height: 50px;
		background-size: cover;
		display: none;
		}
	#define_bar {display: none;}
	.bk-w-y {border-top: 4px solid #ffda45 !important;}
	.bk-w-g {border-top: 4px solid #33952c !important;}
	.table-inp {}
	.table-inp td, .table-inp th {padding: 0 2px;border-top: none;}
	.table-inp .in-ybp-img div {width: 100%;height: 100%;}
	.table-inp .in-ybp-img {width: 144px;height: 144px;}
	.table-inp .pro_img a {height: 150px;}
	.table-inp .ori {word-break: break-all;}
	.fb_reset {display:none}
	.zhezChat ul {width: 258px;}
    .d-xs-none{display: none;}


    .topimgdiv {
        background: url(https://ibuy99.com//static/images/dem2102-1100x300.png); 
        height: 110px;
        min-width: auto !important;background-size: cover;}
    /*forwarder*/
    .forwarder_box{
        border: 1px solid #eaeaea;
        padding: 10px;
        margin-bottom: 10px;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
        background: #fff;
    }
    .forwarder_box01:after{
        content: "";
        width: 5px;
        height: 105%;
        background: #b31e23;
        position: absolute;
        left: 3px;
        top: 0;
    }
    .forwarder_box .border-bottom {border-bottom: 0px !important;}
	

}

@media (min-width:1200px) {
    .top-nav1{margin-top: 8px;}
}




@-webkit-keyframes hyper {
25%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
15%,50%{-webkit-transform:rotateX(20deg);transform:rotateX(20deg)}
75%{-webkit-transform:none;transform:none}
}
@keyframes hyper {
25%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
15%,50%{-webkit-transform:rotateX(20deg);transform:rotateX(20deg)}
75%{-webkit-transform:none;transform:none}
}
@-moz-keyframes spin {
from,to{-moz-transform:rotate3d(0,0,1,0)}
50%{-moz-transform:rotate3d(0,0,1,1turn)}
}
@-webkit-keyframes spin {
from,to{-webkit-transform:rotate3d(0,0,1,0)}
50%{-webkit-transform:rotate3d(0,0,1,1turn)}
}
@keyframes spin {
from,to{transform:rotate3d(0,0,1,0)}
50%{transform:rotate3d(0,0,1,1turn)}
}


@keyframes blink{
  0%{opacity: 1;}
  50% { opacity: 1; }
  100%{opacity: 0;}
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; }
    50% { opacity: 1; }
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.blink{
    color: #fff;
    animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}