/**
  @file       usedcar_unit.css By hondahcuc
  @date       2024-01-10: Katie   + H230800205, Create
*/
/* Banner 差異化 */
.ucarunit_banner > .banner_wrapper {height:70px;background-color:#FFF;}
.ucarunit_banner > .banner_wrapper .ban_logo, .ucarunit_banner > .banner_wrapper .ban_menu {padding-top:0px;}
.ucarunit_banner > .banner_wrapper .ban_menu ul > li:not(.li_track) {display:none !important;}
.ucarunit_banner > .banner_wrapper .hamb_icon > i {display:none !important;}
.main_wrapper.ucarunit_wrap {padding-top:70px;}

/* Main */
.ucarunit_wrap > * {margin-bottom:30px;}
.ucarunit_main {padding:50px 30px;background:linear-gradient(to bottom, hsl(0,0%,95%) 0%, hsl(0,0%,100%) 5%)}
.ucarunit_main > * {display:inline-block;position:relative;vertical-align:top;}
.ucarunit_main .ucarunit_photo {width:45%;}
.ucarunit_main .ucarunit_info {width:55%;padding:10px 30px;}

/* Photo */
.ucarunit_photo .photo_viewer, .ucarunit_photo .photo_viewer_slide_hor {width:100%;}
.ucarunit_photo .photo_viewer {margin-bottom:10px;}
.ucarunit_photo .photo_viewer_slide_hor {height:8rem;}
.ucarunit_photo .photo_viewer_slide_hor li {width:calc(100% / 4 - 10px);}
.ucarunit_photo .ribbon, .ucarunit_photo > .badge_star {position:absolute;z-index:2;top:-5px;left:0px;}
.ucarunit_photo .badge_star.with_ribbon {left:110px;}

/* Vehicle Info */
.ucarunit_info > *:not(:nth-last-child(1)) {margin-bottom:10px;}

.ucarunit_info .infotitle {display:table;table-layout:fixed;width:100%;}
.ucarunit_info .infotitle > * {display:table-cell;vertical-align:top;}
.ucarunit_info .infotitle > p * {font-size:2rem !important;font-weight:bold;}
.ucarunit_info .infotitle > p *:not(:nth-last-child(1)) {margin-right:0.2em;}
.ucarunit_info .infotitle > span {width:2em;text-align:right;}
.ucarunit_info .infotitle > span i {cursor:pointer;}

.ucarunit_info .infosubtitle {display:table;table-layout:fixed;width:100%;}
.ucarunit_info .infosubtitle > * {display:table-cell;vertical-align:middle;}
.ucarunit_info .infosubtitle > *:not(:nth-last-child(1)) {padding-right:0.5em;}
.ucarunit_info .infosubtitle img {width:100%;}
.ucarunit_info .infosubtitle > span {width:4em;}
.ucarunit_info .infosubtitle > label {width:7em;}
.ucarunit_info .infosubtitle > p em {display:block;height:1.7em;line-height:1.7em;}
.ucarunit_info .infosubtitle > strong {width:8em;text-align:right;}
.ucarunit_info .infosubtitle > strong em {font-size:2.5rem !important;}
.ucarunit_info .infosubtitle > strong small {margin-left:0.2em;}
.ucarunit_info .infosubtitle > strong *, .ucarunit_info .infosubtitle > p * {font-weight:bold;}

.ucarunit_info ul.infoveh {display:flex;padding:10px 0px;flex-wrap:wrap;border-bottom:1px solid hsl(0,0%,80%);}
.ucarunit_info ul.infoveh li {display:inline-flex;width:33.33%;align-items:flex-start;padding:10px 0px;padding-right:0.5em;}
.ucarunit_info ul.infoveh li > span {width:2.5rem;}
.ucarunit_info ul.infoveh li > p {flex:1;margin-left:0.2em;overflow:hidden;}
.ucarunit_info ul.infoveh li > p > * {display:block;line-height:1.5em;}
.ucarunit_info ul.infoveh li > p > em, .ucarunit_info ul.infoveh li > p > em > * {font-weight:bold;}

.ucarunit_info .lbcbx_wrapper {margin:20px 0px;}

.ucarunit_info .infodept {border-radius:10px;padding:1em;}
.ucarunit_info .infodept > *:not(:nth-last-child(1)) {margin-bottom:0.5em;}
.ucarunit_info .infodept dd {display:table;table-layout:fixed;width:100%;}
.ucarunit_info .infodept dd > * {display:table-cell;vertical-align:top;}
.ucarunit_info .infodept dd > span {width:1.7em;}
.ucarunit_info .infodept dd > label {width:3em;}
.ucarunit_info .infodept dd > label.bushour {width:5em;}
.ucarunit_info .infodept dd > p *:not(:nth-last-child(1)) {margin-right:0.5em;}
.ucarunit_info .infodept dd > p > ins {cursor:pointer;}
.ucarunit_info .infodept dt, .ucarunit_info .infodept p * {font-weight:bold;}

.ucarunit_actionsheet {margin:0px;padding:0px;line-height:10px;position:absolute;top:55px;right:30px;background-color:#FFF;border-radius:5px;border:1px solid hsl(0,0%,77%);box-shadow:2px 2px 5px 1px hsl(0,0%,65%);transition:box-shadow 0.2s;z-index:2;}
.ucarunit_actionsheet > * {display:inline-block;padding:5px 10px;}
.ucarunit_actionsheet > * > * {margin:1px 5px;width:2em;float:left;text-align:center;cursor:pointer;}
.ucarunit_actionsheet button {display:block;margin:0px auto;}

/* ShopWindow */
.ucarunit_ext > *:not(:nth-last-child(1)) {margin-bottom:0.5em;}

.ucarunit_ext .unitext_title {display:flex;width:100%;padding:0px 3.5em;align-items:flex-start;}
.ucarunit_ext .unitext_title > dt {flex:1;}
.ucarunit_ext .unitext_title > dt > * {font-size:2rem !important;font-weight:bold;}
.ucarunit_ext .unitext_title > dt > *:not(:nth-last-child(1)) {margin-right:0.2em;}

.ucarunit_ext .unitext_footer {display:flex;width:100%;padding:0px 1.5em;justify-content:center;}
.unitext_footer dd {overflow:hidden;overflow-x:auto;}
.unitext_footer .unitext_pagin {display:none;}

.unitext_pagin > ol {white-space:nowrap;}
.unitext_pagin > ol > li {display:inline-block;width:1.8em;height:2em;line-height:1.5em;padding:5px;margin:0px 1px;border-radius:5px;text-align:center;cursor:pointer;}
.unitext_pagin > ol > li > ins {line-height:inherit;}
.unitext_pagin > ol > li:hover, .unitext_pagin > ol > li.onSel {font-weight:bold;background-color:hsl(0,0%,90%);color:hsl(358,80%,44%);}

.ucarunit_ext .unitext_shopwindow {display:flex;width:100%;align-items:center;}
.ucarunit_ext .unitext_shopwindow > div {flex:1;margin:0px 1em;overflow:hidden;}

/* shopwindow_list 差異化 */
/* 2023-08-08: Chiuhua # 230601756, 新增 .shopwindow_list 樣板櫥窗的 :hover 互動樣式 (套用樣版的品牌一併優化) */
.unitext_shopwindow ul.shopwindow_list {margin:0px;white-space:nowrap;}
.unitext_shopwindow ul.shopwindow_list > li {display:inline-block;width:14em;padding:10px;}
.unitext_shopwindow ul.shopwindow_list > li > div {padding:10px;}
.unitext_shopwindow ul.shopwindow_list > li > div:hover {box-shadow:0px 0px 10px 2px hsla(0,0%,0%,0.45);}
.unitext_shopwindow ul.shopwindow_list > li > div > * {display:block;width:100%;}
.unitext_shopwindow ul.shopwindow_list > li .ribbon {top:8px;left:20px;}
.unitext_shopwindow ul.shopwindow_list > li .badge_star_gold {top:8px;left:20px;}
.unitext_shopwindow ul.shopwindow_list .info {padding:0px;}

@media all and (max-width:1279px) {
.ucarunit_photo .photo_viewer_slide_hor {height:5rem;}
.ucarunit_main {padding:30px 20px;}
.ucarunit_main .ucarunit_info {padding:10px;}
}

@media all and (max-width:1023px) {
.ucarunit_banner > .banner_wrapper {height:60px;}
.main_wrapper.ucarunit_wrap {padding-top:60px;}

.ucarunit_main {padding:0px;background:#FFF;}
.ucarunit_main .ucarunit_photo {margin-top:10px;}
.ucarunit_main .ucarunit_photo, .ucarunit_main .ucarunit_info {width:100%;}
.ucarunit_photo .photo_viewer_slide_hor {display:none;}

.ucarunit_main .ucarunit_info {padding:10px 50px;}

.ucarunit_ext .unitext_shopwindow > div {margin:0px 10px;}
}

@media all and (max-width:699px) {
.ucarunit_main .ucarunit_info {padding:10px;}
.ucarunit_info ul.infoveh li {width:50%;}

.ucarunit_info .infosubtitle > span {width:3em;}
.ucarunit_info .infosubtitle > label {width:5em;}
.ucarunit_info .infosubtitle > strong {width:7em;}
.ucarunit_info .infosubtitle > strong em {font-size:2rem !important;}

.ucarunit_ext .unitext_title {padding:0px 1.5em;}
.unitext_title .unitext_pagin {display:none;}
.unitext_footer .unitext_pagin {display:block;}

.ucarunit_ext .unitext_shopwindow > div {margin:0px;}
.unitext_shopwindow ul.shopwindow_list > li {width:12em;padding:5px;}
.unitext_shopwindow ul.shopwindow_list > li > div {padding:10px;box-shadow:0px 0px 10px 2px hsla(0,0%,0%,0.15);}
.unitext_shopwindow ul.shopwindow_list > li .ribbon {top:3px;left:15px;}
.unitext_shopwindow ul.shopwindow_list > li .badge_star_gold {top:3px;left:15px;}
.unitext_shopwindow i.ico_prev_b, .unitext_shopwindow i.ico_next_b {min-width:1.66rem !important;min-height:2.28rem !important;}
.unitext_shopwindow i.ico_prev_b:before, .unitext_shopwindow i.ico_next_b:before {transform:none !important;}
}