.title-carstory { color: #fff; font-size: 50px; font-weight: bold; text-align: center;
    text-shadow:
    3px 3px 0 #604c3f,
   -1px -1px 0 #604c3f,  
    1px -1px 0 #604c3f,
   -1px  1px 0 #604c3f,
    1px  1px 0 #604c3f; }

.car-story { display: block; margin: 0 -1% 0 0; font-size: 0; }
.car-story .ranking { display: inline-block; width: 49%; margin: 0 1% 0 0; }
.car-story .title-ranking { background: #a38a77; display: block; padding: 18px 8px; text-align: center; font-size: 22px; }
.car-story .ranking a { display: block; margin-bottom: 8px; }
.car-story .ranking a img { width: 100%; }
.car-story .ranking a:hover img { opacity: 0.5; transition: all 0.3s; }

.search-type { background: #f5ab7a; display: block; padding: 8px; font-size: 22px; color: #693907; }
.search-type:hover { color: #693907; }
.search-type span { float: right; margin-top: 8px; margin-right: 12px; transition: all 0.3s; }
.search-type:hover span { margin-right: 0; }
.search-store { font-size: 20px; color: #40210f; font-weight: bold; font-family: 'M PLUS Rounded 1c', sans-serif; display: block; margin: 12px auto; }

/* tab */
.link-store { display: flex; justify-content: center; margin: 20px 0 0;}
.link-store a {
    display: block;
    width: 32%;
    margin: 0 2% 0;
    background: #693907;
    color: #804F22;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 14px 0px;
    position: relative;
    border-image-slice: 42 42 42 42;
    border-image-width: 42px 42px 42px 42px;
    border-image-outset: 7px;
    border-image-repeat: round round;
    border-image-source: url("../images/usedcar-list/border.png");
    border-style: solid;
    border-width: 1px;
    }
/* .link-store a.active::after { content: url(../images/usedcar-list/arrow-down.png); position: absolute; bottom: -35px; left: 45%; } */

.link-store a:nth-child(1){background: url(../images/usedcar-list/bg-tab-green.png);}
.link-store a:nth-child(2){background: url(../images/usedcar-list/bg-tab-pink.png);}
.link-store a:nth-child(3){background: url(../images/usedcar-list/bg-tab-blue.png);}

.link-store a.active::after{position: absolute; bottom: -77px; left: 38%;}
.link-store a:nth-child(1).active::after { content: url(../images/usedcar-list/arrow-tab-1.png);}
.link-store a:nth-child(2).active::after { content: url(../images/usedcar-list/arrow-tab-2.png);}
.link-store a:nth-child(3).active::after { content: url(../images/usedcar-list/arrow-tab-3.png);}


.search-color{display: flex;flex-wrap: wrap;align-items: center;border: 6px solid #f5ab7a;border-radius: 24px;margin: 71px auto 24px;padding: 22px;color: #6A3A07;}
.search-color .title-color{ display: block; width: 20%; text-align: center; font-weight: bold; font-size: 16px;  }
.search-color .select-color{ display: block; text-align:center; width: 50%; }
.search-color .select-color .fillter-color{ width: 50px; height: 50px; margin: 2px; display: inline-block; border: 2px solid #c9c9c9; }
.search-color .select-color .fillter-color.color0{ background: #fff; }
.search-color .select-color .fillter-color.color1{ background: #000;}
.search-color .select-color .fillter-color.color2{ background: #e60013;}
.search-color .select-color .fillter-color.color3{ background: #1d2088;}
.search-color .select-color .fillter-color.color4{ background: #f7ee14;}
.search-color .select-color .fillter-color.color5{ background: #09913a;}
.search-color .select-color .fillter-color.color6{ background: #693907;}
.search-color .select-color .fillter-color.color7{ background: rgba(191,136,33,1);
    background: -moz-linear-gradient(left, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(191,136,33,1)), color-stop(100%, rgba(227,198,172,1)));
    background: -webkit-linear-gradient(left, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    background: -o-linear-gradient(left, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    background: -ms-linear-gradient(left, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    background: linear-gradient(to right, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8821', endColorstr='#e3c6ac', GradientType=1 ); }
.search-color .select-color .fillter-color.color8{ background: rgba(121,121,121,1);
    background: -moz-linear-gradient(left, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(121,121,121,1)), color-stop(100%, rgba(202,202,202,1)));
    background: -webkit-linear-gradient(left, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    background: -o-linear-gradient(left, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    background: -ms-linear-gradient(left, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    background: linear-gradient(to right, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#cacaca', GradientType=1 );}
.search-color .select-color .fillter-color.color9{ background: #9f9f9f;}
.search-color .select-color .fillter-color.color10{ background: #f39800;}
.search-color .select-color .fillter-color.color11{ background: #920883;}
.search-color .select-color .fillter-color.color12{ background: #e61874;}
.search-color .select-color .fillter-color.color13{ background: #fff; font-size: 18px; color: #ccc; padding-top: 8px; }
.search-color .select-color input[type=checkbox]{ display:none }
.search-color .select-color input[type=checkbox]:checked + .fillter-color{ border: 2px solid #424242; }
.search-color .position-search { display: block; width: 30%; }
.search-color .position-search a { border: 2px solid #ff9119; background: #fff; padding: 8px; width: 200px; display: block; text-align: center;  color: #ff9119; font-family: 'M PLUS Rounded 1c', sans-serif; cursor: pointer; margin: 8px auto; transition: all 0.3s;  }
.search-color .position-search a:hover{ background: #ff9119; color: #fff;}

.wrapper-result { background: #f8f1d3; padding: 4px; }
.search-result { display: table; width: 100%; color: #6A3A07;  }
.search-result .result { display: table-cell; text-align: left; }
.search-result .result strong { color: #E60013; font-size: 24px; font-weight: bold; }
.search-result .sortby { display: table-cell; text-align: center; }
.search-result .sortby a { background: none; border:none; cursor: pointer; font-weight: bold; color: #6A3A07; }
.search-result .sortby a:hover { text-decoration: underline; }
.search-result .page { display: table-cell; text-align: right; }

.car-result ul { display: flex; flex-wrap: wrap; }
.car-result ul li {display: block;width: 25%;margin: 12px 0;padding: 0 14px 0 10px;background: url(../images/usedcar-list/bg-dot.jpg) repeat-y top right;}
.car-result ul li:nth-child(4n){ }
.car-result ul li a:hover { color: #693907; }
.car-result ul li a:hover .images-car img { opacity: 0.5; }
.car-result .title-car { display: block; }
.car-result .title-car p { text-overflow: ellipsis; white-space: nowrap; width:100%; overflow: hidden; }
.car-result .images-car { display: block;  position: relative;}
.car-result .images-car img { width: 100%; }
.label_icon{position: absolute;bottom: 2px;right: 2px;background: #ffdf60;font-size: 14px;padding: 2px 7px;border-radius: 5px;}
.car-result .price-car { display: block; margin: 4px auto; text-align: right; position: relative;}
.car-result .price-car p{position: relative; z-index: 10;}
.car-result .price-car:before{content: '';width: 77%;/* border-bottom: 8px solid #ffdf60; */position: absolute;bottom: 4px;right: -3px;z-index: 9;height: 10px;background: #ffdf60;border-radius: 5px; z-index: 8;}
.car-result .price-car strong { color: #E60013; font-size: 25px; font-weight: bold;}
.car-result table { width: 100%; border: 2px solid #ccc; font-size: 13px;}
.car-result table tr td { padding: 2px 2px; border-bottom: 2px solid #ccc; }
.car-result table tr td:first-child,.car-result table tr td:nth-child(3) { background: #eee; width: auto; }

/* car type */
.cartype-container{border-radius: 15px; overflow: hidden; margin: 20px 0 10px;}
.cartype-container h3{font-size: 18px; color: #6a3906; font-weight: bold; padding: 10px 10px 10px 20px; line-height: 18pt; margin: 0 0 10px;}
.cartype-container a{display: inline-block; padding:25px 15px 15px; position: relative;}
.cartype-container a strong{display: block; position:absolute; top:0; font-weight: bold; font-size: 16px; color: #6a3906;
    text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83333px 0.983333px 0px, rgb(255, 255, 255) 2.35px 1.85px 0px, rgb(255, 255, 255) 1.61667px 2.51667px 0px, rgb(255, 255, 255) 0.7px 2.91667px 0px, rgb(255, 255, 255) -0.283333px 2.98333px 0px, rgb(255, 255, 255) -1.25px 2.73333px 0px, rgb(255, 255, 255) -2.06667px 2.16667px 0px, rgb(255, 255, 255) -2.66667px 1.36667px 0px, rgb(255, 255, 255) -2.96667px 0.416667px 0px, rgb(255, 255, 255) -2.95px -0.566667px 0px, rgb(255, 255, 255) -2.6px -1.5px 0px, rgb(255, 255, 255) -1.96667px -2.26667px 0px, rgb(255, 255, 255) -1.11667px -2.78333px 0px, rgb(255, 255, 255) -0.133333px -3px 0px, rgb(255, 255, 255) 0.85px -2.88333px 0px, rgb(255, 255, 255) 1.75px -2.43333px 0px, rgb(255, 255, 255) 2.45px -1.73333px 0px, rgb(255, 255, 255) 2.88333px -0.833333px 0px;}
.cartype-container a img{opacity: 1; transition: all 0.2s;}
.cartype-container a:hover img{opacity: 0.5;}

.box-green{border:4px solid #90c31f;}
.box-green h3{background: url(../images/usedcar-list/pattern-green.jpg);}

.box-pink{border: 4px solid #E68B7F;}
.box-pink h3{background: url(../images/usedcar-list/pattern-pink.jpg);}

.box-violet{border: 4px solid #B14575;}
.box-violet h3{background: url(../images/usedcar-list/pattern-violet.jpg);}

.box-orange{border: 4px solid #D07400;}
.box-orange h3{background: url(../images/usedcar-list/pattern-orange.jpg);}

.box-blue{border: 4px solid #00A29A;}
.box-blue h3{background: url(../images/usedcar-list/pattern-blue.jpg);}

.box-brown{border: 4px solid #956134;}
.box-brown h3{background: url(../images/usedcar-list/pattern-brown.jpg);}

/* pagination */
.paging{text-align: right; padding: 20px 0;}
.paging a{display: inline-block; padding: 5px 0; margin: 0 1px; text-align: center; border-radius: 50%; width: 30px; height: 30px;  color: #9f9f9f; }
.paging a:hover { color: #693907; }
.page-active{ background: #693907; color: #fff !important;  }
.btn-nb{ color: #9f9f9f; width: 40px !important;}

@media(max-width:768px) {
    .search-result .sortby { text-align: right; }
    .search-result .page { display: none;}

    .car-result ul li { width: 33.33%; }
    .car-result ul li:nth-child(4n){ background: url(../images/usedcar-list/bg-dot.jpg) repeat-y top right ;}
    .car-result ul li:nth-child(3n) { background: none; }
    .cartype-container{font-size: 0;}
    .cartype-container a{width: 33.33%;}
    .cartype-container a img{width: 100%;}
    .link-store a.active::after{position: absolute; bottom: -77px; left: 32%;}

}

@media(max-width:560px) {
    .title-carstory { font-size: 26px; }

    .search-result,
    .search-result .result,
    .search-result .sortby { display: block; width: 100%; text-align: left; }

    .car-result ul li { width: 50%; }
    .car-result ul li:nth-child(3n){ background: url(../images/usedcar-list/bg-dot.jpg) repeat-y top right ;}
    .car-result ul li:nth-child(2n) { background: none; }


    .search-color .title-color,
    .search-color .select-color,
    .search-color .position-search { width: 100%; text-align: center; }

}

@media(max-width:420px) { 
    .car-story .ranking { display: block; width: 100%;}
    
    .link-store { display: flex; flex-wrap: wrap; }
    .link-store a { display: block; width: 100%; margin: 2px 10px 28px; padding: 8px 12px; font-size: 14px;}
    .link-store a.active::after { content: ''; }
    .cartype-container a{width: 50%;}
    .car-result ul li { width: 100%; }
    .car-result ul li { background: none!important; }
    .link-store a:nth-child(1).active::after { content:'';}
    .link-store a:nth-child(2).active::after { content:'';}
    .link-store a:nth-child(3).active::after { content:'';}
    .search-color{margin: 0 auto 20px;}
}


.title-carstory { color: #fff; font-size: 50px; font-weight: bold; text-align: center;
    text-shadow:
    3px 3px 0 #604c3f,
   -1px -1px 0 #604c3f,  
    1px -1px 0 #604c3f,
   -1px  1px 0 #604c3f,
    1px  1px 0 #604c3f; }

.car-story { display: block; margin: 0 -1% 0 0; font-size: 0; }
.car-story .ranking { display: inline-block; width: 49%; margin: 0 1% 0 0; }
.car-story .title-ranking { background: #a38a77; display: block; padding: 18px 8px; text-align: center; font-size: 22px; }
.car-story .ranking a { display: block; margin-bottom: 8px; }
.car-story .ranking a img { width: 100%; }
.car-story .ranking a:hover img { opacity: 0.5; transition: all 0.3s; }

.search-type { background: #f5ab7a; display: block; padding: 8px; font-size: 22px; color: #693907; }
.search-type:hover { color: #693907; }
.search-type span { float: right; margin-top: 8px; margin-right: 12px; transition: all 0.3s; }
.search-type:hover span { margin-right: 0; }
.search-store { font-size: 20px; color: #40210f; font-weight: bold; font-family: 'M PLUS Rounded 1c', sans-serif; display: block; margin: 12px auto; }

/* tab */
.link-store { display: flex; justify-content: center; margin: 20px 0 0;}
.link-store a {
    display: block;
    width: 32%;
    margin: 0 2% 0;
    background: #693907;
    color: #804F22;
    text-align: center;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 14px 0px;
    position: relative;
    border-image-slice: 42 42 42 42;
    border-image-width: 42px 42px 42px 42px;
    border-image-outset: 7px;
    border-image-repeat: round round;
    border-image-source: url("../images/usedcar-list/border.png");
    border-style: solid;
    border-width: 1px;
    }
/* .link-store a.active::after { content: url(../images/usedcar-list/arrow-down.png); position: absolute; bottom: -35px; left: 45%; } */

.link-store a:nth-child(1){background: url(../images/usedcar-list/bg-tab-green.png);}
.link-store a:nth-child(2){background: url(../images/usedcar-list/bg-tab-pink.png);}
.link-store a:nth-child(3){background: url(../images/usedcar-list/bg-tab-blue.png);}

.link-store a.active::after{position: absolute; bottom: -77px; left: 38%;}
.link-store a:nth-child(1).active::after { content: url(../images/usedcar-list/arrow-tab-1.png);}
.link-store a:nth-child(2).active::after { content: url(../images/usedcar-list/arrow-tab-2.png);}
.link-store a:nth-child(3).active::after { content: url(../images/usedcar-list/arrow-tab-3.png);}


.search-color{display: flex;flex-wrap: wrap;align-items: center;border: 6px solid #f5ab7a;border-radius: 24px;margin: 71px auto 24px;padding: 22px;color: #6A3A07;}
.search-color .title-color{ display: block; width: 20%; text-align: center; font-weight: bold; font-size: 16px;  }
.search-color .select-color{ display: block; text-align:center; width: 50%; }
.search-color .select-color .fillter-color{ width: 50px; height: 50px; margin: 2px; display: inline-block; border: 2px solid #c9c9c9; }
.search-color .select-color .fillter-color.color0{ background: #fff; }
.search-color .select-color .fillter-color.color1{ background: #000;}
.search-color .select-color .fillter-color.color2{ background: #e60013;}
.search-color .select-color .fillter-color.color3{ background: #1d2088;}
.search-color .select-color .fillter-color.color4{ background: #f7ee14;}
.search-color .select-color .fillter-color.color5{ background: #09913a;}
.search-color .select-color .fillter-color.color6{ background: #693907;}
.search-color .select-color .fillter-color.color7{ background: rgba(191,136,33,1);
    background: -moz-linear-gradient(left, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(191,136,33,1)), color-stop(100%, rgba(227,198,172,1)));
    background: -webkit-linear-gradient(left, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    background: -o-linear-gradient(left, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    background: -ms-linear-gradient(left, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    background: linear-gradient(to right, rgba(191,136,33,1) 0%, rgba(227,198,172,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8821', endColorstr='#e3c6ac', GradientType=1 ); }
.search-color .select-color .fillter-color.color8{ background: rgba(121,121,121,1);
    background: -moz-linear-gradient(left, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(121,121,121,1)), color-stop(100%, rgba(202,202,202,1)));
    background: -webkit-linear-gradient(left, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    background: -o-linear-gradient(left, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    background: -ms-linear-gradient(left, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    background: linear-gradient(to right, rgba(121,121,121,1) 0%, rgba(202,202,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#cacaca', GradientType=1 );}
.search-color .select-color .fillter-color.color9{ background: #9f9f9f;}
.search-color .select-color .fillter-color.color10{ background: #f39800;}
.search-color .select-color .fillter-color.color11{ background: #920883;}
.search-color .select-color .fillter-color.color12{ background: #e61874;}
.search-color .select-color .fillter-color.color13{ background: #fff; font-size: 18px; color: #ccc; padding-top: 8px; }
.search-color .select-color input[type=checkbox]{ display:none }
.search-color .select-color input[type=checkbox]:checked + .fillter-color{ border: 2px solid #424242; }
.search-color .position-search { display: block; width: 30%; }
.search-color .position-search a { border: 2px solid #ff9119; background: #fff; padding: 8px; width: 200px; display: block; text-align: center;  color: #ff9119; font-family: 'M PLUS Rounded 1c', sans-serif; cursor: pointer; margin: 8px auto; transition: all 0.3s;  }
.search-color .position-search a:hover{ background: #ff9119; color: #fff;}

.wrapper-result { background: #f8f1d3; padding: 4px; }
.search-result { display: table; width: 100%; color: #6A3A07;  }
.search-result .result { display: table-cell; text-align: left; }
.search-result .result strong { color: #E60013; font-size: 24px; font-weight: bold; }
.search-result .sortby { display: table-cell; text-align: center; }
.search-result .sortby a { background: none; border:none; cursor: pointer; font-weight: bold; color: #6A3A07; }
.search-result .sortby a:hover { text-decoration: underline; }
.search-result .page { display: table-cell; text-align: right; }

.car-result ul { display: flex; flex-wrap: wrap; }
.car-result ul li {display: block;width: 25%;margin: 12px 0;padding: 0 14px 0 10px;background: url(../images/usedcar-list/bg-dot.jpg) repeat-y top right;}
.car-result ul li:nth-child(4n){ }
.car-result ul li a:hover { color: #693907; }
.car-result ul li a:hover .images-car img { opacity: 0.5; }
.car-result .title-car { display: block; }
.car-result .title-car p {text-overflow: ellipsis;white-space: nowrap;width:100%;overflow: hidden;margin: 0 3px;}
.car-result .images-car { display: block; }
.car-result .images-car img { width: 100%; }
.car-result .price-car { display: block; margin: 4px auto; text-align: right; position: relative;}
.car-result .price-car:before{content: '';width: 77%;/* border-bottom: 8px solid #ffdf60; */position: absolute;bottom: 4px;right: -3px;z-index: 9;height: 10px;background: #ffdf60;border-radius: 5px;}
.car-result .price-car strong { color: #E60013; font-size: 25px; font-weight: bold;}
.car-result table { width: 100%; border: 2px solid #ccc; font-size: 13px;}
.car-result table tr td { padding: 2px 2px; border-bottom: 2px solid #ccc; }
.car-result table tr td:first-child,.car-result table tr td:nth-child(3) { background: #eee; width: auto; }

/* car type */
.cartype-container{border-radius: 15px; overflow: hidden; margin: 20px 0 10px;}
.cartype-container h3{font-size: 18px; color: #6a3906; font-weight: bold; padding: 10px 10px 10px 20px; line-height: 18pt; margin: 0 0 10px;}
.cartype-container a{display: inline-block; padding:25px 15px 15px; position: relative;}
.cartype-container a strong{display: block; position:absolute; top:0; font-weight: bold; font-size: 16px; color: #6a3906;
    text-shadow: rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83333px 0.983333px 0px, rgb(255, 255, 255) 2.35px 1.85px 0px, rgb(255, 255, 255) 1.61667px 2.51667px 0px, rgb(255, 255, 255) 0.7px 2.91667px 0px, rgb(255, 255, 255) -0.283333px 2.98333px 0px, rgb(255, 255, 255) -1.25px 2.73333px 0px, rgb(255, 255, 255) -2.06667px 2.16667px 0px, rgb(255, 255, 255) -2.66667px 1.36667px 0px, rgb(255, 255, 255) -2.96667px 0.416667px 0px, rgb(255, 255, 255) -2.95px -0.566667px 0px, rgb(255, 255, 255) -2.6px -1.5px 0px, rgb(255, 255, 255) -1.96667px -2.26667px 0px, rgb(255, 255, 255) -1.11667px -2.78333px 0px, rgb(255, 255, 255) -0.133333px -3px 0px, rgb(255, 255, 255) 0.85px -2.88333px 0px, rgb(255, 255, 255) 1.75px -2.43333px 0px, rgb(255, 255, 255) 2.45px -1.73333px 0px, rgb(255, 255, 255) 2.88333px -0.833333px 0px;}
.cartype-container a img{opacity: 1; transition: all 0.2s;}
.cartype-container a:hover img{opacity: 0.5;}

.box-green{border:4px solid #90c31f;}
.box-green h3{background: url(../images/usedcar-list/pattern-green.jpg);}

.box-pink{border: 4px solid #E68B7F;}
.box-pink h3{background: url(../images/usedcar-list/pattern-pink.jpg);}

.box-violet{border: 4px solid #B14575;}
.box-violet h3{background: url(../images/usedcar-list/pattern-violet.jpg);}

.box-orange{border: 4px solid #D07400;}
.box-orange h3{background: url(../images/usedcar-list/pattern-orange.jpg);}

.box-blue{border: 4px solid #00A29A;}
.box-blue h3{background: url(../images/usedcar-list/pattern-blue.jpg);}

.box-brown{border: 4px solid #956134;}
.box-brown h3{background: url(../images/usedcar-list/pattern-brown.jpg);}

/* pagination */
.paging{text-align: right; padding: 20px 0;}
.paging a{display: inline-block; padding: 5px 0; margin: 0 1px; text-align: center; border-radius: 50%; width: 30px; height: 30px;  color: #9f9f9f; }
.paging a:hover { color: #693907; }
.page-active{ background: #693907; color: #fff !important;  }
.btn-nb{ color: #9f9f9f; width: 40px !important;}

@media(max-width:768px) {
    .search-result .sortby { text-align: right; }
    .search-result .page { display: none;}

    .car-result ul li { width: 33.33%; }
    .car-result ul li:nth-child(4n){ background: url(../images/usedcar-list/bg-dot.jpg) repeat-y top right ;}
    .car-result ul li:nth-child(3n) { background: none; }
    .cartype-container{font-size: 0;}
    .cartype-container a{width: 33.33%;}
    .cartype-container a img{width: 100%;}
    .link-store a.active::after{position: absolute; bottom: -77px; left: 32%;}

}

@media(max-width:560px) {
    .title-carstory { font-size: 26px; }

    .search-result,
    .search-result .result,
    .search-result .sortby { display: block; width: 100%; text-align: left; }

    .car-result ul li { width: 50%; }
    .car-result ul li:nth-child(3n){ background: url(../images/usedcar-list/bg-dot.jpg) repeat-y top right ;}
    .car-result ul li:nth-child(2n) { background: none; }


    .search-color .title-color,
    .search-color .select-color,
    .search-color .position-search { width: 100%; text-align: center; }

}

@media(max-width:420px) { 
    .car-story .ranking { display: block; width: 100%;}
    
    .link-store { display: flex; flex-wrap: wrap; }
    .link-store a { display: block; width: 100%; margin: 2px 10px 28px; padding: 8px 12px; font-size: 14px;}
    .link-store a.active::after { content: ''; }
    .cartype-container a{width: 50%;}
    .car-result ul li { width: 100%; }
    .car-result ul li { background: none!important; }
    .link-store a:nth-child(1).active::after { content:'';}
    .link-store a:nth-child(2).active::after { content:'';}
    .link-store a:nth-child(3).active::after { content:'';}
    .search-color{margin: 0 auto 20px;}
}