@charset "big5";
/* CSS Document */

.ticket_wrapper{position: relative;  background: url(../images/bg_ticket.png) top center no-repeat; }
.ticket_main{ width:1150px; margin:0 auto; overflow:hidden; padding: 70px 0 40px; }
.tickeet_tit{ text-align: center; padding: 38px 0 0 0; }
.ticket_container{ height: 910px; background: url("../images/prodbg01.png") no-repeat; overflow: hidden;}
.ticket_container2{ height: 910px; background: url("../images/prodbg02.png") no-repeat; overflow: hidden;}
.ticket_container3{ height: 910px; background: url("../images/prodbg03.png") no-repeat; overflow: hidden;}
.ticket_container4{ height: 535px; background: url("../images/prodbg04.png") no-repeat; overflow: hidden;}
.ticket_group{ width:1090px; margin: 0 auto; }
.ticket_title{ padding-bottom: 8px; text-align: center;}
.ticket_product {position: relative;float: left;margin-right: 0.5%;margin-bottom: 1%;margin-left: 0.5%;width: 23.9%;text-align: center; background: #fff; border-radius: 20px;}
.ticket_img {width: 100%;height: 260px;position: relative;overflow: hidden; background-color: #fff;}
.ticket_img img {display: block;width: 100%;height: 100%;transition: all 1s;}
.ticket_img:hover img {-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.ticket_detail { padding-top: 7px; height: 85px; }
.ticket_tit {width: 90%;margin:0 auto;font-size: 16px;line-height: 24px;font-weight: bold;color: #333;  height: 50px; text-align: center; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ticket_money { color: #f54648;  text-align: center; padding: 5px 0;     font-family: mallory,"Helvetica Neue",Helvetica,Arial,sans-serif; }
.ticket_money span.original{ margin: 0 10px 0 0; color: #747474; font-weight: 100; font-size: 13px; text-decoration: line-through; }
.ticket_money span.sign {font-size: 18px;}
.ticket_money span.price {font-size: 30px;}

.tit_pc {  padding-left: 36px; }


@media screen and (max-width:991px) {
.ticket_wrapper {  z-index: 99;}
.ticket_main{ width:100vw;  padding: 0;}
.ticket_main img { width:100%;}
.ticket_title {  width: 95vw; margin: 0 auto;  padding: 6px 0;}
.ticket_container, .ticket_container2, .ticket_container3, .ticket_container4{ height: auto; background: none;  }
.ticket_product { width: 46%; height:auto; margin-left: 2.4%; margin-bottom: 2.5%; }
.ticket_img { height: 44vw;}
.ticket_detail { height: 75px; }
.ticket_tit{ line-height: 18px; margin-bottom: 0; font-size: 14px; height: 35px;}
.ticket_money span.sign {font-size: 14px;}
.ticket_money span.price {font-size: 25px;}
.ticket_group { width: 100vw; }

}