<script src="https://pic03.eapple.com.tw/yk_js_web/scrollfade.js"></script><!--滑動淡入淡出JS-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;900&family=Noto+Serif+TC:wght@400;500;900&display=swap">
<style>
.main_part {width: 100%;max-width: 100%;margin: auto;padding: 0px 0px;}
.edit {width: 100%;padding: 0px 0;}
.show_content {width: 100%;margin: auto;padding: 0px 0px;}
.center_box {width: 100%;margin: 0 auto;}
.path {display: none;}
/*Animations*/
[data-animate-in] { opacity: 0; transition: transform 1.6s ease, opacity 1.6s ease;}
[data-animate-in="up"] { transform: translate3d(0, 10%, 0);}/*由下往上*/
[data-animate-in="left"] { transform: translate3d(-50%, 0, 0);}/*由左往右*/
[data-animate-in="right"] { transform: translate3d(50%, 0, 0);}/*由右往左*/
[data-animate-in="down"] { transform: translate3d(0, -10%, 0);}/*由上往下*/
[data-animate-in="fadeIn"] { transform: translate3d(0, 0, 0);}/*淡入*/
[data-animate-in="scaleIn"] {transform: scale(.3);}/*放大淡入*/
[data-animate-in="rotateIn"] {transform: scale(.3) rotate(-10deg);}/*放大淡入*/
[data-animate-in].in-view { opacity: 1; transform:translate3d(0,0,0) rotate(0deg); -webkit-transform:translate3d(0,0,0) rotate(0); transition: transform 1.6s ease, opacity 1.6s ease;}
.fade-in { opacity: 0; transition: opacity 1.6s ease; }
/*Animations-end*/
.all-box * {box-sizing: border-box;font-family: 'Noto Sans TC', sans-serif;color: #444444;}
body,p,dd,ul {margin: 0;padding: 0;}
.part1 {background-image: url(https://pic03.eapple.com.tw/0910180218/process-bg.jpg);background-size: cover;width: 100%;min-height: 1000px;}
.container {max-width: 1740px;width: 100%;margin: 0 auto;}
.right {background-color: rgba(255, 255,255,.9);background-size: cover; width: 940px;max-width: 100%;min-height: 730px;padding: 3.8%;box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.flex {display: flex;flex-wrap: wrap;align-items: center;align-content: center;}
.part1 .container {padding-top: 9%;padding-bottom: 9%;}
.jus-end {justify-content: flex-end;}
.right p {font-size: 20px;line-height: 1;margin-bottom: 2%;}
.all-box li {list-style: none;}
.list {padding-top: 6.5%;}
.list li {width: 50%;padding-bottom: 2%;}
.list dl {margin-left: 3.2%;}
.list dd {font-size: 22px;font-weight: 300;}
.list dt {font-weight: 900;font-size: 20px;}
.list p {font-size: 16px;font-weight: 300;}
@media (max-width:1800px) {.part1 .container{padding-left:2% ;padding-right:2%;}}
@media (max-width:950px) {.list li {width: 100%;}.right{padding: 30px;}}
@media (max-width:700px){
.list img {transform: scale(.8);}
.list dt {font-size: 18px;}
.list dd {font-size: 20px;}
.list p {font-size: 14.5px;}
.top img{height: 30px;}}
@media (max-width:500px){
.list li {flex-direction: column;}
.list{ text-align: center;}}
@media (max-width:400px) {.list dl {width: 50%;}}
</style>
<main class="all-box">
<section class="part1">
<div class="container flex jus-end" data-animate-in="right">
<div class="right">
<div class="top">
<p>Process</p>
<img src="https://pic03.eapple.com.tw/0910180218/process.png" alt="">
</div>
<ul class="list flex">
<li class="flex">
<img src="https://pic03.eapple.com.tw/0910180218/process-1.png" alt="1">
<dl class="">
<dt>步驟1</dt>
<dd>電話詢問</dd>
</dl>
</li>
<li class="flex">
<img src="https://pic03.eapple.com.tw/0910180218/process-2.png" alt="2">
<dl class="">
<dt>步驟2</dt>
<dd>確認車籍資料及異動</dd>
</dl>
</li>
<li class="flex">
<img src="https://pic03.eapple.com.tw/0910180218/process-3.png" alt="3">
<dl class="">
<dt>步驟3</dt>
<dd>到預約地點鑑定估車</dd>
</dl>
</li>
<li class="flex">
<img src="https://pic03.eapple.com.tw/0910180218/process-4.png" alt="4">
<dl>
<dt>步驟4</dt>
<dd>現場直接報價</dd>
</dl>
</li>
<li class="flex">
<img src="https://pic03.eapple.com.tw/0910180218/process-5.png" alt="5">
<dl>
<dt>步驟5</dt>
<dd>簽訂車輛買賣契約&交付訂金</dd>
</dl>
</li>
<li class="flex">
<img src="https://pic03.eapple.com.tw/0910180218/process-6.png" alt="6">
<dl>
<dt>步驟6</dt>
<dd>車籍過戶</dd>
<p>(需準備行照、領牌登記書、雙證件及印章)</p>
</dl>
</li>
<li class="flex">
<img src="https://pic03.eapple.com.tw/0910180218/process-6.png" alt="7">
<dl>
<dt>步驟7</dt>
<dd>付款交車</dd>
</dl>
</li>
</ul>
</div>
</div>
</section>
</main>