/*共用*/
@font-face {
    font-family: 'Noto Sans TC';
    src: url(/font/Noto_Sans_TC/NotoSansTC-Black.otf);
    src: url(/font/Noto_Sans_TC/NotoSansTC-Bold.otf);
    src: url(/font/Noto_Sans_TC/NotoSansTC-Light.otf);
    src: url(/font/Noto_Sans_TC/NotoSansTC-Medium.otf);
    src: url(/font/Noto_Sans_TC/NotoSansTC-Regular.otf);
}
@font-face {
    font-family: 'Roboto';
    src: url(/font/Roboto/Roboto-Black.ttf);
    src: url(/font/Roboto/Roboto-Bold.ttf);
    src: url(/font/Roboto/Roboto-Light.ttf);
    src: url(/font/Roboto/Roboto-Medium.ttf);
    src: url(/font/Roboto/Roboto-Regular.ttf);
}
* {
    margin: 0;
    padding: 0;
    text-decoration: none;
}
:focus,
:focus-visible,
.btn:focus,
.btn:focus-visible {
    outline: none!important;
}
a{
    color:#130202;
}
a:hover, a:focus {
    text-decoration: none;
    color: #d796a3;/*#d796a3*/
    outline: none;
    outline-offset: unset;
}
.form-control:focus{
    box-shadow:none;
    border-color:#ccc;
}
ul,ol,li{
    list-style:none;
    margin-bottom:0;
}
.btn:active{
    box-shadow:none;
}
img {
    max-width:100%;
    height:auto;
}
/*multiselect*/
.btn-group{
    width:100%;
}
.multiselect {
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    height: 36px;
    padding: 6px 10px;
    width: 100%;
    text-align: left;
}
.multiselect-selected-text {
    position: relative;
    display: block;
    text-align: center;
}
.multiselect-selected-text:before {
    content: "";
    position: absolute;
    background: url(../Images/select_icon.png) no-repeat center;
    width: 15px;
    height: 15px;
    right: -25px;
    bottom:5px;
    transition: transform 0.6s ease;
}
.multiselect-container {
    background: #ededed;
    margin-top: 5px;
    border: 1px solid #898989;
    white-space: normal;
    transform: inherit !important;
    top: 35px !important;
}
.multiselect-container .dropdown-item {
    width: 100%;
    padding: 0;
    border: none;
}
.multiselect-container .dropdown-item .form-check {
    display: flex;
    align-items:center;
    text-align: left;
    padding: 5px 10px;
}
.multiselect-container .dropdown-item .form-check input[type=checkbox] {
    margin: 0;
    width: 15px;
    height: 15px;
}
.multiselect-container .dropdown-item .form-check .form-check-label {
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 15px;
    color: #898989;
    font-weight: 400;
    letter-spacing: 1px;
}
.multiselect-container .multiselect-all:hover,
.multiselect-container .multiselect-option:hover,
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback) {
    background: #f8a0a0 !important;
}
.multiselect-container .multiselect-all:hover .form-check .form-check-label,
.multiselect-container .multiselect-option:hover .form-check .form-check-label {
    color:#ffffff;
}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback) .form-check .form-check-label {
    color: #ffffff;
}
/*DataTable*/
.dataTables_paginate,
.dataTables_paginate span {
    display: flex;
    align-items: center;
    justify-content:center;
}
/*列印*/
@media print {
.member .m_info_item .team_title .t_tw, .footer, .member.Mem .agree_item .title .print_btn, .member.Mem .info_item .right_side .side-toggle, .floating .floating_btn .fas {
    display: none;
}
.member.Mem .agree_item .title {
    padding-bottom: 5mm!important;
    justify-content:center!important;
}
.member.Mem .word .word_item {
    margin: 2mm 0!important;
}
.member.Mem .word .word_item .title_text {
    font-size: 3mm !important;
}
.member.Mem .word .word_item .text {
    font-size: 3mm !important;
}
.no_banner .main {
    margin-top: 5mm !important;
}
.member.Mem .agree_item .agree_info .item .text2 {
    display: inline-block!important;
    min-width: 360px!important;
    padding-top: 0!important;
}
.gotop{
    display:none!important;
}
}
/*bootstrap-select*/
.open > .dropdown-menu {
    display: block;
}
.open > .dropdown-menu ul li a {
    color: #000000;
}
.open > .dropdown-menu > .active > a {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    display: block;
}
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #898989 !important;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    height: 42px;
}
.bootstrap-select .dropdown-menu li a span.text {
    color: #ffffff !important;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
}
.bootstrap-select .dropdown-toggle .filter-option {
    display: flex;
    align-items: center;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2px;
    color: #D796A3;
}
.bootstrap-select .dropdown-menu > .active > a {
    background:#676767;
}
/*login*/
.login .content {
    padding: 0;
}
.login .login_item{
    position:relative;
}
.login_item .video_item {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.login_item .video_item .video {
/*    position: absolute;
    top: 0;
    left: 0;*/
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.login_item .video_item .video img {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.login_item .video_item .video .p_pic {
    display: none;
}
.login_item .login_info_item {
    width: 500px;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 20px;
}
.login_info_item .pic .login_pic {
    width:300px;
    margin:0 auto;
}
.login_info_item .text {
    margin-top: 10px;
    margin-bottom: 10px;
}
.login_info_item .text span {
    font-size: 22px;
    color: #D796A3;
    padding: 0 10px;
    font-weight: 400;
    letter-spacing: 2px;
}
.login_info_item .text .en_text {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}
.login_info_item .text .tw_text {
    font-family: 'Noto Sans TC', sans-serif;
}
.login_info_item .item .form-group .form-control {
    background-color: transparent;
    border: 1px solid #D796A3;
    height: 42px;
    padding: 15px 25px;
    font-size: 18px;
    border-radius: 10px;
    letter-spacing: 2px;
    color: #D796A3;
}
.login_info_item .item .form-group .form-control::placeholder {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px;
    color: #898989;
    color: #D796A3;
}
.login_info_item .item .cap_img{
    margin:auto;
}
.login_info_item .item .error_txt {
    margin-top:15px;
}
.login_info_item .item .txt {
    color: #ff0000;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    letter-spacing: 2px;
    font-size: 16px;
}
.remember_item {
    display: flex;
    align-items: center;
}
.remember_item .r_check {
    position: relative;
    display: flex;
    align-items: center;
}
.remember_item .r_check:before,
.remember_item .r_check:after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border: 1px solid #676767;
    border-radius: 10px;
    left: 0px;
    top: -2px;
}
.remember_item .r_check:before {
    cursor: pointer;
    margin-right: 10px;
}
.remember_item .r_check:after {
    background: #f8a0a0;
    opacity: 0;
    transition: all 0.5s ease;
}
.remember_item .r_check.op_show:after {
    opacity: 1;
}
.remember_item span {
    padding-left: 40px;
}
.remember_item span,
.forget_pwd span,
.re_send span {
    font-size: 17px;
    line-height: 17px;
    color: #D796A3;
    font-weight: 400;
    transition: all 0.6s ease;
}
.remember_item .en_text,
.forget_pwd .en_text {
    font-family: 'Roboto', sans-serif;
}
.remember_item .tw_text,
.forget_pwd .tw_text,
.re_send .text {
    font-family: 'Noto Sans TC', sans-serif;
    padding-bottom: 4px;
    padding-left: 5px;
}
.forget_pwd .forget_link,
.re_send .re_send_link {
    position: relative;
    padding-bottom: 5px;
}
.forget_pwd .forget_link:before,
.re_send .re_send_link:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #F096B2;
    bottom: 0;
    opacity: 0;
    transition: all 0.6s ease;
}
.forget_pwd .forget_link:hover::before,
.re_send .re_send_link:hover::before {
    opacity: 1;
}
.forget_pwd .forget_link:hover span,
.re_send .re_send_link:hover span {
    color: #F096B2;
}
.re_send{
    text-align:right;
}
.login_btns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.login_btns .btn {
    width: 210px;
    padding: 15px 0;
    border-radius: 50px;
    font-size: 19px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    display: block;
    border: 1px solid #F096B2;
    margin-bottom: 15px;
}
.login_btns .login_btn {
    background: #F096B2;
    color: #ffffff;
    transition: all 0.6s ease;
}
.login_btns .login_btn:hover {
    background: #f8a0a0;
    border: 1px solid #f8a0a0;
}
.login_btns .register_btn {
    color: #F096B2;
    transition: all 0.6s ease;
}
.login_btns .register_btn:hover {
    background: #F096B2;
    color: #ffffff;
}
.login_btns .apply_btn {
    color: #D796A3;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 16px;
    transition: all 0.6s ease;
}
.login_btns .apply_btn:hover {
    color: #f8a0a0;
}
.login .m_search .modal-content {
    padding: 10px 15px;
}
.login .m_search .modal-header {
    border-bottom:none;
}
.login .m_search .modal-title {
    color: #D796A3;
    font-size: 22px;
}
.login .m_search .modal-body .info_item{
    display:flex;
}
.login .m_search .modal-body .info_item .form-control {
    margin-right:15px;
}
.login .m_search .modal-body .info_item .btn {
    background: #F096B2;
    color: #ffffff;
    border-radius: 50px;
    min-width: 110px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 2px;
    border: 1px solid #F096B2;
    transition: background 0.6s ease,color 0.6s ease;
}
.login .m_search .modal-body .info_item .btn:hover {
    background: #D796A3;
    border: 1px solid #D796A3;
    color: #ffffff;
}
.login .m_search .modal-dialog-centered {
    max-width: 55%;
    width: 100%;
}
.login .m_search .table_item .table tr th,
.login .m_search .table_item .table tr td {
    text-align: center;
}
.login .m_search .modal-footer {
    border: none;
    text-align: right;
    padding-top: 0;
}
.login .m_search .modal-footer .btn {
    background: #ffffff;
    border: 1px solid #000000;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 50px;
    padding: 10px 30px;
    transition: background 0.6s ease,color 0.6s ease;
}
.login .m_search .modal-footer .btn:hover{
    background:#000000;
    color:#ffffff;
}
.login .m_more .modal-dialog-centered {
    max-width: 60%;
}
.login .m_more .modal-body {
    padding: 15px 85px;
}
.login .m_more .pic_item {
    text-align: center;
    position: relative;
}
.login .m_more .pic_item .link {
    width: 130px;
    height: 130px;
    display: inline-block;
    border-radius: 100%;
}
.login .m_more .pic_item .link .pic {
    width: 130px;
    height: 130px;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
}
.login .m_more .pic_item .btn {
    background: #f8a0a0;
    color: #ffffff;
    border: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(20px, 0px);
    transition: background 0.6s ease;
}
.login .m_more .pic_item .btn:hover{
    background:#676767;
}
.login .m_more .account_item {
    text-align: center;
    margin-top: 5px;
    margin-bottom:20px;
}
.login .m_more .account_item span {
    color: #D796A3;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
}
.login .m_more .item {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.login .m_more .item .control-label {
    margin-bottom: 0;
    color: #D796A3;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    min-width: 100px;
}
.login .m_more .item .text {
    color: #F096B2;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    margin-right: 10px;
}
.login .m_more .item .remark_item {
    height:auto;
}
.login .m_more .item .status_text {
    color: #f8a0a0;
}
.login .m_more .select_item .text {
    padding: 5px 25px;
}
.login .m_more .select_item .label_text {
    padding: 0;
}
.login .m_more .select_item .bootstrap-select > .dropdown-toggle {
    background: transparent;
    border-radius: 10px;
    border: none;
    padding: 8px 15px;
    height: 40px;
}
.login .m_more .item .edit_btn {
    font-size:22px;
    color: #f8a0a0;
    border-bottom: 1px solid #f8a0a0;
    border-radius: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    padding: 0;
    /*margin-left: 30px;*/
    padding-bottom: 5px;
    letter-spacing: 5px;
    transition: transform 1s ease;
}
.login .m_more .item .edit_ok {
    margin-left: 21px;
    border: 1px solid #f8a0a0;
    padding: 5px 10px;
    border-radius: 5px;
    transition:all 0.6s ease;
}
.login .m_more .item .edit_ok:hover {
    background: #f8a0a0;
    color: #ffffff;
}
.login .m_more .item .r_item{
    width:100%;
}
.login .m_more .item .r_item tbody,
.login .m_more .item .r_item tbody tr td {
    display: flex;
    align-items: center;
}
.login .m_more .item .r_item tbody input[type=radio] {
    width: 20px;
    height: 20px;
    margin: 0;
}
.login .m_more .item .r_item tbody input[type=radio]:after {
    content: "";
    position: absolute;
    border: 1px solid #676767;
    background: rgba(103,103,103,0.2);
    width: 20px;
    height: 20px;
    border-radius: 50px;
}
.login .m_more .item .r_item tbody input[type=radio]:checked:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #f8a0a0;
}
.login .m_more .item .r_item tbody tr td label {
    margin: 0;
    padding: 0 10px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #D796A3;
}
.login .m_more .item .birthday_item{
    width:100%;
    display:flex;
    align-items:center;
}
.login .m_more .item .birthday_item .text {
    margin-right: 10px;
}
.login .m_more .item .address_item{
    margin-right:-5px;
}
.login .m_more .item .address_item .address {
    margin-top: 20px;
}
.login .m_more .item .bootstrap-select .dropdown-menu li a span.text {
    color: #898989 !important;
}
.login .m_more .item .dropdown-menu li.active a span.text {
    color: #ffffff !important;
}
.login .m_more .item .bank_huit {
    margin-left: auto;
    color: #D796A3;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
}
.login .mug_shot .modal-dialog-centered {
    max-width: 30%;
}
.login .mug_shot .file {
    padding: 6px 12px;
}
.login .mug_shot .remind_txt span,
.login .mug_shot .pic_error {
    color: #ff0000;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
}
.login .mug_shot .pic_error{
    margin:10px 0;
}
/*導覽列*/
.navbar .nav-flex {
    display: flex;
    align-items: center;
    margin: 20px 80px;
    transition: all 0.5s ease;
}
.navbar {
    z-index: 999;
    border-radius: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    margin-bottom: 0;
    min-height: 0;
    box-shadow: none;
    transition: all 0.6s ease;
}
.navbar-header .navbar-brand {
    display: block;
    margin: 0!important;
    padding: 0;
    height: auto;
}
.navbar-header .navbar-brand img {
    width: 75px;
    transition: all 0.5s ease;
}
.navbar-header .navbar-brand .window,
.member_item .member .window,
.cart_btn .cart .cart_img .window {
    display: block;
    transition: all 0.6s ease;
}
.navbar-header .navbar-brand .phone,
.member_item .member .phone,
.cart_btn .cart .cart_img .phone {
    display: none;
    transition: all 0.6s ease;
}
.navbar .nav_list_item{
    margin-left:auto;
}
.navbar .nav_list_item ul li {
    padding:10px 0;
}
.navbar .nav_list_item ul li a {
    padding: 0 20px;
    position: relative;
}
.navbar .nav_list_item ul li a:hover,
.navbar .nav_list_item ul li.open a {
    background: transparent;
}
.navbar .nav_list_item ul li a span {
    color: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    position: relative;
    padding-bottom:5px;
    transition:all 0.6s ease;
}
.navbar .nav_list_item ul li a span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #ffffff;
    bottom: 0;
    opacity: 0;
    transition: all 0.6s ease;
}
.navbar .nav_list_item ul li a:hover span:before{
    width:100%;
    opacity:1;
}
.navbar .nav_list_item ul li .dropdown-menu {
    width: auto;
    border: none;
    box-shadow: none;
    padding: 10px 0;
    min-width: 0;
    border-radius: 3px;
    box-shadow: 0 0 10px rgb(181 181 181);
}
.navbar .nav_list_item ul li .dropdown-menu li {
    padding: 5px 0;
}
.navbar .nav_list_item ul li .dropdown-menu li a {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.6s ease;
}
.navbar .nav_list_item ul li .dropdown-menu li a:hover{
    color:#f8a0a0;
}
.navbar .navbar-nav{
    margin:0;
}
.navbar  .phone_more{
    display:none;
}
.nav > li > a:focus, 
.nav > li > a:hover{
    background-color:transparent;
}
/*lang*/
.lang_item .lang_ul {
    /*display: flex;*/
    align-items: center;
    display:none;
}
.lang_item .lang_ul .lang_li{
    position:relative;
    padding:0 10px;
}
.lang_item .lang_ul .lang_li:first-child:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0%, -50%);
    background: #ffffff;
    width: 3px;
    height: 15px;
}
.lang_item .lang_ul .lang_li a:after{
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    background: #ffffff;
    left: 0;
    bottom:0;
    opacity: 0;
    transition:all 0.6s ease;
}
.lang_item .lang_ul .lang_li a:hover:after {
    width: 100%;
    opacity: 1;
}
.lang_item .lang_ul .lang_li a {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 2px;
}
/*member_item*/
.member_item {
    padding-left: 15px;
    position:relative;
}
.other_member_item,
.other_item {
    position: absolute;
    right: 100px;
}
.member_item .member img {
    width: 35px;
    cursor: pointer;
}
.member_item ul li{
    padding-bottom:5px;
}
.member_item .member li a,
.member_item .member li.open a {
    background: transparent;
    border: none;
    padding: 0;
}
.member_item ul li ul {
    right: 0;
    left: auto;
    border: none;
    border-radius: 4px;
    min-width: 0;
    width: auto;
    padding: 10px 0;
    box-shadow: 0 0 10px rgb(181 181 181);
    min-width:180px;
}
.member_item ul li ul .name span,
.member_item ul li ul li a {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    letter-spacing: 1px;
}
.member_item ul li ul .name span {
    padding: 10px 0;
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #e2e2e2;
}
.member_item ul li ul li{
    padding:0 15px;
    padding-bottom:5px;
}
.member_item ul li ul li a {
    padding: 3px 5px;
    transition: all 0.6s ease;
}
.member_item ul li ul .out .out_btn {
    border-top: 1px solid #e2e2e2;
    padding-top:10px;
}
.member_item ul li ul li a:hover {
    color: #f8a0a0;
    background: transparent;
}
/*cart*/
.cart_btn .cart {
    padding-left: 15px;
    position: relative;
    transition: all 0.6s ease;
}
.cart_btn:hover .cart {
    transform: scale(1.2);
}
.cart_btn .cart .cart_img img {
    width: 35px;
}
.cart_btn .cart .cart_number {
    position: absolute;
    top: -5px;
    right: -5px;
}
.cart_btn .cart .cart_number span {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #f8a0a0;
    font-size: 12px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    border-radius: 100%;
}
/*banner*/
.banner .slick-dots {
    bottom: 30px;
    width:auto;
    right:90px;
    display:none
}
.banner .slick-dots li{
    margin:0 10px;
}
.banner .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #f8a0a0;
}
.banner .slick-dots li button:before {
    color: #ffffff;
    opacity: 1;
}
.banner .window_banner {
    display: block;
}
.banner .phone_banner{
    display: none;
}
.banner  .slick-dotted.slick-slider {
    margin-bottom:0;
}
/*main*/
.main {
    min-height: 600px;
}
/*floating*/
.floating {
    position: fixed;
    top: 40%;
    right: 0;
    transform: translate(0px, -40%);
    z-index: 1000;
}
.floating ul {
    background: #ffffff;
    padding: 5px 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 0 10px rgb(181 181 181);
}
.floating ul li{
    padding:15px 0;
    position:relative;
}
.floating ul li a {
    display: block;
    width: 40px;
    height: 40px;
    position:relative;
    transition: all 0.6s ease;
}
.floating ul li .text span{
    position:relative;
}
.floating ul li .text span:before {
    content: "";
    position: absolute;
    background: url(../Images/Floating/f_triangle.png) no-repeat center;
    width: 10px;
    height: 16px;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    transition: all 0.6s ease;
}
.floating ul li .text {
    position: relative;
    writing-mode: vertical-lr;
    top: 50%;
    white-space: nowrap;
    transform: translateY(-50%);
    left: -33px;
    background: #898989;
    color: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    padding: 10px 5px;
    letter-spacing: 3px;
    font-size: 14px;
    border-radius: 5px;
    display:none;
    transition: all 0.6s ease;
}
.floating ul li a:hover .text {
    display:block;
}
.floating ul li:first-child {
    border-bottom: 2px solid #cccccc;
}
.floating ul li:last-child {
    border-top: 2px solid #cccccc;
}
.floating ul li .member {
    background: url(../Images/Floating/f_member.svg)no-repeat center;
}
.floating ul li .member:hover {
    background: url(../Images/Floating/f_member01.svg)no-repeat center;
}
.floating ul li .price {
    background: url(../Images/Floating/f_price.svg)no-repeat center;
}
.floating ul li .price:hover {
    background: url(../Images/Floating/f_price01.svg)no-repeat center;
}
.floating ul li .bill {
    background: url(../Images/Floating/f_bill.svg)no-repeat center;
}
.floating ul li .bill:hover {
    background: url(../Images/Floating/f_bill01.svg)no-repeat center;
}
.floating ul li .cart {
    background: url(../Images/Floating/f_cart.svg)no-repeat center;
}
.floating ul li .cart:hover {
    background: url(../Images/Floating/f_cart01.svg)no-repeat center;
}
.floating ul li .out {
    background: url(../Images/Floating/f_out.svg)no-repeat center;
}
.floating ul li .out:hover {
    background: url(../Images/Floating/f_out01.svg)no-repeat center;
}
.floating ul li .cart .cart_number {
    position: absolute;
    top: -3px;
    right: -3px;
}
.floating ul li .cart .cart_number span {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: #f8a0a0;
    font-size: 12px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    border-radius: 100%;
}
.floating .floating_btn {
    background: #ffffff;
    border: none;
    box-shadow: 0 0 10px rgb(181 181 181);
    padding: 15px 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display:none;
}
.floating .floating_btn .fas {
    color: #cdcdcd;
    font-size: 30px;
    transition:all 0.6s ease;
}
/*footer*/
.footer {
    padding: 70px 0;
    background: #fceeec;
}
.footer .f_item {
    margin: 0 80px;
}
.footer .f_item .f_logo{
    width:80px;
}
.footer .f_list ul {
    display: flex;
    flex-wrap: wrap;
}
.footer .f_list ul li {
    width:40%;
    padding-bottom:20px;
    margin-bottom:0;
}
.footer .f_list ul li a {
    display:inline-block;
}
.footer .f_list ul li span {
    display:block;
}
.footer .f_list ul li .txt_tw {
    color: #727272;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing:2px;
    transition:all 0.6s ease;
}
.footer .f_list ul li a:hover .txt_tw {
    color: #f8a0a0;
}
.footer .f_list ul li .txt_en {
    color: #d796a3;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.footer .f_list ul li a:hover .txt_en {
    color: #676767;
}
.footer .copy-text p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #727272;
    letter-spacing: 1px;
    margin-bottom:0;
}
.footer .c_item{
    padding-top:70px;
}
.body_other .footer .c_item .item {
    justify-content: center;
}
.footer .c_item .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}
.footer .c_item .f_icon a{
    display:inline-block;
    width:50px;
    height:50px;
    margin:0 5px;
    transition:all 0.6s ease;
}
.footer .c_item .f_icon .line {
    background:url(../Images/Footer/f_line.png)no-repeat center;
}
.footer .c_item .f_icon .line:hover {
    background: url(../Images/Footer/f_line01.png)no-repeat center;
}
.footer .c_item .f_icon .fb {
    background: url(../Images/Footer/f_fb.png)no-repeat center;
}
.footer .c_item .f_icon .fb:hover {
    background: url(../Images/Footer/f_fb01.png)no-repeat center;
}
.footer .c_item .f_icon .ig {
    background: url(../Images/Footer/f_ig.png)no-repeat center;
}
.footer .c_item .f_icon .ig:hover {
    background: url(../Images/Footer/f_ig01.png)no-repeat center;
}
/*home*/
.home .main .main_content .container {
    width: 100%;
    position: relative;
}
.main .main_content .container .content {
    padding: 0;
}
/*home_news_slick*/
.home .news_slick {
    padding: 20px 0;
    border-bottom: 1px solid #e2e2e2;
}
.home .news_slick .item {
    display: flex;
    align-items: flex-end;
    position: relative;
    border:none;
}
.home .news_slick .item:before {
    content: "";
    position: absolute;
    background: url(../Images/News/news_icon.svg) no-repeat center;
    background-size: 100%;
    width: 45px;
    height: 30px;
    left: 0;
    top:50%;
    transform:translate(0,-50%);
}
.home .news_slick .item .text {
    padding-left: 75px;
    padding-right: 20px;
}
.home .news_slick .item .text p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #676767;
    margin-bottom: 0;
    letter-spacing: 1px;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 1; */
    -webkit-box-orient: vertical;
}
.home .news_slick .item .more_btn .btn {
    border: none;
    border-radius: 0;
    padding: 0;
    color: #D796A3;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}
.home .news_slick .item .more_btn .btn:hover {
    color: #676767;
}
/*home_new*/
.home .news {
    padding: 70px 0;
}
.home .news .item {
    padding: 0 5px;
}
.home .news .news_link {
    color: transparent;
}
.home .news .item .pic {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.home .news .item .pic .p_img {
    width:100%;
    margin: auto;
    overflow: hidden;
    transition: all 0.6s ease;
}
.home .news .news_link:hover .pic .p_img {
    transform: scale(1.2);
}
.home .news .item .info {
    max-width: 256px;
    margin: 0 auto;
}
.home .news .item .date {
    margin-bottom: 5px;
}
.home .news .item .date .text {
    color: #727272;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 1px;
    transition: all 0.6s ease;
}
.home .news .news_link:hover .date .text {
    color: #676767;
}
.home .news .item .title .text {
    color: #727272;
    font-size: 18px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 2px;
    min-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    transition: all 0.6s ease;
}
.home .news .news_link:hover .title .text {
    color: #f8a0a0;
}
.home .news .item .shard {
    position:absolute;
    top:-15px;
    right:0;
}
.home .news .item .shard span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    transition:all 0.6s ease;
}
.home .news .item .news_link:hover .shard span {
    transform: rotate(360deg);
}
.home .news .item .hot span {
    background: url(../Images/News/bg01.png)no-repeat center;
    background-size: 100%;
}
.home .news .item .new span {
    background: url(../Images/News/bg02.png)no-repeat center;
    background-size: 100%;
}
.home .news .item .top span {
    background: url(../Images/News/bg03.png)no-repeat center;
    background-size: 100%;
}
/*home_about*/
.home .about{
    padding:70px 0;
}
.home .about .title{
    margin-bottom:25px;
}
.home .about .title p {
    margin-bottom: 0;
    color: #727272;
    font-size: 38px;
    letter-spacing: 2px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.home .about .info {
    margin-bottom: 40px;
    padding-right: 70px;
}
.home .about .info p {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: justify;
    line-height: 36px;
}
.home .about .more_btn {
    display: inline-block;
}
.home .about .more_btn .btn {
    text-transform: uppercase;
    border: 1px solid #f096b2;
    color: #f096b2;
    font-size: 18px;
    border-radius: 50px;
    padding: 15px 35px;
    letter-spacing: 1px;
    transition: all 0.6s ease;
}
.home .about .more_btn:hover .btn {
    background: #f096b2;
    color: #ffffff;
    border: 1px solid #f096b2;
}
.home .about .pic .a_pic{
    border-radius:10px;
}
.home .about .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 85px;
}
.home .about .play_btn a {
    position: relative;
    display: block;
    width: 85px;
    height: 85px;
}
.home .about .play_btn a:before {
    content: "";
    position: absolute;
    background: url(../Images/About/a_video_play.png) no-repeat center;
    width: 85px;
    height: 85px;
    transition:all 0.6s ease;
}
.home .about .play_btn a:hover:before {
    transform:scale(1.5);
}
/*rank*/
.home .rank {
    background: url(../Images/Rank/rank_bg.png)no-repeat center;
    background-size: cover;
    width: 100%;
    height: 900px;
    margin: 30px 0;
    padding: 100px;
    position: relative;
    z-index: 2;
}
.home .rank .row{
    display: flex;
    justify-content: center;
}
.home .rank .rank_title {
    text-align: center;
    margin-bottom: 50px;
}
.home .rank .rank_title span {
    text-align: center;
    color: #727272;
    display: block;
    letter-spacing: 4px;
}
.home .rank .rank_title .tw_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size:26px;
}
.home .rank .rank_title .en_text {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase;
    color: #F096B2;
}
.home .rank .item .pic {
    margin-bottom: 20px;
    position:relative;
}
.home .rank .item .pic:before {
    content: "";
    position: absolute;
    background: url(../Images/Rank/rank_top.png) no-repeat center;
    background-size: 100%;
    width: 56px;
    height: 56px;
    top: 5px;
    left: 20px;
}
.home .rank .item .pic:after {
    content: "";
    position: absolute;
    background: url(../Images/Rank/rank_top01.png) no-repeat center;
    background-size: 100%;
    width: 95px;
    height: 95px;
    top: -15px;
    left: 0;
    transition: all 10s ease;
}
.home .rank .item .rank_link:hover .pic:after {
    transform: rotate(360deg);
    top: -15px;
    left: 0;
}
.home .rank .item .pic .r_pic {
    width: 100%;
    border-radius: 100%;
    border: 10px solid #ffffff;
    width: 320px;
    height: 320px;
    margin:0 auto;
    object-position: center;
    object-fit: cover;
    transition: all 0.6s ease;
}
.home .rank .item .rank_link:hover .pic .r_pic {
    border: 10px solid #d796a3;
}
.home .rank .item .item_title{
    text-align:center;
    margin-bottom:20px;
}
.home .rank .item .item_title p {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 0;
    letter-spacing: 3px;
}
.home .rank .item .item_title .account_text {
    margin-top: 5px;
    font-size: 18px;
}
.home .rank .item .more_text {
    text-align: center;
}
.home .rank .item .more_text p {
    background: #ffffff;
    color: #d796a3;
    display: inline-block;
    margin-bottom: 0;
    text-transform: uppercase;
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 14px;
    letter-spacing: 1px;
    transition: all 0.6s ease;
    border: 1px solid #d796a3;
}
.home .rank .item .rank_link:hover .more_text p{
    background:#d796a3;
    color:#ffffff;
}
/*home_activity*/
.home .activity {
    background: url(../Images/Activity/activity_bg.jpg) no-repeat center;
    width: 100%;
    height: 665px;
    margin-top: -75px;
    position: relative;
    z-index: 1;
    padding:120px 100px;
    display:none;
}
.home .activity .container {
    position: relative;
    padding: 0 320px;
}
.home .activity .activity_title {
    text-align: center;
    margin-bottom: 50px;
}
.home .activity .activity_title span {
    text-align: center;
    color: #ffffff;
    display: block;
    letter-spacing: 4px;
}
.home .activity .activity_title .tw_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 26px;
}
.home .activity .activity_title .en_text {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase;
}
.home .activity .item {
    background: #ffffff;
    position: relative;
    border-radius: 5px;
    padding: 30px;
}
.home .activity .text{
    margin:20px 0;
}
.home .activity .text span {
    display: block;
    text-align: center;
    color: #acc3c7;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 20px;
}
.home .activity .upload {
    text-align:center;
}
.home .activity .upload .upload_btn {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #acc3c7;
    text-transform: uppercase;
    border: 1px solid #acc3c7;
    border-radius: 50px;
    padding: 13px 10px;
    font-size: 16px;
    letter-spacing: 2px;
    transition:all 0.6s ease;
}
.home .activity .upload .upload_btn:hover {
    background: #acc3c7;
    color:#ffffff;
}
.home .activity .date {
    text-align: center;
    margin-top: 15px;
}
.home .activity .date span {
    color: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2px;
}
.home .activity .slick-prev{
    display:none!important;
}
.home .activity .slick-next {
    width: 60px;
    height: 60px;
    background: #ffffff;
    right: -85px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all 0.6s ease;
}
.home .activity .slick-next:before {
    content: "";
    background-image: url(../Images/Activity/activity_next.svg);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
    transition: all 0.6s ease;
}
.home .activity .slick-next:hover {
    background: #6f9298;
}
.home .activity .slick-next:hover:before {
    background-image: url(../Images/Activity/activity_next01.svg);
}
.home .activity .all_view {
    position: absolute;
    left: 0;
    bottom: 0;
}
.home .activity .all_view .all_btn {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size:28px;
    letter-spacing:2px;
    position:relative;
    text-transform:uppercase;
    display:inline-block;
    transition:all 0.6s ease;
}
.home .activity .all_view .all_btn:after {
    content: "";
    position: absolute;
    background: url(../Images/Activity/activity_view.svg)no-repeat center;
    width: 55px;
    height: 24px;
    top: 50%;
    right:-60px;
    transform: translate(0,-50%);
    transition:all 0.6s ease;
}
.home .activity .all_view .all_btn:hover {
    color: #6f9298;
}
.home .activity .all_view .all_btn:hover:after {
    background: url(../Images/Activity/activity_view01.svg)no-repeat center;
    transform:translate(10px,-50%);
}
/*home_best_pro*/
.home .best_pro{
    padding:130px 0;
    display:none;
}
.home .best_pro .container {
    position: relative;
}
.home .best_pro .row{
    display:flex;
    align-items:center;
}
.home .best_pro .best_pro_title span {
    color: #676767;
    display: block;
    letter-spacing: 3px;
}
.home .best_pro .best_pro_title .en_text span {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 36px;
}
.home .best_pro .best_pro_title .tw_text span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size:30px;
}
.home .best_pro .item{
    width:320px;
}
.home .best_pro .item .text {
    text-align:center;
}
.home .best_pro .item p {
    color: #676767;
    margin-bottom: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing:2px;
    transition:all 0.6s ease;
}
.home .best_pro .item .best_link:hover p{
    color:#f8a0a0;
}
.home .best_pro .item .brand {
    font-size: 16px;
}
.home .best_pro .item .name {
    font-size:20px;
}
.home .best_pro .swiper-button-next {
    background: #c1c1c1;
    width: 60px;
    height: 60px;
    border-radius: 50px;
    transition:all 0.6s ease;
}
.home .best_pro .swiper-button-next:hover {
    background: #f8a0a0;
}
.home .best_pro .swiper-button-next:after {
    content: "";
    background: url(../Images/Best_Pro/best_icon.svg) no-repeat center;
    width: 40px;
    height: 40px;
}
.home .best_pro .all_view {
    position: absolute;
    left: 0;
    bottom: 0;
    padding:0 15px;
}
.home .best_pro .all_view .all_btn {
    color: #676767;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 28px;
    letter-spacing: 2px;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    transition: all 0.6s ease;
}
.home .best_pro .all_view .all_btn:after {
    content: "";
    position: absolute;
    background: url(../Images/Best_Pro/best_icon01.svg) no-repeat center;
    width: 55px;
    height: 24px;
    top: 50%;
    right: -60px;
    transform: translate(0,-50%);
    transition: all 0.6s ease;
}
.home .best_pro .all_view .all_btn:hover {
    color: #f8a0a0;
}
.home .best_pro .all_view .all_btn:hover:after {
    background: url(../Images/Best_Pro/best_icon02.svg) no-repeat center;
    transform: translate(10px,-50%);
}
/*home_online_course*/
.online_course {
    background: url(../Images/Online_Course/online_course_bg.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 750px;
    padding: 100px;
    margin-top:100px;
}
.online_course .course_title {
    color: #ffffff;
    text-align: center;
    margin-bottom: 50px;
}
.online_course .course_title span {
    display:block;
    letter-spacing:2px;
}
.online_course .course_title .tw_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size:28px;
    color:#727272;
}
.online_course .course_title .en_text {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 36px;
    color: #f096b2;
}
.online_course .container .row {
    display:flex;
    justify-content:center;
}
.online_course .container .row .c_item {
    padding: 0 40px;
    width: 350px;
}
.online_course .item {
    background: #eec8b5;
    padding: 100px 30px;
    text-align: center;
}
.online_course .item .course_date{
    margin-bottom:30px;
}
.online_course .item .course_date .text {
    color: #d796a3;
    font-size: 50px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    letter-spacing: 1px;
}
.online_course .item .course_name .text {
    color: #ffffff;
    font-size: 18px;
    margin-bottom:5px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}
.online_course .item .course_teacher {
    margin-bottom: 30px;

}
.online_course .item .course_teacher .text {
    color: #d796a3;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    min-height: 23px;
}
.online_course .item .course_interval .text {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 3px;
}
.online_course .class_text,
.online_course .c_soon_text {
    position: absolute;
    top: 0;
    left: 40px;
    bottom: 0;
    right: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    transition: all 0.6s ease;
}
.online_course .class_text {
    background: rgba(249,179,179,0.8);
}
.online_course .c_soon_text {
    background: rgba(189,207,210,0.8);
}
.online_course .a_class:hover .class_text,
.online_course .c_soon:hover .c_soon_text {
    opacity: 1;
}
.online_course .class_text span,
.online_course .c_soon_text span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
}
/*home_partner*/
.partner {
    background: #f096b2;
    padding: 50px 30px;
    padding-top: 100px;
    margin-top: -75px;
}
.partner .partnerSwiper {
    padding: 50px 0;
}
.partner .partner_title {
    text-align: center;
}
.partner .partner_title span {
    display:block;
    color:#ffffff;
    letter-spacing:2px;
}
.partner .partner_title .tw_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size:28px;
}
.partner .partner_title .en_text {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size:38px;
    text-transform:uppercase;
}
.partner .item{
    width:245px;
}
.partner .item .pic .b_pic {
    margin:0 auto;
}
/*top*/
.gotop {
    position: fixed;
    right: -900px;
    bottom: 150px;
    z-index:999;
    transition:all 2s ease;
}
.gotop.fixed {
    right: 90px;
}
.gotop .top_btn .top_img,
.gotop .top_btn .hover_top_img {
    width: 45px;
    height: 70px;
    transition: all 0.6s ease;
}
.gotop .top_btn:hover .top_img {
    display:none;
}
.gotop .top_btn:hover .hover_top_img {
    display: block;
}
.gotop .top_btn .hover_top_img {
    display: none;
}
/*modal*/
.modal {
    width: 100%;
    height: 100%;
}
.modal.fade {
    transition: all 1s ease;
}
.modal.fade.show {
    opacity: 1;
    background: rgba(0,0,0,0.6);
    overflow:auto;
    padding:0!important;
}
.modal-dialog-centered {
    min-height: calc(100% - 1rem);
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
}
.modal.show .modal-dialog {
    transform: none;
}
.modal-dialog-centered{
    display:flex;
    align-items:center;
}
.modal-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    border-radius: 0.3rem;
    outline: 0;
    box-shadow: none;
    background: #f4f4f4;
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #d796a3;
}
.modal-header:before,
.modal-header:after {
    display: none;
}
.modal-title {
    font-size: 30px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    color: #D796A3;
    letter-spacing: 2px;
}
.modal-header .close {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: bold;
    background: #F096B2;
    font-size: 20px;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border: 2px solid #F096B2;
    transition: all 0.6s ease;
    opacity: 1;
    text-shadow: none;
    margin: 0;
}
.modal-header .close:hover {
    background: #f8a0a0;
    border: 2px solid #f8a0a0;
    transform: rotate(360deg);
}
.modal-body .remind{
    margin-bottom:10px;
}
.modal-body .remind p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: bold;
    color: #ff0000;
    letter-spacing: 2px;
    font-size: 20px;
    margin-bottom: 0;
}
#forget .modal-body .form-control {
    padding: 10px 25px;
}
#forget .modal-body .s_item {
    padding: 5px 25px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    color: #D796A3;
    font-size: 18px;
    letter-spacing: 2px;
}
.modal-body .error_text {
    color: #ff0000;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 2px;
    padding-top: 5px;
    display: block;
}
.modal-body .remind_txt {
    padding: 0 15px;
}
.modal-body .remind_txt span {
    color: #ff0000;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
}
.modal-body .form-control {
    background-color: transparent;
    border: 1px solid #F096B2;
    height: 42px;
    padding: 15px 25px;
    font-size: 18px;
    border-radius: 10px;
    color: #D796A3;
}
.modal-body .form-control::placeholder {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px;
    color: #D796A3;
}
.modal-footer{
    text-align:center;
}
.modal-footer .btn {
    padding: 10px 40px;
    border-radius: 0;
    font-size: 19px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    border: 1px solid #F096B2;
    background: #F096B2;
    color: #ffffff;
    transition: all 0.6s ease;
}
.modal-footer .btn:hover {
    background: #f8a0a0;
    border: 1px solid #f8a0a0;
}
.modal-footer .send_btn {
    color: #F096B2;
    background: transparent;
}
.modal-footer .send_btn:hover {
    background: #F096B2;
    color: #ffffff;
    border: 1px solid #F096B2;
}
/*member*/
.member .content {
    padding: 0;
    position:relative;
}
.member .m_item {
    position: relative;
    display: flex;
    justify-content: center;
}
.member .m_item .video_item {
    position: fixed;
    top: 0;
    left: 0;
    overflow:hidden;
    width: 100%;
    height: 100vh;
}
.member .m_item .video_item .video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.member .m_item .video_item .video img {
    object-position: center;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.member .m_item .video_item .video .p_pic {
    display: none;
}
.member .m_item .video_item video {
    display: block;
    object-fit: cover;
    width: 100vw;
    height: 100vh;
}
.member .m_item .info_item {
/*    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-0);*/
    z-index: 1;
    padding: 50px 20px; 
}
.member .m_item .info_item .pic {
    width: 300px;
    margin: 0 auto;
    padding-bottom: 60px;
}
.member .m_item .info_item .title p {
    color: #D796A3;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 2px;
}
.member .m_item .info_item .pic_preview {
    text-align: center;
}
.member .m_item .info_item .pic_preview .pic_preview_item {
    margin-top: -20px;
}
.member .m_item .info_item .pic_preview .link {
    width: 130px;
    height: 130px;
    display: inline-block;
    border: 2px solid #F096B2;
    border-radius: 100%;
    background: rgba(255,255,255,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.member .m_item .info_item .pic_preview .preview {
    width: 120px;
    height: 121px;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
}
.member .m_item .info_item .pic_preview .text {
    margin-top: 10px;
}
.member .m_item .info_item .pic_preview .text span {
    color: #D796A3;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
}
.member .m_item .info_item .item span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #ff0000;
}
.member .m_item .info_item .item .bootstrap-select .dropdown-menu li a span.text {
    color: #898989 !important;
}
.member .m_item .info_item .item .dropdown-menu li.active a span.text {
    color: #ffffff !important;
}
.member .m_item .info_item .control-label {
    color: #D796A3;
    font-size: 18px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 10px;
    width: auto;
}
.member .m_item .info_item .file_item .form-control {
    padding: 6px 12px;
}
.member .m_item .info_item .form-control {
    background-color: transparent;
    border: 1px solid #F096B2;
    height: 42px;
    padding: 15px 25px;
    font-size: 18px;
    border-radius: 10px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #D796A3;
}
.member .m_item .info_item .form-control.selectpicker{
    display:block!important;
}
.member .m_item .info_item .address,
.member .m_item .info_item .bank_item {
    margin-top: 15px;
}
.member .m_item .info_item .select_item .form-control {
    padding: 5px 25px;
}
.member .m_item .info_item .select_item .bootstrap-select {
    padding: 0;
}
.member .m_item .info_item .select_item .btn {
    background: transparent;
    border-radius: 10px;
    border: none;
    padding: 8px 25px;
    height: 40px;
}
.member .m_item .info_item textarea.form-control {
    height: auto;
}
.member .m_item .info_item .form-control::placeholder {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px;
    color: #D796A3;
}
.member .m_item .info_item .remind_txt,
.member .m_item .info_item .pic_error {
    margin-top: 5px;
}
.member .m_item .info_item .remind_txt span,
.member .m_item .info_item .pic_error {
    color: #ff0000;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
}
.member .m_item .info_item .r_item tbody {
    display: flex;
    align-items: center;
}
.member .m_item .info_item .r_item tbody tr td {
    display: flex;
    align-items: center;
}
.member .m_item .info_item .r_item tbody tr td label {
    margin: 0;
    padding: 0 10px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #D796A3;
}
.member .m_item .info_item .r_item tbody input[type=radio] {
    width: 20px;
    height: 20px;
    margin: 0;
}
.member .m_item .info_item .r_item tbody input[type=radio]:after {
    content: "";
    position: absolute;
    border: 1px solid #F096B2;
    background: rgba(103,103,103,0.2);
    width: 20px;
    height: 20px;
    border-radius: 50px;
}
.member .m_item .info_item .r_item tbody input[type=radio]:checked:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: #f8a0a0;
}
.member .m_item .btn_item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:50px;
}
.member .m_item .btn_item .btn {
    width: 150px;
    padding: 10px 0;
    font-size: 19px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    display: block;
    border: 1px solid#F096B2;
    margin: 0 10px;
    border-radius: 0;
    transition: all 0.6s ease;
    color: #ffffff;
    background: #EFA59D;
}
.member .m_item .btn_item .btn:hover {
    background: #F096B2;
    color: #ffffff;
}
.member .info_item .right_side .side-toggle {
    width: 100%;
    display: none;
    margin-bottom: 15px;
    background: #f8f8f8;
}
.member .info_item .right_side .collapse {
    display: block;
}
.member .info_item .member_side {
    background: #fceeec;
    padding: 30px 20px;
}
.member .info_item .member_side .item ul li {
    border-bottom: 1px solid #d796a3;
    padding: 15px;
    transition: background 0.6s ease;
    width: 100%;
    text-align:center;
    cursor:pointer;
}
.member .info_item .member_side .item ul li:hover {
    background: #ffffff;
}
.member .info_item .member_side .item ul li .link .text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #727272;
    font-size: 16px;
    letter-spacing: 2px;
}
.member .m_info_item .info_item {
    margin-bottom: 50px;
}
.member .m_info_item .team_title {
    margin-bottom: 20px;
}
.member .m_info_item .team_title .t_tw {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 2px;
}
.member .info_item .side-toggle span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
}
.member .info_item .side-toggle .fas, 
.member .info_item .side-toggle span {
    color: #898989;
    font-size: 16px;
}
.member .m_info_item .info_item .select_item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.member.target .m_info_item .info_item .select_item {
    margin-bottom: 0;
}
.member .m_info_item .info_item .select_item .name_text {
    border: 1px solid #898989;
    border-radius: 100px;
    height: 40px;
    padding: 10px 30px;
    font-size: 16px;
    color: #676767;
}
.member .m_info_item .info_item .select_item .name_text::placeholder {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #c4c4c4;
    font-size: 16px;
    letter-spacing: 1px;
}
.member .m_info_item .info_item .select_item .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    box-shadow: none;
    border: 1px solid #898989;
    border-radius: 100px;
    height: 40px;
    padding: 5px 30px;
    font-size: 16px;
    color: #898989;
    letter-spacing:2px;
}
.member.index .m_info_item .info_item .select_item .form-control {
    border-radius: 10px;
    border: 1px solid #676767;
    height: 42px;
    padding: 5px 15px;
}
.member.index .m_info_item .info_item .p_item .form-control {
    padding: 5px 15px;
}
.member.index .m_info_item .info_item .p_item .phone_item{
    margin-right:10px;
}
.member.team .m_info_item .info_item .select_item .name_text {
    padding: 5px 30px;
}
.member .m_info_item .info_item .select_item .s_item {
    max-width: 230px;
    margin: 0 15px;
}
.member .m_info_item .info_item .select_item .form-control > .dropdown-toggle {
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    height:40px;
}
.member .m_info_item .info_item .select_item .form-control .dropdown-menu li.active a span.text,
.member .m_info_item .table_item .table thead tr th .form-control .dropdown-menu li.active a span.text {
    color: #ffffff !important;
}
.member .m_info_item .info_item .select_item .form-control .dropdown-menu li a span.text,
.member .m_info_item .table_item .table thead tr th .form-control .dropdown-menu li a span.text {
    color: #898989 !important;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}
.member .m_info_item .info_item .select_item .btn {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    background: #d796a3;
    color: #ffffff;
    border-radius: 100px;
    padding: 8px 30px;
    font-size: 16px;
    letter-spacing: 3px;
    border: 1px solid #d796a3;
    transition: background 1s ease,color 1s ease;
}
.member .m_info_item .info_item .select_item .btn:hover {
    background: #ffffff;
    color: #d796a3;
}
.member .m_info_item .info_item .select_item .form-control .btn:after {
    content: "";
    position: absolute;
    background: url(../Images/select_icon.png) no-repeat center;
    width: 15px;
    height: 15px;
    right: 20px;
    transition: transform 0.6s ease;
}
.member.Sales .m_info_item .table_item {
    margin-top: 30px;
    overflow: auto;
}
.member .m_info_item .table_item .table {
    width:100%!important;
    border-bottom: none;
    margin-bottom: 30px;
    border: none;
}
.member .m_info_item .table_item .table thead {
    background: #ededed;
}
.member .m_info_item .table_item .table thead tr th {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #727272;
    vertical-align: middle;
    font-size: 16px;
    letter-spacing: 2px;
    border: none;
    padding: 8px 15px;
    text-align: center;
    border-bottom: 1px solid #d796a3;
    background: #fceeec;
}
.member .m_info_item .table_item .table thead tr th .form-control {
    background-color: transparent;
    box-shadow:none;
}
.member .m_info_item .table_item .table thead tr th .bootstrap-select > .dropdown-toggle {
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    height: 36px;
    padding: 6px 20px;
    padding-right: 45px;
}
.member .m_info_item .table_item .table thead tr th .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 16px;
}
.member .m_info_item .table_item .table thead tr th .form-control .btn:after {
    content: "";
    position: absolute;
    background: url(../Images/select_icon.png) no-repeat center;
    width: 15px;
    height: 15px;
    right: 20px;
    transition: transform 0.6s ease;
}
.member .m_info_item .table_item .table tbody tr td {
    border: none;
    border-bottom: 1px solid #d796a3;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #727272;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 15px 20px;
    vertical-align: middle;
    text-align:center;
}
.member .m_info_item .table_item .table tbody tr td:nth-child(4) {
    width: 20%;
}
.member .m_info_item .table_item .table tbody tr td:nth-child(5) {
    width: 18%;
}
.member .m_info_item .table_item .table tbody tr td:nth-child(6) {
    width: 25%;
}
.member .m_info_item .table_item .table tbody tr td .fas {
    display: inline-block;
    font-size: 16px;
    margin-right: 5px;
}
.member .m_info_item .table_item .table tbody tr td .pic_link {
    display: inline-block;
    width: 70px;
    height: 70px;
}
.member .m_info_item .table_item .table tbody tr td .pic_img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: center;
}
.member .m_info_item .table_item .table tbody tr td:nth-child(4) {
    text-align: center;
}
.member .m_info_item .table_item .dataTables_length{
    display:none;
}
.member .m_info_item .table_item .dataTables_info {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #898989;
    font-size: 16px;
    letter-spacing: 1px;
    padding-top:0;
}
.member .m_info_item .table_item .dataTables_paginate .paginate_button {
    border: none;
    margin-left: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #898989;
    padding:8px 10px;
}
.member .m_info_item .table_item .dataTables_paginate .current {
    background: #ededed;
}
.member .m_info_item .table_item .dataTables_paginate .paginate_button:hover,
.member .m_info_item .table_item .dataTables_paginate .paginate_button:active {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #f8a0a0 !important;
}
.member .m_info_item .table_item .dataTables_paginate .previous .icon {
    transform: rotate(180deg);
}
.member .m_info_item .table_item .dataTables_paginate .paginate_button .icon {
    background: #898989;
    width: 35px;
    height: 35px;
    padding: 8px;
    border-radius: 100%;
    transition: background 0.6s ease;
}
.member .m_info_item .table_item .dataTables_paginate .paginate_button:hover .icon {
    background: #f8a0a0;
}
/*目標查詢*/
.member.target .m_info_item .info_item .select_item .s_item {
    max-width: 100%;
    margin:0;
    margin-right: 15px;
}
.member.target .title_text p {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom:0;
}
.member.target .table_item{
    margin-top:0;
}
.member.target .progress_item {
    width: 100%;
    margin: 10px 0;
}
.member.target .bar_item {
    border: 1px solid #d796a3;
}
.member.target .progress_item #progress-bar {
    width: 0%;
    height: 30px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    background: #d796a3;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
}
.member.target .progress_item .pric_text {
    display: flex;
    justify-content: space-between;
    margin-bottom:10px;
}
.member.target .progress_item .pric_text .pr_text {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.member.target .order_btn {
    border: none;
    background: transparent;
    color: #d796a3;
    transition: all 0.8s ease;
}
.member.target .order_btn:hover {
    color: #2e2e2e;
}
.member.target .order_item .modal-dialog {
    width: 80%;
    padding: 0 50px;
}
.member.target .modal-content {
    padding: 50px;
    background: #f4f4f4;
}
.member.target .modal-header .close {
    position: absolute;
    top: 20px;
    right: 25px;
}
.member.target .order_item .modal-header {
    border-bottom: none;
    padding: 0;
}
.member.target .modal-header .modal-title {
    font-size: 20px;
    color: #727272;
}
.member.target .order_item .modal-body{
    padding:0;
}
.member.target .order_item .modal-body .order_info .item_info {
    margin-bottom: 10px;
}
.member.target .order_item .modal-body .order_info span {
    display: block;
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
    min-width: 100px;
}
.member.target .order_item .modal-body .table_item .table tbody tr td .p_link {
    display: block;
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}
.member.target .order_item .modal-body .table_item .table tbody tr td .pro_img {
    width: 100px;
    height: 100px;
    margin: auto;
}
.member.target .table_item .table tbody tr td {
    padding: 8px 10px;
    text-align: center;
}
.member.target .total_item .item_info {
    text-align: right;
    margin-bottom: 5px;
}
.member.target .total_item .item_info span {
    display: inline-block;
    min-width: 100px;
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 18px;
}
.member.target .total_item .item_info .text {
    color: #d796a3;
    padding-left: 15px;
    font-weight: 600;
}
.member.target .order_item .modal-footer {
    border: none;
    padding: 0;
}
.member.target .order_item .modal-footer .btn {
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: #d796a3;
    color: #ffffff;
    border: 1px solid #d796a3;
    border-radius: 50px;
    transition: background 0.6s ease, color 0.6s ease;
}
.member.target .order_item .modal-footer .btn:hover {
    background: #ffffff;
    color: #d796a3;
}
.member.target .order_item .modal-body .table_item{
    margin-top:20px;
}
.member.target .order_item .modal-body .table_item thead tr th:nth-child(3),
.member.target .order_item .modal-body .table_item tbody tr td:nth-child(3) {
    text-align: left;
}
.member.target .order_item .modal-body {
    padding: 15px 0;
}
.member.target .order_item .modal-body .order_info .text {
    font-weight: 400;
}
.member.target .bonus_item .team_title {
    margin-bottom:10px;
}
.member.target .bonus_item .team_title .t_tw {
    display: block;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
    color: #727272;
    font-size: 24px;
    letter-spacing: 2px;
}
/*圖對銷售查詢*/
.member.team_search .select_item .form-control:nth-child(2n+1) {
    margin-right: 10px;
}
.member.team_search .select_item .btn{
    margin-left:10px;
}
.member.team_search .brand_select_item,
.member.team_search .status_item,
.member.team_search .grade_item {
    margin-top: 10px;
}
.member.team_search .brand_select_item .multiselect,
.member.team_search .status_item .multiselect,
.member.team_search .grade_item .multiselect {
    height: 40px;
    padding: 5px 30px;
}
.member.team_search .brand_select_item .multiselect-selected-text,
.member.team_search .status_item .multiselect-selected-text,
.member.team_search .grade_item .multiselect-selected-text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    text-align: left;
    color: #898989;
    font-size: 16px;
    letter-spacing: 2px;
}
.member.team_search .brand_select_item .multiselect-container,
.member.team_search .status_item .multiselect-container,
.member.team_search .grade_item .multiselect-container {
    margin-top: 10px;
    width:100%;
}
.member.team_search .account_item {
    margin-top: 10px;
}
.member.team_search .account_item .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    border: 1px solid #898989;
    border-radius: 100px;
    height: 40px;
    font-size: 16px;
    padding: 5px 25px;
    letter-spacing: 2px;
}
.member.team_search .m_info_item .table_item {
    margin-top: 20px;
}
.member.team_search .m_info_item .table_item .table thead tr th {
    white-space: nowrap;
}
.member.team_search .m_info_item .table_item .table thead tr th,
.member.team_search .m_info_item .table_item .table tbody tr td {
    width: auto;
}
.member.team_search .m_info_item .table_item .table tbody tr td {
    color: #3e3e3e;
    padding: 15px 10px;
}
.member.team_search .m_info_item .table_item .table tbody tr td .icon_btn {
    transition: all 0.8s ease;
    border: none;
    background: transparent;
    font-weight:bold;
}
.member.team_search .m_info_item .table_item .table tbody tr td .icon_btn:hover {
    color: #d796a3;
}
.member.team_search .m_info_item .table_item .table tbody tr td:nth-child(4) {
    width: auto;
    /*text-align: left;*/
}
/*.member.team_search .m_info_item .table_item .table thead tr th:nth-child(5),
.member.team_search .m_info_item .table_item .table thead tr th:nth-child(6),
.member.team_search .m_info_item .table_item .table thead tr th:nth-child(7),
.member.team_search .m_info_item .table_item .table tbody tr td:nth-child(5),
.member.team_search .m_info_item .table_item .table tbody tr td:nth-child(6),
.member.team_search .m_info_item .table_item .table tbody tr td:nth-child(7) {
    text-align: right;
}
.member.team_search .m_info_item .table_item .table tbody tr td:nth-child(8){
    text-align:center;
}*/
.member.team_search .m_info_item .table_item .table tbody tr.lev2 {
    background: #ffe5e5;
}
.member.team_search .m_info_item .table_item .table tbody tr.lev3 {
    background: #ffcfd0;
}
.member.team_search .modal-content {
    padding: 50px;
    background: #f4f4f4;
}
.member.team_search .modal-header .bonus_title {
    display: block;
    padding-top: 15px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
    color: #727272;
    font-size: 24px;
    letter-spacing: 2px;
}
.member.team_search .modal-header .close {
    position: absolute;
    top: 30px;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.member.team_search .modal .table_item .table {
    margin-bottom: 30px;
    border: none;
    border-bottom: 1px solid #ddd;
}
.member.team_search .modal .table_item tr {
    background: transparent;
    /*border-bottom: 1px solid #ddd;*/
}
.member.team_search .modal .table_item tr th {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: #eee0de;
    color: #676767;
    vertical-align: middle;
    letter-spacing: 2px;
    border: none;
    padding: 8px 10px;
    text-align: center;
}
.member.team_search .modal .table_item tr td {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    vertical-align: middle;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    color: #727272;
    padding: 15px 10px;
    border: none;
    border-top: 1px solid #ddd;
}
.member.team_search .modal .table_item tr td.border{
    border:none!important;
}
.member.team_search .m_info_item .total_sales {
    margin-top: 30px;
}
.member.team_search .m_info_item .total_sales .input-group {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.member.team_search .m_info_item .total_sales .input-group-text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    color: #676767;
    text-align: center;
    white-space: nowrap;
    background: #ededed;
    border: 1px solid #898989;
    border-radius: 100px;
    min-width: 220px;
    letter-spacing: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.member.team_search .m_info_item .total_sales .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    border: 1px solid #898989;
    height: 40px;
    font-size: 16px;
    padding: 5px 25px;
    letter-spacing: 2px;
    border-left: none;
    background: transparent;
    border-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.member.team_search #ui-datepicker-div{
    z-index:2!important;
}
.member.team_search .brand_item{
    margin-bottom:10px;
}
.member.team_search .brand_item .input-group {
    width: 100%;
    display: flex;
    margin-bottom: 10px;
}
.member.team_search .brand_item .input-group-text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.375rem 0.75rem;
    font-size: 16px;
    color: #727272;
    text-align: center;
    white-space: nowrap;
    background: #ededed;
    border: 1px solid #898989;
    border-radius: 100px;
    min-width: 210px;
    letter-spacing: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.member.team_search .brand_item .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #727272;
    border: 1px solid #898989;
    height: 40px;
    font-size: 16px;
    padding: 5px 25px;
    letter-spacing: 2px;
    border-left: none;
    background: transparent;
    border-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.member.team_search .grade_item .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    border: 1px solid #898989;
    border-radius: 100px;
    height: 40px;
    font-size: 16px;
    padding: 5px 25px;
    letter-spacing: 2px;
}
/*我的對帳單*/
.member.Statement .left_item .more_item {
    margin-top: 15px;
}
.member.Statement .m_info_item .info_item .select_item .more_search {
    background: #ffffff;
    border: 1px solid #898989;
    color: #898989;
    margin: 0 15px;
    padding: 8px 20px;
}
.member.Statement .m_info_item .info_item .select_item .more_search:hover {
    background: #d796a3;
    color: #ffffff;
    border: 1px solid #d796a3;
}
.member.Statement .m_info_item .info_item .select_item .more_search .d_s {
    display: none;
}
.member.Statement .m_info_item .info_item .hint_text {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #d796a3;
}
.member.Statement .m_info_item .info_item .hint_text p {
    margin-bottom: 5px;
    color: #2e2e2e;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
}
.member.Statement .table_item .table thead tr th:nth-child(4) {
    text-align: center;
}
.member.Statement .table_item .table tbody tr td .search_icon {
    margin: auto;
}
.member.Statement .table_item .table tbody tr td .phone_text{
    display:none;
}
.member.Statement .table_item .table tbody tr td .search_icon {
    width: 35px;
    height: 35px;
}
.member.Statement .modal-content {
    padding: 50px;
    background: #f4f4f4;
}
.member.Statement .modal-header {
    display: block;
    padding-bottom: 25px;
}
.member.Statement .modal-header .s_item span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    font-size:16px;
    letter-spacing:1px;
}
.member.Statement .modal-header .s_item .text01 {
    display: inline-block;
    min-width: 90px;
}
.member.Statement .modal-header .s_item .text02 {
    color: #2e2e2e;
    font-weight: 600;
}
.member.Statement .modal-header .close {
    position: absolute;
    top: 20px;
    right: 25px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.member.Statement .modal-body .info_item {
    margin: 10px 0;
}
.member.Statement .modal-body .left_text p {
    margin-bottom: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 2px;
}
.member.Statement .modal-body .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0;
}
.member.Statement .modal-body .item span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #2e2e2e;
    font-size: 16px;
    letter-spacing: 2px;
}
.member.Statement .modal-body .item span.color {
    color: #d796a3;
}
.member.Statement .modal-body .total_item {
    background: #eee0de;
    margin: 0;
    margin-bottom: 20px;
}
.member.Statement .modal-body .total {
    text-align: right;
    margin-top: 30px;
}
.member.Statement .modal-body .total span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #d796a3;
    font-size:20px;
    letter-spacing:1px;
}
.member.Statement .modal-body .total .total_text {
    padding-left:10px;
}
.member.Statement .left_item .select_item .name_text {
    height:42px;
}
.member.Statement .left_item .select_item .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    border: 1px solid #898989;
    border-radius: 100px;
    height: 40px;
    font-size: 16px;
    padding: 5px 25px;
    letter-spacing:2px;
}
.member.Statement .table_item .no_tr td{
    border-bottom:none!important;
}
.member.Statement .modal-header .bonus_title {
    display: block;
    padding-top: 15px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
    color: #727272;
    font-size: 24px;
    letter-spacing: 2px;
}
.member.Statement .bonus_item .input-group {
    width: 100%;
    display: flex;
}
.member.Statement .bonus_item .input-group-text {
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 45px;
    padding: 10px 20px;
    color: #ffffff;
    white-space: nowrap;
    background: #d796a3;
    border: 1px solid #d796a3;
    border-right: none;
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    letter-spacing: 5px;
}
.member.Statement .bonus_item .form-control {
    min-height: 45px;
    border-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: none;
}
.member.Statement .bonus_item .table_item{
    padding-top: 20px;
}
.member.Statement .bonus_item .table_item .table {
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
}
.member.Statement .bonus_item .table_item tr {
    background: transparent;
}
.member.Statement .bonus_item .table_item tr th {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    background: #eee0de;
    color: #727272;
    vertical-align: middle;
    letter-spacing: 2px;
    border: none;
    padding: 8px 10px;
    text-align:center;
}
.member.Statement .bonus_item .table_item tr td .color {
    color: #d796a3;
}
.member.Statement .bonus_item .table_item tr .bonus_total:hover {
    color: #eea49c;
}
.member.Statement .bonus_item .table_item .dataTables_length {
    display: none;
}
.member.Statement .bonus_item .table_item .dataTables_info {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #727272;
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 0;
}
.member.Statement .bonus_item .table_item .dataTables_paginate .paginate_button {
    border: none;
    margin-left: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #727272!important;
    padding: 8px 10px;
}
.member.Statement .bonus_item .table_item .dataTables_paginate .current {
    background: #eee0de;
}
.member.Statement .bonus_item .table_item .dataTables_paginate .paginate_button .icon {
    background: #d796a3;
    width: 35px;
    height: 35px;
    padding: 8px;
    border-radius: 100%;
    transition: background 0.6s ease;
}
.member.Statement .bonus_item .table_item .dataTables_paginate .previous .icon {
    transform: rotate(180deg);
}
.member.Statement .bonus_item .table_item .dataTables_paginate .paginate_button:hover,
.member.Statement .bonus_item .table_item .dataTables_paginate .paginate_button:active {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #f8a0a0 !important;
}
.member.Statement .bonus_item .table_item .dataTables_paginate .paginate_button:hover .icon {
    background: #f8a0a0;
}
.member.Statement .bonus_item .table_item tr td {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    vertical-align: middle;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
    color: #727272;
}
.member.Statement .bonus_item .table_item tr td.d-f {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 63.69px
}
.member.Statement .bonus_item .table_item tr td span {
    display: block;
}
.member.Statement .bonus_item .table_item tr td span.other_gp{
    color:#d796a3;
}
.member.Sales .m_info_item .info_item .select_item .more_search {
    background: #ffffff;
    border: 1px solid #898989;
    color: #898989;
    margin: 0 15px;
    padding: 8px 20px;
}
.member.Sales .m_info_item .info_item .select_item .more_search .d_s{
    display:none;
}
.member.Sales .m_info_item .left_item .name_text {
    margin-right: 15px;
}
.member.Sales .left_item .more_item {
    margin-top: 15px;
}
.member.Sales .left_item .more_item .date_item {
    display:flex;
    align-items:center;
}
.member.Sales .left_item .more_item .date_item .s_date,
.member.Sales .left_item .more_item .date_item .e_date {
    width: 100%;
}
.member.Sales .left_item .more_item .date_item .date_minus{
    padding:0 10px;
}
.member.Sales .left_item .total_item {
    border-top: 1px solid #d796a3;
    margin-top: 30px;
    padding-top: 20px;
}
.member.Sales .left_item .total_item .total_text p {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 2px;
}
.member.Sales .left_item .total_item .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.member.Sales .left_item .total_item .item span {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 2px;
}
.member.Sales .left_item .bonus_btn {
    margin-top: 15px;
}
.member.Sales .left_item .bonus_btn .btn {
    padding: 8px 30px;
    display: block;
    background: #d796a3;
    color: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    border-radius: 20px;
    border: 1px solid #d796a3;
    transition: background 0.6s ease,color 0.6s ease;
}
.member.Sales .left_item .bonus_btn .btn:hover {
    background: #ffffff;
    color: #d796a3;
}
.member.Sales .modal-content {
    padding: 50px;
    background: #f4f4f4;
}
.member.Sales .modal-header {
    padding: 15px 0;
    padding-bottom: 25px;
}
.member.Sales .modal-header .select_item {
    display: flex;
}
.member.Sales .modal-header .select_item .form-control {
    background: transparent;
    box-shadow: none;
    border: 1px solid #898989;
    border-radius: 100px;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    height: 40px;
    padding: 5px 30px;
    color: #898989;
    letter-spacing: 2px;
}
.member.Sales .modal-header .select_item .form-control:nth-child(2n+1){
    margin-right:10px;
}
.member.Sales .modal-header .select_item .form-control > .dropdown-toggle {
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    height: 40px;
    min-width: 180px;
    padding-left: 20px;
}
.member.Sales .modal-header .select_item .form-control .dropdown-menu li.active a span.text {
    color: #ffffff !important;
}
.member.Sales .modal-header .select_item .form-control .dropdown-menu li a span.text {
    color: #898989 !important;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}
.member.Sales .modal-header .select_item .form-control .btn:after {
    content: "";
    position: absolute;
    background: url(../Images/select_icon.png) no-repeat center;
    width: 15px;
    height: 15px;
    right: 20px;
    transition: transform 0.6s ease;
}
.member.Sales .modal-header .calculate_btn {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    background: #d796a3;
    color: #ffffff;
    border-radius: 100px;
    padding: 8px 30px;
    font-size: 16px;
    letter-spacing: 3px;
    border: 1px solid #d796a3;
    transition: background 1s ease,color 1s ease;
}
.member.Sales .modal-header .calculate_btn:hover {
    background: #ffffff;
    color: #d796a3;
}
.member.Sales .modal-header .close {
    position: absolute;
    top: 20px;
    right: 25px;
}
.member.Sales .modal-body .bonus_title{
    margin-bottom:10px;
}
.member.Sales .modal-body .bonus_title p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size:20px;
    letter-spacing:2px;
    color: #727272;
    margin-bottom:0;
}
.member.Sales .modal-body .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.member.Sales .modal-body .item span {
    color: #2e2e2e;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
}
.member.Sales .modal-body .total{
    text-align:right;
}
.member.Sales .modal-body .total span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1px;
    color: #d796a3;
}
.member.Sales .modal-body .total .total_text {
    padding-left:15px;
    font-size:25px;
}
.member.Sales .modal-body .remind_item {
    margin-top: 20px;
}
.member.Sales .modal-body .remind_item p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #727272;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}
.member.Sales .modal-body .remind_item .important {
    color: #d796a3;
}
.member.Sales .table_item {
    white-space: nowrap;
    /*overflow: auto;*/
}
.member.Sales .table_item .table tbody tr.no_Recon{
    background:#eee0de;
}
.member.Sales .table_item .table thead tr th,
.member.Sales .table_item .table tbody tr td {
    padding: 8px 10px;
    text-align: center;
}
.member.Sales .table_item .table thead tr th.window_item{
    display:none;
}
.member.Sales .table_item .table thead tr th:nth-child(3) {
    width: 100% !important;
}
.member.Sales .table_item .table tbody tr td {
    vertical-align: middle;
}
.member.Sales .table_item .table tbody tr td .status_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #2e2e2e;
}
.member.Sales .table_item .table tbody tr td .r_info_btn {
    border: none;
    background: transparent;
    color: #d796a3;
    transition: all 0.8s ease;
}
.member.Sales .table_item .table tbody tr td .r_info_btn:hover {
    color: #2e2e2e;
}
.member.Sales .table_item .table tbody tr .item span {
    display: block;
}
.member.Sales .table_item .table tbody tr .item .phone_text {
    display: none;
}
.member.Sales .table_item .table tbody tr td.phone_item {
    display:none;
}
.member.Sales .table_item .table tbody tr td .search_icon {
    width: 25px;
    height: 25px;
    margin: auto;
}
.member.Sales .table_item .table tbody tr td .fa-file-alt {
    font-size: 20px;
    color: #898989;
}
.member.Sales .total_item {
    background: transparent!important;
}
.member.Sales .total_item .item_info {
    text-align: right;
    margin-bottom: 5px;
}
.member.Sales .total_item .item_info span {
    display: inline-block;
    min-width: 100px;
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 18px;
}
.member.Sales .total_item .item_info .text {
    color: #d796a3;
    padding-left: 15px;
    font-weight: 600;
}
.member.Sales .order_item .modal-dialog {
    width: 80%;
    padding: 0 50px;
}
.member.Sales .order_item .modal-header,
.member.Sales .receive_info .modal-header {
    border-bottom: none;
    padding: 0;
}
.member.Sales .order_item .modal-header .modal-title,
.member.Sales .receive_info .modal-header .modal-title {
    font-size: 20px;
    color: #727272;
}
.member.Sales .order_item .modal-body,
.member.Sales .receive_info .modal-body {
    padding: 15px 0;
}
.member.Sales .order_item .modal-body .order_info .item_info,
.member.Sales .receive_info .modal-body .order_info .item_info {
    margin-bottom: 10px;
}
.member.Sales .order_item .modal-body .order_info span,
.member.Sales .receive_info .modal-body .order_info span {
    display: block;
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 2px;
    min-width: 100px;
}
.member.Sales .order_item .modal-body .order_info .text,
.member.Sales .receive_info .modal-body .order_info .text {
    font-weight: 400;
}
.member.Sales .order_item .modal-body .table_item .table tbody tr td .p_link {
    display: block;
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}
.member.Sales .order_item .modal-body .table_item .table tbody tr td .pro_img {
    width: 100px;
    height: 100px;
    margin: auto;
}
.member.Sales .order_item .modal-body .table_item thead tr th:nth-child(3),
.member.Sales .order_item .modal-body .table_item tbody tr td:nth-child(3) {
    text-align: left;
}
.member.Sales .order_item .modal-footer,
.member.Sales .receive_info .modal-footer {
    border: none;
    padding: 0;
}
.member.Sales .order_item .modal-footer .btn,
.member.Sales .receive_info .modal-footer .btn {
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: #d796a3;
    color: #ffffff;
    border: 1px solid #d796a3;
    border-radius: 50px;
    transition: background 0.6s ease,color 0.6s ease;
}
.member.Sales .order_item .modal-footer .btn:hover,
.member.Sales .receive_info .modal-footer .btn:hover {
    background: #ffffff;
    color: #d796a3;
}
.member.Sales .bon_modal .modal-header{
    display:flex;
}
.member.Sales .bonus_item .close{
    display:flex;
    align-items:center;
    justify-content:center;
}
.member.Mem .agree_item .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d796a3;
    padding-bottom: 20px;
}
.member.Mem .agree_item .title .text {
    letter-spacing: 2px;
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 20px;
}
.member.Mem .agree_item .title .print_btn {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    background: #d796a3;
    color: #ffffff;
    border-radius: 100px;
    padding: 8px 30px;
    font-size: 16px;
    letter-spacing: 3px;
    border: 1px solid #d796a3;
    transition: background 1s ease,color 1s ease;
}
.member.Mem .agree_item .title .print_btn:hover {
    background: #ffffff;
    color: #d796a3;
}
.member.Mem .agree_item .word{
    padding-top:10px;
}
.member.Mem .agree_item .agree_info{
    margin-top:50px;
}
.member.Mem .agree_item .agree_info .item {
    padding-bottom: 5px;
}
.member.Mem .agree_item .agree_info .item span {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
}
.member.Mem .agree_item .agree_info .item .text1 {
    min-width: 140px;
    padding-bottom:8px;
}
.member.Mem .agree_item .agree_info .item .text2 {
    min-width: 360px;
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 8px;
}
.member.Mem .word .word_item{
    margin:20px 0;
}
.member.Mem .word .word_item .title_text {
    margin-bottom: 5px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #2e2e2e;
    font-size: 16px;
    letter-spacing: 1px;
}
.member.Mem .word .word_item .text {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: justify;
    margin-bottom: 5px;
}
.member.Mem .agree_item .agree_item{
    text-align:center;
    margin-top:20px;
}
.member.Mem .agree_item .agree_item .btn {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    background: #d796a3;
    color: #ffffff;
    border-radius: 100px;
    padding: 8px 30px;
    font-size: 16px;
    letter-spacing: 3px;
    border: 1px solid #d796a3;
    transition: background 1s ease,color 1s ease;
}
    .member.Mem .agree_item .agree_item .btn:hover {
        background: #ffffff;
        color: #d796a3;
    }
.member.power .agree_item .agree_info .item .text1 {
    min-width: 200px;
    /*text-align: right;*/
}
.member.power .agree_item .agree_info .title_text{
    margin-bottom:15px;
}
.member.power .agree_item .agree_info .title_text span {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    display: inline-block;
}
.member.index .left_item .pic_item {
    text-align: center;
    position: relative;
}
.member.index .left_item .pic_item .link {
    width: 130px;
    height: 130px;
    display: inline-block;
    border-radius: 100%;
}
.member.index .left_item .pic_item .link .pic {
    width: 130px;
    height: 130px;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
}
.member.index .left_item .pic_item .btn {
    background: #f8a0a0;
    color: #ffffff;
    border: none;
    padding: 3px 10px;
    font-size: 14px;
    letter-spacing: 2px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(20px, 0px);
    transition: background 0.6s ease;
}
.member.index .left_item .pic_item .btn:hover {
    background: #676767;
}
.member.index .file {
    padding: 6px 12px;
}
.member.index .pic_error {
    margin: 10px 0;
}
.member.index .remind_txt span,
.member.index .pic_error {
    color: #ff0000;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: block;
    font-size: 16px;
    letter-spacing: 1px;
}
.member.index .account_item {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 20px;
}
.member.index .account_item span {
    color: #c4c4c4;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
}
.member.index .member_info {
    padding: 50px 20px;
    margin-top: 30px;
    border-top: 1px solid #d796a3;
}
.member.index .item {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.member.index .item .control-label {
    margin-bottom: 0;
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    min-width: 100px;
}
.member.index .item .text {
    color: #898989;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    margin-right: 10px;
}
.member.index .item .birthday_item {
    display: flex;
    align-items: center;
}
.member.index .item .birthday_item .text {
    margin-right: 10px;
}
.member.index .item .form-control {
    background-color: transparent;
    border: 1px solid #676767;
    height: 42px;
    padding: 15px;
    font-size: 18px;
    border-radius: 10px;
}
.member.index .item .edit_btn {
    font-size:22px;
    color: #d796a3;
    border-bottom: 1px solid #d796a3;
    border-radius: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    padding: 0;
    /*margin-left: 30px;*/
    padding-bottom: 5px;
    letter-spacing: 5px;
    transition: transform 1s ease;
}
.member.index .item .edit_ok {
    margin-left: 21px;
    border: 1px solid #d796a3;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 0.6s ease;
}
.member.index .item .edit_ok:hover{
    background:#d796a3;
    color:#ffffff;
}
.member.index .item .address_item {
    margin-right: -5px;
}
.member.index .select_item .text {
    padding: 0;
    margin-right:0;
}
.member.index .select_item .bootstrap-select > .dropdown-toggle {
    border-radius: 10px!important;
    border: none!important;
    padding: 8px 15px;
}
.member.index .item .address_item .address {
    margin-top: 20px;
}
.member.index .item .bank_huit {
    margin-left: auto;
    color: #c4c4c4;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
}
.member.spy .spy_item {
    width: 500px;
    margin:auto;
    text-align: center;
    padding: 20px;
}
.member.spy .spy_item .text {
    margin-bottom: 10px;
}
.member.spy .spy_item .text span {
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 22px;
    color: #676767;
    padding: 0 10px;
    font-weight: 400;
    letter-spacing: 2px;
}
.member.spy .spy_item .form-control {
    background-color: transparent;
    border: 1px solid #676767;
    height: 42px;
    padding: 15px 25px;
    font-size: 18px;
    border-radius: 10px;
    letter-spacing: 2px;
}
.member.spy .spy_item .form-control::placeholder {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px;
    color: #898989;
}
/*about*/
.about .about_item {
    margin-top: 30px;
}
.about .about_item span{
    letter-spacing:3px;
}
.about .about_item .t_tw {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 24px;
    padding-right: 10px;
}
.about .about_item .t_en {
    color: #d796a3;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 20px;
}
.about .about_item .title{
    margin-bottom:20px;
}
.about .about_item .pic .a_pic {
   margin:0 auto;
   border-radius:10px;
}
.about .about_item .play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85px;
    height: 85px;
}
.about .about_item .play_btn:before {
    content: "";
    position: absolute;
    background: url(../Images/About/a_video_play.png) no-repeat center;
    width: 85px;
    height: 85px;
    transition: all 0.6s ease;
}
.about .about_item .play_btn:hover:before {
    transform: scale(1.5);
}
.about .about_item .play_btn a {
    position: relative;
    display: block;
    width: 85px;
    height: 85px;
}
.about .word {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: justify;
    line-height: 36px;
    padding: 30px 0;
}
.about .word .word_title {
    text-align: center;
    /*padding-top: 60px;*/
}
.about .word .word_title p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    color: #727272;
    font-size: 22px;
    letter-spacing: 4px;
    margin-bottom: 0;
}
.about .word .info_item {
    padding-top: 50px;
}
.about .word .info_item .i_item{
    padding:0;
}
.about .word .info_item .item {
    padding: 0 45px;
    padding-bottom: 100px;
    border-right: 1px solid #d4d8c9;
    min-height: 500px;
}
.about .word .info_item .i_item:last-child .item {
    border-right: none;
}
.about .word .info_item .item .pic img {
    margin: auto;
}
.about .word .info_item .item .en_text_item {
    text-align: center;
    margin-top: 50px;
}
.about .word .info_item .item .en_text_item span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 22px;
    letter-spacing: 3px;
    color: #d4d8c9;
    text-transform: uppercase;
    line-height: normal;
}
.about .word .info_item .item .b_text {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
.about .word .info_item .item .b_text p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 0;
    letter-spacing: 6px;
    color: #676767;
}
.about .word .info_item .item .s_text p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    min-height: 150px;
}
/*no_benner*/
.no_banner .navbar {
    background: #EEC8B5;
    background-size: cover;
}
.no_banner .main {
    margin-top: 180px;
}
/*.no_banner .footer {
    background: #f8f8f8;
}*/
/*benefits*/
.benefits .benefits_item span {
    letter-spacing: 3px;
}
.benefits .benefits_item .t_tw {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 24px;
    padding-right: 10px;
}
.benefits .benefits_item .t_en {
    color: #d796a3;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 20px;
}
.benefits .benefits_item .word {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    margin: 40px 0;
    letter-spacing: 1px;
    text-align: justify;
}
.benefits .benefits_item .word .title {
    font-size: 20px;
    margin-bottom: 5px;
    letter-spacing: 2px;
    color:#727272;
}
.benefits .benefits_item .word .small_text span {
    color: #ff6666;
    font-size: 18px;
}
.benefits .benefits_item .word .row_item {
    display: flex;
    border: 1px solid #d796a3;
    margin: 20px 0;
    min-height: 90px;
    border-radius: 5px;
}
.benefits .benefits_item .word .row_item .item {
    padding: 20px;
}
.benefits .benefits_item .word .row_item .left_item {
    display: flex;
    align-items: center;
    background: #fceeec;
    color: #ffffff;
}
.benefits .benefits_item .word .row_item .right_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.benefits .benefits_item .word .row_item .item p {
    margin-bottom: 0;
    letter-spacing: 2px;
    color:#727272;
}
.benefits .benefits_item .word .table{
    margin-top:20px;
}
.benefits .benefits_item .word .table thead th {
    text-align: center;
    vertical-align: middle;
    background: #fceeec;
    color: #727272;
    border: none;
    padding: 20px 10px;
}
.benefits .benefits_item .word .table thead th span {
    display: block;
}
.benefits .benefits_item .word .table tr td:nth-child(1){
    text-align:left;
}
.benefits .benefits_item .word .table{
    margin-bottom:0;
}
.benefits .benefits_item .word .table tr td {
    text-align: center;
    padding: 15px 10px;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #d796a3;
    color:#727272;
}
.benefits .benefits_item .word .table tr td .btn {
    font-size: 16px;
    color: #f8a0a0;
    padding:0 12px;
}
.benefits .benefits_item .word .table tr td .btn .fas{
    display:flex;
    align-items:center;
    justify-content:center;
}
.benefits .benefits_item .word .table .fa-fw {
    font-size: 22px;
    color: #f8a0a0;
}
.benefits .benefits_item .hint_text {
    text-align: center;
    margin: 30px 0;
}
.benefits .benefits_item .hint_text p {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.benefits .modal .modal-content {
    padding: 15px 10px;
}
.benefits .modal .modal-title {
    font-size: 26px;
}
.benefits .modal .modal-body .text p {
    margin-bottom: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    color: #676767;
    font-size: 18px;
    letter-spacing: 2px;
}
/*news*/
.news .item {
    margin-bottom: 50px;
}
.news .new_item .search_item {
    position: absolute;
    right: 30px;
    top: 0;
}
.news .new_item .search_item .form-control {
    border-radius: 50px;
    border: 1px solid #6a6a6a;
    height: 38px;
    padding: 6px 20px;
    box-shadow: none;
}
.news .new_item .search_item .form-control::placeholder {
    color: #898989;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing:2px;
}
.news .new_item .search_item .icon {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
}
.news .new_item .search_item .icon .s_btn {
    background: url(../Images/search.png)no-repeat center;
    width: 35px;
    height: 35px;
    background-size: cover;
    border: none;
}
.news .new_item span {
    letter-spacing: 3px;
}
.news .new_item .t_tw {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 24px;
    padding-right: 10px;
}
.news .new_item .t_en {
    color: #d796a3;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 20px;
}
.news .new_item .info_item {
    margin: 50px 0;
}
.news .item .pic {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.news .item .pic .p_img {
    width: 100%;
    margin: auto;
    overflow: hidden;
    transition: all 0.6s ease;
}
.news .news_link:hover .pic .p_img {
    transform: scale(1.2);
}
.news .item .date {
    margin-bottom: 5px;
}
.news .item .date .text {
    color: #727272;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 1px;
    transition: color 0.6s ease;
}
.news .news_link:hover .date .text {
    color: #676767;
}
.news .item .title .text {
    color: #727272;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    letter-spacing: 2px;
    min-height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    transition: color 0.6s ease;
}
.news .news_link:hover .title .text {
    color: #f8a0a0;
}
.news .item .shard {
    position: absolute;
    top: -15px;
    right: 0;
}
.news .item .shard span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    transition: all 0.6s ease;
}
.news .item .hot span {
    background: url(../Images/News/bg01.png)no-repeat center;
    background-size: 100%;
}
.news .item .new span {
    background: url(../Images/News/bg02.png)no-repeat center;
    background-size: 100%;
}
.news .item .top span {
    background: url(../Images/News/bg03.png)no-repeat center;
    background-size: 100%;
}
.news .item .news_link:hover .shard span {
    transform: rotate(360deg);
}
.show .new_item .info_item {
    margin: 30px 0;
}
.show .info_item .news_back {
    text-align: center;
    background: #fceeec;
    border-radius: 5px;
    margin-bottom: 15px;
}
.show .info_item .news_back .btn {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    transition: color 0.6s ease;
}
.show .info_item .news_back .btn:hover {
    color: #f8a0a0;
}
.show .info_item .news_side {
    background: #fceeec;
    padding: 30px 10px;
}
.show .info_item .news_side .title {
    text-align: center;
    margin-bottom: 10px;
}
.show .info_item .news_side .title span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #727272;
    font-size: 16px;
    letter-spacing: 2px;
}
.show .info_item .news_side  .item{
    margin-bottom:0;
}
.show .info_item .news_side .item ul {
    margin: 0;
}
.show .info_item .news_side .item ul li {
    border-bottom: 1px solid #f096b2;
    padding: 15px;
    transition: background 0.6s ease;
    width:100%;
}
.show .info_item .news_side .item ul li:hover {
    background:#ffffff;
}
.show .info_item .news_side .item ul li .link span {
    display:block;
    letter-spacing:1px;
}
.show .info_item .news_side .item ul li .link .date {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #898989;
    margin-bottom:0;
    font-size:13px;
}
.show .info_item .news_side .item ul li .link .text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    font-size:14px;
}
.show .info_item .side-toggle {
    width: 100%;
    display: none;
    margin-bottom: 15px;
    background: #f8f8f8;
}
.show .info_item .side-toggle .fas,
.show .info_item .side-toggle span {
    color: #898989;
    font-size:16px;
}
.show .info_item .side-toggle span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
}
.show .info_item .collapse {
    display: block;
}
.show .info_item .left_item{
    padding:0;
}
.show .info_item .left_item .date {
    margin-bottom: 10px;
}
.show .info_item .left_item .date span {
    color: #898989;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.show .info_item .left_item .title {
    padding-bottom: 20px;
    border-bottom: 1px solid #f096b2;
}
.show .info_item .left_item .title span {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size:18px;
}
.show .info_item .left_item .word {
    padding: 20px 0;
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
}
.show .info_item .left_item .word ol li {
    list-style: decimal;
    margin-bottom:15px;
}
/*product*/
.product .gp_item {
    margin-bottom: 50px;
}
.product .select_item .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #d796a3;
    background: #ffffff;
    border: 1px solid #d796a3;
    border-radius: 100px;
    height: 42px;
    padding: 5px 25px;
}
.product .select_item .form-control::placeholder {
    color: #d796a3;
}
.product .title_item {
    position: relative;
}
.product .title_item .title span {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 2px;
}
.product .title_item .select_item {
    display: flex;
    margin-top:20px;
}
.product .title_item .select_item .dropdown-menu {
    z-index:100;
}
.product .title_item .select_item .form-control {
    box-shadow:none;
}
.product .title_item .select_item .ketword_btn {
    position: absolute;
    right: 20px;
    top: 35%;
    transform: translate(0, 50%);
}
.product .title_item .select_item .ketword_btn img {
    width: 42px;
    height: 42px;
}
.product .title_item .select_item .form-control[readonly] {
    background: #f4f4f4;
}
.product .table_item {
    margin-top: 30px;
    overflow: auto;
}
.product .table_item .table {
    margin-bottom: 0;
}
.product table.dataTable.no-footer {
    border-bottom: 1px solid #d796a3;
}
.product .table_item .dataTables_length {
    display: none;
}
.product .table_item .dataTables_info {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #727272;
    font-size: 16px;
    letter-spacing: 1px;
    padding-top: 0;
}
.product .table_item .dataTables_paginate .paginate_button {
    border: none;
    margin-left: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #727272!important;
    padding: 8px 10px;
}
.product .table_item .dataTables_paginate .paginate_button .icon {
    background: #d796a3;
    width: 35px;
    height: 35px;
    padding: 8px;
    border-radius: 100%;
    transition: background 0.6s ease;
}
.product .table_item .dataTables_paginate .previous .icon {
    transform: rotate(180deg);
}
.product .table_item .dataTables_paginate .paginate_button:hover,
.product .table_item .dataTables_paginate .paginate_button:active {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #f8a0a0 !important;
}
.product .table_item .dataTables_paginate .current {
    background: #eee0de;
}
.product .table_item thead {
    background: #ededed;
}
.product .table_item thead tr th {
    border: none;
    text-align: center;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #727272;
    font-size: 16px;
    letter-spacing: 2px;
    white-space: nowrap;
    background: #fceeec;
}
.product .table_item tbody .no_tr td {
    text-align: left;
    padding: 30px 20px;
}
.product .table_item tbody tr td {
    border: none;
    vertical-align: middle;
    text-align: center;
    padding: 20px 15px;
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
}
.product .table_item tbody tr td .pic {
    margin: 0 auto;
    border-radius: 10px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}
.product .table_item tbody tr td .phone_text{
    display:none;
}
.product .modal-header {
    border: none;
    justify-content: end;
}
.product .modal-header {
    padding-bottom: 0;
}
.product .modal-header .close {
    background: transparent;
    border: none;
    color: #898989;
    width:auto;
    height:auto;
}
.product .modal-body{
    text-align:center;
    /*padding:0;*/
}
.product .modal-body p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #2e2e2e;
    letter-spacing: 2px;
    margin: 0;
}
.product .modal-body .brand{
    font-size:16px;
}
.product .modal-body .p_name {
    font-size: 22px;
}
.product .modal-body .qty {
    margin: 15px 0;
    font-size: 18px;
}
.product .modal-body .success_text {
    font-size: 26px;
    margin-bottom: 30px;
}
.error .main {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 120px;
}
.error .error_item .item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.error .error_item .item .pic,
.error .error_item .item .text {
    padding: 0 30px;
}
.error .error_item .item .text .tw_text{
    margin-bottom:20px;
}
.error .error_item .item .text .tw_text p {
    color: #2e2e2e;
    margin-bottom: 0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    letter-spacing:2px;
    font-size:26px;
}
.error .error_item .item .text .en_text p {
    color: #898989;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 16px;
}
.error .error_item .item .back{
    margin-top:40px;
}
.error .error_item .item .back a {
    display: inline-block;
    color: #f8a0a0;
    font-size: 22px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #f8a0a0;
    letter-spacing: 2px;
    transition: transform 1s ease;
}
.error .error_item .item .back a:hover {
    transform: translate(20px, 0);
}
.appli .main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 115px;
    min-height: 750px;
}
.appli .appli_item .title {
    border-bottom: 1px solid #ededed;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.appli .appli_item .title .title01 {
    color: #2e2e2e;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 3px;
    margin:0;
}
.appli .appli_item .title .title02 {
    color: #898989;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0;
}
.appli .appli_item .title .title02 .number {
    font-weight: 600;
    color: #2e2e2e;
}
.appli .appli_item .hint{
    padding:35px 0;
}
.appli .appli_item .hint span {
    color: #2e2e2e;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
}
.appli .appli_item .info_item .item {
    display: flex;
    align-items: center;
    min-height: 80px;
    margin-bottom: 15px;
}
.appli .appli_item .info_item .radio_item {
    display: flex;
}
.appli .appli_item .info_item .radio_item .btn {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.appli .appli_item .info_item .radio_item .btn input[type=radio] {
    width: 20px;
    height: 20px;
    margin:0;
}
.appli .appli_item .info_item .radio_item .text label {
    position: relative;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    letter-spacing: 2px;
    padding:0 10px;
    border: none;
    border-radius: 0;
}
.appli .appli_item .info_item .radio_item .text input[type=radio]:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #676767;
    border-radius: 50px;
}
.appli .appli_item .info_item .radio_item .btn.active{
    box-shadow:none;
}
.appli .appli_item .info_item .radio_item .btn input[type=radio]:checked:after {
    width: 20px;
    height: 20px;
    background: #f8a0a0;
}
.appli .appli_item .info_item .item .input-group {
    display: flex;
    align-items: center;
}
.appli .appli_item .info_item .item .input-group .pic {
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: center;
    max-width: initial;
    border: 1px solid #898989;
    border-radius: 10px;
}
.appli .appli_item .info_item .item .input-group.d-n {
    display: none;
}
.appli .appli_item .info_item .item .input-group-text {
    min-width: 100px;
    background: #c5c5c5;
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    letter-spacing: 1px;
    border: 1px solid #898989;
    border-left:none;
    border-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.appli .appli_item .info_item .item .form-control {
    border: 1px solid #898989;
    box-shadow: none;
    border-radius: 15px;
    height: 40px;
    font-size: 16px;
    padding: 6px 30px;
    margin-right: 10px;
}
.appli .appli_item .info_item .app_item .error_text {
    display:block;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color:#ff0000;
    letter-spacing:2px;
    margin-top:5px;
}
.appli .appli_item .info_item .app_item .error_text.d-n{
    display:none;
}
.appli .appli_item .info_item .item .file_text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: 0;
}
.appli .appli_item .info_item .item .form-control::placeholder {
    color: #c4c4c4;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
}
.appli .appli_item .info_item .item .input-group .file {
    display: none;
}
.appli .appli_item .info_item .item .input-group .label_item {
    display: flex;
    margin: 0;
    height: 40px;
    margin-right: 10px;
}
.appli .appli_item .btn_item{
    text-align:right;
    margin:50px 0;
}
.appli .appli_item .btn_item .btn {
    border: 1px solid #898989;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    letter-spacing: 2px;
    min-width: 125px;
    border-radius: 13px;
    margin-left: 15px;
    transition: color 0.6s ease,background 0.6s ease;
}
.appli .appli_item .btn_item .btn:hover {
    background: #c5c5c5;
    color: #676767;
}
.appli_info .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 35px;
}
.appli_info .gp_title {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 35px;
}
.appli_info .g_item {
    border: none;
}
.appli_info .g_item .gp_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #2e2e2e;
    font-size: 16px;
}
.appli_info .g_item .gp_text .gp {
    font-size: 30px;
    padding:0 10px;
}
.appli_info .gp_title .title02 {
    text-align: right;
}
.appli_info .gp_title .title02 .hint_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    letter-spacing:1px;
    font-size:16px;
}
.appli_info .gp_title .title02 .hint_text .number {
    color: #2e2e2e;
    font-weight: 600;
}
.appli_info .title p {
    font-family: 'Noto Sans TC', sans-serif;
    margin: 0;
    letter-spacing: 2px;
}
.appli_info .title .t_text {
    color: #2e2e2e;
    font-size: 20px;
    font-weight: 600;
}
.appli_info .title .hint_text {
    color: #898989;
    font-size: 16px;
    font-weight: 400;
    text-align:right;
}
.appli_info .items {
    margin-bottom: 30px;
}
.appli_info .item p {
    font-family: 'Noto Sans TC', sans-serif;
    letter-spacing: 2px;
    margin-bottom:5px;
}
.appli_info .item .brand {
    color: #898989;
    font-size: 14px;
    font-weight: 400;
}
.appli_info .item .p_name {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: 600;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    min-height: 55px;
}
.appli_info .item .pic{
    margin:15px 0;
}
.appli_info .item .pic .p_pic {
    width: 100%;
    min-height: 250px;
    max-height: 250px;
    object-position: center;
    object-fit: cover;
}
.appli_info .item .info{
    margin:10px 0;
}
.appli_info .item .info .row {
    display:flex;
    align-items:center;
    margin:0 -10px;
}
.appli_info .item .info .item{
    padding:0 10px;
}
.appli_info .item .info p {
    font-family: 'Noto Sans TC', sans-serif;
    margin-bottom: 0;
    letter-spacing: 1px;
}
.appli_info .item .info .o_price {
    font-weight: 400;
    color: #898989;
    text-decoration: line-through;
    font-size:14px;
}
.appli_info .item .info .s_price {
    font-weight: 600;
    color: #2e2e2e;
    font-size: 18px;
}
.appli_info .item .info .number{
    position:relative;
}
.appli_info .item .info .number .q_text {
    box-shadow: none;
    color: #898989;
    border: 1px solid #898989;
    text-align: center;
    border-radius: 10px;
}
.appli_info .item .info .number .btn {
    padding: 0;
    font-size: 20px;
    border: none;
    border-radius: 0;
    color: #898989;
    display: flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
}
.appli_info .item .info .number .min {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0, -50%);
}
.appli_info .item .info .number .add {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}
.appli_info .item .add_btn {
    display: block;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #898989;
    padding: 5px 10px;
    transition: color 1s ease, background 1s ease;
}
.appli_info .item .add_btn:hover {
    background: #898989;
    color: #ffffff;
}
.appli_info .btn_item {
    text-align: right;
    margin: 50px 0;
}
.appli_info .btn_item .btn {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    border-radius: 10px;
    border: 1px solid #898989;
    margin-left: 10px;
    min-width: 110px;
    letter-spacing: 2px;
    transition: color 1s ease, background 1s ease;
}
.appli_info .btn_item .btn:hover {
    background: #898989;
    color: #ffffff;
}
.appli .modal-title {
    font-size: 25px;
}
.appli .modal-header {
    justify-content: space-between;
}
.appli .modal-header .close {
    background: #676767;
    border: 2px solid #676767;
    color: #ffffff;
}
.appli .modal-body{
    padding:15px;
}
.appli .modal-body p {
    margin-bottom:0;
    font-size:20px;
}
/*rank*/
.rank .title_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rank .rank_refresh_time {
    color: #888;
    font-size: 14px;
    margin: 0 0 15px;
    letter-spacing: 1px;
    line-height: 1.8;
}
.rank .title_item .title span {
    color: #727272;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: 2px;
}
.rank .list_item .nav-item {
    color: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 16px;
    border: 1px solid #d796a3;
    min-width: 110px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 6px 10px;
    margin: 0 5px;
    transition: background 0.6s ease;
    min-width: 130px;
    background: #d796a3;
}
.rank .list_item .nav-item:hover,
.rank .list_item .nav-item.active {
    background: #ffffff;
    color: #d796a3;
    border: 1px solid #d796a3;
}
.rank .tab-content .fade{
    transition:all 0.6s ease;
}
.rank .tab-content .fade.active {
    opacity: 1;
}
.rank .tab-content .table {
    margin: 50px 0;
}
.rank .tab-content .table tr td {
    border: none;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    font-size: 16px;
    letter-spacing: 2px;
    vertical-align: middle;
    text-align: center;
    padding: 20px 8px;
}
.rank .tab-content .table tr td .pic {
    border-radius: 10px;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    object-position: center;
    object-fit: cover;
}
.rank .tab-content .table .no_tr {
    border-bottom: none;
}
.rank .tab-content .table .no_tr td {
    text-align:left;
}
.rank .tab-content .table .one td:nth-child(1) {
    color: #ffe476;
}
.rank .tab-content .table .one td .pic {
    border: 5px solid #ffe476;
}
.rank .tab-content .table .two td:nth-child(1) {
    color: #c4c4c4;
}
.rank .tab-content .table .two td .pic {
    border: 5px solid #c4c4c4;
}
.rank .tab-content .table .three td:nth-child(1) {
    color: #da925c;
}
.rank .tab-content .table .three td .pic {
    border: 5px solid #da925c;
}
.rank .tab-content .table .one td:nth-child(1),
.rank .tab-content .table .two td:nth-child(1),
.rank .tab-content .table .three td:nth-child(1) {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 5px;
}
.rank .tab-content .table tr td .phone_text {
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    padding-right: 10px;
    letter-spacing: 1px;
    display: none;
}
.rank .select_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}
.rank .select_item .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #d796a3;
    background: #ffffff;
    border: 1px solid #d796a3;
    border-radius: 100px;
    height: 42px;
    padding: 5px 25px;
}
.rank .select_item .btn {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    background: #d796a3;
    border: 1px solid #d796a3;
    color: #ffffff;
    border-radius: 100px;
    min-width: 120px;
    letter-spacing: 2px;
    margin-left: 20px;
    transition: background 0.6s ease;
}
.rank .select_item .btn:hover {
    background: #ffffff;
    color:#d796a3;
}
/*best_pro*/
.best_pro .b_pic {
    margin-bottom: 15px;
}
.best_pro .s_pic .slick-track {
    margin-left: 0;
    margin-right: 0;
}
.best_pro .s_pic .pic {
    width: 110px;
    height: 110px;
    object-fit: cover;
    object-position: center;
}
.best_pro .padding{
    padding-left:60px;
}
.best_pro .padding .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom:30px;
}
.best_pro .title .brand {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    font-size: 28px;
    letter-spacing: 2px;
}
.best_pro .title .name {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    padding-right:5px;
    font-size:15px;
}
.best_pro .title .back {
    color: #f8a0a0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #f8a0a0;
    font-size: 13px;
    letter-spacing: 1px;
}
.best_pro .item .back_item .pic {
    border: 1px solid #c9c9c9;
    border-radius: 100%;
    transition:all 0.6s ease;
}
.best_pro .item .back_item .back_btn:hover .pic {
    transform: translate(-10px,0);
}
.best_pro .pro_feature {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    padding:25px 0;
    margin-bottom:25px;
}
.best_pro .pro_feature .feature_title{
    padding-bottom:10px;
}
.best_pro .pro_feature .feature_title span {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
}
.best_pro .pro_feature .word {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    font-size: 16px;
    letter-spacing: 1px;
}
.best_pro .activity_info {
    margin-bottom: 50px;
}
.best_pro .activity_info .activity_title {
    padding-bottom: 10px;
}
.best_pro .activity_info .activity_title span {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
}
.best_pro .activity_info .word {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    font-size: 16px;
    letter-spacing: 1px;
}
.best_pro .activity_info .word a{
    color:#f8a0a0;
    border-bottom:1px solid #f8a0a0;
}
.best_pro .other_best {
    margin:60px 0;
}
.best_pro .other_best .other_title {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
.best_pro .other_best span {
    font-family: 'Noto Sans TC', sans-serif;
    color: #676767;
    letter-spacing:1px;
}
.best_pro .other_best .text1 {
    font-weight: 600;
    font-size: 20px;
    padding-right:10px;
}
.best_pro .other_best .text2 {
    font-weight: 400;
}
.best_pro .other_best .item{
    margin-bottom:30px;
}
.best_pro .other_best .item .pic{
    overflow:hidden;
}
.best_pro .other_best .item .pic .b_img {
    width: 100%;
    transition: all 0.6s ease;
}
.best_pro .other_best .item a:hover .pic .b_img {
    transform:scale(1.2);
}
.best_pro .other_best .item .o_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:10px;
}
.best_pro .other_best .item .o_item .name {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp:1; */
    -webkit-box-orient: vertical;
    transition: color 0.6s ease;
}
.best_pro .other_best .item a:hover .o_item .name{
    color:#f8a0a0;
}
.best_pro .other_best .item .o_item .s_img {
    width: 27px;
    height: 27px;
    transition: all 1s ease;
}
.best_pro .other_best .item a:hover .o_item .s_img {
    transform: rotate(360deg);
}
.best_pro .best_pro_title {
    text-align: center;
}
.best_pro .best_pro_title span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    display: block;
    letter-spacing: 2px;
}
.best_pro .best_pro_title .tw_text {
    color: #676767;
    font-size: 20px;
}
.best_pro .best_pro_title .en_text {
    color: #f8a0a0;
    font-size: 18px;
}
.best_pro .select_item{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:30px;
}
.best_pro .select_item .form-control {
    box-shadow: none;
}
.best_pro .select_item .bootstrap-select > .dropdown-toggle {
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    padding-left:30px;
    padding-right:80px;
}
.best_pro .select_item .bootstrap-select .btn:after {
    content: "";
    position: absolute;
    background: url(../Images/select_icon.png) no-repeat center;
    width: 15px;
    height: 15px;
    right: 20px;
    transition: transform 0.6s ease;
}
.best_pro .other_best .other_title .web {
    display: inline-block;
    color: #f8a0a0;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    border-bottom: 1px solid #f8a0a0;
    transition: transform 1s ease;
    letter-spacing:1px;
}
.best_pro .other_best .other_title .web:hover {
    transform: translate(10px,0);
}
.best_pro .other_best .more_btn{
    text-align:right;
    margin:20px 0;
}
.best_pro .other_best .more_btn .more {
    display: inline-block;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #676767;
    border-bottom: 1px solid #676767;
    font-size: 16px;
    padding-bottom: 3px;
    letter-spacing: 1px;
    transition: transform 1s ease,color 1s ease,border-bottom 1s ease;
}
.best_pro .other_best .more_btn .more:hover {
    transform: translate(-10px,0);
    color: #f8a0a0;
    border-bottom: 1px solid #f8a0a0;
}
.search .title_item {
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}
.search .bootstrap-select > .dropdown-toggle {
    min-width: 230px;
    padding: 6px 25px;
    height: 40px;
}
.search .bootstrap-select .dropdown-menu li.active a span.text {
    color: #ffffff !important;
}
.search .bootstrap-select .dropdown-menu li a span.text {
    color: #898989 !important;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing:2px;
}
.search .title_item .title .t_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #2e2e2e;
    font-size: 26px;
    letter-spacing: 2px;
}
.search .select_item{
    margin-bottom:10px;
}
/*.search .select_item .form-control {
    margin: 0 10px;
}*/
.search .select_item .name_text {
    border: 1px solid #898989;
    border-radius: 100px;
    min-width: 230px;
    height: 42px;
    font-size: 18px;
    padding: 5px 25px;
    margin: 0 10px;
}
.search .select_item .name_text::placeholder {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #c4c4c4;
    font-size: 18px;
    letter-spacing: 2px;
}
.search .select_item .select_btn {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    background: #2e2e2e;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    min-width: 120px;
    letter-spacing: 2px;
    transition: background 0.6s ease;
}
.search .select_item .select_btn:hover{
    background:#f8a0a0;
}
.search .table_item tbody tr td:nth-child(1),
.search .table_item tbody tr td:nth-child(2) {
    width: 10% !important;
}
.search .table_item tbody tr.no_tr td:nth-child(1) {
    width: 100% !important;
    display: block;
    padding: 10px;
    color: #898989;
    font-weight:400;
}
.search .table_item tbody tr td:nth-child(7) {
    width: 12%;
}
.search .table_item tbody tr td {
    padding: 20px 10px;
}
.search .table_item tbody tr td:nth-last-child(-n+1) {
    font-weight: 600;
    width: 10%;
}
.search .table_item tbody tr td .ser_btn .s_pic {
    width: 24px;
    height: 24px;
    transition: transform 0.6s ease;
}
.search .table_item tbody tr td .ser_btn:hover .s_pic {
    transform:scale(1.3);
}
.search.show .show_item .text_item {
    display: flex;
    align-items: center;
    justify-content:center;
}
.search.show .show_item .item {
    border-bottom: 1px solid #ededed;
    padding: 50px 0;
}
.search.show .show_item .p_item .item{
    display:block;
    padding:0;
}
.search.show .show_item .p_item .item .radio_item .btn.d-none {
    display:none;
}
.search.show .show_item .p_item .item .input-group .form-control{
    margin:0;
}
.search.show .show_item .item:nth-last-child(-n+3) {
    border: none;
}
.search.show .show_item .t_text {
    max-width: 130px;
    text-align: center;
}
.search.show .show_item .info_item .radio_item {
    margin-bottom:15px;
}
.search.show .show_item .title span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #2e2e2e;
    letter-spacing: 2px;
}
.search.show .show_item .po_item .row {
    margin: 0;
    margin-bottom: 5px;
}
.search.show .show_item .form-group {
    margin-bottom: 5px;
}
.search.show .show_item .info_item .error_text {
    display: inline-block;
    font-size: 15px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    color: #ff0000;
    letter-spacing: 2px;
    padding-top: 5px;
}
.search.show .show_item .form-group .control-label {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    padding: 0;
    font-size: 16px;
    margin-bottom: 0;
    max-width: 100px;
    text-align: center;
    letter-spacing: 2px;
}
.search.show .show_item .form-group .show_txt,
.search.show .show_item .form-group .show_txt .btn_text {
    text-align: left;
    display: block;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    padding-left: 0;
    color: #898989;
    font-size: 16px;
    letter-spacing: 1px;
}
.search.show .show_item .d-f{
    display:flex;
    align-items:center;
}
.search.show .show_item .form-group .show_txt .again_pay_btn {
    background: #f8a0a0;
    color: #ffffff;
    margin-left: 10px;
    padding: 5px 10px;
    display: inline-block;
    letter-spacing: 2px;
    border-radius: 5px;
    transition:all 0.6s ease;
}
.search.show .show_item .form-group .show_txt .again_pay_btn:hover{
    background:#898989;
}
.search.show .show_item .form-group .show_txt .btn_text .form-control {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #898989;
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    height: 42px;
    padding: 5px 25px;
}
.search.show .show_item .form-group .show_txt .btn_text:hover {
    color: #f8a0a0;
}
.search.show .show_item .t_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    padding:0 15px;
}
.search.show .show_item .b_item .btn {
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: transparent;
    color: #676767;
    border: 1px solid #676767;
    border-radius: 10px;
    transition: background 0.6s ease,color 0.6s ease;
}
.search.show .show_item .b_item .btn:hover {
    background:#f8a0a0;
    color:#ffffff;
}
.search.show .show_item .t_item p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
}
.search.show .show_item .t_item .title {
    color: #2e2e2e;
    font-size: 24px;
    letter-spacing: 2px;
    padding-right: 20px;
    padding-left:0;
    padding-bottom:0;
    border:none;
    display:block;
}
.search.show .show_item .t_item .status {
    font-size: 16px;
    letter-spacing: 2px;
    color: #2e2e2e;
}
.search.show .show_item .t_item .status .s_text {
    color: #898989;
}
.search.show .show_item .po_item .p_item {
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
}
.search.show .show_item .po_item .p_item:nth-last-child(-n+1){
    border:none;
}
.search.show .show_item .po_item .control-label {
    max-width: 75px;
    padding-left: 15px;
}
.search.show .table_item {
    border-bottom: 1px solid #ededed;
}
.search.show .table_item .table_title {
    font-size: 20px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    text-align: center;
    color: #2e2e2e;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.search.show .table_item tbody tr td .pic {
    width: 90px;
    height: 90px;
}
.search.show .info_text {
    width: 30%;
    margin-left: auto;
}
.search.show .info_text .info_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
.search.show .info_text .info_item span {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #2e2e2e;
    font-size:16px;
    letter-spacing:1px;
}
.search.show .info_text .info_item .all_total{
    color:#f8a0a0;
    font-size:28px;
}
.search.show .info_text .pay_total {
    margin-top: 10px;
}
.search.show .btn_item {
    text-align: center;
    margin: 50px 0;
}
.search.show .btn_item .btn {
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: transparent;
    color: #676767;
    border: 1px solid #676767;
    border-radius: 10px;
    transition: background 0.6s ease,color 0.6s ease;
}
.search.show .btn_item .btn:hover{
    background:#f8a0a0;
    color:#ffffff;
}
.search.show .show_item .cancel_item {
    padding-bottom: 10px;
}
.search.show .show_item .cancel_item .cancel_btn {
    background: #f8a0a0;
    color: #ffffff;
    padding: 5px 10px;
    display: inline-block;
    letter-spacing: 2px;
    border-radius: 5px;
    transition: all 0.6s ease;
}
.search.show .show_item .cancel_item .cancel_btn:hover {
    background: #898989;
}
/*Cart*/
.cart .cart_item {
    margin-bottom: 60px;
}
.cart .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart .title .t_tw {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    color: #2e2e2e;
    font-size: 24px;
}
.cart .title .btn {
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: transparent;
    color: #676767;
    border: 1px solid #676767;
    border-radius: 10px;
    transition: background 0.6s ease,color 0.6s ease;
}
.cart .title .btn:hover {
    color: #ffffff;
    background: #f8a0a0;
}
.cart .table_item {
    margin-bottom: 40px;
}
.cart .table_item .t_iem {
    border-bottom: 1px solid #ededed;
    margin-bottom: 40px;
}
.cart .table_item .t_iem .title {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #898989;
    font-size: 18px;
    letter-spacing: 2px;
}
.cart .table_item tbody tr td .cancel_btn {
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: transparent;
    color: #676767;
    border: 1px solid #676767;
    border-radius: 13px;
    padding: 6px 20px;
    transition: color 0.6s ease,background 0.6s ease;
}
.cart .table_item tbody tr td .pic {
    width: 80px;
    height: 80px;
}
.cart .table_item tbody tr td .cancel_btn:hover {
    background: #f8a0a0;
    color: #ffffff;
}
.cart .text_item{
    text-align:right;
}
.cart .text_item p {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #2e2e2e;
    letter-spacing: 4px;
}
.cart .text_item p .total {
    font-weight: 600;
    font-size: 28px;
    padding-left: 5px;
}
.cart .btn_item {
    text-align: right;
    margin:20px 0;
}
.cart .btn_item .btn {
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: transparent;
    color: #676767;
    border: 1px solid #676767;
    border-radius: 10px;
    transition: background 0.6s ease,color 0.6s ease;
}
.cart .btn_item .btn:hover{
    color:#ffffff;
    background:#f8a0a0;
}
.cart .btn_item .btn:nth-last-child(-n+1) {
    margin-left: 15px;
}
/*Pay*/
.pay .pay_title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.pay .pay_title .title_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: 2px;
    color: #2e2e2e;
    padding-right: 20px;
}
.pay .pay_title .chk_btn {
    display: flex;
    align-items: center;
}
.pay .pay_title .chk_btn input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin: 0;
}
.pay .pay_title .chk_btn label {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 5px;
}
.pay .error_item .e_text {
    font-size: 18px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #ff0000;
    text-align: center;
}
.pay .pay_info {
    border-bottom: 1px solid #eaeaea;
    padding: 30px 0;
}
.pay .pay_info .item .info {
    display: flex;
    align-items: center;
}
.pay .pay_info .item .info span {
    display: inline-block;
    margin-top: 2px;
    margin-bottom: 5px;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #ff0000;
    min-width: 60px;
    padding: 0 10px;
    text-align: center;
}
.pay .pay_info .control-label {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 0;
    min-width: 95px;
}
.pay .pay_info .form-control {
    box-shadow: none;
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    height:48px;
    padding: 10px 25px;
    font-size:16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    color: #898989;
    letter-spacing: 2px;
    margin-right:10px;
}
.pay .pay_info .form-control > .dropdown-toggle {
    position: relative;
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    padding: 9px 12px;
    padding-left: 25px;
    min-height: 42px;
}
.pay .pay_info .form-control .dropdown-menu li a span.text {
    color: #898989 !important;
    font-size: 16px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}
.pay .pay_info .form-control .dropdown-menu li.active a span.text {
    color: #ffffff !important;
}
.pay .pay_info .form-control .btn:after {
    content: "";
    position: absolute;
    background: url(../Images/select_icon.png) no-repeat center;
    width: 15px;
    height: 15px;
    right: 20px;
    transition: transform 0.6s ease;
}
.pay .pay_info .form-control .btn:hover:after {
    transform: rotate(180deg);
}
.pay .pay_info .item .info .text_item {
    background: #ffffff;
    border: 1px solid #898989;
    border-radius: 100px;
    padding:12px;
    padding-left: 25px;
    height: 48px;
    margin-right:0;
}
.pay .pay_info .item .info .text_item[readonly] {
    background: #f4f4f4;
}
.pay .pay_info .item .info .zicode {
    background: #f4f4f4;
}
.pay .pay_info .item .info .text_item::placeholder {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 2px;
    color: #898989;
}
.pay .pay_info .item .row_item {
    width: 100%;
    margin: 0;
}
.pay .pay_info .item .row_item .item {
    display: flex;
    align-items: center;
    padding:0;
}
.pay .pay_info .item .row_item .zicode_item{
    padding:0;
}
.pay .pay_info .item .row_item .address_text {
    margin-top: 15px;
}
.pay .pay_info .item .row_item .textarea_text {
    border-radius: 20px;
    height: auto;
}
.pay .pro_item {
    margin: 50px 0;
    display: flex;
    align-items: end;
    justify-content: space-between;
}
.pay .pro_item .pro_info .text {
    color: #2e2e2e;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.pay .pro_item .pro_info .text .total_text {
    font-size: 30px;
    padding: 0 5px;
}
.pay .pro_item .btn_item .btn {
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: transparent;
    color: #676767;
    border: 1px solid #676767;
    border-radius: 10px;
    transition: background 0.6s ease,color 0.6s ease;
}
.pay .pro_item .btn_item .btn:nth-last-child(-n+1) {
    margin-left: 15px;
}
.pay .pro_item .btn_item .btn:hover{
    color:#ffffff;
    background:#f8a0a0;
}
/*活動回傳*/
.activity .main {
    min-height: 400px;
}
.activity .title_item .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.activity .title_item .title .left_item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.activity .title_item .title .left_item .btn {
    margin: 0 10px;
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: #d796a3;
    color: #ffffff;
    border: 1px solid #d796a3;
    border-radius: 10px;
    transition: background 0.6s ease,color 0.6s ease;
}
.activity .title_item .title .left_item .btn:hover {
    background: #ffffff;
    color: #d796a3;
}
.activity .title_item .title .left_item .t_text {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #2e2e2e;
    font-size: 26px;
    letter-spacing: 2px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.activity .title_item .title .right_item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.activity .title_item .title .right_item .form-control {
    border-radius: 50px;
    border: 1px solid #6a6a6a;
    height: 38px;
    padding: 6px 20px;
    padding-right: 200px;
    box-shadow: none;
}
.activity .title_item .title .right_item .icon {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
}
.activity .title_item .title .right_item .icon .s_btn {
    background: url(../Images/search.svg)no-repeat center;
    width: 25px;
    height: 25px;
    background-size: cover;
    border: none;
}
.activity .table_item {
    overflow: auto;
    word-break: keep-all;
}
.activity .table_item .table {
    margin-bottom: 0;
}
.activity .table_item thead {
    background: #fceeec;
}
.activity .table_item thead tr th {
    border: none;
    text-align: center;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    color: #727272;
    font-size: 16px;
    letter-spacing: 2px;
    white-space: nowrap;
}
.activity .table_item tbody tr td {
    border: none;
    vertical-align: middle;
    text-align: center;
    padding: 20px 15px;
    color: #3e3e3e;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 2px;
}
.activity .table_item tbody tr td {
    padding: 20px 10px;
}
.activity .table_item tbody tr td .phone_text {
    display: none;
}
.activity .table_item tbody tr td .error {
    color: #ff0000;
    font-weight: 800;
}
.activity .activity_item .word p {
    color: #676767;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: justify;
    line-height: 36px;
}
.activity .activity_item .word img {
    margin: 10px;
}
.activity .activity_item .info_item {
    margin-top: 30px;
    margin-bottom: 50px;
}
.activity .activity_item .info_item .title_item .t_text {
    margin-bottom: 15px;
}
.activity .activity_item .info_item .item .info {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.activity .activity_item .info_item .item .info .control-label {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    min-width: 120px;
    font-size: 18px;
    letter-spacing: 2px;
    padding-right: 20px;
    text-align: right;
}
.activity .activity_item .info_item .item .info .form-control {
    background-color: transparent;
    border: 1px solid #676767;
    height: 42px;
    padding: 15px 25px;
    font-size: 18px;
    border-radius: 10px;
    letter-spacing: 2px;
}
.activity .activity_item .info_item .item .info textarea.form-control {
    height:auto;
}
.activity .activity_item .info_item .item .info .form-control::placeholder {
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 2px;
    color: #898989;
}
.activity .activity_item .info_item .item .info .file_text {
    background-color: transparent;
    border: 1px solid #676767;
    height: 42px;
    padding: 15px 25px;
    font-size: 18px;
    border-radius: 10px;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition:all 0.8s ease;
}
.activity .activity_item .info_item .item .info .file_text:hover {
    color:#ffffff;
    background: #f8a0a0;
}
.activity .activity_item .info_item .item .info .file {
    margin: 10px 0;
}
.activity .activity_item .info_item .btn_items {
    text-align: center;
    margin-top: 30px;
}
.activity .activity_item .info_item .btn_items .send_btn {
    margin: 0 10px;
    min-width: 120px;
    font-size: 14px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    background: transparent;
    color: #676767;
    border: 1px solid #676767;
    border-radius: 10px;
    transition: background 0.6s ease,color 0.6s ease;
}
.activity .activity_item .info_item .btn_items .send_btn:hover {
    color: #ffffff;
    background: #f8a0a0;
}
.activity .activity_item .info_item .pic_list {
    display: flex;
    align-items:center;
}
.activity .activity_item .info_item .link {
    display: block;
    border: 1px solid #676767;
    padding: 5px;
    border-radius: 10px;
}
.activity .activity_item .info_item .link .pic {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: center;
}
.activity .table_item tr td .new {
    background: url(../Images/News/bg02.svg)no-repeat center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    padding-left:2px;
    padding-top:2px;
}
.activity .table_item tr td.d-f{
    display:flex;
    align-items:center;
    justify-content:center;
}
.activity .table_item tr td .important {
    display: block;
    background: url(../Images/important.png)no-repeat center;
    background-size: 100%;
    width: 65px;
    height: 65px;
}






.accordion-item {
margin-bottom: 12px;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
border: 1px solid #e2e2e2;
}
.accordion-title {
position: relative;
padding: 14px 20px;
background-color: #fdfdfd;
cursor: pointer;
font-size: 1.1rem;
font-weight: 600;
color: #333;
transition: background-color 0.2s ease;
}
.accordion-title:hover { background-color: #f5f5f5; }
.accordion-title::before {
content: "+";
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
font-size: 0.9rem;
color: #888;
transition: transform 0.2s ease, color 0.2s ease;
}
.accordion-item.active .accordion-title::before {
content: "−";
color: #e74c3c;
}
.accordion-content {
max-height: 0;
overflow: hidden;
padding: 0 20px;
background-color: #fff;
transition: max-height 0.3s ease, padding 0.3s ease;
}
.accordion-item.active .accordion-content {
max-height: 500px;
padding: 14px 20px;
}
#dynamicContent img {
  width: 100% !important;
  height: auto  !important;
  display: block;
  max-width: none !important;
}

/* 手風琴內容初始是被收起：裁切超高的部分 */
.accordion-content {
  max-height: 0;      /* 收合時只顯示標題 */
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* 針對「active」這個 class（即展開的那一項）解除高度與裁切 */
.accordion-item.active .accordion-content {
  max-height: none      !important; /* 讓它能撐開到真實高度 */
  overflow: visible     !important; /* 取消裁切 */
}