@charset "utf-8";

/*共用*/
.clear { clear:both;}
.table0 { display:table;}
.table_tr { display:table-row;}
.table_td { display:table-cell; vertical-align:middle;}
.table_td2 { display:table-cell; vertical-align:top;}
.coverSet{width:100%;aspect-ratio: 4/3;object-fit: cover;transition:0.3s all;}
a:has(.coverSet){position:relative;}
a:has(.coverSet):after{--size:calc(100% - 30px);content:"\f00e";font:normal normal normal 14px/1 FontAwesome;font-size: clamp(20px,2.5vw,40px);position:absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.5);width: var(--size);height: var(--size);display: flex;align-items: center;justify-content: center;color: #FFF;transition: 0.3s all;opacity: 0;}
a:has(.coverSet):hover:after{opacity:1;}

/*youtube共用設定*/
.movie_box { margin:10px auto; padding-bottom:56.25%; width:100%; height:0; position: relative; text-align:center;}
.movie_box2 { margin:10px auto 30px auto; padding-bottom:56.25%; width:100%; height:0; position: relative; text-align:center;}
.movie_iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

/*按鈕*/
.btn_box { margin:2em 0 0 0; text-align:center;}
.btn_box2 { text-align:center;}
.btn_box3 { margin:15px 0 0 0; text-align:center;}
.btn_submit { font-size:15px;}
.btn_submit3 { padding:5px 5px; font-size:15px; width:50px;}

/*---------sidebar--------------*/
.navbar{ min-height:inherit;}
#sidenav{ text-align:center;}
.sidebar { margin:0 0 20px 0; }
.sidebar .navbar-toggle { display:none; width:100%; float:inherit; text-align:left; margin:0; padding-left:20px; color:#999; position:relative; }
.sidebar .navbar-toggle .fa-caret-down { position:absolute; right:15px; top:15px; }
.sidebar .navbar > li {  display:inline-block; }
.sidebar .navbar > li > a { display:inline-block; margin:0 2px; padding:8px 15px; font-size:1.6rem; color:#cccccc; border:1px solid #cccccc; border-radius: 14px;}
.sidebar .navbar > li > a:hover, .sidebar .navbar > .active > a { background:#0C8CCA; color:#fff; border:1px solid #39F; }
.sidebar .navbar > .active1 > a { background:none; color:#0C8CCA; }
.sidebar .navbar > .active {  }
.sidebar .navbar ul { list-style:none; margin:0; padding:15px; padding-top:0; }
.sidebar .navbar ul li a .fa { margin-right:4px; }
.sidebar .navbar ul > li > a { display:block; padding:5px 0 5px 30px;  text-decoration:none;  }
.sidebar .navbar ul > li > a:hover, .sidebar .navbar ul > li.active > a { color:#E00063;  }
.sidebar .navbar ul > li.active1 > a { color:#0C8CCA;  }
.sidebar .navbar ul > li.active2 > a { color:#0C8CCA;     background: #F1F1F1;  }
.sidebar_sub { margin-bottom:0px;}
.sidebar_sub li { margin-bottom:10px;}
.sidebar2 { display:none;}

/*賣車－線上免費估價*/
.sell_box { width:100%;}
.step_box, .step_box2 { clear:both; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #ccc;}
.step_box2 { margin-top:40px;}
.step_icon { float:left; padding-top:5px; width:35px; height:35px; color:#FFF; font-weight:bold; background-color:#2B9BC4; border-radius:50%; text-align:center;}
.step_title { margin-left:50px; color:#2B9BC4; font-size:2rem; font-weight:bold;}
.step_title2 { color:#2B9BC4; font-size:2rem; font-weight:bold;}
.brand_box { clear:both; overflow:hidden; margin:0; padding:0; list-style:none;}
.brand_box li { float:left; padding:11px; width:12.5%; cursor:pointer; text-align:center;}
.brand_box li img {max-width: 100%;height: auto;aspect-ratio: 1;object-fit: contain;background: #fff;}
/*.brand_box li:hover { padding:10px; border: 1px solid #2B9BC4;}*/
.brand_clear { clear:both;}
.model_box { clear:both; overflow:hidden; margin:0; padding:0; list-style:none;}
.model_title, .model_title2,.model_title3 { font-size:2rem; font-weight:bold;}
.model_title2 { margin-bottom:20px; text-align:center;}
.model_title3 { text-align:center; font-size:24px;}
.model_box li { float:left; margin-bottom:20px; padding:10px; width:16.6667%; cursor:pointer;}
.model_box li img {max-width: 100%;height: auto;aspect-ratio: 18/14;object-fit: contain;}
#show1a, #show2a { text-align:center;}
.remark1 { margin-left:20px; color:#333; font-size:15px; font-weight:normal;}
.result_box { }
.result_sub_box1 { clear:both; overflow:hidden; margin:35px auto 20px auto; width:90%;}
.search_select { float:left; margin:0 5px; width:30%;}
.result_sub_box2 { clear:both;}
.result_left { display:table-cell; vertical-align:top; width:25%;}
.result_left img { max-width: 100%;}
.result_right { display:table-cell; vertical-align:top; padding-left:15px; width:75%;}
.result_right:only-child{width:100%;padding: 0;display: block;}
.result_right table { width:100%; border-collapse: collapse; border-spacing:0;}
.result_right table th { padding:10px 5px; background-color:#6EADCF; color:#FFF; font-size:13px; font-weight: bold; text-align: center; border:1px #5495CB solid;}
.result_right table td { padding:10px 5px; font-size:13px; border:1px #5495CB solid;}
.finish2 { display:none;}

/*賣車－實價登陸*/
.d_table { width:100%; margin:15px 0 20px 0; border-collapse: collapse; border-spacing:0; font-size:14px; line-height:1.2; }
.d_table th {padding:5px;background-color:#6EADCF;color:#FFF;font-weight: bold;text-align: center;border:1px #5495CB solid;}	
.d_table_td {padding:10px 5px;background-color:#FFF;border-bottom: 3px #5495CB solid;border-left:1px #5495CB solid;border-right:1px #5495CB solid;}
.d_table tr:nth-child(odd) .d_table_td { background-color:#F8F8F8;}
.d_table th:nth-child(3), .d_table_td:nth-child(3) {width:100px;word-break: break-all;word-wrap:break-word;}
/* .d_table th:nth-child(4), .d_table_td:nth-child(4) { width:200px; word-break: break-all;  word-wrap:break-word;} */
.d_table_td--big{width:120px; word-break: break-all;  word-wrap:break-word;}
.d_prict { color:#C00;}
.d_table img {max-width: 130px;}
.d_table th[width="145"]{width: 145px;}

/*新品*/
.search_button { clear:both; padding-top:5px;}
.new_box { clear:both; overflow:hidden; margin:0; padding:0; list-style:none;}
.new_box li { float:left; margin-bottom:20px; padding:15px; width:25%;}
.new_box li img { max-width: 100%;}
.new_name {margin-top:10px;text-align:center;min-height: 48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.new_txt_box1 { margin:5px 0; color:#F60;}
.new_txt_box2 { float:left; margin:5px 0; }
.new_txt_box3 { float:left; margin:5px 0;}
.new_txt_box2 .bar, .new_txt_box3 .bar { display:inline-block; vertical-align:bottom; margin:10px 10px 0 0; max-width:90%; }
.new_lable1 { margin-right:10px;}
.new_contact { position: relative; margin: 20px 0 0 0; padding: 10px 15px 10px 60px; background: #f5f5f5; border: 5px solid #f1f1f1; border-radius: 6px;}
.new_contact:before { font-family: 'FontAwesome'; content: "\f003"; font-size:40px; position:absolute; left:15px; top:0; color:#CCC;}
.new_box2 { padding:35px 0 0 0;}
.new_box3 { clear:both; margin:50px 0 0 0;}
.new_box3 img { width:100%;}
.new_box3 .intro { padding:1em 0; }
.new_title1 { margin-bottom:15px; font-size:24px; font-weight:bold; text-align:center; background-image: url(../images/all/title_line.jpg); background-repeat: repeat-x; background-position: center 20px;}
.new_title1 span { padding:0 5px; background-color:#FFF;}
.new_movie_box { display:table; width:100%;}
.new_sub_box { display:table-cell; vertical-align:top; width:50%; }
.new_movie_txt { float:left; padding:0 10px; width:50%; word-break: break-all; }
.new_movie { float:left; vertical-align:top; padding:0 10px; width:50%;}

/*影音*/
.movie2_box .col-sm-4{  margin-bottom: 1.5rem; }
.movie2_img { position:relative; margin: 0 5px; width:95%; border:10px solid #FFF; box-shadow:0 0 10px #ccc; text-align:center; background:#000;}
.movie2_img img {  width:100%; max-width:100%;}
.movie2_img span { display:block; position:absolute; left:47%; top:47%; margin-top:-13px; margin-left:-13px; font-size:5rem; color:#FFFFFF;}
.movie2_img:hover { box-shadow:0 0 10px #1C3F77;}
.movie2_txt { margin:10px 0 0 0; text-align:center;}

/*貸款*/
.loan_box0 { display:table; margin:0 auto; width:100%;}
.loan_box0 .loan_title1 { margin-bottom:20px; font-weight:bold; font-size:24px;}
.loan_box1 { display:table-cell; vertical-align:top; padding:20px; width:55%;background-color:#F0F0F0;}
.loan_box2 { display:table-cell; vertical-align:middle; width:10%; text-align:center;}
.loan_icon1 { display:block;}
.loan_icon2 { display:none;}
.loan_box2 i { font-size:36px;}
.loan_box3 { display:table-cell; vertical-align:top; padding:20px; width:35%; background-color:#F0F0F0;}
.loan_field_box { margin-bottom:15px;}
.loan_field_box2 { margin-top:20px; text-align:center;}
.loan_field_tt1 { font-weight:bold; color:#1C3F77;}
.loan_field_tt1 i { padding-right:5px;}
.loan_field_dd2 { margin:10px 0 0 25px;}
.loan_field_dd3 { margin:0 0 0 25px;}

/*聯絡我們*/
.contact_box { clear:both; overflow:hidden; display:table; margin-bottom:25px; width:100%;}
.contact_left { display:table-cell; vertical-align:top; width:35%; position:relative; }
.contact_left iframe {  width:100%; height:100%; position:absolute; left:0; top:0; padding-right:20px; }
.contact_right { display:table-cell; vertical-align:top; width:65%;}
.contact_txt { margin-bottom:20px; color:#1C3F77;}
.field_box { clear:both; overflow:hidden; margin:0; padding:0 5px 0 5px; list-style:none;}
.field_box input, .field_box textarea { color:#000; font-size:15px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; }
.field_box li { clear:both; margin:0 0 20px 0; }
.field_box li.f .row { float:left; margin:0 0 20px 0; width:48%;}
.field_box li.f .row2 { float:right; margin:0 0 20px 0; width:48%;}
.field_box .input1, .field_box .input2, .field_box .input3 { width:100%; padding:10px; border:0; border-top:2px solid #2b9bc4; -webkit-box-shadow: #CCC 0px 0px 4px; -moz-box-shadow: #CCC 0px 0px 3px; box-shadow: #CCC 0px 0px 3px; behavior: url(/pie/PIE.htc);}
.field_box li .input2 { resize:vertical;  }
.field_box li .input3 { width:100px; border-top:2px solid #e43000; color:#900; font-weight:bold; text-align:center; }
.field_box .input1:focus, .field_box textarea:focus { -webkit-box-shadow: #2b9bc4 0px 0px 4px; -moz-box-shadow: #2b9bc4 0px 0px 4px; box-shadow: #2b9bc4 0px 0px 4px; behavior: url(/pie/PIE.htc);   }
.field_box .input3:focus { -webkit-box-shadow: #e43000 0px 0px 3px; -moz-box-shadow: #e43000 0px 0px 4px; box-shadow: #e43000 0px 0px 4px; behavior: url(/pie/PIE.htc);  }

.textareaNote{display:flex;flex-direction: row-reverse;}
.textareaNote__tt{padding:1rem;background: #e1eff4;box-shadow:#CCC 0px 0px 3px;display:flex;flex-direction:column;line-height: 1.25;border-top: 2px solid #2b9bc4;font-family: 'Noto Sans TC',sans-serif;color: #333;}
.textareaNote__tt span{padding:0.375rem 0;}
.textareaNote__tt span:not(:last-child){border-bottom:1px solid #ccc;}

/*會員登入*/
.login_box { clear:both; overflow:hidden; margin:0 auto 50px auto; width:85%;}
.login_left { display:table-cell; vertical-align:top; width:47%; padding-right:3%;}
.login_right { display:table-cell; vertical-align:top; width:47%; padding-left:3%;}
.login_title { margin-bottom:15px; padding-bottom:10px; font-size:2.5rem; font-weight:bold; border-bottom:2px solid #2B9BC4;}
.form_input { clear:both;}
.form_input p { clear:both; width:100%;}
.form_input .login_input { margin:10px 0; padding:10px 5px; width:100%; max-width:100%; border:1px solid #DFDFDF;}
.form_input .code { float:left; width:200px;}
.form_input .pw_box { float:left; margin-bottom:15px; font-size:16px;}
.form_input .pw_box a { }
.login_right .login_txt { padding-bottom:20px;}
.btn_login { float:right; margin:0; padding:10px; width:30%; font-size:15px; border-radius:5px;}

/*會員權益*/
.pact_box{}
.pact_txt_box { margin-bottom:20px;}
.pact_txt { position: relative; margin:10px 0 0 0; padding:0 0 10px 30px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999;}
.pact_txt:before { font-family: 'FontAwesome'; content: "\f05b"; font-size:20px; position:absolute; left:0; top:-2px; color:#2B9BC4;}

/*會員-忘記密碼*/
.forget_box { margin:0 auto; width:80%;}
.forget_title { margin-bottom:15px; padding-bottom:10px; font-size:2rem; font-weight:bold; border-bottom:2px solid #2B9BC4;}
.forget_txt {}

/*加入會員*/
.mem_data_box { margin:0 auto; width:85%;}
.mem_data_box input { display:inline-block;}
.join_txt, .join_txt2, .join_txt3 { margin:0 0 40px 0; padding: 10px 15px; background: #f5f5f5; border: 5px solid #f1f1f1; border-radius: 6px;}
.join_txt2 { margin:0 auto; width:100%;}
.join_txt3 { margin:30px 0 10px 0;}
.field_box1 { display:table; margin:0 auto 10px auto; padding:0 0 10px 0; width:100%;}
.field_title1, .field_title2, .field_title3 { display:table-cell; width:150px; color:#0C8CCA;}
.field_title2 { vertical-align:top;}
.field_data1 { display:table-cell;}
.field_sub_data1 { margin:5px 0;}
.fd_input, .fd_input2, .fd_input3, .fd_select, .fd_select2, .fd_textarea { margin:0; padding:5px; font-size:15px; border:1px solid #CCCCCC;}
.fd_input, .fd_textarea { width:100%;}/*修改密碼*/
.fd_select { width:60%;}
.fd_input2 { width:auto;}/*驗証碼*/
.fd_input3 { width:64.7%;}/*地址*/
.fd_input4 { margin:0; padding:5px; font-size:15px;}
.fd_select3 { margin:0; padding:1px 0; border:1px solid #CCCCCC;}
.field_data1 label { display:inline-block; margin-bottom:0px; max-width:100%; font-weight:normal;}

.mkBlock{padding: 10px;background: #f5f5f5;border: 5px solid #f1f1f1;border-radius: 6px;margin-top: 10px;font-size: 15px;}

/*.field_data1 span { margin:0;}*/
.photo_remark { color:#be0000;}
.confirm_box { margin:0 auto; width:41%; text-align:center;}
.confirm_sub_box { display:inline-block; margin:50px 0;}
.cf_td1 { display:table-cell; vertical-align:middle;}
.cf_td2 { display:table-cell; vertical-align:middle; padding:0 20px;}
.cf_td3 { display:table-cell; vertical-align:middle; text-align:left;}
.cf_fd_title1 { margin-bottom:15px; color:#0C8CCA;}
.confirm_icon { font-size:40px; color:#666;}

/*會員專區*/
.member_box { margin:65px auto; padding:20px; width:435px; background: #f5f5f5; border: 5px solid #f1f1f1; border-radius: 6px;}
.member_icon { margin-right:20px; width:100px; height:100px; border: 4px solid #2B9BC4; border-radius:50%; text-align:center;}
.member_icon i { color:#2B9BC4; font-size:6rem; line-height:90px;}

/*更換密碼*/
.chg_pw_box { margin:0 auto; width:40%;}
.field_title3 { width:100px;}

/*購買刊登方案*/
.buy_box { margin:0 auto; width:80%;}
.buy_title { margin-bottom:15px; padding-bottom:10px; font-size:2rem; font-weight:bold; border-bottom:1px solid #ccc;}
.buy_title2 { margin:50px 0 15px 0; padding-bottom:10px; font-size:2rem; font-weight:bold; border-bottom:1px solid #ccc;}
.buy_sub_title1 { font-size:15px; font-weight:normal;}
.pay_way { clear:both; margin:0; padding:0; }
.pay_way li { list-style:none; padding:0 0 10px 0;}
.txt_left { display:table-cell; vertical-align:top; width:47%; padding-right:3%;}
.txt_right { display:table-cell; vertical-align:top; width:47%; padding-left:3%;}

/*購買結果*/
.buy_box2 { margin:50px auto 30px auto; width:100%;}
.buy_ok_txt { margin-bottom:40px;}
.buy_ok_txt h2 { margin:0; width:100%; font-size:2.2rem; text-align:center; color:#4E89BB; font-weight:bold;}
.buy_number { margin:30px 0 20px 0; font-size:2.5rem; color:#000; font-weight:bold; padding-bottom:12px;}
.buy_remark { margin-top:20px; color:#C00;}

/*購買記錄列印*/
.print_box { margin:10px;}
.print_box1 { clear:both; overflow:hidden; margin-bottom:30px;}
.print_box1_left { float:left; padding-top:40px; width:200px; text-align:center;}
.print_box1_left img { width:95%;}
.print_box1_right { margin-left:210px;}
.print_title { margin:20px 0 20px 0; padding:10px; width:100px; background-color:#86BBF4; color:#fff; font-size:2rem; font-weight:bold;}
.print_title2 { float:left; margin-right:30px; font-weight:bold;}
.print_red { color:#900;}

/*賣車資訊管理*/
.me_list_bt { overflow:hidden; margin-top:30px;}
.me_list_left { float:left; padding-top:10px;}
.me_list_right { float:right;}
.btn_add { padding:6px 10px; width:120px; font-size:15px;}
.btn_edit { padding:6px 10px; /*font-size:15px;*/}
.btn_again { padding:6px 10px; width:80px; font-size:15px;}
.me_msg_box { display:table-cell; padding-right:20px;}
.me_msg_tt { color:#003ba6; font-weight:bold;}
.notes { list-style:none; padding:1em 2em; background:#fffef5; border:1px solid #efe9b3; }
.notes li { padding-left:1em; background-image: url(../images/disc.png); background-repeat: no-repeat; background-position: left 6px;}
.notes li.th { font-weight:900; background:none; padding-left:0; margin-bottom:5px; border-bottom:1px solid #CCC }

/*車輛鑑定 / 訂金保障*/
.guarantee_box { }
.title_box { clear:both; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #435394;}
.title_box2 { clear:both; margin-bottom:30px; padding:40px 0 20px 0; border-bottom:1px solid #435394;}
.title_icon { float:left; padding-top:3px; width:45px; height:45px; color:#FFF; font-size:2.5rem; font-weight:bold; background-color:#435394; border-radius:50%; text-align:center;}
.title_str { margin-left:50px; color:#435394; font-size:3rem; font-weight:bold;}
.img_box {}
.img_box img { width:100%;}

/*汽車維修線上估價*/
.brand_box2 {display: flex;}
.brand_box2 .brand_box2_l {margin-right: 10px;}
.brand_box2 .brand_box2_r {width:100%;}
.brand_box2 .brand_box2_r .model_box2 {margin:0; padding:0; list-style:none;}
.brand_box2 .brand_box2_r .model_box2 li {float:left;margin-right: 10px;margin-bottom:10px;cursor: pointer;width: calc( 100% / 6 - 9px);}
.brand_box2 .brand_box2_r .model_box2 li:nth-child(6n){margin-right:0;} 
.brand_box2 .brand_box2_r .model_box2 li:nth-child(6n+1) {clear:both;}
.brand_box2 .brand_box2_r .model_box2 li img { max-width: 100%;}
.item_box {margin:0; padding:0; list-style:none;}
.item_box li {float:left;margin-right: 10px;margin-bottom:10px;cursor: pointer;width: calc( 100% / 4 - 10px);}
.item_box li:nth-child(4n+1) {clear:both;}
.item_box li img { max-width: 100%;}
.img_box2 { margin:20px 0 30px 0; text-align:center;}
.img_box2 img { max-width: 100%;}
.item_box2 {margin:0; padding:0; list-style:none;}
.item_box2 li {float:left;margin-right: 10px;margin-bottom:30px;cursor: pointer;width: calc( 100% / 4 - 10px);}
.item_box2 li:nth-child(4n+1) {clear:both;}
.item_box2 li img { max-width: 100%;}

/*租車*/
.major-title.rental_t1 {color:#333;line-height: 1.5;font-size: 40px;font-weight: 500;letter-spacing: 0.05em;}
.rental_t2 { margin-bottom: 30px;text-align:center; font-size:18px; font-weight:600;}
.rental_top_img { text-align:center;}
.rental_top_img img{ margin-bottom:20px; max-width:100%;}
.rental_box { overflow:hidden; margin:20px 0; text-align:center;}
.rental_box .rental_item { float:left; margin:20px 10px; padding:20px 10px 10px 10px; background: #01c3ae; border-radius: 10px; width:calc( 100% / 3 - 20px ); }
.rental_box .rental_item:nth-child(3n+1) { clear:both; }
.rental_box .rental_item .rental_img { overflow:hidden; margin-bottom: 15px; text-align:center;}
.rental_box .rental_item img { display: inline-block; padding: 4px; max-width: 100%; /*width:calc( 100% / 2 - 20px );*/ background-color: #fff;/*border: 1px solid #ddd;*/border-radius: 4px;}
.rental_box .rental_item p { color:#FFF;}
.rental_box .rental_item .rental_title { font-size: 18px;}
.rental_box .rental_item .rental_price { color: #efff00;}
.rental_box .rental_item .rental_info .btn{padding: 7px;width: 100%;}

.noteBoard{padding: 20px;background: #edf7fc;}
.noteBoard.--big{font-size: 20px;}

.tbStyle{margin-bottom:2rem;}
.tbStyle th,.tbStyle td{padding: 0.25rem 0.5rem;text-align: center;}
.tbStyle thead{background:#1c3f77;color:#fff;}

@media screen and (max-width: 1024px) {

}

@media (max-width: 1024px) { /*iPad landscape*/
/*貸款*/
.loan_box0 { width:100%;}

/*加入會員*/
.mem_data_box { width:90%;}
.confirm_box { width:45%;}

}

@media (max-width: 996px) { 
/*更換密碼*/
.chg_pw_box { width:50%;}

/*賣車－線上免費估價*/
.result_sub_box1 { width:100%;}
.search_select { width:32%;}

}

@media (max-width: 768px) { /*iPad portrait*/
/* 自適應表格 */
.table-container { 
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
}

/*---------sidebar--------------*/
.navbar { margin-bottom:0;}
.sidebar { float:inherit; width:auto; border-radius:6px; border:1px solid #ddd;}
.sidebar .navbar-toggle { display:block;}
.sidebar .navbar > li { margin:0; display:block;}
.sidebar .navbar > li:last-child > a { border-bottom:none;}
.sidebar .navbar > li > a {display:block; padding:10px 20px; border:none; border-bottom:1px solid #eee; margin:0; border-radius:0px;}
.sidebar .navbar > li > a:hover, .sidebar .navbar > .active > a { border:0px solid #39F;}
.sidebar2 { display:block; margin:3% 0 0 0;}

/*賣車－線上免費估價*/
.search_select { float:none; display:block; width:98%; margin-bottom:10px;}
.brand_box li { width:25%;}
.brand_clear2 { clear:both;}

/*貸款*/
.loan_box1 { width:60%;}
.loan_box2 { width:10%;}
.loan_box3 { width:30%;}

/*新品*/
.new_movie_box { display:block;}
.new_sub_box { display:block; margin-bottom:30px; width:auto; clear:both; overflow:hidden; }

/*聯絡我們*/
.contact_box { display:block;}
.contact_left { display:block; margin-bottom:20px; width:100%;}
.contact_left iframe { position:static; height:200px; padding-right:0;  }
.contact_right { display:block; width:100%;}

/*會員登入*/
.login_box { width:100%;}

/*會員-忘記密碼*/
.forget_box { width:98%;}

/*加入會員*/
.txt_box1 { width:100%;}
.mem_data_box { width:100%;}
.field_title1, .field_title2, .field_title3 { display:block; width:100%;}
.field_data1 { display:block; margin:10px 0 0 0px;}
.fd_input, .fd_input3, .fd_input6, .fd_textarea { display:block; width:100%;}
.field_remark { display:block; margin:10px 0 0 0;}
.btn_submit { display:block; width:100%;}
.btn_submit2 { display:block; margin:10px 0 0 0; width:100%;}
.confirm_box { width:70%;}

/*會員專區*/
.member_box { width:100%;}

/*更換密碼*/
.chg_pw_box { width:100%;}

/*購買刊登方案*/
.buy_box { width:100%;}

/*賣車資訊管理*/
.me_msg_box { display:block;}
.btn_add {margin-top:45px;}

/*汽車維修線上估價*/
.brand_box2 .brand_box2_r .model_box2 li {width: calc( 100% / 5 - 9px);}
.brand_box2 .brand_box2_r .model_box2 li:nth-child(5n){margin-right:0;} 
.brand_box2 .brand_box2_r .model_box2 li:nth-child(6n+1) {clear:none;}
.brand_box2 .brand_box2_r .model_box2 li:nth-child(5n+1) {clear:both;}
.item_box li {width: calc( 100% / 2 - 10px);}
.item_box li:nth-child(4n+1) {clear:none;}
.item_box li:nth-child(2n+1) {clear:both;}
.item_box2 li {width: calc( 100% / 2 - 10px);}
.item_box2 li:nth-child(4n+1) {clear:none;}
.item_box2 li:nth-child(2n+1) {clear:both;}

/*租車*/
.rental_box .rental_item { width:calc( 100% / 2 - 20px ); }
.rental_box .rental_item:nth-child(3n+1) { clear:none; }
.rental_box .rental_item:nth-child(2n+1) { clear:both; }
}

@media (max-width: 736px) { /*iPhone 6 Plump landscape*/

}

@media (max-width: 667px) { /*iPhone 6 landscape*/
/*共用*/
.table_tr, .table_td, .table_td2 { display:block;}

/*會員專區*/
.member_box .table_td { display:table-cell;}

/*賣車－線上免費估價*/
.result_left { display:block; margin-bottom:20px; width:100%; text-align:center;}
.result_left img { max-width: 60%;}
.result_right { display:block; width:100%;}
}

@media (max-width: 640px) { 
/*賣車－線上免費估價*/
.model_box li {width:50%;}
	
/*貸款*/
.loan_box1 { display:block; width:100%;}
.loan_box2 { display:block; margin:15px 0; width:100%;}
.loan_icon1 { display:none;}
.loan_icon2 { display:block;}
.loan_box3 { display:block; width:100%;}

/*新品*/
.new_box li { width:50%;}
.new_clear { clear:both;}

/*會員登入*/
.login_left { display:block; overflow:hidden; margin-bottom:40px; width:100%; padding-right:0%;}
.login_right { display:block; overflow:hidden; width:100%; padding-left:0%;}

/*加入會員*/
.photo_remark { display:block;}
.confirm_box { width:80%;}

/*汽車維修線上估價*/
.brand_box2 .brand_box2_r .model_box2 li {width: calc( 100% / 4 - 9px);}
.brand_box2 .brand_box2_r .model_box2 li:nth-child(4n){margin-right:0;} 
.brand_box2 .brand_box2_r .model_box2 li:nth-child(5n+1) {clear:none;}
.brand_box2 .brand_box2_r .model_box2 li:nth-child(4n+1) {clear:both;}

/*租車*/
.rental_box .rental_item { margin: 20px 0; width:100%; }
}

@media (max-width: 568px) { 
    /*賣車－實價登陸*/
    .d_table .d_table_td:nth-child(1) img{max-width:100%}
    .d_table .d_table_td img{max-width: calc(100% - 54px);}
    .d_table tr{display: grid;grid-template-columns: repeat(6, 1fr);/* grid-template-rows: repeat(8, 1fr); */flex-wrap:wrap;margin-bottom: 15px;border: 2px #5495CB solid;border-bottom: 1px #5495CB solid;border-left: 1px #5495CB solid;}
    .d_table tr:first-child{display:none}
    .d_table_td{grid-column: span 2;display: flex;align-items: center;flex: 1 1 auto;width: 100%;padding: 0;border-right: none;border-bottom: 1px #5495CB solid;text-align: left;}
    .d_table_td::before{content:'';display: flex;align-items: center;justify-content: center;width: 50px;min-width: 50px;height: 100%;padding: 4px 6px;margin-right: 4px;background: #5495CB;color: #fff;text-align: center;}
    .d_table_td:nth-child(1){padding: 0;grid-row: span 2;}
    .d_table_td:nth-child(2){}
    .d_table_td:nth-child(3){width: 100%;}
    .d_table_td:nth-child(4){width: 100%;}
    .d_table_td:nth-child(5){}
    .d_table_td:nth-child(6){}
    .d_table_td:nth-child(7){}
    .d_table_td:nth-child(8){}
    .d_table_td:nth-child(9){}
    .d_table_td:nth-child(10){}
    .d_table_td:nth-child(11){}
    .d_table_td:nth-child(12){}
    .d_table_td:nth-child(13){}
    .d_table_td:nth-child(14){border-bottom: none;}
    .d_table tr:nth-child(odd) .d_table_td{background:#fff}
    
    /*.d_table_td:nth-child(1)::before{content:'';display: none;}
    .d_table_td:nth-child(2)::before{content: '買賣合約';}
    .d_table_td:nth-child(3)::before{content: '其他車照';}
    .d_table_td:nth-child(4)::before{content: '出廠年份';}
    .d_table_td:nth-child(5)::before{content: '車行代號';}
    .d_table_td:nth-child(6)::before{content:'成交價格';}
    .d_table_td:nth-child(7)::before{content:'廠牌';}
    .d_table_td:nth-child(8)::before{content:'車種';}
    .d_table_td:nth-child(9)::before{content:'年式';}
    .d_table_td:nth-child(10)::before{content:'車型';}
    .d_table_td:nth-child(11)::before{content:'引擎燃料';}
    .d_table_td:nth-child(12)::before{content:'顏色';}
    .d_table_td:nth-child(13)::before{content:'里程';}
    .d_table_td:nth-child(14)::before{content:'成交月份';}*/
	.d_table_td:nth-child(1)::before{content:'';display: none;}
    .d_table_td:nth-child(2)::before{content: '買賣合約';}
    .d_table_td:nth-child(3)::before{content: '其他車照';}
    .d_table_td:nth-child(4)::before{content: '出廠年份';}
    .d_table_td:nth-child(5)::before{content: '車型代號';}
    .d_table_td:nth-child(6)::before{content:'成交價格';}
    .d_table_td:nth-child(7)::before{content:'廠牌';}
    .d_table_td:nth-child(8)::before{content:'年式';}
    .d_table_td:nth-child(9)::before{content:'顏色';}
    .d_table_td:nth-child(10)::before{content:'里程';}
    .d_table_td:nth-child(11)::before{content:'成交月份';}
    .d_table_td.d_table_td--tt:before{content:attr(data-tt);}

    /*20250415*/
    .d_table_td:has(img){padding: 0;grid-row: span 2;}
	.d_table_td:has(img):before{content:'';display: none;}
    .d_table .d_table_td img{max-width:100%;}
}

@media (max-width: 480px) { 
/*賣車－線上免費估價*/
.result_left img { max-width: 90%;}
.brand_box li { width:50%;}
/*.model_box li { width:100%;}*/
.finish1 { display:none;}
.finish2 { display:block;}

/*新品*/
.new_box li { width:100%;}
.new_movie_txt { float:inherit; display:block; width:100%;}
.new_movie { float:inherit; display:block; width:100%;}

/*加入會員*/
.confirm_box { width:100%;}

/*聯絡我們*/
.field_box li.f .row { float:none; display:block; width:100%;}
.field_box li.f .row2 { float:none; display:block; width:100%;}

/*賣車資訊管理*/
.me_list_left { float:none; display:block;}
.me_list_right { float:none; display:block;}
.btn_add { display:block; margin-top:10px; width:100%;}

/*汽車維修線上估價*/
.brand_box2 .brand_box2_r .model_box2 li {width: calc( 100% / 2 - 9px);}
.brand_box2 .brand_box2_r .model_box2 li:nth-child(2n){margin-right:0;} 
.brand_box2 .brand_box2_r .model_box2 li:nth-child(4n+1) {clear:none;}
.brand_box2 .brand_box2_r .model_box2 li:nth-child(2n+1) {clear:both;}

}

@media (max-width: 384px) { /*Android (Nexus 4) portrait*/
/*按鈕*/
.btn_submit, .btn_login { float:black; width:100%;}

/*賣車－線上免費估價*/
/*.brand_box li { width:100%;}*/
.model_box li { width:100%;}


/*會員專區*/
.member_box .table_td { display:block;}
.member_icon { margin:0 auto 20px auto;}

/*汽車維修線上估價*/
.brand_box2 .brand_box2_r .model_box2 li {width: calc( 100% / 1 - 0px);}
.item_box li {width: calc( 100% / 1 - 0px);}
.item_box2 li {width: calc( 100% / 1 - 0px);}

}

@media (max-width: 320px) { /*Crappy Android landscape*/

}

.ulStar{list-style: none;margin: 0;padding: 0;}
.ulStar li{position:relative;padding-left: 28px;}
.ulStar li:before{content:'🌟';position:absolute;left:0;top:0;}