@import url('https://fonts.googleapis.com/css2?family=Noto Sans:wght@200;300;400;500;600;700&display=swap');
@import "_revise.css" screen;
 /*@font-face {
    font-family: 'Noto Sans';
   思源黑體
    src: url('../images/fonts/NotoSansCJKtc-Regular.otf') format("opentype");
}
*/
html {}

body {
    background: rgb(239, 239, 239);
}


/*手機無法拖拉放大*/

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    opacity: 0.8;
}

a:active {
    outline: none;
}

a:focus {
    outline: none;
}

img,
svg {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

select {
    /*移除箭頭樣式*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*改變右邊箭頭樣式*/
    background-image: url("../images/icon/select_arrow.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    width: 100%;
    height: 36px;
    padding-left: 15px;
    padding-right: 40px;
    background-color: #fff;
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 19px;
    border: 1px solid rgb(234, 234, 234);
    border-radius: 10px;
}


/*IE隱藏箭頭樣式*/

select::-ms-expand {
    display: none;
}

select:focus {}


/************************************/


/**********************以下為各區塊設定*/


/*************#header 區的相關設定*/

#header {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0px;
}

.top_bar {
    background: #000000;
    color: #fff;
    height: 41px;
    margin: 0px;
}

.top_bar>div {
    display: flex;
    align-items: center;
}

.top_bar>div a img {
    padding: 6px;
}

.top_bar .bell_icon {
    justify-content: flex-end;
}

.top_bar .bell_icon a.bell {
    position: relative;
    display: flex;
    justify-content: center;
}

.top_bar .bell_icon a.bell .num {
    position: absolute;
    background-color: #fff;
    color: rgb(188, 0, 0);
    font-family: 'Microsoft JhengHei';
    font-size: 10px;
    line-height: 15px;
    padding: 0px 7px;
    border-radius: 10px;
    top: 2px;
}

.top_bar .page_title {
    justify-content: center;
    font-family: 'Noto Sans';
    /*思源黑體*/
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
}


/*************main 區的相關設定*/

.main_wrap {
    margin-bottom: 90px;
    margin-top: 41px;
}


/*#home_slidershow 首頁輪撥的相關設定*/

#home_slidershow .swiper-slide {
    text-align: center;
}

#home_slidershow .swiper-slide img {
    width: 100%;
}

#home_slidershow .swiper-pagination-bullet {
    background-color: rgb(255, 255, 255);
    opacity: 0.7
}

#home_slidershow .swiper-pagination-bullet-active {
    background-color: #c49d62;
    opacity: 1;
}


/*#home_marquee 首頁跑馬燈的相關設定*/

#home_marquee {
    margin-top: 18px;
}

#home_marquee .texts.swiper-wrapper {
    margin: 0px 3em;
}

#home_marquee .swiper-slide {
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

.swiper-button-next:after,
.swiper-button-prev:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    color: #c49d62;
}


/*#home_block01 首頁-我的投資專區的設定*/

#home_block01 {
    margin-top: 24px;
}

#home_block01 .block01_wrap {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
}

#home_block01 .block01_wrap .block_title {
    color: #c49d62;
    font-family: 'Noto Sans';
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    border-bottom: 1px dashed rgb(204, 204, 204);
    padding: 1em;
}

#home_block01 .block01_wrap .block_title a {
    color: #c49d62;
}

#home_block01 .block01_wrap .block_title img {
    margin-right: 6px;
    vertical-align: bottom;
}

#home_block01 .block_data {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    padding: 1em;
}

#home_block01 .block_data .quantity .num {
    color: #977d36;
    font-family: Arial;
    font-size: 48px;
    line-height: 71px;
}

#home_block01 .block_data .profit .num {
    color: rgb(239, 9, 9);
    font-family: Arial;
    font-size: 48px;
    line-height: 71px;
}


/*#home_block02 優惠與據點*/

#home_block02 {
    margin-top: 24px;
}

.block_data .col-6 {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
    text-align: center;
    width: calc(50% - 13px);
}

#home_block02 .block_data .icon {
    padding: 20px 8px 6px 8px;
}

#home_block02 .block_data .title {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgb(204, 204, 204);
}

#home_block02 .block_data .data {
    padding: 5px;
}

#home_block02 .block_data .data div {
    border-radius: 15px;
    color: #fff;
    font-family: 'Microsoft JhengHei';
    font-size: 13px;
    line-height: 19px;
}

#home_block02 .block_data .data div span {
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
    width: 2em;
    display: inline-block;
    text-align: right;
}

#home_block02 .block_data .data .data01 {
    margin-bottom: 5px;
    background: #e92921;
}

#home_block02 .block_data .data .data02 {
    background: #b6c0bd;
}

#home_block02 .block_data .coupon {
    margin-right: 26px;
}

#home_block02 .block_data .location {}


/*#home_block03 訂單與客服 */

#home_block03 {
    margin-top: 24px;
}

#home_block03 .block_data .order {
    margin-right: 26px;
}

#home_block03 .block_data .col-6 {
    padding: 40px;
}

#home_block03 .block_data .col-6 .icon {
    margin-bottom: 6px;
}

#home_block03 .block_data .col-6 .title {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

#home_block03 .block_data .col-6 a {
    color: rgb(51, 51, 51);
}


/*************footer 區的相關設定*/

.footer_wrap {
    background-color: #fff;
    box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.16);
    position: fixed;
    width: 100%;
    bottom: 0;
}

.footer_menu_list {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
}

.footer_menu_list>.menu_item {
    font-family: 'Noto Sans';
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    position: relative;
}

.footer_menu_list>.menu_item .icon {
    margin-bottom: 6px;
}

.footer_menu_list>.menu_item a {
    color: rgb(51, 51, 51);
}

.footer_menu_list>.menu_item a.active {
    color: #c49d62;
}

.footer_menu_list>.menu_item a.active .icon img {
    filter: invert(53%) sepia(6%) saturate(3948%) hue-rotate(6deg) brightness(91%) contrast(85%);
}

.footer_menu_list>.menu_item.home {
    padding: 0 16px;
    width: 54px;
}

.footer_menu_list>.menu_item a.home_but {
    background-color: #000000;
    display: inline-block;
    position: absolute;
    width: 54px;
    height: 54px;
    text-align: center;
    border-radius: 50%;
    padding: 6px;
    color: #fff;
    left: 0px;
    top: -16px;
}

.footer_menu_list>.menu_item.home .icon {
    margin-bottom: 4px;
}


/*************modal 彈出區的相關設定*/

.pup_menu {
    color: #fff;
    background-color: #c49d62;
}

.pup_menu .btn-close {
    background-image: url(../images/icon/modal_btn-close.svg);
    opacity: 1;
}

.pup_menu .modal-header {
    border-bottom: none;
}

.pup_menu .modal-footer {
    border-top: none;
}

.pup_menu .top_but .col-6 {
    text-align: center;
}

.pup_menu .top_but a.button {
    color: #fff;
    border-radius: 50%;
    width: 76px;
    height: 76px;
    display: inline-block;
    font-family: Noto Sans CJK TC;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #fff;
    padding-top: 15px;
}

.pup_menu .top_but a.button .icon {
    margin-bottom: 4px;
}

.pup_menu ul.main-menu {
    margin: 0px;
    padding: 0px;
    text-align: center;
    margin-top: 35px;
}

.pup_menu ul.main-menu li {
    list-style: none;
    font-family: 'Noto Sans';
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px
}

.pup_menu ul.main-menu li a {
    color: #fff;
    display: block;
}


/*.pup_Modal 彈出區的相關設定*/

.pup_Modal {}

.pup_Modal .modal-content {
    background-color: transparent;
    border: none;
}

.pup_Modal .btn-close {
    background-image: url(../images/icon/modal_btn-close.svg);
    opacity: 1;
}

.pup_Modal .modal-header {
    border-bottom: none;
    padding: 1rem 0px;
}

.pup_Modal .modal-body {
    background-color: #fff;
    border-radius: 15px 15px 0px 0px;
}

.pup_Modal .modal-body h3 {
    color: #c49d62;
    font-family: 'Noto Sans';
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    border-bottom: 1px dashed rgb(204, 204, 204);
    padding-bottom: 18px;
}

.pup_Modal .modal-footer {
    border-top: none;
    background-color: #fff;
    border-radius: 0px 0px 15px 15px;
    justify-content: center;
}

.pup_Modal .btn-primary {
    background-color: #c49d62;
    border-radius: 25px;
    padding: 0.375rem 2rem;
    border: none;
}

.pup_Modal .btn-secondary {
    background-color: rgb(153, 153, 153);
    border-radius: 25px;
    padding: 0.375rem 2rem;
    border: none;
}

@media (max-width: 575px) {
    .pup_Modal .modal-dialog {
        margin: 2rem;
    }
    .pup_Modal .modal-dialog-centered {
        min-height: calc(100% - 14rem);
    }
}


/************************************/


/*************page_Login 登入註冊頁的設定*/

body.page_Login {
    background-color: #fff;
}

.login_page_con {
    text-align: center;
    padding: 0px 20px;
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

.login_page_con .icon {
    margin-top: 150px;
    margin-bottom: 20px;
}

.login_page_con .icon img {
    width: 154px;
    height: 154px;
    /*border-radius: 50%;  Vivi del it at 20221013*/  
}

.login_page_con .text {
    margin-bottom: 90px;
}

.login_page_con .but.use_Line {
    margin-bottom: 20px;
}

.login_page_con .but a.use_Line {
    background-color: #c49d62;
    border-radius: 25px;
    color: #fff;
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
    padding: 10px 60px;
    height: 46px;
    display: inline-block;
}

.login_page_con .but a.use_Line img {
    margin-right: 10px;
}

.login_page_con.member_con .text {
    margin-bottom: 10px;
}

.login_page_con.member_con .text h2 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 20px;
    line-height: 30px;
}

.login_page_con.member_con .text2 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

.icon.userphoto img {  /*vivi add it 20221013*/ 
    width: 154px;
    height: 154px;
	border-radius: 50%;
}

.login_page_con .text2 a {
    color: rgb(51, 51, 51);
}





/*************page_ir 投資專區頁的設定*/

body.page_ir {}

.page_menu {
    height: 44px;
}

ul.page_menu_wrap {
    margin: 0px;
    padding: 0px;
    display: flex;
    height: 44px;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
    position: fixed;
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid #efefef;
}

ul.page_menu_wrap>li {
    list-style: none;
}

ul.page_menu_wrap>li a {
    color: rgb(102, 102, 102);
    font-family: Noto Sans CJK TC;
    font-size: 14px;
    line-height: 21px;
}

ul.page_menu_wrap>li.active a {
    color: #977d36;
}


/*ir_list 方案列表*/

.ir_list {
    margin-top: 30px;
}

.ir_list .ir_item {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 6px rgb(0 0 0 / 16%);
    border-radius: 15px;
    padding: 0px;
    margin-bottom: 30px;
}

.ir_list .ir_item .ir_img {
    width: 100%;
    min-height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    border-radius: 15px 15px 0px 0px;
}

.ir_list .ir_item .ir_con {
    padding: 14px;
}

.ir_list .ir_item .ir_con h4 {
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
    color: rgb(0, 0, 0);
    margin-bottom: 1rem;
}

.ir_list .ir_item .ir_con .con {
    min-height: 200px;
}

.ir_list .ir_item .ir_con p {
    color: rgb(102, 102, 102);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
}

.ir_list .ir_item .ir_con p.add {
    color: rgb(102, 102, 102);
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 19px;
}

.ir_list .ir_item .ir_con .price {
    text-align: right;
    color: #c49d62;
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
}

.ir_list .ir_item .ir_con .price span {
    color: rgb(170, 170, 170);
    font-family: Arial;
    font-size: 13px;
    line-height: 19px;
    margin-right: 9px;
}

.ir_list .ir_item .ir_con .price span.original {
    text-decoration: line-through;
}

.ir_list .ir_item .ir_con .con .part {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 1.5rem;
}

.ir_list .ir_item .ir_con .con .part h5 {
    background: rgb(240, 231, 217);
    border-radius: 15px;
    text-align: center;
    width: 78px;
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 19px;
    padding: 2px;
}

.ir_list .ir_item .ir_con .con .part select {
    background-color: rgb(240, 231, 217);
    border: 1px solid rgb(234, 234, 234);
    border-radius: 10px;
    padding: 5px 10px;
    margin-bottom: 5px;
}

.ir_list .ir_item .ir_con .con .part input[type="text"] {
    width: 100%;
    border: none;
}

.ir_list .ir_item .ir_con .action {
    padding-bottom: 6px;
    margin-top: 10px;
}

.ir_list .ir_item .ir_con .action a.btn {
    width: 100%;
    background: #000000;
    border-radius: 25px;
    color: #fff;
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 30px;
}


/*ir_cart 方案購物車*/

.cart_step {}

.cart_step ul.step_wrap {
    list-style: none;
    margin: 0px;
    width: 100%;
    padding: 14px 2em;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.cart_step ul.step_wrap::before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 4em);
    height: 1px;
    background-color: rgb(204, 204, 204);
    top: 36px;
    z-index: -1;
}

.cart_step ul.step_wrap>li {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
}

.cart_step ul.step_wrap>li a {
    display: inline-block;
    background-color: rgb(204, 204, 204);
    color: #fff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
}

.cart_step ul.step_wrap>li.active a {
    background-color: #c49d62;
    ;
}

.ir_list.cart {
    margin-top: 0px;
}

.ir_list .ir_item .ir_con .con .part .compact {
    height: 248px;
    overflow-y: scroll;
    padding: 20px;
    border: 1px solid rgb(112, 112, 112);
    margin-bottom: 20px;
}

.ir_list .ir_item .ir_con .con .part .have_read {
    text-align: center;
    padding-bottom: 10px;
}

.ir_list .ir_item .ir_con .con .part .price {
    text-align: center;
    border-top: 1px dashed rgb(204, 204, 204);
    padding: 10px 0px;
    color: rgb(102, 102, 102);
    font-size: 13px;
    line-height: 19px;
}

.ir_list .ir_item .ir_con .con .part .price span.price_num {
    color: #c49d62;
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
}

.ir_list .ir_item .ir_con .con .part .price.final {
    border-bottom: 1px dashed rgb(204, 204, 204);
}

.ir_list .ir_item .ir_con .con .part .directions {
    padding-top: 10px;
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
}


/*my_ir_list 我的投資列表*/

.my_ir_list {
    margin-top: 20px;
}

.my_ir_list .update_message {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 19px;
    text-align: right;
    margin-bottom: 10px;
}


.my_ir_list .ir_item {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 6px rgb(0 0 0 / 16%);
    border-radius: 15px;
    padding: 0px;
    margin-bottom: 30px;
}

.my_ir_list .ir_item .ir_con {
    padding: 15px;
}

body.ir03 .my_ir_list .ir_item .ir_con {
    padding-bottom: 0px;
}

body.ir03 .my_ir_list .ir_item .ir_con .data span {
    background-color: rgb(234, 234, 234);
}

.my_ir_list .ir_item .ir_con h4 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

.my_ir_list .ir_item .ir_con .data {
    color: rgb(51, 51, 51);
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 9px;
}

.my_ir_list .ir_item .ir_con .data span {
    background: rgb(240, 231, 217);
    border-radius: 15px;
    padding: 2px 8px;
    margin-right: 4px;
}

@media (max-width: 575px) {
    .my_ir_list .ir_item .ir_con .data .col-6 {
        position: relative;
        padding-left: 83px;
    }
    .my_ir_list .ir_item .ir_con .data .col-6 span {
        position: absolute;
        left: 12px;
        top: -2px;
    }
}

.my_ir_list .ir_item .ir_data {
    border-top: 1px dashed rgb(204, 204, 204);
    margin-left: 0px;
    margin-right: 0px;
    padding: 10px;
}

.my_ir_list .ir_item .ir_data.for_ir03 {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 19px;
    text-align: right;
    padding-right: 20px;
}

.my_ir_list .ir_item .ir_data .col-6 {
    display: flex;
    align-items: center;
}

.my_ir_list .ir_item .ir_data .col-6 .icon {
    margin-right: 10px
}

.my_ir_list .ir_item .ir_data .col-6 .con {
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
}

.my_ir_list .ir_item .ir_data .col-6 .con span {
    background: rgb(240, 231, 217);
    border-radius: 15px;
    padding: 2px 8px;
    margin-right: 4px;
}

.my_ir_list .ir_item .ir_data .col-6 .con span.red,
.my_ir_list .ir_item .ir_data.for_ir03 span.red {
    background: none;
    border-radius: unset;
    padding: 0px;
    margin-right: 0px;
    color: rgb(239, 9, 9);
    font-family: Arial;
    font-size: 18px;
    font-weight: undefined;
    line-height: 27px;
}

.my_ir_list .ir_item .ir_data.for_ir03 img {
    padding: 0 5px;
}


/*Vivi add start @20221123*/

.my_ir_list .ir_item .buttons {
    text-align: center;
    margin-top: 4px;
}

.my_ir_list .ir_item .buttons.row {
    margin: 0px;
    margin-top: 4px;
}

.my_ir_list .ir_item a {
    color: rgb(255, 255, 255);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 21px;
    background: #000000;
    border-radius: 25px;
    width: 100%;
    display: inline-block;
    padding: 5px;
}

.my_ir_list .ir_item .go_out {
    padding-right: 4px;
    padding-left: 0px;
}

.my_ir_list .ir_item .go_out a {
    background: #e92921;
	color: #FFFFFF;
}

.my_ir_list .ir_item .go_out a:visited {
	color: #FFFFFF;
}
.my_ir_list .ir_item .go_out.closeir a {
    background-color: rgb(170 170 170);
}

.my_ir_list .ir_item .go_detail {
    padding-right: 4px;
    padding-left: 0px;
}

.my_ir_list .ir_item .go_detail a {
    background: #000000;
	color: #FFFFFF;
}

.my_ir_list .ir_item .go_detail a:visited {
	color: #FFFFFF;
}

.my_ir_list .ir_item .go_detail.full {
    width: 100%;
}


.my_ir_list .filter_bar {
    position: relative;
    margin-bottom: 25px;
    padding: 0 15px;
}

.my_ir_list  .filter_bar:after {
    content: "";
    display: block;
    clear: both;
}

.my_ir_list  .filter_bar>div {
    display: inline-block;
}

.my_ir_list .filter_bar>div a {
    display: inline-block;
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 36px;
    background-color: #fff;
    height: 36px;
    text-align: center;
    width: 87px;
    margin: 0 -2px;
    color: rgb(51, 51, 51);
}

.my_ir_list .filter_bar .active a {
    background-color: #c49d62;
    color: #fff;
}

.my_ir_list .filter_bar .expiration a {
    border-radius: 10px 0px 0px 10px;
}

.my_ir_list .filter_bar .date a {
    border-radius: 0px 10px 10px 0px;
}

.my_ir_list  .filter_bar .add {
    float: right;
    border-radius: 10px
}

.my_ir_list .filter_bar .add select,
.my_ir_list  .filter_bar .use select {
    border: none;
}


.my_ir_list .back a {
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    width: 31px;
    line-height: 28px;
    height: 31px;
    margin-top: 10px;
    margin-left: 10px;
}

/*Vivi add end @20221123*/

/***********page_hotsale 專屬優惠部份*/

.total_message {
    text-align: center;
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px
}

.hotsale_item .title {
    text-align: center;
    color: #c49d62;
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
    padding: 12px;
    border-bottom: 1px dashed rgb(204, 204, 204);
}

.hotsale_item .title img {
    vertical-align: initial;
    margin-right: 10px;
}

.my_ir_list .ir_item.hotsale_item .ir_con h4 {
    margin-bottom: 0px;
}

.my_ir_list .ir_item .ir_con h5 {
    color: rgb(240, 2, 2);
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 0px;
}

.my_ir_list .ir_item.hotsale_item .ir_data {
    border-top: none;
    color: rgb(51, 51, 51);
    font-family: Arial;
    font-size: 13px;
    line-height: 19px;
}

body.hotsale02 .my_ir_list .ir_item.hotsale_item .ir_data .col-12 {
    padding-left: 0px;
}

.my_ir_list .ir_item.hotsale_item .ir_con {
    padding-bottom: 0px;
}

.my_ir_list .ir_item.hotsale_item .ir_data .col-12 .con {
    margin-bottom: 10px;
}

.my_ir_list .ir_item.hotsale_item .ir_data .col-12 .con span {
    background: rgb(240, 231, 217);
    border-radius: 15px;
    padding: 3px 10px;
    margin-right: 4px;
}

.my_hotsale_list .filter_bar {
    position: relative;
    margin-bottom: 25px;
    padding: 0 15px;
}

.my_hotsale_list .filter_bar:after {
    content: "";
    display: block;
    clear: both;
}

.my_hotsale_list .filter_bar>div {
    display: inline-block;
}

.my_hotsale_list .filter_bar>div a {
    display: inline-block;
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 36px;
    background-color: #fff;
    height: 36px;
    text-align: center;
    width: 87px;
    margin: 0 -2px;
    color: rgb(51, 51, 51);
}

.my_hotsale_list .filter_bar .active a {
    background-color: #c49d62;
    color: #fff;
}

.my_hotsale_list .filter_bar .expiration a {
    border-radius: 10px 0px 0px 10px;
}

.my_hotsale_list .filter_bar .date a {
    border-radius: 0px 10px 10px 0px;
}

.my_hotsale_list .filter_bar .add {
    float: right;
    border-radius: 10px
}

.my_hotsale_list .filter_bar .add select,
.my_hotsale_list .filter_bar .use select {
    border: none;
}

.my_hotsale_list.hotsale03 .filter_bar {
    text-align: center;
}

.my_hotsale_list.hotsale03 .filter_bar .add,
.my_hotsale_list.hotsale03 .filter_bar .use {
    border-radius: 10px;
    float: none;
    margin: 0 4px;
}

.hotsale_list {
    background-color: #fff;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
}

.hotsale_list .hotsale_item {
    position: relative;
}

.hotsale_list .hotsale_item:after {
    content: "";
    display: block;
    clear: both;
    border-bottom: 4px double rgb(204, 204, 204);
    margin: 0 -12px;
}

.hotsale_list .hotsale_item .title {
    color: rgb(102, 102, 102);
    font-family: Arial;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    position: relative;
}

body.hotsale03 .hotsale_list .hotsale_item .title {
    border-bottom: none;
}

body.hotsale03 .hotsale_list .hotsale_item .title:after {
    content: "";
    display: block;
    border-bottom: 1px dashed rgb(204, 204, 204);
    bottom: 0px;
    position: absolute;
    margin: 0px -20px;
    width: calc(100% + 18px);
    left: 10px;
}

.hotsale_list .hotsale_item .title span.use_type {
    color: rgb(255, 255, 255);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
    background-color: rgb(204, 204, 204);
    border-radius: 15px;
    padding: 3px 15px;
    float: right;
}

.hotsale_list .hotsale_item .title span.use_type.type02 {
    background-color: rgb(153, 153, 153);
    ;
}

.hotsale_list .hotsale_item .item_con {
    padding-top: 4px
}

.hotsale_list .hotsale_item .item_con h4 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

.hotsale_list .hotsale_item .item_con ul.data {
    color: rgb(51, 51, 51);
    font-family: PingFang TC;
    font-size: 13px;
    line-height: 19px;
    list-style-image: url(../images/icon/hotsale03_list_style.svg);
    padding-left: 16px;
}

.order_list .filter_bar {
    text-align: center;
    padding-top: 20px;
}

.order_list .filter_bar>div.order {
    width: unset;
    border-radius: 10px;
    padding: 0 10px
}

.order_list .hotsale_item .title {
    padding: 12px 0px 8px 0px;
}

.order_list .hotsale_item .title span.num_title {
    font-size: 13px;
    line-height: 19px;
}

.order_list .hotsale_item .title span.use_type.type01 {
    background-color: rgb(115, 188, 70);
}

.order_list .hotsale_item .title span.use_type.type02 {
    background-color: #977d36;
}

.order_list .hotsale_item .title span.use_type.type03 {
    background-color: rgb(153, 153, 153);
}


/*location 營運據點設定*/

.container.location_list {
    padding: 0px;
}

.container.location_list .location_item .row {
    margin: 0px;
}

.location_list .location_item {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
    margin-bottom: 15px;
}

.location_list .location_item .img {
    border-radius: 15px 0px 0px 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.location_list .location_item .con {
    padding-top: 10px;
    padding-bottom: 10px;
}

.location_list .location_item .con h4 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

.location_list .location_item .con .add {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
}

.location_list .location_item .con .far {
    color: rgb(51, 51, 51);
    font-family: Arial;
    font-size: 14px;
    line-height: 21px;
}

.location_list .location_item .con .buttons {
    text-align: center;
    margin-top: 4px
}

.location_list .location_item .con .buttons.row {
    margin: 0px;
    margin-top: 4px;
}

.location_list .location_item a {
    color: rgb(255, 255, 255);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
    background: #000000;
    border-radius: 25px;
    width: 100%;
    display: inline-block;
    padding: 5px;
}

.location_list .location_item .go_detail {
    padding-right: 4px;
    padding-left: 0px;
}

.location_list .location_item .go_detail a {
    background: #c49d62;
}

.location_list .location_item .go_invest {
    padding-left: 4px;
    padding-right: 0px;
}

.location_list .location_item .go_invest.full a {
    background-color: rgb(170 170 170);
}


/**************** location_detail 詳細頁*/

.location_detail {
    background-color: #fff;
}

.location_detail .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    height: 258px;
    position: relative;
}

.location_detail .img .back a {
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    width: 31px;
    line-height: 28px;
    height: 31px;
    margin-top: 10px;
    margin-left: 10px;
}

.location_detail .con {
    padding-top: 20px;
    padding-bottom: 20px;
}

.location_detail .con h4 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

.location_detail .con .add {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
}

.location_detail .con .bar {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px;
}

.location_detail .con .bar .num span {
    color: #c49d62;
}

.location_detail .con .text {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 24px;
}

.location_detail .buttons.row {
    margin: 20px 0px;
}

.location_detail .buttons.row a {
    color: rgb(255, 255, 255);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
    background: #000000;
    border-radius: 25px;
    width: 100%;
    display: inline-block;
    padding: 10px;
    text-align: center;
}

.location_detail .buttons.row .go_buy a {
    background-color: #c49d62;
    ;
}


/*event 活動訊息設定*/

.container.event_list {
    padding: 30px 0px 0px 0px;
}

.container.event_list .event_item .row {
    margin: 0px;
}

.event_list .event_item {
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 15px;
    margin-bottom: 15px;
}

.event_list .event_item .img {
    border-radius: 15px 0px 0px 15px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}

.event_list .event_item .con {
    padding-top: 10px;
    padding-bottom: 10px;
}

.event_list .event_item .con h4 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

.event_list .event_item .con .summary {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
}

.event_list .event_item .con .showdate {
    color: #999999;
    font-family: Arial;
    font-size: 13px;
    line-height: 21px;
}

.event_list .event_item .con .buttons {
    text-align: center;
    margin-top: 4px;
}

.event_list .event_item .con .buttons.row {
    margin: 0px;
    margin-top: 4px;
}

.event_list .event_item a {
    color: rgb(255, 255, 255);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 21px;
    background: #000000;
    border-radius: 25px;
    width: 100%;
    display: inline-block;
    padding: 5px;
}

.event_list .event_item .go_detail {
    padding-right: 4px;
    padding-left: 0px;
    width: 100%;
}

.event_list .event_item .go_detail a {
    background: #c49d62;
}

.event_list .event_item .go_invest {
    padding-left: 4px;
    padding-right: 0px;
}

.event_list .event_item .go_invest.full a {
    background-color: rgb(170 170 170);
}


/**************** event_detail 詳細頁*/

.event_detail {
    background-color: #fff;
}

.event_detail .mainimg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    height: 550px;
    position: relative;
}

.event_detail .mainimg .back a {
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    width: 31px;
    line-height: 28px;
    height: 31px;
    margin-top: 10px;
    margin-left: 10px;
}

.event_detail .con {
    padding-top: 20px;
    padding-bottom: 20px;
}

.eventdetail .con h4 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 18px;
    line-height: 24px;
}

.event_detail .con .showdate {
    color: #999999;
    font-family: 'Noto Sans';
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 10px;
}

.event_detail .con .text {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

@media (max-width: 400px) {
.event_detail .mainimg {
    height: 450px;
	}
}

@media (max-width: 560px) {
.event_detail .mainimg {
    height: 350px;
	}
}

@media (max-width: 450px) {
.event_detail .mainimg {
    height: 258px;
	}
}

/*************page_alert 訊息通知頁的設定*/

body.page_alert ul.page_menu_wrap {
    justify-content: flex-start;
}

body.page_alert ul.page_menu_wrap>li {
    width: 33.3%;
    text-align: center;
}

.edit_alert {
    text-align: right;
    padding: 15px 20px;
}

a.alert_edit,
a.edit_final {
    color: #c49d62;
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
}

a.alert_edit img,
a.edit_final img {
    margin-right: 6px;
    vertical-align: inherit;
}

.alert_list {
    padding-bottom: 0px;
}

.alert_list.padding-bottom {
    padding-bottom: 60px;
}

.alert_item {
    display: flex;
    align-items: center;
}

.alert_item.container {
    padding: 0px;
    margin-bottom: 20px;
}

.alert_item .alert_checkbox {
    width: 45px;
    display: none;
}

.alert_item .alert_checkbox.show {
    display: block;
}

.alert_item .alert_checkbox label {
    padding: 0;
    cursor: pointer;
}

.alert_item .alert_checkbox input[type="checkbox"] {
    display: none;
}

.alert_item .alert_checkbox input[type="checkbox"]+span {
    display: inline-block;
    padding-left: 26px;
    line-height: 25px;
    background: url(../images/icon/alert_checkbox.svg) no-repeat left top;
    user-select: none;
}

.alert_item .alert_checkbox input[type="checkbox"]:checked+span {
    background: url(../images/icon/alert_checkbox_checked.svg) no-repeat left top;
}

.alert_item a.alert_detail {
    display: inline-block;
    background: rgb(255, 255, 255);
    box-shadow: 0px 0px 6px rgb(0 0 0 / 16%);
    border-radius: 15px;
    padding: 10px 24px 10px 18px;
    width: 100%;
    position: relative;
}

.alert_item a.alert_detail:after {
    content: url(../images/icon/alert_item_go.svg);
    display: inline-block;
    position: absolute;
    right: 12px;
    top: calc(50% - 12px);
}

.alert_item .new_alert {
    color: #c49d62;
    font-family: Arial;
    font-size: 13px;
    line-height: 19px;
}

.alert_item_con .new_alert img {
    margin-right: 5px;
}

.alert_item_con h4 {
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
    margin: 6px 0px;
}

.alert_item_con .date {
    color: rgb(153, 153, 153);
    font-family: Arial;
    font-size: 13px;
    line-height: 19px;
}

body.page_alert .pup_Modal .modal-body h3 {
    color: #000;
}

.edit_alert_action {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: #fff;
    align-items: center;
    font-family: 'Noto Sans';
    font-size: 16px;
    line-height: 24px;
    position: fixed;
    width: 100%;
    bottom: 62px;
}

.edit_alert_action .alert_checkbox {}

.edit_alert_action .alert_checkbox label {
    padding: 0;
    cursor: pointer;
}

.edit_alert_action .alert_checkbox input[type="checkbox"] {
    display: none;
}

.edit_alert_action .alert_checkbox input[type="checkbox"]+span {
    display: inline-block;
    padding-left: 32px;
    line-height: 25px;
    background: url(../images/icon/alert_checkbox.svg) no-repeat left top;
    user-select: none;
}

.edit_alert_action .alert_checkbox input[type="checkbox"]:checked+span {
    background: url(../images/icon/alert_checkbox_checked.svg) no-repeat left top;
}

.edit_alert_action .action_button.row {
    width: 60%;
    text-align: center;
}

.edit_alert_action .action_button.row a {
    background-color: rgb(153, 153, 153);
    border-radius: 25px;
    color: #fff;
    line-height: 36px;
    width: 100%;
    display: inline-block;
}

.edit_alert_action .action_button.row a.readed {
    background-color: #c49d62;
    ;
}

.nothing_alert {
    text-align: center;
}

.nothing_alert .img {
    padding-top: 125px;
    padding-bottom: 20px;
}

.nothing_alert h2 {
    color: rgb(153, 153, 153);
    font-family: 'Noto Sans';
    font-size: 20px;
    line-height: 30px;
}

/*零散新增 by Vivi*/

.intro_message {
    color: rgb(51, 51, 51);
    font-family: 'Noto Sans';
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    margin: 10px auto;
    margin-bottom: 20px;	
	padding: 10px;
	border: #999999 dashed 1px;
	border-radius: 15px;
	background: #f5f5f5;
}

.intro_message h4 {
    color: #977d36;
    font-family: 'Noto Sans';
    font-size: 18px;
    line-height: 24px;
}

.w-red {
	color: #e92921;
}

/************************************/


/*pc 和 mobile行動瀏覽的硬設定*/

@media (min-width: 768px) {
    .only_pc {}
    .only_mobile {
        display: none;
    }
	
}

@media (max-width: 767px) {
    .only_pc {
        display: none;
    }
    .only_mobile {}
    br.mobile_br {
        display: inline;
    }
	
.ir_list .ir_item .ir_img {
    min-height: 220px;
	}	
}

@media (min-width: 768px) and (max-width: 991px) {
    br.pad_br {
        display: inline;
    }
}


@media (max-width: 576px) {
    .container {
        max-width: 90vw;
    }
.ir_list .ir_item .ir_img {
    min-height: 200px;
	}		
}

@media (max-width: 420px) {
.ir_list .ir_item .ir_img {
    min-height: 150px;
	}		
}


/* 補充修正 */
.hidden {
    display: none;
}