/* ===== HERO SECTION ===== */
.hero_section {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 710px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.hero_content {
    padding-left: 80px;
    max-width: 620px;
}

.hero_en_title {
    color: #A1C5D6;
    font-size: 32px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.hero_main_title {
    color: #fff;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}

.hero_subtitle {
    font-size: 24px;
    color: #fff;
    line-height: 1.6;
}

.hero_tag {
    color: #9AD1D4;
    font-weight: bold;
    border: 2px solid #9AD1D4;
    border-radius: 8px;
    padding: 1px 10px;
    display: inline-block;
    vertical-align: middle;
}
/* ===== END HERO ===== */

.index_top {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 810px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0;
}

.title_area {
    position: absolute;
    text-align: center;
    top: 10rem;
    color: #000;
    width: 100%;
}
.title {
    font-size: 52px;
    font-weight: bold;
    height: 40px;
    padding: 5px;
    letter-spacing: 20px;
    color: #ffffff;
}
.title2 {
    font-size: 42px;
    font-weight: bold;
    height: 40px;
    padding: 15px;
    letter-spacing: 10px;
    color: #ffffff;
}
.sub_title {
    /*font-size: 30px;
    letter-spacing: 8px;*/

}
.title_area .service {
    margin: 0 0 10px 0;
    font-size: 26px;
    color: #ffffff;
}
.index_select {
    /*position: relative;
    height: 100%;
    width: auto;*/
    margin-top: -10px;
}
.img_select {
    top: 240px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}
.img_select div {
    display: inline-block;
    margin: 0 -15px;
    color: #80CED7;
    cursor: pointer;
}
/* Zoom In #1 */
.img_select div figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 80px;
}
.img_select div figure:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.img_select div h2 {
    font-size: 18px;
    margin-top: 0px;
}
#typeID {
    position: absolute;
    left: 200px;
    top: 180px;
    width: 150px;
}
.select_option {
    position: absolute;
    top: 430px;
    text-align: center;
    width: 100%;
}
.select_option select {
    margin-right: 30px;
}
.select_option .num, .service .num {
    color: #000;
    font-size: 32px;
    Font-family:Verdana, MS PGothic, Meiryo;
    vertical-align: middle;
}
.cityID {
    /*position: absolute;
    left: 150px;
    top: 360px;
    width: 100px;*/
}

.carBrandID {
    /*position: absolute;
    left: 360px;
    top: 360px;
    width: 150px;*/
}
.type {
    /*position: absolute;
    left: 650px;
    top: 180px;
    width: 250px;*/
}

.select_repair {
    /*display: none;*/
}
.tag {
    /*position: absolute;
    left: 650px;
    top: 250px;*/
    width: 250px;
}
.category0 {
    display: none;
}
.category1 {
    display: none;
    /*position: absolute;
    left: 650px;
    top: 250px;*/
    width: 170px;
}
.category2 {
    display: none;
    /*position: absolute;
    left: 830px;
    top: 250px;*/
    width: 170px;
}

.button {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: 380px;
}
.button div {
    margin-left: 0;
}

select.gray {
    border: 1px solid #CED4DA;
    background-color: #ffffff;
    color: #212529;
    height: 50px;
    width: 160px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 16px;
    padding-right: 16px;
}
option.gray {
    font-size: 20px;
    font-weight: bold;
}

.five {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 810px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.five_deco {
    font-size: 13px;
    font-weight: bold;
    color: #CCDBDC;
    letter-spacing: 2px;
    margin-bottom: 6px;
}

.five_title {
    font-size: 40px;
    letter-spacing: 3px;
    line-height: 1.4;
    margin-bottom: 40px;
}

.five_t_normal {
    color: #003249;
    font-weight: normal;
}

.five_t_highlight {
    color: #80CED7;
    font-weight: bold;
}

.why_can_do {
    display: inline-block;
    background-color: #003249;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 12px 28px;
    border: none;
    border-radius: 0;
    text-decoration: none;
}

.five_btn_area {
    margin-top: 30px;
    text-align: center;
}

.five_text {
    display: flex;
    justify-content: center;
    gap: 24px;
    width: 100%;
}
.five_text > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 272px;
    height: 304px;
    background-color: #ffffff;
    padding: 20px;
    box-sizing: border-box;
}
.five_text > div img {
    width: auto;
    height: 152px;
    object-fit: contain;
    margin-bottom: 14px;
}
.five_sub {
    display: block;
    font-weight: bold;
    font-size: 20px;
    color: #003249;
    margin-bottom: 8px;
}
.five_sub_text {
    font-size: 15px;
    color: #333;
    line-height: 1.6;
    text-align: left;
}
.sub_1, .sub_2, .sub_3, .sub_4 {
    background-image: none;
    padding: 20px;
    height: 304px;
}
.index_count {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 327px;
    background: linear-gradient(135deg, #003249 0%, #00121A 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* margin-bottom: 30px; */
}
.count_a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    font-weight: bold;
    color: #80CED7;
    width: 20%;
    border-right: 1px solid rgba(8, 76, 129, 0.4);
}
.count_a:last-child {
    border-right: none;
}
.count_a .count_text {
    font-size: 20px;
    font-weight: normal;
    color: #DEE2E6;
}

.evaluation {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 886px;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 60px;
    box-sizing: border-box;
    margin-bottom: 30px;
    overflow: hidden;
}

.evaluation_deco {
    font-size: 13px;
    font-weight: bold;
    color: #CCDBDC;
    letter-spacing: 2px;
    margin-bottom: 6px;
}

.evaluation_title, .cars_step_title {
    font-size: 40px;
    letter-spacing: 3px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.evaluation_some {
    font-size: 20px;
    font-weight: normal;
    color: #003249;
    margin-bottom: 30px;
}

.evaluation_area {
    height: 420px;
    margin-top: 40px;
    max-width: 113.75rem;
    cursor: pointer;
}
.anythingSlider-default .anythingWindow {
    border: none;
}
#slider div {
    vertical-align:middle;
}
#slider div div {
    display: inline-block;

}
#slider .evaluation_left_area {
    float: left;
    /*border: solid;*/
    margin-right: 20px;
}

#slider .evaluation_left_area img {
    width: 400px;
    height: 300px;
    border-radius: 10%;
}
#slider .evaluation_right_area {
    float: left;
    position: relative;
    width: 650px;
}
#slider .evaluation_right_area div {
    position: relative;
    text-align: left;
    /*height: 300px;*/

}
#slider .evaluation_right_area .garage_name {
    width: 100%;
    font-size: 24px;
    font-weight: bold;
}
#slider .evaluation_right_area .user_area {
    float: left;
    height: 240px;
    padding: 20px 20px;
    line-height: 30px;
    /*vertical-align: middle;*/
}

#slider .evaluation_right_area .user_img {
    border-radius: 50%;
    height: 120px;
}

#slider .evaluation_right_area .user_right {
    width: 480px;
}

#slider .evaluation_right_area .user_say div{
    position: relative;
    display: block;
    font-size: 20px;
    color: #b3b3b3;
}
.city {
    font-size: 18px;
}
#slider .user_area .user_star {
    text-align: center;
}
#slider .user_star {
    width: 480px;
    text-align: center;
}
.total_star {
    font-size: 36px;
    color: #9AD1D4;
    font-weight: bold;
    /*margin-right: 20px;*/
    width: 480px;
   margin: 0px auto;
}
.star_text {
    font-size: 16px;
}
.star span {
    font-size: 20px;
    padding-right: 25px;
}
.star .o,.x{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: -10px;
}
.star .o{
    background: url(/css/images/star.png?);
    background-size: auto 16px;
    background-repeat: no-repeat;

}
.star .x{
    background: url(/css/images/nonStar.png?);
    background-size: auto 16px;
    background-repeat: no-repeat;
}

/* ===== CARS STEP ===== */
.cars_step {
    position: relative;
    height: calc(860px + 300px * 4);
}
.cars_step_sticky {
    position: sticky;
    top: 65px;
    height: 860px;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
}
.cars_step_inner {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
}
.cars_step_header {
    text-align: center;
    margin-bottom: 48px;
}
.cars_step_deco {
    font-size: 13px;
    font-weight: bold;
    color: #CCDBDC;
    letter-spacing: 4px;
    margin-bottom: 8px;
}
.cars_step_title_new {
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #003249;
}
.step_t_highlight {
    color: #80CED7;
}
.cars_step_layout {
    display: flex;
    align-items: center;
    gap: 60px;
}
/* 左側導覽 */
.cars_step_nav {
    width: 160px;
    flex-shrink: 0;
}
.step_nav_item {
    font-size: 20px;
    color: #bbb;
    cursor: pointer;
    padding: 16px 0;
    line-height: 1.4;
    transition: color 0.3s;
    user-select: none;
}
.step_nav_dash {
    color: #bbb;
    margin-right: 8px;
    transition: color 0.3s;
}
.step_nav_item.active {
    color: #007EA7;
    font-weight: bold;
}
.step_nav_item.active .step_nav_dash {
    color: #007EA7;
}
/* 中央圖片 */
.cars_step_visual {
    flex: 1;
    position: relative;
    height: 460px;
}
.step_img_item {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.step_img_item.active {
    opacity: 1;
}
.step_img_item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
/* 右側說明 */
.cars_step_descs {
    width: 260px;
    flex-shrink: 0;
    position: relative;
    height: 200px;
}
.step_desc_item {
    position: absolute;
    top: 0; left: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}
.step_desc_item.active {
    opacity: 1;
    pointer-events: auto;
}
.step_circle_num {
    font-size: 44px;
    color: #003249;
    margin-bottom: 16px;
    line-height: 1;
}
.step_desc_text {
    font-size: 22px;
    color: #003249;
    line-height: 1.7;
}
.step_desc_link {
    color: #80CED7;
    font-weight: bold;
}
/* ===== END CARS STEP ===== */

.media_report {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 794px;
    background: #F8F9FA;
    display: flex;
    align-items: center;
    justify-content: center;
}
.media_report_inner {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
}
.media_report_header {
    text-align: center;
    margin-bottom: 40px;
}
.media_deco {
    font-size: 13px;
    font-weight: bold;
    color: #CCDBDC;
    letter-spacing: 4px;
    margin-bottom: 8px;
}
.media_title {
    font-size: 40px;
    font-weight: bold;
    color: #003249;
    letter-spacing: 3px;
}
.media_list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
}
.media_list li {
    border-bottom: 1px solid #DEE2E6;
    padding: 20px 0;
}
.media_list li:first-child {
    border-top: 1px solid #DEE2E6;
}
.media_list li a {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #003249;
    text-decoration: none;
    gap: 14px;
    transition: color 0.2s;
}
.media_list li a:hover {
    color: #007EA7;
}
.media_icon {
    color: #CED4DA;
    font-size: 18px;
    flex-shrink: 0;
}
.media_dash {
    color: #ADB5BD;
    letter-spacing: 2px;
    flex-shrink: 0;
}
.media_source {
    color: #003249;
    font-weight: bold;
    white-space: nowrap;
}
.media_btn_area {
    text-align: center;
}
.media_more_btn {
    display: inline-block;
    background-color: #003249;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 14px 36px;
    text-decoration: none;
    letter-spacing: 1px;
    transition: background-color 0.2s;
}
.media_more_btn:hover {
    background-color: #005d7a;
    color: #ffffff;
    text-decoration: none;
}
/*

#navigation{display:none}

#menuBar{position:relative;z-index:1;top:121px}

#content{overflow:hidden}

#page{overflow:visible}

.bgFloat{width:400px;height:333px;position:absolute;right:0px;top:120px;background-image:url(images/bgFloat.png);z-index:0}

.advantage{margin-top:43px;margin-left:74px;position:relative;height:485px}

.advantage .main_img{position:absolute;top:0px;left:0px; z-index: -1;}

button{border:3px #d3d2d2 solid;color:#FFF; }

/*a{color:blue;text-decoration:underline}*/

/*.reg{text-align:center;color:#a49f9f;font-size:40px;letter-spacing:2px;line-height:42px;margin:40px 0 40px 0}

#search{width:752px;background-image:url(images/searchBg.png);box-shadow:5px 5px 5px rgba(0,0,0,0.4);margin:0px auto;position:relative;padding:20px;margin-top:20px}

h3{font-size:36px;color:#990000;font-weight:normal;margin:12px 32px}

table{margin:0px 32px;width:100%}

td{height:40px}

#search button{margin:20px 260px}

#search .sticker_1{background-image:url(images/sticker_1.png);position:absolute;left:-38px;top:-30px;width:81px;height:92px}

#search .sticker_2{background-image:url(images/sticker_2.png);position:absolute;right:-38px;bottom:-40px;width:81px;height:92px}

#search label{display:inline-block}

.tool1{position:absolute;width:134px;height:343px;left:-42px;top:481px;background-image:url(images/tool_1.png);z-index:3}

.tool2{position:absolute;width:76px;height:268px;right:-4px;top:354px;background-image:url(images/tool_2.png)}

.tool3{position:absolute;width:54px;height:78px;left:11px;top:201px;background-image:url(images/tool_3.png)}

#userInformationBar{display:none}

.reservations{background-image:url(/img/board.png);background-size:100%;min-height:200px;width:800px;margin-top:80px;margin-left:80px;padding:20px 0px;box-shadow:3px 3px 4px #CCC}

.reservations h3{margin:5px 30px;margin-bottom:14px;font-size:24px;float:left;width:300px;border-bottom:2px solid #990000;padding-bottom:5px}.reservations td{height:30px;text-align:center;color:#444}

.reservations .top td{color:#900;border-bottom:1px #900 solid}

.reservations a{float:right;color:#1F1FB0;margin-right:20px;margin-top:15px;border-bottom:1px solid #1f1fb}

.reservations table{width:740px}

.advantage_z {
	position: relative;
	float: left;
	z-index: 0;
	width: 370px;
	height: 400px;
	background-color:rgba(255,255,255,0.7);
	margin: 45px 30px;
}

.advantage_z .title_z {
	color:#4D98DC;
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin: 30px auto 10px auto;
}

.table_z{
	border-spacing: 0px;
	padding: 0px;
	text-align:left;
	margin: 0 auto;
	width: 360px;
}

.table_z td{
	padding: 5px 0 0 18px;
	margin: 0;
}

.table_z .buttonTD{
	padding: 20px 0 0 0;
	text-align:center;
}

.table_z_inner{
	border-spacing: 0px;
	padding: 0px;
	text-align:left;
	margin: 0 auto;
	width: 340px;
}

.table_z_inner td{
	padding: 5px 0 0 0px;
	margin: 0;
}

.joinus {
	margin: 30px auto;
	text-align:center;
}

.main_video {
	margin: 100px auto 50px auto;
	text-align:center;
}

.main_video_inner {
	width:560px;
	margin: 0px auto 0px auto;
	text-align:left;
}
*/


/*.index_count {
    background-image: url( /img/index/background2.jpg?);
    background-size: auto 125%;
    background-repeat: no-repeat;
    height: 220px;
    text-align:center;
    width: auto;
}

.count_a {
    display: inline-block;
    padding-top: 15px;
    float: left;
    width: 25%;
}

.count_num {
    font-size: 40px;
    font-weight: bold;

}

.count_num span {
    font-size: 22px;
}
*/


/*.inquiries {
	position: absolute;
	right: 55px;
    bottom: 170px;
    width: 363px;
    height: 74px;
    background: url(../css/images/index/inquiries.png?) center center no-repeat;
    cursor: pointer;
}

.inquiries2 {
    position: absolute;
    right: 55px;
    bottom: 100px;
    width: 363px;
    height: 74px;
    background: url(../css/images/index/inquiries2.png?) center center no-repeat;
    cursor: pointer;
}*/


/*
.car_status_a {
	position: absolute;
	right: 75px;
    bottom: 335px;
    width: 258px;
    height: 30px;
    background: url(../css/images/index/car_status_a.png) center center no-repeat;
}

.car_status_b {
	position: absolute;
	right: 75px;
    bottom: 265px;
    width: 259px;
    height: 30px;
    background: url(../css/images/index/car_status_b.png) center center no-repeat;

}

.repair_radio {
		position: absolute;
		left: -80px;
		top: -8px;
		width: 40px;
		height: 40px;
}

.tag#tag {
		position: absolute;
		right: 75px;
    bottom: 170px;
    width: 335px;
    padding-left: 6px;
    padding-bottom: 1px;
}

.category0#category0, .category1#category1 {
		position: absolute;
		right: 230px;
    bottom: 170px;
    width: 180px;
    display:none;
    padding-left: 6px;
    padding-bottom: 1px;
}

.category2#category2, .categoryTemp#categoryTemp {
		position: absolute;
		right: 75px;
    bottom: 170px;
    width: 120px;
    display:none;
    padding-left: 6px;
    padding-bottom: 1px;
}*/

/*.typeID#typeID {
	position: absolute;
	left: 95px;
    bottom: 150px;
    width: 155px;
    padding-left: 6px;
    padding-bottom: 1px;
}*/

/*.cityID#cityID {
		position: absolute;
		left: 275px;
    bottom: 150px;
    width: 155px;
    padding-left: 6px;
    padding-bottom: 1px;
}*/

/*.carBrandID#carBrandID {
	position: absolute;
	left: 95px;
    bottom: 80px;
    width: 335px;
    padding-left: 6px;
    padding-bottom: 1px;
}*/
/*
.carSize#carSize {
		position: absolute;
		right: 165px;
    bottom: 290px;
    width: 150px;
    padding-left: 6px;
    padding-bottom: 1px;
}

#carSize_wording {
	position: absolute;
	right: 68px;
    bottom: 190px;
    width: 342px;
    height: 67px;
    background: url(../css/images/index/how_know.png) center center no-repeat;
}

#step_index {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 960px;
    height: 897px;
    background: url(../css/images/index/step.jpg?) center center no-repeat;
}

#media_report {
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto 40px auto;
    width: 960px;
    height: 170px;
    background: url(/css/images/index/media_banner.jpg?);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#fblink {
    position: absolute;
    left: 75px;
    top: 610px;
}

#assured {
    position: absolute;
    left: 415px;
    top: 630px;
}

.select_beauty {
		display: none;
}
*/



/*
.site_link1 {
    position: absolute;
    width: 150px;
    height: 90px;
    left: 25px;
    top: 60px;
}

.site_link2 {
    position: absolute;
    width: 155px;
    height: 70px;
    left: 215px;
    top: 70px;
}

.site_link3 {
    position: absolute;
    width: 150px;
    height: 90px;
    left: 410px;
    top: 60px;
}

.site_link4 {
    position: absolute;
    width: 150px;
    height: 90px;
    left: 600px;
    top: 60px;
}

.site_link5 {
    position: absolute;
    width: 155px;
    height: 70px;
    left: 780px;
    top: 70px;
}

.site_link6 {
    position: absolute;
    width: auto;
    height: 35px;
    left: 900px;
    top: 155px;
    font-size: 14px;
}*/
/*
.mySearchButton {
    -moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
    -webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
    box-shadow:inset 1px 1px 0px 0px #bbdaf7;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
    background-color:#79bbff;
    -moz-border-radius:42px;
    -webkit-border-radius:42px;
    border-radius:42px;
    border:2px solid #84bbf3;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:28px;
    font-weight:bold;
    padding:13px 35px;
    text-decoration:none;
    text-shadow:2px 1px 0px #528ecc;

    position: absolute;
    left: 135px;
    bottom: 10px;
}
.mySearchButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
    background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
    background-color:#378de5;

}
.mySearchButton:active {
    position: absolute;
    left: 135px;
    bottom: 10px;
}

*/

/* ===== SEARCH BUTTON OVERRIDE ===== */
.myButton {
    all: unset;
    display: inline-block;
    background-color: #007EA7 !important;
    background-image: none !important;
    background: #007EA7 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    color: #ffffff !important;
    text-shadow: none !important;
    width: 566px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0;
}
.myButton:hover {
    background: #005d7a !important;
    background-color: #005d7a !important;
    background-image: none !important;
}

/* ===== EVALUATION SLIDER ===== */
.evaluation_area {
    max-width: 113.75rem;
    width: 90%;
    margin: 40px auto 0;
}

/* 每張 slide 的卡片容器：左右分欄 */
#slider > div {
    display: flex !important;
    width: 80rem;
    max-width: 113.75rem;
    padding: 3.25rem;
    align-items: center;
    gap: 3.25rem;
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}

/* 左側：純圖片，無文字無 icon */
#slider .evaluation_left_area {
    flex-shrink: 0 !important;
    width: 360px;
    align-self: stretch;
    float: none !important;
    margin-right: 0 !important;
}
#slider .evaluation_left_area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    display: block;
}

/* 右側：flex column（padding 由外層 panel 統一處理） */
#slider .evaluation_right_area {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column;
    gap: 14px;
    padding: 0;
    box-sizing: border-box;
    float: none !important;
    overflow: hidden;
    width: auto !important;
    position: static !important;
}
#slider .evaluation_right_area > div {
    text-align: left;
    position: static !important;
}

/* ── Row 1: 店名 ── */
.ev_row1 {
    display: block !important;
}
.ev_garage_name {
    font-size: 22px;
    font-weight: 700;
    color: #003249;
    line-height: 1.3;
}
.ev_city {
    font-size: 14px;
    color: #888;
    font-weight: normal;
    margin-left: 8px;
}

/* ── Row 2: 頭像 + 用戶名/日期/車種 + 總評分（右） ── */
.ev_row2 {
    display: flex !important;
    align-items: center;
    gap: 14px; 
}
.ev_avatar {
    flex-shrink: 0;
}
.ev_avatar img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    border: 2px solid #e0e0e0;
}
.ev_user_info {
    display: flex !important;  
    flex-direction: column;
    gap: 4px;
    flex: 1; 
    min-width: 0;
}
.ev_user_name {
    font-size: 16px;
    font-weight: 600;
    color: #003249;
}
.ev_user_meta {
    display: flex !important;
    gap: 16px;
    align-items: center;
}
.ev_meta_item {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #6C757D;
}
.ev_meta_icon {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}
.ev_total_score {
    display: flex !important;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}
.ev_score_num {
    font-size: 58px;
    font-weight: 900;
    color: #007EA7;
    line-height: 1;
}
.ev_score_label {
    font-size: 16px;
    color: #007EA7;
    font-weight: 600;
}

/* ── Row 3: 分項評分（淺色框，flex-wrap 2×2）── */
.ev_ratings_box {
    display: flex !important;
    width: 36.875rem;
    padding: 2rem 1.5rem;
    align-items: flex-start;
    align-content: flex-start;
    gap: 1rem 5.875rem;
    flex-wrap: wrap;
    background: #f5f7f9;
    border-radius: 8px;
    box-sizing: border-box;
}
.ev_rating_item {
    display: flex !important;
    align-items: center;
    gap: 10px;
}
.ev_rating_label {
    font-size: 16px;
    color: #6C757D;
    white-space: nowrap;
    min-width: 52px;
}
/* 星星：JS 注入 .o / .x */
.ev_rating_item .rating {
    display: inline-flex !important;
    align-items: center;
    gap: 2px;
}
.ev_rating_item .rating .o,
.ev_rating_item .rating .x {
    width: 16px !important;
    height: 16px !important;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    margin: 0 !important;
    margin-top: 0 !important;
    /* filter: invert(73%) sepia(31%) saturate(512%) hue-rotate(148deg) brightness(99%) contrast(88%); */
}
.ev_rating_item .rating .o {
    background-image: url(/css/images/star3.png) !important;
}
.ev_rating_item .rating .x {
    background-image: url(/css/images/nonStar3.png) !important;
}

/* ── Row 4: 評價內容 ── */
.ev_row4 {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    align-self: stretch;
    flex: 1;
    min-height: 0;
}
.ev_comment_title {
    font-family: Inter, sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.08rem;
    color: #CCDBDC;
}
.ev_comment_text {
    font-family: Inter, sans-serif;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: 0.08rem;
    color: #003249;
    text-align: justify;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* ===== END EVALUATION SLIDER ===== */
/* ===== END SEARCH BUTTON ===== */

/* ===== VIDEO SECTION ===== */
#video_section {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #003249;
    padding: 70px 0 80px;
    margin-top: 0;
    text-align: center;
}
.video_inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}
.video_deco {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.35em;
    color: #CCDBDC;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.video_title {
    font-size: 36px;
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 48px;
    line-height: 1.2;
}
.video_thumbs {
    display: flex;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}
.video_thumb {
    position: relative;
    width: 520px;
    cursor: pointer;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.video_thumb:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 48px rgba(0,0,0,0.55);
}
.video_thumb img {
    width: 100%;
    height: 292px;
    object-fit: cover;
    display: block;
}
.video_play_btn {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 62, 90, 0.35);
    transition: background 0.2s ease;
}
.video_thumb:hover .video_play_btn {
    background: rgba(0, 62, 90, 0.15);
}
.video_play_btn .fa {
    font-size: 72px;
    color: #ffffff;
    opacity: 0.9;
    text-shadow: 0 2px 12px rgba(0,0,0,0.5);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.video_thumb:hover .video_play_btn .fa {
    transform: scale(1.1);
    opacity: 1;
}

/* ===== VIDEO MODAL ===== */
.video_modal_overlay {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.82);
    align-items: center;
    justify-content: center;
}
.video_modal_overlay.active {
    display: flex;
}
.video_modal_box {
    position: relative;
    width: 90vw;
    max-width: 900px;
    background: #000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 24px 80px rgba(0,0,0,0.7);
}
.video_modal_close {
    position: absolute;
    top: 10px;
    right: 14px;
    z-index: 10;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.2s;
}
.video_modal_close:hover {
    opacity: 1;
}
.video_modal_iframe_wrap {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.video_modal_iframe_wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}
/* ===== END VIDEO SECTION ===== */

/* ===== MEDIA WITNESS ===== */
#media_witness {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    background: #ffffff;
    padding: 64px 0 72px;
    text-align: center;
}
.media_witness_inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
}
.media_witness_title {
    font-size: 32px;
    font-weight: 900;
    color: #003249;
    margin: 0 0 48px;
    line-height: 1.2;
}
.media_witness_logos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 52px;
    flex-wrap: wrap;
}
.media_witness_logos a {
    display: inline-flex;
    align-items: center;
}
.media_witness_logos a img {
    height: 56px;
    width: auto;
    display: block;
}
/* ===== END MEDIA WITNESS ===== */

/* ===== NEW FOOTER ===== */
#footer {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw !important;
    background: #003249 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}
.new_footer_top {
    padding: 56px 0 48px;
}
.new_footer_inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    display: flex;
    align-items: flex-start;
    gap: 80px;
}
.new_footer_left {
    display: flex;
    flex-direction: column;
    gap: 28px;
    flex-shrink: 0;
}
.footer_logo_img {
    max-height: 48px;
    width: auto;
    display: block;
}
.footer_social_row {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.footer_social_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    background: transparent;
    border: 1px solid #ADB5BD;
    border-radius: 8px;
    font-size: 20px;
    color: #ADB5BD;
    text-decoration: none;
    transition: border-color 0.2s ease, color 0.2s ease;
    cursor: pointer;
}
.footer_social_btn:hover {
    border-color: #9AD1D4;
    color: #9AD1D4;
}
.footer_svg_icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.footer_svg_icon img {
    width: 24px;
    height: 24px;
    display: block;
}
.new_footer_right {
    flex: 1;
    padding-top: 6px;
}
.footer_nav_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px 40px;
}
.footer_nav_list li {
    padding: 0;
}
.footer_nav_list li a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 15px;
    line-height: 1.8;
    transition: color 0.2s ease;
}
.footer_nav_list li a:hover {
    color: #9AD1D4;
}
.footer_copyright_bar {
    max-width: 1180px;
    margin: 0 auto;
    padding: 20px 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    text-align: center;
    color: rgba(255, 255, 255, 0.4);
    font-size: 13px;
}
/* Override old #footer inner elements */
#footer .page,
#footer .navigation,
#footer .navigation ul,
#footer .navigation li,
#footer .customer_service,
#footer .footer_banner {
    display: none !important;
}
/* ===== END NEW FOOTER ===== */