@charset "utf-8";
/*
* @data 2015-12-10
* Author: Green
--------------------------------
深藍    008fcd
淺藍    59c2f2
粉紅    f594cc
淺紅    de7676
背景灰  f8f8f8
淺灰線  ebedef

--------------------------------
*/

/* banner */
.lrp_banner .jcarousel { max-width: 1200px; width: 100%; height: 430px; overflow: hidden; position: relative; margin-top: 20px;}

.jcarousel_pagination_banner { position: absolute; bottom: 5px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0;}
.jcarousel_pagination_banner a { text-decoration: none; display: inline-block; height: 10px; width: 10px; line-height: 10px; background: #fff; border: solid 1px #008fcd; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-indent: -9999px; margin-right: 7px;}
.jcarousel_pagination_banner a.active { background: #008fcd; border: solid 1px #fff; opacity: 1;}


.lrp_banner h2 { font-size: 6.0rem; line-height: 1; text-align: left; color: #fff; margin-bottom: 15px;}
.lrp_banner h4 { font-size: 2.4rem; line-height: 1; text-align: left; color: #fff; margin-bottom: 15px;}
.lrp_banner .lrp_bn_kv p{ margin: 1.5em 0; font-size: 2.0rem; text-align: left; color: rgba(255, 255, 255, 0.6);}
.lrp_banner .lrp_bn_kv { overflow: hidden; position: relative;}
.lrp_banner .lrp_bn_kv li { float: left; width: 1200px; height: 430px; overflow: hidden; position: relative; /*background: url(../images/resource/lrp_bn_kv.jpg) left top no-repeat #97b3da;*/}
.lrp_banner .lrp_bn_kv li .infor img { height: 100%; width: 100%; max-width: inherit; left: 0; top: 0; position: absolute; z-index: -1; }
.lrp_banner .lrp_bn_kv li .infor .title { width: calc(100% - 35% - 60px); height: 430px; margin: 0 60px 10px 35%; padding-top: 70px;}
.lrp_banner .lrp_btn_com_main { width: initial; margin-bottom: 5px; border: 0; margin-right: 10px;}
.lrp_banner .lrp_bn_kv li .infor .lrp_btn_com_main:nth-of-type(2){ background: #f594cc; color: #fff; margin-right: 0;}
.lrp_banner .lrp_bn_kv li .infor .lrp_btn_com_main:nth-of-type(2) a { color: #fff;}
.lrp_banner .lrp_bn_kv li .infor .lrp_btn_com_main:nth-of-type(2):hover { color: rgba(245,148,204,1.0); background: #fff;}
.lrp_banner .lrp_bn_kv li .infor .lrp_btn_com_main:nth-of-type(2):hover a { color: rgba(245,148,204,1.0);}

/*會員權益列表*/
.lrp_interest_list li::after,
.lrp_interest_list li dl::after{ content: ""; display: block; clear: both; overflow: hidden; float: none;}
.lrp_interest_list li::after{ width: 100%; height: 60px; background: url(../Images/interest/member_interest_arrow.png) no-repeat center center;}
.lrp_interest_list li:last-child::after{ display: none;}
.lrp_interest_list li .title,
.lrp_interest_list li .info{ padding: 10px; float: left;}
.lrp_interest_list li .title{ width: 12%; text-align: center; border-right: 1px solid #ddd;}
.lrp_interest_list li .title h2,
.lrp_interest_list li .title h4{ margin: 0; font-weight: bold; line-height: 1; color: #a1d0ea;}
.lrp_interest_list li .title h4{ font-size: 2.4rem;}
.lrp_interest_list li .title h5{ font-size: 1.4rem; margin-top: 1em; color: #999;}
.lrp_interest_list li .info{display: flex;flex-wrap: wrap; margin-left: -1px; width: 88%; border-left: 1px solid #ddd;}
.lrp_interest_list li dl{ padding: 10px; margin-bottom: 10px; width: 25%; line-height: 1.25; float: left; min-height: 6.5em;}
.lrp_interest_list li dl .pic,
.lrp_interest_list li dl .text{ float: left;}
.lrp_interest_list li dl .pic{ width: 60px;}
.lrp_interest_list li dl .text{ width: calc( 100% - 60px);}
.lrp_interest_list li dl .pic img{ width: 50px; height: auto;}
.lrp_interest_list li dl dt{ font-weight: bold; color: #008fcd;}
.lrp_interest_list li dl dd{ font-size: 1.3rem; color: #333;}
.lrp_interest_list li dl .lrp_sub_title{ font-weight: bold;}
.btn_interest_add{ height: 60px; width: auto;}

/* 會員頁籤*/
.lrp_mem_in_tab{ margin: 0 auto; padding: 0;}
.lrp_mem_in_tab ul::after { content: ""; display: block; clear: both; overflow: hidden; float: none;}
.lrp_mem_in_tab ul li { width: 25%; height: 50px; float: left; line-height: 50px; background: #008fcd; color: #fff; border-right: solid 1px rgba(255,255,255,0.2); text-align: center; cursor: pointer; position: relative;}
.lrp_mem_in_tab ul li:last-of-type { border: 0;}
.lrp_mem_in_tab ul li:hover,
.lrp_mem_in_tab ul li.current { background: #e5ecef; color: #008fcd;}
.lrp_mem_in_tab ul li:hover::after,
.lrp_mem_in_tab ul li.current::after { content: ""; display: block; position: absolute; left: 50%; margin-left: -8px; border-left: 8px solid transparent; border-top: 8px solid  #e5ecef; border-right: 8px solid transparent;}
.lrp_mem_in_tab ul li dfn.count { display: inline-block; text-indent: 0; font-size: 1.4rem; background: #f594cc; color: #fff; text-align: center; padding: 0 0.2em; right: 6%; top: 15px; height: 1.5em; line-height: 1.5em; min-width: 1.5em; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; position: absolute;}

/*還原article ul, ol 預設樣式*/
article ul { list-style: disc; list-style-position: outside; margin: 0 0 1em 2rem;}
article ul ul{ list-style: circle;}
article ol { list-style: decimal; list-style-position: outside; margin: 0 0 1em 2rem;}
article ol ol{ list-style: lower-roman;}
article ol.cjk{ list-style: cjk-ideographic;}
article ol li,
article ul li{ margin-bottom: 1em;}
article a{ color: #008fcd; text-decoration: underline;}
article a:hover{ text-decoration: none;}
article ol.no_m li,
article ul.no_m li{ margin: 0;}

/*文繞圖*/
.wrap_pic_text::after{ content: ""; display: block; clear: both; overflow: hidden; float: none;}
.wrap_pic_text .pic,
.wrap_pic_text .text{ width: 50%;}
.wrap_pic_text .pic img{ width: 100%; height: auto;}
.wrap_pic_text_fl .pic,
.wrap_pic_text_fl .text{ float: left;}
.wrap_pic_text_fr .pic,
.wrap_pic_text_fr .text{ float: right;}

/**/
.lrp_gift_list_simplify>li{ height: 290px;}

/*add_step*/
.add_step ul li{ width: calc( 100%/4); min-height: 200px; padding-right: 50px; background: url(../Images/interest/add_step_arrow.png) no-repeat right center; float: left;}
.add_step ul li:last-child{ background: none;}
.add_step ul li h3{ margin: 0; font-size:3.6rem; color: #b9dcef;}
.add_step ul li h3 span{ font: italic 5.4rem/1 "arial";}
.add_step ul li p{ min-height: 3em; margin-bottom: 1em;}
.add_step ul li img{ margin: 0 auto; display: block;}

/*easyrwd_tb*/
.easyrwd_tb table { width: 100%; font-size: 1.4rem;}
.easyrwd_tb table th { line-height: 40px; color: #333;}
.easyrwd_tb table th,
.easyrwd_tb table td { text-align: left; padding: 10px; border-bottom: solid 1px #ddd;}
.easyrwd_tb table .point { text-align: right;}


@media screen and (max-width: 1200px) {
    .lrp_banner .jcarousel { width: 100%;}
    .lrp_banner .lrp_bn_kv li { width: 100vw;}
    .lrp_banner .lrp_bn_kv li .infor img { height: 100%; width: auto;}
    .lrp_interest_list li dl{ width: 33%;}
}



@media screen and (max-width: 1024px) {

    .lrp_banner .jcarousel { margin-top: 10px;}

    .lrp_banner h2 { font-size: 4.0rem;}
    .lrp_banner h4 { font-size: 2.0rem;}

    .lrp_interest_list li .title{ width: 30%;}
    .lrp_interest_list li .info{ width: 70%;}
    .lrp_interest_list li dl{ width: 50%;}

    article { width: 100%;}
    article ul { margin: 0 0 1em 3rem;}
    article ol { margin: 0 0 1em 3rem;}
}

@media screen and (max-width: 768px) {
    .jcarousel_pagination_banner {display: none;}

    .lrp_banner .jcarousel {height: 275px;}
    .lrp_banner .lrp_bn_kv li { height: 275px;/* text-align: right;*/}
    .lrp_banner .lrp_bn_kv li .infor .title { width: calc(100% - 35% - 20px); height: 275px; margin: 0 20px 10px 35%; padding-top: 20px;}
    .lrp_banner .lrp_bn_kv h2,
    .lrp_banner .lrp_bn_kv h4,
    .lrp_banner .lrp_bn_kv p { display: block; margin: 0 10px 10px auto; line-height: 1;}
    .lrp_banner .lrp_bn_kv p{ font-size: 1.6rem;}

    /*文繞圖*/
    .wrap_pic_text .pic,
    .wrap_pic_text .text{ width: 100%;}
    .wrap_pic_text_fl .pic,
    .wrap_pic_text_fl .text,
    .wrap_pic_text_fr .pic,
    .wrap_pic_text_fr .text{ float: none;}

    .add_step ul li{ width: calc( 100%/2); padding: 0 25px; margin-bottom: 60px;}
    .add_step ul li:nth-child(2){ background: none;}

    .easyrwd_tb table { overflow:hidden;}
    .easyrwd_tb table tr { display: block; padding: 15px 0; border-top: solid 1px #ddd;}
    .easyrwd_tb table tr:first-of-type{display: none;}
    .easyrwd_tb table tr:last-of-type {border-bottom: solid 1px #ddd;}
    .easyrwd_tb table th {display:none;}
    .easyrwd_tb table td {display:block; border: none; overflow: hidden;}
    .easyrwd_tb table td p{ display: block; float: left; width: calc(100% - 7.5em)}
    .easyrwd_tb table td:before{content:attr(data-th) ""; color: #333; width:7.5em; display:inline-block; float: left;}
    .easyrwd_tb table th,
    .easyrwd_tb table td {text-align:left; border-top: none; padding: 5px 0;}


}
@media screen and (max-width: 600px) {
    .lrp_banner .lrp_bn_kv li .infor img { left: -25%;}
    .lrp_banner h2 { font-size: 3.2rem;}
    .lrp_banner .lrp_bn_kv h4 { font-size: 1.6rem;}
    .lrp_banner .lrp_bn_kv p { font-size: 1.2rem;}
    .lrp_banner .lrp_bn_kv .lrp_btn_com_main { /*width: 130px;*/ min-width: 100px; font-size: 1.6rem; margin-right: 5px;}
    .lrp_banner .lrp_bn_kv .lrp_btn_com_main:nth-of-type(2) { background: #009fd6;}
    .lrp_banner .lrp_bn_kv .lrp_btn_com_main:nth-of-type(2):hover { background: rgba(0,159,214,0.8);}

    .lrp_interest_list li .title,
    .lrp_interest_list li .info,
    .lrp_interest_list li dl{ width: 100%; border: 0;}
}

@media screen and (max-width: 320px) {
    .lrp_banner .lrp_bn_kv p { font-size: 1.0rem;}
}