@charset "utf-8";
/*-----初始化-----*/
html, body { overflow-x:hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;}
body{ margin:0; padding:0; color:#fff; font:normal 16px/140% 'Roboto', "Noto Sans TC", sans-serif, Arial, Helvetica; background:#950800;}
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img { margin:0; padding:0; border:none; box-sizing: border-box;word-wrap: break-word;word-break: break-all;  }
ul, ol{ list-style: none;}
a{ display:block; text-decoration:none;}
img { display:block; border: none;}

/*-----base-----*/
.wrapper{ position:relative; min-height:100vh;}
.d-flex{ display:flex !important;}
.d-flex.d-center{justify-content: center; align-items: center;}
.d-flex.d-between{justify-content: space-between; align-items: center;}
.d-inlineB{display: inline-block;}
.d-block{ display: block !important;}
.tL{text-align: left !important;}
.tC{text-align: center !important;}

.mt-1{margin-top: 10px;}
.mb-0{ margin-bottom:0px;}
.mb-05{ margin-bottom:5px;}
.mb-1{ margin-bottom: 10px !important;}
.mb-2{ margin-bottom: 20px;}
.mb-3{ margin-bottom: 30px;}
.m-auto{ margin-right:auto; margin-left: auto;}
.m-05{margin:0 5px;}

.padd-0{padding: 0 !important;}
.paddB-0{padding-bottom: 0 !important;}
.paddB-80{padding-bottom: 80px !important;}

span.upper{ text-transform: uppercase;}
span.b-line{border-bottom: 1px solid #fff;}

.f-tiny{font-size: 14px;}
.f-small{font-size: 15px;}
.f-normal{font-size: 16px;}
.f-mid{font-size: 18px;}
.f-big{font-size: 20px;}
.f-huge{font-size: 24px;}
.f-large{font-size: 30px; line-height: 30px;}
.lh-140{line-height: 140%;}
.lh-180{ line-height: 180%;}

.c-key{color: #fffe96 !important;}
.c-yellow{color: #ffdc71;}
.c-pink{ color: #e1298b;}
.c-white{ color: #fff;}
.c-gray{color: #666;}
.c-dark{color: #333;}
.c-light-blue{color: #d0edff;}

.fw-normal{ font-weight:normal;}
.fw-500{ font-weight: 500;}
.fw-bold{ font-weight: bold;}

.bg-dark{ background-color: #6f0600 !important; padding: 20px !important;}
.bg-blue{ background-color: #1e70a1 !important; padding: 20px !important;}
.bg-red{ background-color: #b9182b !important; padding: 20px !important;}
.bg-purple{ background-color: #9838b5 !important; padding: 20px !important;}

.spac-2{ letter-spacing: 2px;}
.br{clear: both;}
.hr{ background-color: rgba(255,255,255,.2); height: 2px; margin-bottom: 20px;}
.w-80{width: 80% !important;}

/*-----banner-----*/
.banner{ flex:0 0 auto; width:100%; height:auto;}
.banner img{ width:100%; height:auto;}


/*-----footer-----*/
footer{position: fixed; bottom: 0; left: 0; right: 0;  width:100%; height:40px; background:url(../images/bg_footer.jpg) repeat-x 0 center; background-size:contain; z-index:5;}
footer::before{ content: '';width: 95px; height:40px; background:url(../images/img_footer.jpg) no-repeat 0 center; background-size:100% auto; right: 0; top: 0; position: absolute;}
/*頁面置底按鈕*/
.btn_main{  position:fixed; bottom:40px; left:0; right:0; height:50px; margin:0; padding:0;background-color: #5db338; display: flex;z-index:99; box-shadow: -5px 0 15px rgba(0,0,0,.2); }
.btn_main a{ flex: 1 1 50%; position: relative; color:#fff; font-size:18px; font-weight:bold; letter-spacing: 1px; display: flex; justify-content: center; align-items: center;}
.btn_main a::after{ content:"";position:absolute; right:0; top:50%; transform:translateY(-50%);display:block; width:2px; height:24px; background:rgba(255,255,255,0.5); }
.btn_main a:last-child::after{ display:none;}

.btn_main.btn_disabled{background-color: #999;}
.btn_main.btn_disabled a{ color: #ccc;cursor: default; pointer-events: none;/*讓滑鼠可以穿越上方元素，點擊滑鼠會穿透到子層的內容*/ }


/*-----content-----*/
.content{ position:relative; margin:0 auto; padding:20px 0 40px; }
.content.inpage{ background: #950800 url(../images/bg_inpage_top.jpg) center 0 no-repeat; background-size: 100% auto; padding-top: 20px;}
.content .con_ind, .content .con_inp{ position:relative; padding:0 15px;}
.con_txt{ margin-top: 20px; padding: 20px 0;font-size: 18px;  position: relative;}

/*大標題-圖片*/
.con_tit{ text-align: center; margin: 0 auto 10px; display: flex; justify-content: center;}
.con_tit img{ width: 100%; max-width: 360px; height: auto;}

/*副標題-h3*/
h3.sub_tit{text-align: center; color:#fffe96;  margin-bottom: 15px; }
h3.sub_tit > span{padding: 0 20px;display: inline-block; position: relative;}
h3.sub_tit > span::before, h3.sub_tit > span::after{ content: "|";  font-size:15px; position: absolute; bottom: 0;}
h3.sub_tit > span::before{ left: 0; transform:rotate(-20deg);}
h3.sub_tit > span::after{right: 0; transform:rotate(20deg);}

/*副標題2-h3*/
h3.sub_tit2{font-size: 18px; color:#fff; margin-bottom: 15px; padding: 6px;background-color:#f42c95; position: relative; }






.sub_fillet{text-align: center; background-color: #fff; border-radius: 40px; padding: 4px 10px; color: #530868;}
.sub_fillet.red{ color: #dd2756;}
.sub_fillet.darkR{ color: #950800;}
.sub_fillet.bg-pink{ background-color: #f42c95; color: #fff;}
.sub_square{  background-color: #6903c6; color: #fff; padding: 4px 10px; }


/*內容_按鈕*/
.btn_sec{ padding:0 5px; display: flex; justify-content: space-around;}
.btn_sec a{ display:block; width:calc(50% - 10px); height:40px; margin:0 auto; color:#fff; font-size:16px; font-weight:600; letter-spacing: 1px; background-color: #6903c6; box-shadow:0px 4px 0px rgba(0,0,0,.15); display: flex; justify-content: center; align-items: center;}
.btn_sec a.bc-gb{ background-color: #34bbb3;}/*藍綠色*/
.btn_sec a.login-gift{ color: #fffe96; }/*亮黃色*/
.btn_sec a.login-gift::before{ content: ''; background: url(../images/btn_icon_gift.png) 0 0 no-repeat; background-size: 20px; width: 20px; height: 20px; display: inline-block;  margin-right: 5px;}
.con_inp .btn_sec a{border: none; color: #fff; display: flex;}

.btn_sec a.btn_disabled{ background-color: #999; color: #ccc; cursor: default;pointer-events: none;}

/*內容_首頁*/
.con_ind{ padding: 0 10px; margin-bottom: 20px;}
.con_main{ position:relative; margin:0 0 20px 0; padding: 0 10px; font-size: 18px; font-weight: 600;}
.con_main h3{ font-weight:bold; text-align: center; font-size: 18px; clear: both; margin-bottom: 20px; }

.tit_main{ position:relative; margin:0 auto 20px; line-height:36px; font-size:30px; font-weight:bold; color: #fff;text-align: center; text-shadow: 0 5px 0 rgba(0,0,0,.15)} 

.txt_point{ font-size: 25px; line-height: 30px;  border-radius: 4px; background-color: #379ad6; padding: 4px 8px; margin: 0 5px;display: inline-block; transform:skewX(-10deg);}/*GB斜體字包框*/
.txt_point.pink{ background-color: #f42c95;}
.txt_point.f-mid{font-size: 18px;}

.content .con_detail{ padding:0 15px;}
.con_ind .con_detail span{ margin:0;}

/*cb_01*/
.con_ind.cb_01 {margin-bottom: 60px;}
.con_ind.cb_01 .con_txt::before {content: '';width: 0;height: 0;border-style: solid;border-width: 20px 20px 0 0;border-color: #950700 transparent transparent transparent; position: absolute; top: 0; left: 0;}

.con_ind.cb_01 .con_txt{ background:#f42c95; }
.con_ind.cb_01 .con_tit{ margin-top: -68px; }

.con_ind .main_plan{ position: relative; background-color: #dd2756;  padding: 20px 10px 15px; margin-bottom: 20px;}
.con_ind .main_plan::before{content: '';width: 0;height: 0;border-style: solid;border-width: 0 0 20px 20px;border-color: transparent transparent #f42c93 transparent; position: absolute; bottom: 0; right: 0;}
.con_ind .main_plan p{ font-size: 18px; line-height: 44px;}
.con_ind .main_plan p.lh-30{ line-height: 30px;}
.con_ind .main_plan .sub_mt{ margin-top:-30px; }

/*活動列表*/
.plan_list{ display: flex; flex-wrap: wrap; align-items: stretch; }
.plan_list.row2 li{ flex:1 1 calc(50% - 14px);}
.plan_list li{width: 100%; margin-bottom: 20px; padding-bottom: 36px; position: relative; display: flex; }
.plan_list li:last-child{margin-bottom: 0;}
.plan_list.row2 li{width: calc(100% - 14px); margin-left: 14px; }
.plan_list.row2 li:nth-child(odd){margin-left: 0;}
.plan_list .plan_detail{background-color: #fff; border-top-right-radius: 30px; padding:10px 20px 10px 10px; color: #666666; font-size: 15px; text-align: left; width: 100%; position: relative;}
.plan_list .plan_detail h4{ color: #e1298b; font-size:18px; line-height: 30px;}
.plan_list li a.more{ background-color: #ffb602; color: #fff; font-size:16px; letter-spacing: 1px; line-height:20px; padding: 8px;text-align: center; display: block; position: absolute; bottom: 0;left: 0; right: 0;}
.plan_list .plan_detail.plan_coin h4{font-size: 20px;}
.plan_list .plan_detail.plan_coin::after{ content: ''; width: 50px; height:50px; background: url(../images/plan_detail_coin.png) no-repeat; background-size: contain; position: absolute; top: -10px; right:-10px; }
.plan_list .plan_detail.plan_hotel{ background:#fff url(../images/plan_detail_hotel.png) right bottom no-repeat; background-size: 100px 55px;}
.plan_list .plan_detail.plan_camp{ background:#fff url(../images/plan_detail_camp.png) right bottom no-repeat; background-size: 100px 55px;}
.plan_list .plan_detail.plan_gift{background:#fff url(../images/plan_detail_gift.png) right bottom no-repeat; background-size: 100px 55px;}

.plan_flex{ display: flex;}
.plan_flex > .plan_list:nth-child(1){ width: 35%; margin-right: 14px;}
.plan_flex > .plan_list:nth-child(2){ width: 65%; }
.plan_flex  .plan_detail{padding-right: 10px; padding-bottom:20px ;}
.plan_flex  .plan_detail.plan_coin{ padding-right: 30px; padding-bottom: 10px;}


/*cb_02*/
.con_ind.cb_02 .con_txt{ background:#15a6ff;}
.con_ind.cb_02 .con_txt::before {content: '';width: 0;height: 0;border-style: solid;border-width: 0 20px 20px 0;
    border-color: transparent #950700 transparent transparent; position: absolute; top: 0; right:0;}
.con_ind.cb_02 .con_txt::after{ content: ''; width: 50px; height: 25px;background: url(../images/bg_cb_02.png) 0 no-repeat; background-size: contain; position: absolute; bottom: 15px; left: -15px; }
.con_ind.cb_02 .con_tit{ margin-top: -68px; }

/*月約列表*/
.contract_list li{ margin-bottom: 10px; position: relative; display: flex; }
.contract_list li::before{content: '';  height: auto; background-color: #fff; border-radius: 24px; border-bottom-right-radius: 0; position: absolute; top: 0; left:20px; bottom: 0; right: 0;}
.contract_list .tag_box{min-width: 80px; height: 40px; border-radius: 40px; padding: 10px; display: flex; justify-content: center; align-items: center; color: #fff; background-color: #f3382e; margin-top: 6px; z-index: 2; white-space:nowrap;}
.contract_list .tag_box.pink{ background-color: #f42c95;}
.contract_list .txt_box{ text-align: left; color: #333333;margin-left: -20px; padding: 15px 15px 15px 30px;  position: relative;}
.contract_list .txt_box a{ color: #333;}

/*cb_03*/
.con_ind.cb_03{ position: relative; padding-top: 40px; margin: 0;
background: -moz-linear-gradient(top,  #5a0d70 0%, #ad43cb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5a0d70 0%,#ad43cb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5a0d70 0%,#ad43cb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
;
}
.con_ind.cb_03::before{ content: ''; background: url(../images/bg_cb_03_t.png) 0 0 no-repeat;background-size:100% 40px; position: absolute; top: 0; left: 0; right: 0; height:40px; width: 100%;}

.con_ind.cb_03 .con_txt{ padding:0 0 20px; margin: 0;}


/*精選APP*/
.app_swiper{ margin:0; padding:0 20px; text-align: center;
    background: -moz-linear-gradient(top,  #950800 0%, #c61e12 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #950800 0%,#c61e12 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #950800 0%,#c61e12 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.app_swiper h3.sub_swiper{ font-size: 28px; margin-bottom: 20px; text-shadow: 0 5px 0 rgba(0,0,0,.15);}
.app_swiper .swiper-slide{ position:relative; min-width:72px; text-align:center; }
.app_swiper .swiper-slide .imgbox{margin-bottom: 10px; border:2px solid #fff; background-color: #fff; box-shadow: 0 5px 0 rgba(149,8,0,.5); border-radius:24%; overflow: hidden; position: relative;}
.app_swiper .swiper-slide .imgbox img{ width:100%; height:auto; }

.app_swiper .swiper-slide h4{ line-height:16px; font-size:14px; font-weight: normal; word-break:break-all;}
.app_swiper .swiper-slide a{ position:absolute; top:0; left:0; right:0; width:100%; height:100%;}
/* swiper 輪播*/
.swiper-wrapper{ padding-bottom: 30px;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0px;}
.swiper-pagination-bullet {width: 10px; height: 10px; margin: 0 0 0 14px;  opacity: 1; border-radius: 10px; background: rgba(255,255,255,.5);   -webkit-transition: .2s; -o-transition: .2s;transition: .2s;}
.swiper-pagination-bullet-active{width: 44px; background: #fff;}

/*內容_內頁*/
.con_inp .con_txt{margin-top: 0; padding-top: 0;}
.con_inp a{font-weight:600; color: #eeb232;border-bottom: 1px solid #eeb232;margin: 0 4px; display: inline-block;}
.con_cell{ position:relative;  padding:0 10px;}

.descrip_list > li{ margin-bottom: 15px; display: flex; text-align: left;}
.descrip_list > li:last-child{margin-bottom: 0;}
.descrip_list > li.noFlex{ display: block; text-align: center;}
.descrip_list .num{ width:28px; height: 28px; min-width: 28px; margin-right:10px; font-size: 18px; font-weight: bold; color: #950800; background-color: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.descrip_list .num.m-auto{ margin: 0 auto 10px;}
.descrip_box{font-size: 16px; line-height: 30px; flex: 1 1 100%;}
.descrip_box .inbox.blue{ background-color: #1e70a1;}
.descrip_box .inbox{padding: 10px; font-weight: 500;}
.descrip_box .more{font-size: 14px; line-height: 16px; color: #fff; border:1px solid #fff; padding:6px 16px 4px; display: inline-block;}
.overdue .descrip_box .more{    color: rgba(255,255,255,.5); border:1px solid rgba(255,255,255,.5); }
table.descrip_tb{ width:100%; margin:0 0 10px 0;font-size: 16px; line-height: 24px;}
table.descrip_tb th{padding:5px;  background-color: #379ad6; border-bottom: 1px solid #87d2ff; font-size: 15px; font-weight: normal; letter-spacing: 2px; text-align: center;}
table.descrip_tb td{ padding:10px; text-align:center; background-color: rgba(255,255,255,0.1); border-bottom: 1px solid #1e70a1; }
table.descrip_tb > tr:last-child td{border-bottom: 0;}

.descrip_list > li.overdue{ color: rgba(255,255,255,.5);}
.descrip_list > li.overdue .num{ background-color:rgba(255,255,255,.5);}
/*附註, 注意事項*/
.dot_list li{ padding-left: 14px; margin-bottom:5px; font-size: 15px; line-height: 140%; text-align: left; position: relative;}
.dot_list li:last-child{margin-bottom: 0;}

.dot_list > li::before{ content: ''; width: 7px; height: 7px; background-color: #fff; border-radius: 100%; position: absolute; top:7px; left: 0;}
.dot_list li ol{counter-reset: section;}
.dot_list li ol > li{ font-size: 14px;}
.dot_list li ol > li::before{ counter-increment: section;content: counter(section) "."; position: absolute; left: 0; top: 0;}

.notice_list{counter-reset: section;}
.notice_list > li{ padding-left:24px; margin-bottom: 10px; font-size: 15px; text-align: left; position: relative;}
.notice_list > li:last-child{margin-bottom: 0;}
.notice_list > li::before{ counter-increment: section;content: counter(section) ""; position: absolute; left: 0; top: 2px; color: #950800; font-size: 15px; text-align: center; font-weight: 500; line-height: 20px; width: 20px; height: 20px; background-color: #fff; border-radius: 100%;}
.blue .notice_list > li::before{ color: #1e70a1;}
.blue .notice_list{line-height: 24px;}
/*APP列表*/
.app_list{ display: flex; flex-wrap: wrap; }
.app_list li{ flex: 1 1 auto;width:calc(25% - 20px); max-width:calc(25% - 20px); margin: 0 10px 20px; text-align: center; position: relative;}
.app_list .app_box {display: flex; justify-content: center;}
.app_list .app_box img{height: auto; max-width: 100%; }
.app_list li a{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; width: 100%; height: auto; border: none; padding: 0; margin: 0; }
.app_list.app_link .app_box{border: 2px solid #fff; background-color: #fff; box-shadow: 0 6px 0 rgb(0 0 0 / 15%);  border-radius: 24%; overflow: hidden;width: 104px; height: 104px; margin: 0 auto 10px;}
.app_list.app_link .app_box img{ width: 100px; height: 100px; max-width: 100px; height: 100px;}

@media screen and (max-width:800px) {
    .app_list li{ width:calc(50% - 20px);max-width:calc(50% - 20px); }

}

/*步驟step*/
.step_list li{ margin-bottom: 20px; display: flex;  align-items: flex-start;}
.step_list li:last-child{margin-bottom: 0;}
.step_list .num{margin-bottom: 10px; margin-right: 10px; background-color: #dd2756; border-radius: 30px; font-size: 15px; font-weight: bold; padding: 2px 10px; text-transform: uppercase; display: inline-block; min-width: 80px;white-space:nowrap; text-align: center;}
.step_list .step_box{ font-size: 18px; line-height: 30px;}

.cb_banner{  border-radius: 15px; margin-bottom: 20px; overflow: hidden;}
.cb_banner img{ display:block; width:100%; height:auto;}

.popup_box .cc_p{ overflow:auto; height:200px;}
.popup_box .cc_p p{ text-align:justify;}
.con_cell .notice ol.cc_code li{ text-align:center; font-size:16px;}
.popup_box .cc_p{ overflow:auto; height:200px; padding:0;}
.popup_box .cc_p p{ text-align:justify;}
.con_everyact .btn_main{ position: relative;}
.con_everyact .btn_main a{ float:none; margin:0 0 10px 0; border-radius:5px;}
.new_program_01{ margin:0 0 20px 0;}
.new_program_01 h4{ margin:0 0 10px 0; text-align:center;}
.new_program_01.np_sty_01 h4{ color:#efea3d;}
.new_program_01.np_sty_02 h4{ color:#f39700;}
.new_program_01 table{ font-size:16px; border-top:1px solid #bb292a;}
.new_program_01 table th{  border-bottom:1px solid #bb292a;}
.new_program_01.np_sty_01 th{ background:#bb292a;}
.new_program_01.np_sty_02 th{ background:#bb292a;}
.new_program_01.np_sty_03 th{ background:#dd5f39;}
.new_program_01 table td{ height:60px; text-align:left; }
.bs_box{ position:relative; margin:0 0 15px 0; padding:4px 0 0 0;}
.bs_box:last-child{ margin:0;}
.bs_box .bs_month{ position:absolute; top:0; left:15px; width:65px; height:40px; padding:0 4px 0 0; text-align:center; line-height:35px; color:#fff; font-weight:bold; background:url(../images/bg_month.png) no-repeat center center; background-size:100% auto; z-index:2;}
.bs_box a{ width:100%; padding:0 0 0 90px; text-align:left; }


/*popup+選擇方案*/
.popup{ z-index:10;}
.popup_bg{ position:fixed; top:0; left:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:15;}
.popup_con{ position:fixed; top:60px; left:0; right:0; width:100%; margin:0 auto; padding:0 15px; z-index:20; }
.popup_box{  position:relative; padding:20px; border-radius:20px;background-color: #fff;color: #333;}
.popup_box .con_txt{ padding:0;}
.popup_box p{ margin:0 0 10px 0; text-align:center;}
.popup_box .tit_main{ color: #950800; border-bottom: 1px solid #950800; padding-bottom: 10px; text-shadow: none;}
.popup_box .inbox{background-color: #f1f1f1f1;}
.popup_box .terms{  background-color: #f1f1f1f1;}
.popup_box .popup_btn{ display:flex; flex-wrap: wrap; justify-content: space-between;}
.popup_box .popup_btn a{ width: 48%;height: 40px;color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1px;background-color: #6903c6;box-shadow: 0px 4px 0px rgb(0 0 0 / 15%);display: flex; justify-content: center;align-items: center;}
.popup_box .popup_btn a.w-full{ width:100%; margin:0 0 15px 0;}
.popup_box .popup_btn a.line{ background:#00b300;}
.popup_box .popup_btn a.fb{ background:#4267b2;}

.popup_box .btn_close{ position:absolute; top:-40px; right:0; width:30px; height:30px; background: url(../images/btn_close.png) no-repeat center center; background-size:24px;}
.popup_box .notice{ background:rgba(0,0,0,0.2);}

/*選擇方案*/
.btn_case{ display:flex; justify-content: space-around; flex-wrap: wrap;}
.btn_case a{ flex:1 1 100%; max-width: calc(44% - 20px);  margin: 0 0 20px;display: flex; justify-content: center; align-items: center; padding: 10px; border: none; color: #fff;box-shadow: 0px 4px 0px rgb(0 0 0 / 15%); background-color: #6f0600}
.btn_case a.on{ background:#6903c6;}

.terms{ height: 300px; overflow-y: auto; background-color: rgb(0 0 0 / 15%); border-radius:15px; padding:15px; text-align: left;}
.terms ol li {margin: 0 0 10px 0;padding: 0 0 0 20px;text-align: justify;line-height: 22px;word-wrap: break-word; word-break: break-all;text-indent: -24px;}
.case_box .notice{ margin:0 0 15px 0;}
.case_box .notice p{ margin:0; text-align:justify;}

/*input*/
.input_box{ width: 100%; height: 40px; border-radius: 8px; background-color: #fff; overflow: hidden;}
.input_box input{ width: 100%; height: 40px; line-height: 40px; padding: 0 10px; font-size: 16px; font-weight: 500; }

/*checkbox*/
.check { position:relative; display:block; margin:15px 0 0 0; padding:0 0 0 40px; text-align:left; vertical-align:middle; line-height:30px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; user-select:none;}
.check input { position:absolute; opacity:0; cursor: pointer;}
.checkmark { position:absolute; top:0; left:0; height:30px; width:30px; background:rgba(0,0,0,0); border:2px solid #fff; border-radius:5px;}
.check:hover input ~ .checkmark { background-color:rgba(0,0,0,0);; }/* On mouse-over, add a grey background color */
.check input:checked ~ .checkmark { background-color:#e07e3f; border:1px solid #e07e3f;}/* When the checkbox is checked, add a blue background */
.checkmark:after { content: ""; position:absolute; display:none;}/* Create the checkmark/indicator (hidden when not checked) */
.check input:checked ~ .checkmark:after { display:block;}/* Show the checkmark when checked */
.check .checkmark:after { left:10px; top:4px; width:6px; height:12px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}/* Style the checkmark/indicator */

/*coupon_list*/
.coupon_list .coupon_flex{display: flex; justify-content:space-between; align-items: center; margin-bottom: 10px;}
.coupon_list .coupon_tit{ display: flex; justify-content:space-between; text-align: left;align-items: center;margin-bottom: 10px; }
.coupon_list .coupon_icon{width: 75px; height: 75px; min-width:75px; margin-right: 10px;}
.coupon_list .coupon_icon img{ width: 100%; height: auto;}
.coupon_list .coupon_btn{min-width: 4.5em; }