* { box-sizing: border-box; }
.carrier ul { display: flex; margin: 0 auto; width: calc(100% - 50px); max-width: 1400px; flex-wrap: wrap; }
.carrier ul li { display: inline-flex; width: calc(100% / 3); flex-grow :0; flex-shrink:0; }
.carrier ul li:nth-child(3n+2){ padding-right: 20px; }
.carrier ul li:nth-child(3n+3){ padding:0 10px; }
.carrier ul li:nth-child(3n+4){ padding-left: 20px; }
.carrier ul li a { position: relative; display: flex; padding:20px 30% 20px 10px; width: 100%; font: 16px/1.5 "微軟正黑體"; color: #666; border-bottom: 1px solid rgba(0,0,0,0.1); }
.carrier ul li a .price { display: flex; justify-content:flex-end; align-items: center; position: absolute; top: 0; right:10px; width: 30%; height: 100%; font: bold 24px/42px "arial","微軟正黑體"; color: #e73155; }
.carrier ul li a:hover { background: #eee; }
.carrier > h4 { display: flex; margin: 50px auto 10px auto; width: calc(100% - 50px); max-width: 1400px; flex-wrap: wrap; justify-content: center; background-color: #e7f3ff; padding: 10px 0px; }
.intro-anchors { display: flex; margin: 30px auto; width: 90%; max-width: 1400px; flex-wrap: wrap; justify-content: center; }
.intro-anchors a { font-size: 14px; letter-spacing: 1px; background: #eee; color: #2d7cd1; vertical-align: middle; padding: 5px 16px; text-decoration: none; font-weight: bold; border-radius: 20px; margin: 0 10px; margin-bottom: 20px; }
/* 隱藏不顯示的區段 */
.carrier .box-head { display: none; }

@media only screen and (max-width: 1300px) {
.carrier ul { width: calc(100% - 30px);}
.carrier ul li { display: flex; width: calc(100% / 2); }
.carrier ul li:nth-child(3n+2),
.carrier ul li:nth-child(3n+4){ padding-right: 10px; padding-left: 10px; }
.carrier ul li:nth-child(3n+3){ padding:0 10px; }
}

@media only screen and (max-width: 900px) {
.carrier ul li { width: 100%;}
.carrier ul li:nth-child(3n+2),
.carrier ul li:nth-child(3n+3),
.carrier ul li:nth-child(3n+4){ padding: 0; }
.carrier ul li:nth-child(even) a { background: #eee; }
.carrier ul li a:hover { background: rgba(0,0,0,0); }
.carrier ul li a .price { font-size: 18px; }
.carrier > h4 { width: calc(100% - 30px); background-color: #fff; border-bottom: 1px solid #ccc; padding: 30px 0px 10px; margin: 0px auto 15px auto; }
.intro-anchors { margin: 10px auto; }
}