@media (min-width: 1519px) {
    /*home_news*/
    .home .main .main_content .news_slick > .container,
    .home .main .main_content .news > .container,
    .home .main .main_content .about > .container,
    .home .main .main_content .best_pro > .container {
        width: 1520px;
    }
    .home .news .container,
    .home .rank .container{
        padding: 0 170px;
    }
}
@media (min-width: 1499px) {
    .member.team_search .container {
        width: 1500px;
    }
}
@media (min-width: 1399px) {
    .about .container {
        width: 1400px;
    }
    .p_s .container {
        width: 1400px;
    }
}
@media (min-width: 1299px) {
    .container {
        width: 1300px;
    }
}
@media (min-width: 768px) {
    /*導覽列*/
    .navbar-header .navbar-toggle {
        display: none;
    }
    .bg .navbar {
        background: #EEC8B5;
        box-shadow: 0 0 10px rgb(181 181 181);
    }
    .bg .navbar .nav_list_item ul li a span,
    .bg .lang_item .lang_ul .lang_li a{
        color: #ffffff;
    }
    .bg .navbar .nav_list_item ul li a span:before,
    .bg .lang_item .lang_ul .lang_li:first-child:before {
        background: #ffffff;
    }
    .bg .navbar-header .navbar-brand img{
        width:50px;
    }
    .bg .navbar .nav-flex {
        margin: 10px 5px;
    }
    .bg .navbar-header .navbar-brand .window,
    .bg .member_item .member .window,
    .bg .cart_btn .cart .cart_img .window {
        display: none;
    }
    .bg .navbar-header .navbar-brand .phone,
    .bg .member_item .member .phone,
    .bg .cart_btn .cart .cart_img .phone {
        display: block;
    }
    /*product*/
    .product .title_item .select_item .brand_select,
    .product .title_item .select_item .product_select {
        margin-right: 10px;
    }
    /*rank*/
    .rank .tab-content .table td:nth-child(1) {
        width: 12%;
    }
    .rank .tab-content .table td:nth-child(2) {
        width: 13%;
    }
    .rank .tab-content .table td:nth-child(4) {
        width: 50%;
        text-align: left;
    }
    .rank .tab-content .table {
        border-top: 1px solid #d796a3;
    }
    .rank .tab-content .table tr {
        border-bottom: 1px solid #d796a3;
    }
    /*product*/
    .product .table_item tbody tr td:nth-child(1)
     {
        width: 20%;
    }
    .product .table_item tbody tr td:nth-child(2) {
        width: 30%;
    }
    .search.show .table_item tbody tr td:nth-child(1) {
        width: 20%!important;
    }
    .search.show .table_item tbody tr td:nth-child(2) {
        width: 30%!important;
    }
    .search.show .table_item tbody tr.no_tr td:nth-child(1) {
        width: 100% !important;
    }
    /*modal*/
    .member.Statement .bonus_item .modal-dialog-centered,
    .member.Sales .bonus_item .modal-dialog-centered,
    .member.team_search .modal .modal-dialog-centered {
        width: 80%;
    }
}
@media (min-width: 576px) {
    /*modal*/
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
        margin: 1.75rem auto;
        max-width: 500px;
    }
    .member.Statement .modal-dialog-centered,
    .member.Sales .modal-dialog-centered,
    .member.team_search .modal-dialog-centered,
    .member.target .modal-dialog-centered {
        max-width: 100%;
    }
    .member.Sales .receive_info .modal-dialog-centered{
        max-width:500px;
    }
}
@media (max-width: 1400px) {
    .about .container {
        width: 100%;
    }
    .about .word .info_item .item {
        padding: 0 30px;
        padding-bottom: 80px;
    }
    .about .word .info_item .item .b_text p {
        font-size: 20px;
    }
    .about .word .info_item .item .s_text p{
        font-size:16px;
    }
}
@media (max-width:1199px) {
    /*login*/
    .login .m_search .table_item {
        overflow: auto;
    }
    .login .m_search .table_item .table {
        white-space: nowrap;
    }
    .login .mug_shot .modal-dialog-centered,
    .login .m_more .modal-dialog-centered,
    .login .m_search .modal-dialog-centered {
        max-width: 80%;
    }
    .login .m_more .modal-body {
        padding: 15px 30px;
    }
    .login .m_more .select_item .text {
        padding: 7px 12px;
    }
    /*導覽列*/
    .navbar .nav-flex {
        margin: 15px 5px;
    }
    .navbar .nav_list_item ul li a{
        padding:0 15px;
    }
    .other_member_item,
    .other_item {
        right: 30px;
    }
    /*floating*/
    .floating {
        right: -10px;
    }
    .floating.f_show {
        right: 0;
    }
    .floating ul {
        border-radius: 0;
    }
    .floating .floating_btn {
        display: block;
        position: absolute;
        right: 10px;
        transition:all 0.6s ease;
    }
    .floating .f-collapse {
        margin-right: -80px;
        transition:all 0.6s ease;
    }
    .floating.f_show .floating_btn {
        padding-right: 10px;
        right:70px;
    }
    .floating.f_show .floating_btn .fas {
        color: #f8a0a0;
        transform: rotate(180deg);
    }
    .floating.f_show .f-collapse {
        margin-right: 0px;
    }
    /*footer*/
    .footer {
        padding: 50px 0;
    }
    .footer .f_item {
        margin: 0 5px;
    }
    .footer .f_list ul li{
        width:50%;
    }
    .footer .c_item {
        padding-top: 20px;
    }
    /*home_new*/
    .home .news {
        padding: 40px 0;
    }
    /*home_about*/
    .home .about {
        padding: 20px 0;
    }
    .home .about .row{
        display:flex;
        align-items:center;
    }
    .home .about .info {
        padding-right: 0;
        margin-bottom: 20px;
    }
    .home .about .title {
        margin-bottom: 10px;
    }
    /*home_rank*/
    .home .rank {
        padding: 100px 15px;
        height: 800px;
    }
    .home .rank .item .pic .r_pic {
        width: 250px;
        height: 250px;
    }
    /*home_activity*/
    .home .activity .container {
        padding: 0;
    }
    .home .activity .slick-next {
        right: -60px;
    }
    .home .activity .all_view {
        position: relative;
        text-align: center;
        margin-top: 20px;
    }
    /*home_best_pro*/
    .home .best_pro {
        padding: 20px 0;
    }
    .home .best_pro .item {
        width: 280px;
    }
    /*home_partner*/
    .partner .item {
        width: 215px;
    }
    /*top*/
    .gotop.fixed {
        right: 15px;
        bottom: 30px;
    }
    /*no_benner*/
    .no_banner .main {
        margin-top: 135px;
    }
    /*best_pro*/
    .best_pro .padding {
        padding-left: 15px;
    }
    .best_pro .s_pic .pic {
        width: 95px;
        height: 95px;
    }
    /*product*/
    .appli .appli_item .info_item .radio_item {
        margin-bottom: 15px;
    }
    .appli .appli_item .info_item .item {
        display: block;
    }
    .appli .appli_item .info_item .app_item{
        margin-bottom:20px;
    }
    .search .table_item {
        display: block;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    /*Sales*/
    .member.Sales .order_item .modal-dialog {
        width: 100%;
        padding: 0 30px;
    }
    /*Member*/
    .member .m_item .info_item .select_item .form-control {
        margin-bottom: 10px;
    }
    .member.index .member_info {
        padding: 30px 10px;
    }
    .member.index .select_item .text {
        padding: 7px 12px;
    }
    .member .m_info_item .info_item {
        display: flex;
        flex-direction: column;
    }
    .member .m_info_item .info_item .left_item {
        order: 2;
        margin-top: 15px;
    }
    .member .info_item .right_side .side-toggle {
        display: block;
    }
    .member .info_item .right_side .collapse {
        display: none;
    }
    .member.Statement .bonus_item .modal-dialog-centered {
        width: 90%;
    }
    .member.Statement .bonus_item .input-group{
        margin-bottom:10px;
    }
    .member.Statement .bonus_item .table_item {
        overflow: auto;
        white-space: nowrap;
    }
    .member.team_search .container {
        width: 100%;
    }
    /*about*/
    .about .word .info_item .item {
        margin-bottom: 50px;
        padding-bottom: 0;
    }
    .about .word .info_item .i_item:nth-child(even) .item {
        border-right: none;
    }
    .about .word .info_item .item .s_text p {
        min-height: 120px;
    }
    /*活動回傳*/
    .activity .container {
        width:100%;
    }
}

@media (max-width:991px) {
    /*login*/
    .login .m_search .modal-body .info_item .form-control{
        margin-right:0;
        margin-bottom:15px;
    }
    .login .m_search .modal-body .info_item{
        margin-bottom:0;
    }
    .login .m_more .item .address_item{
        width:100%;
    }
    .login .m_more .item .address_item .a_item{
        margin-bottom:10px;
    }
    .login .m_more .item .address_item .address {
        margin-top: 0;
    }
    .login .m_search .modal-dialog-centered {
        max-width: 100%;
        padding: 0 20px;
    }
    .login .m_search .m_more {
        margin-top: 30px;
    }
    /*導覽列*/
    .navbar .nav-flex {
        padding: 0 10px;
    }
    .navbar-header .navbar-brand img {
        width: 60px;
    }
    .navbar .nav_list_item ul li a {
        padding: 0 7px;
    }
    .navbar .nav_list_item{
        padding:0;
    }
    .member_item, 
    .cart_btn .cart{
        padding-left:8px;
    }
    /*banner*/
    .banner .slick-dots {
        bottom: 20px;
        right: 30px;
    }
    /*home_new*/
    .home .news {
        padding-bottom: 0;
    }
    .home .news .item {
        padding: 0;
        margin-bottom:30px;
    }
    .home .news .item .info {
        max-width: 100%;
    }
    /*home_about*/
    .home .about .row {
         display: block; 
    }
    .home .about .more_btn{
        margin-bottom:30px;
    }
    /*home_rank*/
    .home .rank {
        height: auto;
    }
    .home .rank .item{
        margin-bottom:40px;
    }
    .home .rank .item .pic .r_pic {
        width: 300px;
        height: 300px;
    }
    /*home_best_pro*/
    .home .best_pro .row{
        display:block;
    }
    .home .best_pro .item {
        width: 250px;
    }
    .home .best_pro .best_pro_title {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .home .best_pro .best_pro_title .en_text {
        order: 2;
    }
    .home .best_pro .best_pro_title .en_text span {
        display: inline-block;
    }
    .home .best_pro .best_pro_title .tw_text{
        margin-bottom:10px;
    }
    .home .best_pro .all_view {
        position: relative;
        text-align: center;
        margin-top: 20px;
    }
    /*home_online_course*/
    .online_course {
        padding: 70px 50px;
    }
    .online_course .container .row .c_item {
        width: 100%;
        padding: 0 15px;
    }
    .online_course .class_text,
    .online_course .c_soon_text {
        left: 15px;
        right: 15px;
    }
    /*home_partner*/
    .partner .item {
        width: 195px;
    }
    /*member*/
    .member .main_content .container {
        width: 100%;
    }
    .member .m_item .city_item {
        margin-bottom: 15px;
    }
    .member .m_info_item .info_item .select_item{
        margin-bottom:15px;
    }
    .member.Statement .m_info_item .info_item .select_item {
        margin-bottom: 0;
    }
    .member.Sales .order_item .table_item {
        overflow: auto;
    }
    .member.index .item .address_item {
        width: 100%;
    }
/*    .member .m_info_item .table_item {
        overflow: auto;
    }*/
    .member .m_info_item .table_item .table {
        white-space: nowrap;
    }
    /*benefits*/
    .benefits .benefits_item .word .row_item{
        display:block;
    }
    .benefits .benefits_item .word .table thead th span,
    .benefits .benefits_item .word .table tr td {
        white-space: nowrap;
    }
    /*news*/
    .show .info_item .side-toggle {
        display: block;
    }
    .show .info_item .collapse {
        display: none;
    }
    .show .new_item .info_item .right_side {
        padding: 0;
    }
    .show .new_item .info_item {
        display: flex;
        flex-direction: column;
    }
    .show .info_item .left_item{
        order:2;
        margin-top:15px;
    }
    .show .info_item .left_item .title{
        padding-bottom:15px;
    }
    /*best_pro*/
    .best_pro .slick-slide img{
        width:100%;
    }
    .best_pro .s_pic .pic {
        width: 95%;
        height: auto;
        margin: auto;
    }
    .best_pro .padding {
        padding-top: 30px;
    }
    /*product*/
    .error .error_item .item .pic, 
    .error .error_item .item .text {
        padding: 0 15px;
    }
    .appli .main{
        margin-top:100px;
        min-height:600px;
    }
    .appli .appli_item .title{
        display:block;
    }
    .appli .appli_item .title .title01{
        margin-bottom:10px;
    }
    .search .title_item {
        display:block;
    }
    .search .title_item .title .t_text {
        padding: 0 10px;
    }
    .search.show .show_item .title {
        margin-bottom: 10px;
        text-align: left;
        padding: 0 10px;
    }
    .search.show .show_item .t_text {
        max-width: 100%
    }
    .search.show .show_item .form-group .control-label {
        padding-left:15px;
        max-width: 100%;
    }
    .search.show .show_item .po_item .control-label{
        text-align:left;
        margin-bottom:5px;
        padding:0 15px;
    }
    .search.show .show_item .po_item .show_txt {
        padding: 0 15px;
        word-break: break-all;
    }
    .product .table_item tbody tr td .pic {
        width: 50px;
        height: 50px;
    }
    .product.p_s .title_item .select_item{
        display:block;
    }
    .product.p_s .title_item .select_item .form-control {
        margin-bottom:10px;
    }
    .product.p_s .select_item .name_text {
        margin: 0;
    }
    .appli_info .item .pic .p_pic {
        min-height: 300px;
    }
    /*pay*/
    .pay .pay_info .item,
    .pay .pay_info .item .row_item .zicode_item {
        margin: 5px 0;
    }
    .pay .pay_info .item .row_item .address_text {
        margin-top: 5px;
    }
    /*rank*/
    .rank .title_item {
        display: block;
    }
    .rank .title_item .title{
        margin:10px 5px;
        margin-top:0;
    }
    /*about*/
    .about .word .info_item .item {
        padding-bottom: 40px;
    }
    .about .word .info_item .item .en_text_item {
        margin-top: 30px;
    }
    .about .word .info_item .item .b_text{
        margin:20px 0;
    }
}

@media (max-width:767px) {
    /*login*/
    .login_info_item .pic .login_pic {
        width: 200px;
    }
    .login_item .video_item .video .w_pic {
        display: none;
    }
    .login_item .video_item .video .p_pic {
        display: block;
    }
    .login_item .login_info_item{
        width:100%;
    }
    .login_item .remember_item {
        margin-bottom: 15px;
        justify-content: center;
    }
    .login_item .re_send{
        text-align:center;
    }
    .login_info_item .text{
        margin-top:20px;
    }
    .login .m_search .modal-dialog-centered {
        max-width: 100%;
        width: auto;
        padding: 0 15px;
    }
    .login .m_search .modal-footer{
        text-align:center;
    }
    .login .m_more .modal-body {
        padding: 15px 10px;
    }
    .login .m_more .item{
        display:block;
    }
    .login .m_more .item .control-label{
        margin-bottom:10px;
    }
    .login .m_more .item .edit_btn {
        position: relative;
        top: 0;
        right: 0;
    }
    .login .m_more .item span {
        display: block;
        text-align:left!important;
        padding:0!important;
    }
    .login .m_more .item .text {
        padding: 10px 12px;
        margin: 0;
        word-break: break-word;
    }
    .login .m_more .select_item .text {
        padding: 7px 12px
    }
    .login .m_more .item .spacing {
        margin-top: 10px;
    }
    .login .m_more .item .birthday_item .text {
        margin: 0;
    }
    .login .m_more .item .birthday_item span{
        padding:0 10px!important;
    }
    .login .m_more .item .address_item{
        margin:0;
    }
    .login .m_more .item .address_item .a_item{
        padding:0;
    }
    .login .m_more .select_item .bootstrap-select > .dropdown-toggle {
        padding: 8px 12px;
    }
    /*導覽列*/
    .navbar {
        background: #f8f8f8;
    }
    .navbar-header .navbar-brand img {
        width: 40px;
    }
    .navbar .nav-flex {
        margin: 10px 15px;
    }
    .navbar .navbar-toggle {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
        transition: all .5s ease;
        z-index: 99999;
    }
    .navbar .navbar-toggle .icon-bar {
        background: #676767;
        transition: all 0.3s ease;
    }
    .header .navbar .navbar-toggle .icon-bar:first-child {
        transform: rotate( 45deg);
        margin-top: 10px;
        position: relative;
        top: -3px;
    }
    .header .navbar .navbar-toggle .icon-bar:nth-child(3) {
        transform: rotate( -45deg);
        margin-top: -11px;
    }
    .header .navbar .navbar-toggle.collapsed .icon-bar {
        transform: rotate( 0deg);
        margin-top: 0;
        top: 0px;
    }
    .header .navbar .navbar-toggle.collapsed .icon-bar:nth-child(2) {
        opacity: 1;
    }
    .header .navbar .navbar-toggle .icon-bar:nth-child(2) {
        opacity: 0;
    }
    .header .navbar .navbar-toggle.collapsed .icon-bar + .icon-bar {
        margin-top: 5px;
    }
    .member_item, .cart_btn .cart {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .member_item {
        right: 70px;
    }
    .other_member_item,
    .other_item {
        right: 15px;
    }
    .member_item.right {
        right: 110px;
    }
    .member_item ul li {
        padding-bottom: 0;
    }
    .cart_btn .cart {
        right: 65px;
    }
    .navbar-header .navbar-brand .window,
    .member_item .member .window,
    .cart_btn .cart .cart_img .window {
        display: none;
    }
    .navbar-header .navbar-brand .phone,
    .member_item .member .phone,
    .cart_btn .cart .cart_img .phone {
        display: block;
    }
    .header .navbar .navbar-collapse {
        border: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        background: #f8f8f8;
        opacity: 0;
        display: block;
        pointer-events: none;
        background-size: cover;
        padding: 0;
        transform: scale(1.1);
        transition: all 0.5s ease;
        margin:0;
        z-index: 9999;
    }
    .header .navbar .navbar-collapse.show {
        opacity: 1;
        pointer-events: visible;
        transform: scale(1);
    }
    .navbar .nav_list_item ul li a span {
        color: #676767;
        display:block;
    }
    .navbar .nav_list_item .navbar-nav {
        margin-top: 100px;
        padding:0 20px;
    }
    .navbar .nav_list_item ul li {
        border-bottom: 1px solid rgba(103,103,103,0.3);
    }
    .navbar .phone_more {
        display: block;
        position:relative;
    }
    .navbar .phone_more .more_btn {
        padding: 0 !important;
        border: none;
        background-color: transparent;
        position: absolute;
        bottom: 5px;
        right: 15px;
        z-index: 99999;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: end;
    }
    .navbar .phone_more .more_btn .icon-bar {
        position: relative;
        display: block;
        width: 15px;
        height: 2px;
        background: #676767;
        padding-bottom: 0;
        margin-bottom: 5px;
        transition: all 0.3s ease;
    }
    .navbar .phone_more .more_btn .icon-bar:first-child {
        transform: rotate( 90deg);
        top: 7px;
    }
    .navbar .nav_list_item ul li.show .more_btn .icon-bar:first-child,
    .navbar .nav_list_item ul li.m_show .more_btn .icon-bar:first-child {
        transform: rotate(180deg);
    }
    .navbar .nav_list_item ul li.show .more_btn .icon-bar:nth-child(2),
    .navbar .nav_list_item ul li.m_show .more_btn .icon-bar:nth-child(2) {
        opacity: 0;
    }
    .navbar .nav_list_item ul li.show .dropdown-menu,
    .navbar .nav_list_item ul li.m_show .dropdown-menu {
        display: block;
        border-bottom: 1px solid rgba(103,103,103,0.3);
        margin-bottom: 10px;
        background: transparent;
        box-shadow: none;
        padding-top: 15px;
    }
    .navbar .nav_list_item ul li .dropdown-menu li {
        position: relative;
        padding: 10px 0;
        padding-left: 12px;
        border: none;
    }
    .navbar .nav_list_item ul li .dropdown-menu li:before {
        content:"";
        position:absolute;
        width:10px;
        height:2px;
        top:50%;
        left:5px;
        background:#676767;
    }
    .navbar .nav_list_item ul li .dropdown-menu {
        width: 100%;
        position: relative;
        background: #f8f8f8;
        border-radius: 0;
        padding: 0;
    }
    .navbar .nav_list_item ul li a:hover span:before{
        opacity:0;
    }
    /*lang*/
    .lang_item {
        display: none;
    }
    /*banner*/
    .banner{
        margin-top:60px;
    }
    .banner .slick-dots {
        bottom: 10px;
        right: 10px;
    }
    .banner .phone_banner {
        display: block;
    }
    .banner .window_banner {
        display: none;
    }
    /*footer*/
    .footer {
        padding: 30px 0;
    }
    .footer .f_item .f_logo{
        display:none;
    }
    .footer .f_list ul li{
        text-align:center;
    }
    .footer .c_item {
        padding-top: 0;
    }
    .footer .c_item .item{
        display:block;
    }
    .footer .c_item .item .f_icon {
        text-align:center;
        padding-top:20px;
    }
    .footer .copy-text p{
        text-align:center;
    }
    /*home_news_slick*/
    .home .news_slick .item {
        justify-content: space-between;
    }
    .home .news_slick .item:before{
        width:40px;
    }
    .home .news_slick .item .text p {
        font-size: 18px;
        min-height: 52px;
        max-width: 180px;
        -webkit-line-clamp: 2;
    }
    .home .news_slick .item .text{
        padding-left:50px;
        padding-right:0;
    }
    /*home_new*/
    .home .news{
        padding-top:40px;
    }
    /*home_rank*/
    .home .rank {
        padding: 60px 15px;
    }
    .home .rank .rank_title{
        margin-bottom:20px;
    }
    .home .rank .item .pic,
    .home .rank .item .item_title {
        margin-bottom: 10px;
    }
    .home .rank .item .item_title p {
        font-size: 18px;
    }
    .home .rank .item .more_text p{
        padding:12px 20px;
    }
    .home .rank .item .pic:before {
        width: 42px;
        height: 42px;
        top: -5px;
        left: 0;
    }
    .home .rank .item .pic:after {
        width: 70px;
        height: 70px;
        top: -20px;
        left: -15px;
    }
    .home .rank .item .pic .r_pic {
        width: 150px;
        height: 150px;
    }
    /*home_activity*/
    .home .activity {
        padding: 100px 30px;
        padding-bottom: 50px;
        height: auto;
    }
    .home .activity .activity_title {
        margin-bottom: 30px;
    }
    .home .activity .activity_title .en_text {
        font-size: 28px;
    }
    .home .activity .slick-next{
        width:50px;
        height:50px;
    }
    .home .activity .slick-next:before {
        width: 30px;
        height: 30px;
    }
    .home .activity .slick-next {
        right: -10px;
        box-shadow: 0 0 10px rgb(181 181 181);
    }
    .home .activity .all_view {
        padding-right: 30px;
    }
    /*home_best_pro*/
    .home .best_pro {
        padding: 20px 0;
    }
    .home .best_pro .item {
        width: 220px;
    }
    .home .best_pro .best_pro_title .tw_text span{
        font-size:24px;
    }
    .home .best_pro .best_pro_title .en_text span {
        font-size: 30px;
    }
    /*home_online_course*/
    .online_course {
        height: auto;
        padding: 50px;
        margin-top: 50px;
    }
    .online_course .container .row {
        display: block;
    }
    .online_course .item{
        margin-bottom:30px;
    }
    .online_course .course_title{
        margin-bottom:30px;
    }
    .online_course .course_title .en_text {
        font-size: 28px;
    }
    /*home_partner*/
    .partner {
        padding: 20px 15px;
    }
    .partner .item {
        width: 175px;
    }
    .partner .partnerSwiper {
        padding: 30px 0;
    }
    .partner .partner_title .tw_text{
        font-size:25px;
    }
    .partner .partner_title .en_text {
        font-size: 34px;
    }
    /*top*/
    .gotop.fixed {
        right: 15px;
        bottom: 20px;
    }
    /*member*/
    .member .m_item .video_item .video .w_pic {
        display: none;
    }
    .member .m_item .video_item .video .p_pic {
        display: block;
    }
    .member .m_item .info_item {
        width: 100%;
        padding: 50px 30px;
    }
    .member .info_item .right_side .side-toggle{
        margin-bottom:0;
    }
    .member .m_item .info_item .pic {
        padding-bottom: 40px;
    }
    .member .m_info_item .team_title {
        margin-bottom: 10px;
    }
    .member .m_info_item .info_item .select_item {
        display: block;
    }
    .member .m_info_item .info_item .select_item .form-control,
    .member.index .m_info_item .info_item .p_item .phone_item {
        margin-bottom: 10px;
    }
    .member.index .m_info_item .info_item .p_item .phone_item{
        margin-right:0;
    }
    .member .m_info_item .info_item .select_item .s_item {
        max-width: 100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .member .m_info_item .info_item .select_item .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    .member.Statement .m_info_item .info_item .select_item .more_search{
        margin:0;
        margin-bottom:10px;
    }
    .member.Statement .modal-content {
        padding: 50px 15px;
    }
/*    .member.Statement .table_item .table thead {
        display:none;
    }*/
/*    .member.Statement .table_item .table tbody tr {
        border: 1px solid #e4e4e4;
        border-bottom:none;
        display: block;
        margin-bottom: 15px;
    }*/
/*    .member.Statement .table_item .table tbody tr td {
        display: flex;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #d1d1d1;
        letter-spacing: 1px;
    }*/
    .member.Statement .table_item .no_tr td {
        border-bottom: 1px solid #d1d1d1!important;
    }
/*    .member.Statement .table_item .table tbody tr td .phone_text {
        display: block;
        padding-right: 10px;
        min-width: 110px;
        text-align: end;
    }*/
    .member.Statement .left_item .select_item .form-control {
        padding: 5px 25px;
    }
    .member.Statement .m_info_item .table_item .table tbody tr td:nth-child(4) {
        width:100%;
    }
    .member.Statement .bonus_item .modal-dialog-centered {
        width: auto;
    }
    .member.Statement .bonus_item .table_item .table thead {
        display: revert;
    }
    .member.Statement .bonus_item .table_item .table tbody tr {
        display: revert;
        margin: 0;
        border: none;
    }
    .member.Statement .bonus_item .table_item .table tbody tr td {
        display: table-cell;
        border: none;
        border-bottom: 1px solid #c4c4c4;
        padding: 8px 10px;
    }
    .member.Sales .left_item .more_item {
        margin: 0;
    }
    .member.Sales .table_item,
    .member.Sales .m_info_item .table_item .table {
        /*white-space: normal;*/
        overflow: auto;
    }
    .member.Sales .table_item .table tbody tr td .fa-file-alt {
        margin-left: 10px;
    }
    .member.Sales .m_info_item .info_item .select_item .more_search {
        margin: 0;
        margin-bottom: 10px;
    }
    .member.Sales .left_item .more_item .date_item {
        display:block;
    }
    .member.Sales .left_item .more_item .date_item .date_minus {
       display:none;
    }
    .member.Sales .modal-content {
        padding: 50px 25px;
    }
    .member.Sales .modal-header,
    .member.Sales .modal-header .select_item,
    .member.Sales .modal-header .calculate_btn {
        display: block;
    }
    .member.Sales .modal-header .select_item .form-control{
        margin:0;
        margin-bottom:10px;
    }
    .member.Sales .bon_modal .modal-header {
        display: block;
    }
    .member.Sales .m_info_item .info_item .select_item .btn_search {
        position: absolute;
        top: -5px;
        left: 0px;
    }
    .member.Sales .m_info_item .info_item .left_item > .select_item {
        padding-top: 45px;
    }
/*    .member.Sales .m_info_item .table_item .table tbody tr td {
        width:auto!important;
    }*/
/*    .member.Sales .order_item .table_item,
    .member.Sales .order_item .table_item .table {
        white-space: normal;
    }*/
    .member.Sales .order_item .modal-body .order_info .text {
        display: block;
        padding-top:5px;
    }
    .member.Sales .table_item .table tbody tr .item span {
        padding-right: 10px;
    }
    .member.Sales .table_item .table tbody tr .item .phone_text {
        display: block;
    }
/*    .member.Sales .table_item .table tbody tr td.window_item {
        display: none;
    }*/
/*    .member.Sales .table_item .table tbody tr td.phone_item {
        display: flex;
        align-items:center;
    }*/
    .member.Sales .table_item .table tbody tr td.phone_item .phone_text{
        text-align:end;
    }
    .member.Sales .table_item .table tbody tr td.phone_item span {
        text-align: left;
    }
/*    .member.Sales .table_item,
    .member.Sales .table_item .table {
        white-space: normal;
    }*/
    .member.Sales .table_item .bonus_order_table {
        white-space: nowrap;
    }
    .member.Sales .order_item .modal-dialog {
        width: auto;
        padding: 0;
    }
    .member.Mem .agree_item .title {
        justify-content: center;
    }
    .member.Mem .agree_item .title .print_btn {
        display: none;
    }
    .member.Mem .agree_item .agree_info .item .text2 {
        display: block;
        min-width: auto;
        padding-top: 8px;
    }
    .member.index .member_info {
        padding: 30px 10px;
        margin-top: 0;
    }
    .member.index .item .control-label {
        margin-bottom: 10px;
    }
    .member.index .item {
        display: block;
        margin-bottom: 10px;
    }
    .member.index .item .edit_btn {
        position: relative;
        top: 0;
        right: 0;
    }
    .member.index .item .text{
        display:block;
    }
    .member.index .item .address_item {
        margin: 0;
    }
    .member.index .item .address_item .a_item {
        padding: 0;
    }
    .member.index .item .spacing {
        margin-top: 10px;
    }
    .member.team_search .select_item .btn {
        margin-left: 0;
    }
    .member.team_search .m_info_item .info_item .select_item {
        padding-top: 45px;
        margin-bottom: 10px;
    }
    .member.team_search .m_info_item .info_item .select_item .btn {
        position: absolute;
        top: -5px;
        left: 0px;
    }
    .member.spy .spy_item{
        width:auto;
    }
    /*benefits*/
    .benefits .benefits_item .word .table {
        display: block;
        width: 100%;
        overflow: auto;
    }
    /*no_benner*/
    .no_banner .main {
        margin-top: 80px;
    }
    /*news*/
    .news .new_item .info_item {
        margin: 30px 0;
    }
    .news .new_item .search_item {
        position: relative;
        right: 0;
        margin: 10px 0;
        margin-right: 30px;
    }
    .show .new_item .info_item {
        margin: 15px 0;
    }
    /*product*/
    .product .title_item,
    .product .title_item .select_item {
        display: block;
    }
    .product .title_item .select_item{
        margin-top:15px;
    }
    .product .title_item .select_item .form-control {
        margin-bottom: 10px;
    }
    .product .table_item {
        margin-top: 10px;
    }
    .product .table_item .table {
        margin-bottom: 0;
        white-space: nowrap;
    }
    .product .table_item tbody tr td{
        padding:8px 10px;
    }
    /*.product .table_item thead {
        display: none;
    }*/
    /*.product .table_item tbody tr td {
        display: flex;
        align-items: center;
        padding: 10px;
        border-bottom: 1px solid #d1d1d1;
        letter-spacing: 1px;
        text-align:left;
    }*/
    .product .table_item tbody tr td:nth-last-child(-n+1) {
        border-bottom: none;
    }
    .product .table_item tbody .no_tr td{
        padding:10px;
    }
/*    .product .table_item tbody tr {
        border: 1px solid #e4e4e4;
        display: block;
        margin-bottom: 15px;
    }*/
    .product .table_item tbody .no_tr{
        margin-bottom:0;
    }
/*    .product .table_item tbody tr td .phone_text {
        display: block;
        padding-right: 10px;
        min-width: 95px;
        text-align: end;
    }*/
    .product .table_item tbody tr td .pic {
        width: 80px;
        height: 80px;
    }
    .product .title_item .select_item .ketword_btn {
        top: initial;
        transform: none;
        bottom: -2px;
    }
    .error .error_item .item {
        display: block;
    }
    .error .error_item .item .pic img{
        margin: 0 auto;
    }
    .error .error_item .item .text{
        margin-bottom:50px;
    }
    .error .error_item .item .text .tw_text p {
        font-size: 18px;
        letter-spacing: 1px;
    }
    .error .error_item .item .text .en_text p {
        letter-spacing: 1px;
    }
    .appli_info .item .p_name {
        -webkit-line-clamp: 3;
        min-height: 80px;
    }
    appli .appli_item .hint {
        padding: 25px 0;
    }
    .appli .appli_item .hint span{
        display:block;
    }
    .appli .appli_item .btn_item {
        text-align: center;
        margin: 30px 0;
        margin-top: 0;
    }
    .appli_info .title{
        display:block;
    }
    .appli_info .title .hint_text{
        text-align:left;
    }
    .appli_info .item .info .row {
        display: block;
    }
    .appli_info .item .info .price {
        margin-bottom:10px;
    }
    .appli_info .btn_item {
        text-align: center;
        margin: 30px 0;
        margin-top: 10px;
    }
    .appli_info .g_item{
        display:block;
        margin-bottom:10px;
    }
    .appli_info .gp_title .title02{
        text-align:left;
    }
    .appli_info .item .brand{
        min-height:40px;
    }
    .appli_info .item .pic .p_pic {
        min-height: 165px;
    }
    .search .table_item tbody tr td:nth-child(1),
    .search .table_item tbody tr td:nth-child(2),
    .search .table_item tbody tr td:nth-child(7) {
        width: 100% !important;
    }
    .search .select_item .form-control {
        margin: 0;
    }
    .search .select_item .name_text{
        margin-bottom:10px;
    }
    .search .table_item tbody tr td .phone_text {
        min-width:110px;
    }
    .search.show.appli .main{
        display:block;
        min-height:auto;
    }
    .search.show .show_item .text_item {
        display: block;
    }
    .search.show .show_item .b_item {
        margin-top: 15px;
    }
    .search.show .show_item .info_item {
        margin-bottom: 15px;
    }
    .search.show .show_item .item {
        padding: 30px 0;
        padding-bottom: 15px;
    }
    .search.show .show_item .t_item {
        display: block;
        margin-bottom: 10px;
    }
    .search.show .show_item .t_item .title {
        padding: 0;
        margin-bottom: 5px;
    }
    .search.show .table_item .table_title {
        margin: 10px 0;
    }
    .search.show .info_text {
        width: 60%;
    }
    .search .table_item tbody tr td .text_item {
        max-width: 200px;
        white-space: normal;
    }
    .search.show .table_item tbody tr td:nth-last-child(-n+1){
        width:100%;
    }
    .search.show .table_item tbody .no_tr {
        margin-bottom: 15px;
    }
    /*rank*/
    .rank .list_item{
        margin-top:15px;
    }
    .rank .list_item .list_nav {
        display: flex;
        flex-wrap: wrap;
        border-bottom: none;
    }
    .rank .list_item .nav-item {
        width: 50%;
        margin: 0;
        border: none;
        border-radius: 0;
    }
    .rank .list_item .nav-item:nth-child(1),
    .rank .list_item .nav-item:nth-child(2),
    .rank .list_item .nav-item:nth-child(1):hover,
    .rank .list_item .nav-item:nth-child(2):hover {
        border-top: 1px solid #aeaeae;
    }
    .rank .list_item .nav-item:nth-child(even),
    .rank .list_item .nav-item:nth-child(even):hover {
        border-right: 1px solid #aeaeae;
        border-bottom: 1px solid #aeaeae;
    }
    .rank .list_item .nav-item:nth-child(odd),
    .rank .list_item .nav-item:nth-child(odd):hover {
        border-left: 1px solid #aeaeae;
        border-right: 1px solid #aeaeae;
        border-bottom: 1px solid #aeaeae;
    }
    .rank .select_item{
        display:block;
    }
    .rank .select_item .btn{
        width:100%;
        display:block;
        margin:0;
        margin-top:10px;
    }
    .rank .list_item .nav-item:hover,
    .rank .list_item .nav-item.active {
        border: none;
    }
    .rank .tab-content .table {
        margin: 25px 0;
    }
    .rank .tab-content .table tr {
        border: 1px solid #ededed;
        display: block;
        margin-bottom: 15px;
        border-bottom:none;
    }
    .rank .tab-content .table tr td .phone_text{
        display:block;
    }
    .rank .tab-content .table tr td {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #ededed;
        padding: 10px 25px;
    }
    /*best_pro*/
    .best_pro .other_best {
        margin: 10px 0;
    }
    .best_pro .other_best .other_title {
        margin-bottom: 30px;
    }
    .best_pro .select_item {
        margin-top: 20px;
    }
    .best_pro .select_item .bootstrap-select > .dropdown-toggle {
        margin-bottom: 10px;
    }
    .best_pro .other_best .more_btn{
        margin-top:0;
        margin-bottom:30px;
    }
    /*Cart*/
    .cart .cart_item {
        margin-bottom: 20px;
    }
    .cart .table_item {
        margin-bottom: 0;
    }
    .cart .table_item tbody tr td .cancel_btn{
        width:100%;
    }
    .cart .table_item .t_iem {
        border:none;
        margin-bottom: 20px;
    }
    /*pay*/
    .pay .pay_title{
        margin-bottom:0;
    }
    .pay .pay_info {
        padding: 20px 0;
    }
    .pay .pay_info .item .info {
        display: block;
    }
    .pay .pay_info .control-label{
        margin-bottom:10px;
    }
    .pay .pay_info .item {
        margin-bottom: 5px;
    }
    .pay .pay_info .item .info span{
        margin-top:5px;
    }
    .pay .pay_info .item .row_item .item {
        display: block;
        padding:0;
    }
    .pay .pro_item {
        display: block;
        margin: 30px 0;
    }
    .pay .pro_item .pro_info{
        text-align:center;
    }
    .pay .pro_item .btn_item {
        margin-top: 15px;
        text-align: center;
    }
    /*about*/
    .about .word .info_item {
        padding-top: 50px;
    }
    .about .word .info_item .item{
        padding-bottom:0;
        border:none;
    }
    .about .word .info_item .item .s_text p {
        min-height: inherit;
    }
    /*活動回傳*/
    .activity .activity_item .word p {
        text-align:left;
    }
    .activity .activity_item .info_item .item .info {
        display:block;
    }
    .activity .activity_item .info_item .item .info .control-label {
        text-align: left;
    }
    .activity .title_item .title {
        display:block;
    }
    .activity .title_item .title .left_item {
        justify-content: flex-start;
        margin-bottom: 10px;
    }
    .activity .title_item .title .right_item {
        display:block;
    }
    .activity .title_item .title .right_item .icon {
        top: 80%;
    }

}