/* popup */
.lrp_popup_wrap { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); overflow: auto; /*font: normal 14px/1.5em "Microsoft JhengHei", "Microsoft YaHei";*/ color: #555;  position: fixed; z-index: 980; word-break:break-all;}
.lrp_popup { display: block; width: 90%; max-width: 550px; min-width: 320px; min-height: 100px; margin: 40px auto 20px; padding: 15px; background: #FFF; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3); z-index: 999;}
.lrp_popup h4 { margin-bottom: 15px;}
.lrp_popup p { margin-bottom: 0.5em;}
.lrp_popup ol.lrp_notic{font-size: 1.2rem;color: #999;}
.lrp_popup .popup_jqrwd {width: 100%; font-size: 1.4rem; color: #666; margin-bottom: 8px;}
.lrp_popup .popup_jqrwd th {padding: 4px 8px; border-bottom: 1px solid #ddd; text-align: left; color: #333; font-weight: bold;white-space: nowrap;}
.lrp_popup .popup_jqrwd td {padding: 4px 8px; border-bottom: 1px solid #ddd;}
.lrp_popup .popup_jqrwd td.name{min-width: 3em;}
.lrp_popup .popup_jqrwd td.email{font-size: 1.2rem;}
.lrp_popup .popup_jqrwd td.card{white-space: nowrap;}
.lrp_popup .popup_jqrwd td.point,
.lrp_popup .popup_jqrwd td.date{white-space: nowrap; font-size: 1.2rem;}
/* 彈出視窗用關閉按鈕 */
.lrp_popup_btn_close { display: block; width: 20px; height: 20px; background: #fff; border: solid 1px #59c2f2; position: absolute; right: 5px; top: 5px; cursor: pointer;}
.lrp_popup_btn_close::before { content: ""; display: block; width: 18px; height: 1px; background: #59c2f2; top: 9px; left: 0px; position: absolute; transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-sand-transform:rotate(45deg);}
.lrp_popup_btn_close::after  { content: ""; display: block; width: 18px; height: 1px; background: #59c2f2; top: 9px; left: 0px; position: absolute; transform:rotate(315deg);-moz-transform:rotate(315deg);-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);-sand-transform:rotate(315deg);}

/* 特殊設定 */
.lrp_wcenter { text-align: center;} /*放在裡面的按鈕在PC版置中,到手機版寬100%*/
.lrp_popup .lrp_wcenter input[type="button"]{margin-top: 4px;}
.lrp_2btn {overflow: hidden;}
.lrp_2btn .lrp_btn_com_sub:not(:last-of-type){margin-right: 20px;}


/* 通用按鈕 */
.lrp_btn_arr{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; position: relative;}
.lrp_btn_arr::before{ content:""; display: block; width: 12px; height: 12px; border-top: 2px solid #aaa; border-left: 2px solid #aaa;}
.lrp_btn_arr_up::before{ position: absolute; top: 7px; left: 3px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    }
.lrp_btn_arr_down::before{ position: absolute; top: -1px; left: 3px;
    transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -sand-transform: rotate(225deg);
    }
.lrp_btn_com_main, input[type="button"].lrp_btn_com_main,
.lrp_btn_com_sub, input[type="button"].lrp_btn_com_sub,
.lrp_btn_com_thr, input[type="button"].lrp_btn_com_thr{display: inline-block;min-width:160px;height: 40px;line-height: 36px;text-align: center;border: 0;padding: 0 0.5em;font-size: 2.0rem;font-family: "Euphemia", "Letter Gothic Std", "Microsoft JhengHei";vertical-align: sub;cursor: pointer;}
.lrp_btn_com_main a,
.lrp_btn_com_sub a,
.lrp_btn_com_thr a{ font-family:"Euphemia", "Letter Gothic Std", "Microsoft JhengHei";}

.lrp_btn_com_main,
input[type="button"].lrp_btn_com_main { background: #fff; color: #0086bf; border: solid 1px #008fcd;/**/}
.lrp_btn_com_main:hover,
input[type="button"].lrp_btn_com_main:hover { background: #008fcd; color: #fff;}
.lrp_btn_com_main .lrp_btn_arr::before{ color: #0086bf;}
.lrp_btn_com_main a { display: block; color: #0086bf; text-decoration: none;}
.lrp_btn_com_main:hover a { color: #fff;}
.lrp_btn_com_sub,
input[type="button"].lrp_btn_com_sub {background: #008fcd;color: #fff;border: solid 1px #008fcd;/**/}
.lrp_btn_com_sub:hover,
input[type="button"].lrp_btn_com_sub:hover { background: #fff; color: #0086bf;}
.lrp_btn_com_sub a { display: block; color: #fff; text-decoration: none;}
.lrp_btn_com_sub:hover a { color: #0086bf;}

.lrp_btn_com_main:hover,
.lrp_btn_com_sub [class*='lrp_com_icon']{ background-position-x: -24px;}
.lrp_btn_com_main,
.lrp_btn_com_sub:hover [class*='lrp_com_icon']{ background-position-x: 0px;}

.lrp_btn_com_thr, input[type="button"].lrp_btn_com_thr { background: rgba(89, 194, 242, 1.0); color: #fff;}
.lrp_btn_com_thr:hover, input[type="button"].lrp_btn_com_thr:hover { background: rgba(89, 194, 242, 0.8);}
.lrp_btn_com_disabled, input[type="button"].lrp_btn_com_disabled { display: inline-block; min-width:160px; line-height: 40px; text-align: center; background: #ebedef; color: #999; border: 1px solid #ebedef; padding: 0 0.5em; font-size: 2.0rem; font-family: "Euphemia", "Letter Gothic Std", "Microsoft JhengHei"; vertical-align: sub;}

/*文字屬性*/
span.lrp_sub_title { color: #f594cc;}
span.lrp_text_alert{ font-size: 15px; color: #de7676;}
span.lrp_text_remind { font-size: 1.2rem; color: #59c2f2;}
span.lrp_text_count { font-size: 2.0rem; color: #008fcd; line-height: 1.25;} /*點數*/
span.lrp_text_price { font-size: 1.8rem; color: #000; line-height: 1.25;} /*價錢*/
.lrp_text_bold{ font-weight: bold; }
.lrp_icon_com { display: inline-block; margin: 5px; width: 20px; height: 20px; color: #fff; vertical-align: middle; text-align: center;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;}
.lrp_icon_alert { background: #f594cc; font-style: normal; font-size: 1.2rem; line-height: 20px; font-family: Arial;}
.lrp_icon_alert::before { content: "!";}
.lrp_icon_remind { background: #ccc;font-style: normal; font-size: 1.2rem; line-height: 20px; font-family: Arial;}
.lrp_icon_remind::before { content: "i";}
.lrp_text_darkblue{color: #008fcd;}
.lrp_text_lightblue{color: #59c2f2;}

/* 文字設定-區塊內文字行數限制 */
.lrp_tx_line1 { white-space:normal; line-height: 1.5em; max-height: 1.5em; overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -line-clamp: 1; -webkit-line-clamp: 1; display: -webkit-box;/*不要超過1行，IE無效*/}
.lrp_tx_line2 { white-space:normal; line-height: 1.5em; max-height: 3em; overflow : hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -line-clamp: 2; -webkit-line-clamp: 2; display: -webkit-box;/*不要超過2行，IE無效*/}



/*UV*/
.lrp_popup{
    padding: 20px 40px;
    border: solid 7px #0090d3;
    border-radius: 5px;
}
.lrp_pickup_delivery span{
     font-size: 20px;
    line-height: 2.5;
}
.lrp_pickup_delivery input{
    padding: 0 10px;
}

input[type="text"], input[type="color"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="week"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -sand-appearance: none;
    border: 0;
    border-radius: 5px;
    border: solid 1px #0090d3;}

textarea, select, button {
    border: solid 1px #0090d3;}
input#strAddress {
    width: 95%;
}