﻿.vas-order-area{font-size: 0.9rem}
.vas-order-area {padding-bottom: 2.6rem;}
.vas-order-area .section-title-area .h2 {font-size: 1.6rem; font-weight: bold; text-align: left;}
.vas-order-area .nekos {margin: 0; padding: 0;}
.vas-order-area .recommend-order {padding: 1.2rem .7rem; display: flex; flex-direction: column; align-items: center; box-shadow: 0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.1);}
.vas-order-area .recommend-order .card-text .h3 {font-size: 1.1rem; font-weight: bold; margin-bottom: .4rem;}
.vas-order-area .recommend-order .card-img {min-height: auto; margin-bottom: 1rem;}
.vas-order-area .recommend-order .card-img img {height: 120px;}
.vas-order-area .recommend-order .card-text {padding: 0;}
.vas-order-area .recommend-order .card-func {width: 100%; padding: 0 .2rem;}
.vas-order-area .recommend-order .card-func a.button {width: 100%; font-size: 1rem; font-weight: normal;}
.vas-order-area .recommend-order .card-func a.button:hover {transform: none; border: 0; font-weight: bold;}
.vas-order-area .recommend-order .card-text p {color: #666; font-size: 0.85rem;}

.vas-order-area .section-title-area>.description {display: block;}
.vas-order-area .recommend-order {padding: .7rem .7rem 1rem .7rem; display: flex; flex-direction: column; align-items: center; box-shadow: 0.1rem 0.1rem 0.4rem rgba(0, 0, 0, 0.2);} /* 可改 premiumservicecard.css 裡的padding 和 box-shadow */
.vas-order-area .recommend-order .coner-tag {position: absolute;background: linear-gradient(116deg, rgba(252,175,21,1) 1%,rgba(255,123,59,1) 50%);top:0;left: 0;font-family:Noto Sans TC;font-size: 14px;font-weight: bold;color:#fff;padding: 2px 12px;border-radius: 0 0 20px 0;}
.vas-order-area .recommend-order .card-tag {margin-bottom: .4rem;}
.vas-order-area .recommend-service {overflow: visible; border: 2px solid #ffdd00;}
.vas-order-area .recommend-service .coner-tag {top: -2px; left: -2px; border-radius: .8rem 0 20px 0; z-index: 9;}

.vas-order-area .recommend-order:hover {box-shadow: 0rem 0.05rem .32rem rgb(0 0 0 / 50%);}
.vas-order-area .recommend-order .card-func span.button {color: #fff; width: 100%; font-size: 1rem; font-weight: normal; padding-top: .4rem; padding-bottom: .4rem; display: block; transform: scale(1); transition: .3s;}
.vas-order-area .recommend-order .card-func span.button:hover {font-weight: bold; text-decoration: none; transform: none; border: 0; font-weight: bold;}
.vas-order-area .recommend-order .card-img, .vas-order-area .recommend-order .card-text {transform: scale(1); transition: .3s;}
/* .vas-order-area .recommend-order:hover .card-img, .vas-order-area .recommend-order:hover .card-text {transform: scale(1.06); transition: .3s;} */
.vas-order-area .recommend-order:hover .card-func span.button {font-weight: bold; transform: scale(1.06); transition: .3s;}