* { font-family:"Microsoft JhengHei"; margin:0; padding:0; }
input, select { outline:none; }

.bdColor { border-color:#AB1D33 !important; }
.bdColor1 { border-color:#f39801 !important; }
.bdColor2 { border-color:#f39801 transparent transparent transparent !important; }
.colorRed { color: red !important; margin:0 8px; }

#right-box { width:100%; padding:108px 20px 20px 20px; font-size:15px; }
#right-box>p { padding:7px 0; }
#right-box>h3 { font-size:20px; }
#right-box>ul { list-style-type:decimal; padding:10px 22px; }
#right-box>ul>li { padding:0 10px; margin:10px 0; }

#act_code_bg { width:100%; background-image:url(https://www.5hm1.com.tw/images/trianglify_out01_svg.svg); margin-bottom:50px;
    background-repeat:no-repeat; background-size:100% auto; background-position:0% 0%; }
.voucher_legend { text-align:center; padding:5% 0; }
.voucher_legend+p{ text-align:center; font-weight:900; font-size:1.2em; letter-spacing:.15em; font-smoothing:antialiased;
    -moz-font-smoothing:antialiased; -webkit-font-smoothing:antialiased; -webkit-font-smoothing:subpixel-antialiased; }
#act_code { width:100%; text-align:center; padding:10%; }
#act_bottom { position:relative; color:#868686; font-size:14.5px; font-weight:bold; letter-spacing:2px; }
.notice-tips { color:red; text-align:center; position:absolute; bottom:25px; width:100%; }
.act_btn { background:#AB1D33; border-radius:5px; color:#FFFFFF; font-size:15px; padding:7px 20px; margin:0 3px; cursor:pointer;
	display:flex; align-items:center; justify-content:center; }
.act_cancel { background:#666; }
#act_code input[type="text"] { width:340px; height:36px; font-size:12pt; text-align:center; padding:0 8px; background-color:#eeeeee; }
#act_code input[type="reset"] { border:0; font-weight:bold; }
#act_main_btn { display:flex; margin-right:38px; margin-top:20px; justify-content:flex-end; }

#css_table { display:flex; border:1px solid lightgrey; color:#666; width:100%; margin-bottom:30px; flex-direction:column; }
.css_tr_head, .css_tr { display:flex; align-items:center; transition:all .3s; }
.css_tr:hover { background-color:rgba(255, 250, 182, 0.6); }
.css_th, .css_td { display:flex; justify-content:center; height:45px; align-items:center; }
.css_th { background:linear-gradient(180deg, #ef921b 2px, transparent 0%), linear-gradient(180deg, #f7c78b 4px, transparent 0%),
	linear-gradient(0deg, #ef921b 1px, transparent 0%), linear-gradient(#fff 0%, #fce9be 100%); }
.css_td { border-bottom:1px dashed lightgrey; }
.css_tr:last-child>.css_td { border-bottom:0; }
.css_th:nth-child(1), .css_td:nth-child(1) { width:10%; }
.css_th:nth-child(2), .css_td:nth-child(2) { width:10%; }
.css_th:nth-child(3), .css_td:nth-child(3) { width:30%; }
.css_th:nth-child(4), .css_td:nth-child(4) { width:20%; }
.css_th:nth-child(5), .css_td:nth-child(5) { width:30%; }
.info-item { display:flex; justify-content:center; padding:5px 15px; border-radius:50px; width:80px; position:relative; cursor:pointer; }
.info-open { background-color:#F39800; color:#FFF; }
.info-Coming { background-color:#f39801; color:#FFF; }



#activity_title { font-size:18pt; padding:13px; border-bottom:1px solid #999; color:#000; text-align:center; letter-spacing:1px; }

#activity_timer { display:flex; color:#AB1D33; padding:20px 30px; font-weight:bold; font-size:15px; }
.activity_timer { color:#FFF; background:#AB1D33; border:1px solid #AB1D33; border-radius:100%; font-size:12px; font-weight:normal;
	width:30px; height:30px; display:flex; justify-content:center; align-items:center; }
.activity_timer_text { padding:0 6px; display:flex; align-items:center; }

#activity_photo { padding:0 30px; }
#activity_photo img { display:block; width:100%; }

#activity_article { padding:20px 20px 27px; border-bottom:1px solid #999; color:#444; font-weight:bold; line-height:25px; letter-spacing:1px; }

#compose { margin:20px 0; display:flex; }
.compose_txt { color:#AB1D33; font-weight:bold; letter-spacing:3px; border-right:1px solid #AB1D33; margin:0 20px 0 10px; padding:5px 10px;
	display:flex; align-items:center; }
.compose_btn { background:#2c2c2c; border:1px solid #2c2c2c; border-radius:4px; margin-right:20px; }
.compose_btn a { color:#FFF; padding:5px 10px; display:block; }
.compose_sel { background:#f39801; border-color:#f39801; }

.compose_service { padding-left:120px; }

.compose_title { background:#ab1d33; color:#FFF; text-align:center; margin-top:20px; font-size:23px; }
.compose_title p { letter-spacing:2px; line-height:initial; }
.compose_title p:first-child { padding:14px 0px 8px 0px; }
.compose_title p:last-child { font-size: 20px; padding-bottom:14px; }
.compose_title span:first-child { font-size:30px; }
.compose_title span:nth-child(2) { font-size:30px; font-style:italic; }
.compose_title p:last-child span:last-child { margin-top:5px; color:#CCC; font-size:13px; }

.compose_title_bottom { background-color:#FFF; margin-top:15px; color:#666; }
.compose_title_bottom>dt { text-align:center; }
.compose_title_bottom>p { line-height:initial; padding:5px 125px; }
.compose_Notes { font-size:16px; border-style:solid; border-width:1px; padding:3px 9px; display:inline-block; }

.compose_cart { padding:17px 17px 7px 17px; margin-top:20px; border:1px solid #AAA; }
.compose_cart div { display:flex; }
.compose_cart-head { padding-bottom:10px; border-bottom:1px solid #AAA; margin-bottom:16px; letter-spacing:2px; justify-content:space-between; }
.compose_cart-head>div { display:flex; align-items:center; }
#buy_cart { cursor:pointer; background:#ab1d33; color:#FFF; padding:6px 40px; border:1px solid #ab1d33; border-radius:4px; width:150px; min-width:150px; }
.compose_cart-body>nav { width:25px; min-width:25px; height:auto; cursor:pointer; }
.compose_cart-body>nav:first-child { margin-right:10px; background:url(/images/left_attr.gif) no-repeat; background-position-y:40%; }
.compose_cart-body>nav:last-child { margin-left:10px; background:url(/images/right_attr.gif) no-repeat; background-position-y:40%; }
.compose_cart-body>ul { display:flex; flex-wrap:wrap; width:100%; }
.compose_cart-body>ul>li { margin:0 10px 10px; width:100px; position:relative; }
.compose_cart-body>ul>li>dt { width:0; height:0; border-style:solid; border-width:25px 25px 0 0; position:absolute; top:0; left:0;
    border-color:#AAA transparent transparent transparent; z-index:1000; }
.compose_cart-body>ul>li>dt>p { position:absolute; top:-27px; left:3px; color:#FFF; }
.compose_cart-body>ul>li .dtsel { border-color:#AB1D33 transparent transparent transparent; }
.compose_cart-body>ul>li .compose_cart_goods { border:1px solid #AAA; width:150px; height:150px; position:relative;
	background-size:cover; background-position:center; background-repeat:no-repeat; }
.compose_cart-body>ul>li .compose_cart_text { padding-top:6px; height:21px; width: 135px; }
.compose_cart-body>ul>li .compose_cart_text img { cursor:pointer; height:12px; padding-left: 5px; bottom:0; right:0; }
.compose_cart-body>ul>li:hover .compose_close { display:block; }
.compose_close { background:linear-gradient(to left, rgb(242, 242, 242) 60%, transparent);
    height:15px; position:absolute; margin:0 !important; padding:0 !important; bottom:0; right:0; width:20px; display:none; z-index:1000; }
.compose_close:after { background-position:1px; background-repeat:no-repeat; background-size:10px 10px; background-image:url(/images/close_3_mask.png);
    content:''; height:15px; position:absolute; bottom:0; right:0; width:15px; cursor:pointer; }

.compose_goods { margin-top:20px; padding-bottom:15px; }
.compose_goods>h3 { color:#AB1D33; letter-spacing:3px; font-size:11pt; display:inline-block; border-bottom:3px solid #AB1D33; }
.compose_goods-block { margin-top:20px; display:flex; }
.compose_goods-block>ul { display:flex; width:100%; flex-wrap:wrap; }
.compose_goods-block>ul>li { width:20%; display:flex; justify-content:center; }
.goods-list-box { width:90%; min-height:259px; border:2px solid #AB1D33; font-size:13px; margin-bottom:10px; }
.compose_goods .goods_photo { border-bottom:1px solid #AB1D33; position:relative; padding:0 5%; }
.compose_goods .goods_img { max-width:100%; min-height: 100px;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
.compose_goods .goods_img>img { width:100%; height:auto; display:block; }
.compose_goods .goods_link { position:absolute; top:10px; left:10px; width:35px; height:35px; padding:0; cursor:pointer; z-index:100; display:none;
	background-size:cover; background-repeat:no-repeat; background-position:center; }
.goods_photo:hover .goods_link { display:block; }
.compose_goods .goods_describe, .compose_goods .goods_attr, .compose_goods .goods_final { padding:5px 10px; }
.compose_goods .goods_describe { padding-top:10px; }
.goods_describe span { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%; display:inline-block; color:#333; font-weight:bold; }
.goods_describe span>span { color:red; display:inline; }
.goods_attr select { width:100%; border:1px solid #999; padding:5px; font-size:14px; }
.goods_final { display:flex; justify-content:space-between; }
.goods_final .goods_price { color:red; font-weight:bold; letter-spacing:1px; display:flex; align-items:center; }
.goods_final .goods_buysel { border:1px solid #CCC; border-radius:3px; font-weight:bold; letter-spacing:1px; cursor:pointer; padding:3px 9px;
    background:linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%); }
.compose_goods_sel { border-color:#f39801 !important; }
.compose_goods_sel_btm { border-bottom-color: #f39801 !important; }



@media screen and (max-width:719px)and (min-width:1px)
{
    #right-box { padding:0; }
    #act_code input[type="text"] { width:100%; }
	
	#css_table { border:0; display:block; }
	.css_tr_head { display:none; }
	.css_tr { flex-wrap:wrap; margin:10px; padding:5px; box-shadow:0 0 10px #d4d4d4; }
	.css_tr:hover { transform:scale(1.2); transform:translateY(-4px); box-shadow:0 0 20px #000000; }
	.css_td { border-bottom:0; }
	.css_th:nth-child(1), .css_td:nth-child(1) { width:15%; }
	.css_th:nth-child(2), .css_td:nth-child(2) { width:15%; }
	.css_th:nth-child(3), .css_td:nth-child(3) { width:70%; padding-left:20px; }
	.css_th:nth-child(4), .css_td:nth-child(4) { width:30%; }
	.css_th:nth-child(5), .css_td:nth-child(5) { width:70%; justify-content:flex-start; padding-left:20px; }
	
	#right-box>p { padding:10px; line-height:24px; }
	#act_main_btn { margin-right:0; justify-content:center; }
	#right-box>h3 { padding:0 10px; }
	#right-box>ul { margin:0 10px; padding-right:0; }
	#right-box>ul>li { margin:0 0 10px 0; padding-right:0; line-height:20px; }
	
	#activity_title { text-align:left; line-height:28px; }
	
	#activity_timer { padding:20px 10px; flex-wrap:wrap; }
	.activity_timer_text:first-child { width:100%; padding:10px 0; align-items:flex-start; }
	#activity_photo { padding:0; }
	#activity_article { font-weight:normal; }
	
	#compose { flex-wrap:wrap; margin:10px; }
	.compose_txt { width:100%; border:0; margin:0; padding:0; }
	.compose_btn { margin:10px 10px 0 0; }
	.compose_service { padding:10px; }
	.compose_title_bottom>dt { text-align:left; }
	.compose_title_bottom>p { padding:0; margin:10px; }
	.compose_cart { padding:10px; }
	.compose_cart-head { flex-direction:column; }
	.compose_cart-head>div { flex-wrap:wrap; }
	#buy_cart { margin-top:10px; }
	
	.compose_goods { margin:20px 10px 10px; }
	.compose_goods-block>ul>li { width:50%; }
	.goods-list-box { width:95%; }
	.goods_describe span { overflow:initial; white-space:initial; margin-bottom:10px; }
	.goods_describe span>span { display:block }
}