body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/*header*/
.row.header{
    position: fixed;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    min-height: 80px;
    background: transparent;
    transition: 1s;
}
.HKA_headerLOGO{
    max-width: 355px;
    flex: 0 0 355px;
    min-height: 79px;
}
.HKA_headerLOGO .module-container, 
.HKA_headerLOGO .module-container > .main{
    height: 100%;
}
.HKA_headerLOGO .module-container > .main a{
    display: flex;
    margin-left: 30px;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
}
.HKA_headerLOGO .module-container > .main a img{
    width: 300px;
}
.HKA_headerMENU{
    max-width: calc(100% - 555px);
    flex: 0 0 calc(100% - 555px);
}
.HKA_headerMENU .module-container, 
.HKA_headerMENU .module-container > .main, 
.HKA_headerMENU .full-menu, 
.HKA_headerMENU .full-menu > .module, 
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu{
    height: 100%;
    background: none;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul{
    height: 100%;
    flex-wrap: wrap;
    justify-content: center;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li{
    flex: unset;
    position: relative;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li::after{
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 30px;
    bottom: 15px;
    top: unset;
    transition: .3s;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li:nth-last-child(1)::after{
    display: none;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li:hover::after{
    width: calc(100% - 60px);
    left: 30px;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a{
    height: 100%;
    font-size: 19px;
    padding: 0 30px;
    display: flex;
    align-items: center;
}
.HKA_headerMENU .responsive-drop-down-menu > ul > li.has-sub > a:before{
    width: 8px;
    height: 8px;
    border: none;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
    top: 34px;
    right: 14px;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li.has-sub > ul{
    min-width: 150%;
    background: rgba(255, 255, 255, 0.95);
    padding: 8px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li.has-sub > ul li{
    background: none;
    width: 100%;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li.has-sub > ul li a{
    font-size: 15px;
    color: #212121;
    width: 100%;
    padding: 5px 15px;
    line-height: 1.5;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li.has-sub > ul li a:hover{
    background-color: #f5f5f5;
    color: #ed1c2c;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a .top-cart{
    padding: 15px 0px;
}
.HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a .top-cart .icon img{
    width: 30px;
}
.HKA_Member .module-container .main > div:nth-last-child(1){
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    min-height: 79px;
    justify-content: end;
    padding-right: 35px;
}
.HKA_Member .gtranslate_wrapper {
    margin-bottom: 5px;
}
.HKA_Member .gtranslate_wrapper select.gt_selector{
    background-color: #f3f3f8;
    border: none;
    padding: 2px 7px 2px 3px;
    letter-spacing: 0.5px;
    max-width: 115px;
    color: #333;
    border-right: 5px solid #f3f3f8;
    outline: none;
    box-shadow: none;
    font-size: 14px;
    margin: 0;
    border-radius: 3px;
}
.HKA_Member{
    max-width: 200px;
    flex: 0 0 200px;
}
.HKA_Member ul{
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: end;
    padding-right: 0px;
}
.HKA_Member ul li{
    float: left;
}
.HKA_Member ul li a{
    text-decoration: none;
}
.HKA_Member ul li a [data-rel=memberinfo]{
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.HKA_Member ul li a [data-rel=memberinfo] img{
    margin-right: 5px;
}
.HKA_Member ul li a [data-rel=memberinfo] .showName{
    padding: 0;
    align-items: center;
}
.HKA_Member ul li a [data-rel=memberinfo] .showName .member-name{
    font-size: 17px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.HKA_Member ul li a [data-rel=memberinfo] .showName .member-name i{
    width: 24px;
    height: 24px;
    background-image: url(https://materials.fillo.com.tw/materials/hkaskyshop/images/ddeba79b-2853-4478-a92b-f92d635e58f4.png);
    background-size: 100%;
    margin-right: 5px;
}
.HKA_Member ul li a [data-rel=memberinfo] .showName .member-name i::before{
    display: none;
}
.HKA_Member ul li a [data-rel=memberinfo] .showName .member-name .greet{
    display: none;
}
.HKA_Member ul li a [data-rel=memberinfo] .showName .icon{
    display: none;
}
.HKA_Member ul li a [data-rel=memberinfo] .showName .SignOut{
    margin-left: 8px;
    color: #e01c43;
    border: 1px solid #e01c43;
    letter-spacing: 0;
    background: #fff;
}
/*******************/
.HKA_header .mega-menu > section.menu-list-items{
    background: none;
    display: flex;
    flex-wrap: wrap;
    padding-right: 370px;
}
.HKA_header .mega-menu .menu-logo > li > a{
    padding-left: 30px;
    padding-right: 15px;
}
.HKA_header .mega-menu .menu-logo > li > a:hover{
    background-color: transparent;
}
.HKA_header .mega-menu .menu-logo > li > a img{
    width: 300px;
    height: auto;
    position: unset;
    margin: 7px 5px;
}
.HKA_header .mega-menu .menu-links > li:hover{
    background-color: transparent;
}
.HKA_header .mega-menu .menu-links > li > a{
    font-size: 19px;
    padding: 0 25px;
    font-weight: bold;
    position: relative;
}
.HKA_header .mega-menu .menu-links > li > a::before{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 25px;
    bottom: 0;
    transition: .3s;
}
.HKA_header .mega-menu .menu-links > li:hover > a::before{
    width: calc(100% - 50px);
    left: 25px;
}
.HKA_header .mega-menu .menu-links{
    margin: auto;
}
.HKA_CarMember{
    position: fixed;
    z-index: 99;
    right: 30px;
    max-width: max-content;
}
.HKA_CarMember ul{
    list-style-type: none;
    margin: 0;
    min-height: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.HKA_CarMember ul li{
    float: left;
    margin-left: 2rem;
}
.HKA_CarMember ul li a{
    text-decoration: none;
}
.HKA_CarMember ul li a .top-cart{
    width: 32px;
}
.HKA_CarMember ul li a [data-rel=memberinfo]{
    font-size: 18px;
    color: #fff;
    letter-spacing: 1px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.HKA_CarMember ul li a [data-rel=memberinfo] img{
    margin-right: 5px;
}
/********************/
.gizle.row.header {
    background: linear-gradient(90deg,#e01c43,#af368c);
    transition: 1s;
    border-bottom: none;
}
@media (max-width:1639px) {
    .HKA_headerLOGO {
        max-width: 330px;
        flex: 0 0 330px;
    }
    .HKA_headerMENU {
        max-width: calc(100% - 530px);
        flex: 0 0 calc(100% - 530px);
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li::after{
        right: 20px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li:hover::after{
        width: calc(100% - 40px);
        left: 20px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a{
        padding: 0 20px;
        letter-spacing: 0.5px;
    }
    .HKA_headerMENU .responsive-drop-down-menu > ul > li.has-sub > a:before{
        right: 5px;
    }
}
@media (max-width:1440px) {
    .row.header{
        min-height: 70px;
    }
    .HKA_headerLOGO {
        max-width: 270px;
        flex: 0 0 270px;
        min-height: 70px;
    }
    .HKA_headerLOGO .module-container > .main a{
        margin-left: 15px;
    }
    .HKA_headerLOGO .module-container > .main a img {
        width: 250px;
    }
    .HKA_headerMENU {
        max-width: calc(100% - 450px);
        flex: 0 0 calc(100% - 450px);
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li::after{
        right: 16px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li:hover::after{
        width: calc(100% - 32px);
        left: 16px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a{
        font-size: 18px;
        padding: 0 16px;
    }
    .HKA_headerMENU .responsive-drop-down-menu > ul > li.has-sub > a:before {
        right: 3px;
        top: 29px;
    }
    .HKA_Member {
        max-width: 180px;
        flex: 0 0 180px;
    }
    .HKA_Member .module-container .main > div:nth-last-child(1){
        min-height: 70px;
    }
    .HKA_Member ul{
        /*min-height: 70px;*/
    }
    .HKA_Member ul li a [data-rel=memberinfo]{
        font-size: 17px;
    }
}
@media (max-width:1280px) {
    .HKA_headerLOGO{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .HKA_headerLOGO .module-container > .main a{
        margin: 0;
        justify-content: center;
    }
    .HKA_headerMENU{
        max-width: calc(100% - 180px);
        flex: 0 0 calc(100% - 180px);
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul{
        justify-content: space-evenly;
    }
}
@media (max-width:1024px) {
    .HKA_headerLOGO{
        min-height: 60px;
    }
    .HKA_headerMENU{
        max-width: 100%;
        flex: 0 0 100%;
    }
    .HKA_Member{
        position: fixed;
        right: 0;
        top: 0;
    }
    .HKA_Member .module-container .main > div:nth-last-child(1){
        min-height: 60px;
    }
    .HKA_Member ul{
        /*min-height: 60px;*/
    }
}
@media (max-width:840px) {
    .HKA_headerLOGO .module-container > .main a{
        justify-content: flex-start;
        margin-left: 15px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a {
        font-size: 17px;
        padding: 0 10px;
    }
    .HKA_headerMENU .responsive-drop-down-menu > ul > li.has-sub > a:before {
        right: 0px;
        top: 28px;
        width: 5px;
        height: 5px;
    }
}
@media (max-width:767px) {
    .row.header{
        min-height: 60px;
        background: linear-gradient(90deg, #e01c43, #af368c);
        border: none;
    }
    .HKA_headerLOGO{
        padding-left: 10px;
        max-width: max-content;
        flex: auto;
        z-index: 99;
    }
    .HKA_headerLOGO .module-container > .main a{
        margin-left: 10px;
    }
    .HKA_headerLOGO .module-container > .main a img{
        width: 160px;
    }
    .HKA_headerMENU {
        position: fixed;
        z-index: 98;
    }
    .HKA_headerMENU .responsive-drop-down-menu .menu-button{
        min-height: 60px;
    }
    .HKA_headerMENU .responsive-drop-down-menu .menu-button:before, 
    .HKA_headerMENU .responsive-drop-down-menu .menu-button:after{
        right: 10px;
    }
    .HKA_headerMENU .responsive-drop-down-menu .menu-button:has(+ .open)::before {
        height: 0;
        border-bottom: 0;
        transform: rotate(-45deg);
    }
    .HKA_headerMENU .responsive-drop-down-menu .menu-button:has(+ .open)::after {
        height: 0;
        transform: rotate(45deg);
        top: 30px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul{
        background: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul.open{
        padding: 8px 0px;
        max-height: calc(100vh - 60px);
        overflow: auto;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a{
        color: #212121;
        font-weight: normal;
        padding: 5px 15px;
    }
    .HKA_headerMENU .responsive-drop-down-menu > ul > li.has-sub > a:before {
        display: block;
        border-color: #212121;
        right: 1rem;
        top: 17px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a .top-cart .icon img{
        filter: brightness(0);
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li > a .top-cart .icon .count{
        top: -5px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li.has-sub > ul{
        background: #f3f3f8;
        min-width: 100%;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li.has-sub > ul li a{
        padding: 6px 32px;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li.active{
        background: none;
    }
    .HKA_headerMENU .full-menu > .module .responsive-drop-down-menu > ul > li.active > a{
        color: #ed1c2c;
    }
    .HKA_Member{
        right: 37px;
        max-width: max-content;
        flex: auto;
        z-index: 99;
        padding-right: 10px;
    }
    .HKA_Member .module-container .main > div:nth-last-child(1){
        padding-right: 0;
        flex-flow: column;
        align-items: end;
        justify-content: center;
    }
    .HKA_Member .gtranslate_wrapper{
        margin: 0 8px 0 0;
    }
    .HKA_Member .gtranslate_wrapper select.gt_selector{
        width: 85px;
        border-width: 1px;
        font-size: 13px;
        margin-bottom: 3px;
        padding: 1px 5px 1px 4px;
    }
    .HKA_Member ul{
        padding-right: 8px;
    }
    .HKA_Member ul li a [data-rel=memberinfo]{
        font-size: 14px;
    }
    .HKA_Member ul li a [data-rel=memberinfo] img {
        margin-right: 3px;
        width: 21px;
    }
    .HKA_Member ul li a [data-rel=memberinfo] .showName .member-name{
        font-size: 15px;
        letter-spacing: 0;
    }
    .HKA_Member ul li a [data-rel=memberinfo] .showName .SignOut{
        font-size: 12px;
        padding: 0px 3px;
        margin-left: 5px;
    }
}

/*footer*/
.HKA_sidebar .module-wrapper .actGotop{
    width: 54px;
    height: 54px;
}
.HKA_sidebar .module-wrapper .actGotop a:link{
    width: 54px;
    height: 54px;
    background: #fff;
    color: #212121;
    line-height: 71px;
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    transition: .3s;
}
.HKA_sidebar .module-wrapper .actGotop a:link:hover{
    background: linear-gradient(90deg,#e01c43,#af368c);
    color: #fff;
    transition: .3s;
}
.HKA_sidebar .module-wrapper .actGotop a i{
    width: 54px;
    font-size: 32px;
    top: 2px;
}
.HKA_footerWRAP .module-container .main.row{
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    padding: 3rem calc(50% - 705px) 1rem;
    justify-content: space-between;
}
.HKA_footerinfo{
    margin-bottom: 2rem;
}
.HKA_footerinfo section.text-link h2{
    margin-bottom: 10px;
    font-weight: bold;
}
.HKA_footerinfo div.link-list{
    background: none;
    min-height: auto;
}
.HKA_footerinfo div.link-list ul li a, 
.HKA_footerinfo div.link-list ul li span{
    padding: 4px 15px;
    line-height: 1.4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    letter-spacing: 0.5px;
}
.HKA_contact .btn-container .function-row .row-content{
    margin-top: 40px;
}
.HKA_contact .btn-container .function-row .row-content li{
    max-width: max-content;
}
.HKA_contact .function-row li a{
    width: 42px;
    height: 42px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}
.HKA_contact .function-row li a i{
    width: auto;
    font-size: 22px;
}
.HKA_contact .function-row li a img{
    width: 22px;
}
.HKA_payment .function-row h2{
    font-size: 20px;
    margin: 0px 0 16px;
    font-weight: bold;
    padding: 0 15px;
}
.HKA_payment .function-row .row-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.HKA_payment .function-row li{
    max-width: max-content;
    padding: 0 15px;
}
.HKA_payment .function-row li a{
    border-radius: 0;
    padding: 0;
    height: auto;
}
.HKA_copyrightWRAP .module-container > .main.row{
    background: linear-gradient(90deg, #e01c43, #af368c);
    padding: 10px calc(50% - 705px);
}
.HKA_copyrightL p, 
.HKA_copyrightR p{
    margin: 0;
}
@media (max-width:1440px) {
    .HKA_footerWRAP .module-container .main.row{
        padding: 3rem calc(50% - 600px) 1rem;
    }
    .HKA_copyrightWRAP .module-container > .main.row{
        padding: 10px calc(50% - 600px);
    }
}
@media (max-width:767px) {
    .HKA_footerWRAP .module-container .main.row{
        padding: 2rem 15px 0rem;
    }
    .HKA_sidebar .module-wrapper .actGotop{
        bottom: 150px;
        right: 5px;
    }
    .HKA_contact .btn-container .function-row .row-content {
        margin-top: 0px;
        margin-bottom: 2rem;
    }
    .HKA_payment{
        margin-bottom: 2rem;
    }
    .HKA_payment .function-row li a img{
        width: 100% !important;
    }
    .HKA_payment .function-row li:nth-child(1) a img{
        height: 30px;
    }
    .HKA_payment .function-row li:nth-child(2) a img{
        height: 40px;
    }
    .HKA_copyrightL p, .HKA_copyrightR p{
        text-align: center !important;
    }
}

/*index*/
.HKA_slider .bs-carousel, 
.HKA_slider .bs-carousel .carousel-inner{
    height: 100vh;
}
.HKA_slider .bs-carousel .carousel-indicators{
    bottom: 120px;
    margin-bottom: 0;
}
.HKA_slider .bs-carousel .carousel-indicators li{
    border: none;
    border-radius: 50px;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    background: rgba(67, 67, 67);
    opacity: .4;
}
.HKA_slider .bs-carousel .carousel-indicators li.active{
    opacity: 1;
    background: #fff;
}
.HKA_slider .bs-carousel .carousel-inner .carousel-item{
    position: relative;
    height: 100vh;
}
.HKA_slider .bs-carousel .carousel-inner .carousel-item::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 200px;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 2;
}
.HKA_slider .bs-carousel .carousel-inner .carousel-item picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.HKA_slider .carousel-control-next, 
.HKA_slider .carousel-control-prev{
    width: 120px;
    opacity: 1;
}
.HKA_slider .carousel-control-next-icon, 
.HKA_slider .carousel-control-prev-icon{
    width: 56px;
    height: 56px;
    border-radius: 50px;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
}
.HKA_slider .carousel-control-next-icon::before, 
.HKA_slider .carousel-control-prev-icon::before{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: calc(50% - 8px);
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));
}
.HKA_slider .carousel-control-next-icon::before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    left: 17px;
}
.HKA_slider .carousel-control-prev-icon::before{
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
    left: 22px;
}
@media (max-width:767px) {
    .HKA_slider{
        margin-top: 60px;
    }
    .HKA_slider .bs-carousel, 
    .HKA_slider .bs-carousel .carousel-inner, 
    .HKA_slider .bs-carousel .carousel-inner .carousel-item{
        height: auto;
    }
    .HKA_slider .bs-carousel .carousel-indicators{
        bottom: 35px;
    }
    .HKA_slider .bs-carousel .carousel-inner .carousel-item::before{
        display: none;
    }
    .HKA_slider .carousel-control-next, 
    .HKA_slider .carousel-control-prev{
        width: 80px;
    }
    .HKA_slider .carousel-control-next-icon, 
    .HKA_slider .carousel-control-prev-icon{
        width: 40px;
        height: 40px;
    }
    .HKA_slider .carousel-control-next-icon::before, 
    .HKA_slider .carousel-control-prev-icon::before{
        width: 12px;
        height: 12px;
    }
    .HKA_slider .carousel-control-prev-icon::before{
        left: 16px;
        top: 14px;
    }
    .HKA_slider .carousel-control-next-icon::before{
        left: 11px;
        top: 14px;
    }
}

.HKA_searchWRAP {
    margin-top: -77px;
    z-index: 1;
    margin-bottom: -77px;
}
.HKA_search .search-box::before {
    content: '';
    display: block;
    background: linear-gradient(90deg, #e01c43, #af368c);
    border-radius: 20px;
    opacity: .2;
    position: absolute;
    left: 0;
    top: 3px;
    right: 0;
    bottom: -3px;
    z-index: 0;
}
.HKA_search .product-search{
    border-radius: 20px;
    padding-top: 30px !important;
    border: none;
    position: relative;
}
.HKA_search .product-search form > div{
    padding: 0 0.5rem !important;
}
.HKA_search .product-search form > div label{
    font-size: 18px;
    margin-bottom: 1rem !important;
}
.HKA_search .product-search form .search_subCategory label{
    margin-bottom: 14px !important;
}
.HKA_search .product-search form > div select, 
.HKA_search .product-search form > div input{
    height: 45px;
    border-radius: 10px;
}
.HKA_search .product-search form > div:nth-last-child(4){
    max-width: 33.3333%;
    flex: 0 0 33.333%;
}
.HKA_search .product-search form .search_combine, 
.HKA_search .product-search form .search_Space{
    order: 1;
}
.HKA_search .product-search form .search-btn{
    max-width: 16.6666%;
    flex: 0 0 16.6666%;
}
.HKA_search .product-search form .search-btn button.l_benPrimary{
    width: 100%;
    height: 45px;
    border-radius: 10px;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 500;
    background: linear-gradient(90deg, #e01c43, #af368c);
}
.HKA_search .product-search form .search-btn button.l_benSecondary{
    display: none;
}
@media (max-width:1440px) {
    .HKA_searchWRAP{
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}
@media (max-width:1280px) {
    .HKA_searchWRAP{
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
}
@media (max-width:991px) {
    .HKA_searchWRAP {
        flex: 0 0 calc(100% - 40px);
        max-width: calc(100% - 40px);
        margin-bottom: -126px;
    }
    .HKA_search .product-search form{
        justify-content: center;
    }
    .HKA_search .product-search form .search_combine, 
    .HKA_search .product-search form .search_Space{
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 3px !important;
    }
}
@media (max-width:767px) {
    .HKA_searchWRAP{
        max-width: calc(100% - 30px);
        flex: 0 0 calc(100% - 30px);
        margin-top: -20px;
        margin-bottom: -305px;
    }
    .HKA_search .product-search{
        padding-top: 20px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .HKA_search .product-search form > div label{
        font-size: 17px;
        margin-bottom: 10px !important;
    }
    .HKA_search .product-search form > div select, 
    .HKA_search .product-search form > div input {
        height: 40px;
        border-radius: 8px;
    }
    .HKA_search .product-search form .search_subCategory label{
        display: none;
    }
    .HKA_search .product-search form > div:nth-last-child(4) {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .HKA_search .product-search form .search-btn {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.HKA_featuredWRAP .module-container > .main.row{
    padding-top: 150px;
    padding-bottom: 80px;
}
.HKA_featuredWRAP .module-container > .main.row::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30%;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.HKA_title section.text-link h2{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.HKA_title section.text-link h2::before{
    content: '';
    display: block;
    width: 55px;
    height: 2px;
    background: linear-gradient(90deg, #e01c43, #af368c);
    position: absolute;
    bottom: 0;
    left: calc(50% - 27px);
}
.HKA_title div.link-list{
    background: none;
    min-height: auto;
}
@media (max-width:767px) {
    .HKA_title section.text-link h2{
        font-size: 24px !important;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
}

.HKA_idxslider .swiper-container{
    padding: 0 30px;
}
.HKA_idxslider .swiper-slide-style{
    box-shadow: none;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    transition: .3s;
}
.HKA_idxslider .swiper-slide-style:hover{
    margin-top: 15px;
}
.HKA_idxslider .swiper-slide .swiper-img{
    overflow: hidden;
    aspect-ratio: 4 / 3;
}
.HKA_idxslider .swiper-slide .swiper-img img{
    border-radius: 0;
    transform: scale(1);
    transition: .3s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}
.HKA_idxslider .swiper-slide:hover .swiper-img img{
    transform: scale(1.08);
    transition: .3s;
}
.HKA_idxslider .swiper-slide .swiper-title{
    text-align: left;
    font-size: 20px;
    color: #000;
    letter-spacing: 0.5px;
    line-height: 1.4;
    padding: 0 20px;
}
.HKA_idxslider .swiper-slide .swiper-content{
    overflow: unset;
    padding: 0 20px;
    -webkit-line-clamp: none;
    letter-spacing: 0.5px;
    text-align: left;
    color: #333;
    font-weight: 300;
    line-height: 1.5;
    font-size: 16px;
}
.HKA_idxslider .swiper-slide .swiper-content h5{
    color: #e01c43;
    margin-top: 10px;
    text-align: right;
    font-size: 24px;
    margin-bottom: 0;
    letter-spacing: 0;
}
.HKA_idxslider .swiper-slide .swiper-content h5 span{
    font-size: 16px;
    letter-spacing: 0;
    font-weight: normal;
    margin-right: 5px;
}
.HKA_idxslider.featured .swiper-button-prev, 
.HKA_idxslider.featured .swiper-button-next{
    width: 56px;
    height: 56px;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    opacity: 1;
}
.HKA_idxslider.featured .swiper-button-prev::after, 
.HKA_idxslider.featured .swiper-button-next::after{
    background: none;
    padding: 0;
    font-size: 0;
    width: 15px;
    height: 15px;
}
.HKA_idxslider.featured .swiper-button-prev{
    left: 0;
    padding-left: 6px;
}
.HKA_idxslider.featured .swiper-button-prev::after{
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(-45deg);
}
.HKA_idxslider.featured .swiper-button-next{
    right: 0;
    padding-right: 6px;
}
.HKA_idxslider.featured .swiper-button-next::after{
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
}
.HKA_idxslider.featured .swiper-button-prev:hover::after, 
.HKA_idxslider.featured .swiper-button-next:hover::after{
    border-color: #e01c43;
}
@media (max-width:1440px) {
    .HKA_idxslider.featured {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}
@media (max-width:1280px) {
    .HKA_idxslider.featured {
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
}
@media (max-width:991px) {
    .HKA_idxslider.featured {
        flex: 0 0 calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
    .HKA_featuredWRAP .module-container > .main.row{
        padding-top: 200px;
    }
}
@media (max-width:767px) {
    .HKA_featuredWRAP .module-container > .main.row{
        padding-top: 350px;
        padding-bottom: 50px;
    }
    .HKA_idxslider .swiper-container{
        padding: 0 20px;
    }
    .HKA_idxslider.featured {
        flex: 0 0 calc(100%);
        max-width: calc(100%);
    }
    .HKA_idxslider.featured .swiper-button-prev, 
    .HKA_idxslider.featured .swiper-button-next{
        width: 40px;
        height: 40px;
    }
    .HKA_idxslider.featured .swiper-button-prev::after, 
    .HKA_idxslider.featured .swiper-button-next::after{
        width: 12px;
        height: 12px;
    }
}

.HKA_brand{
    margin-top: 1.5rem;
}
.HKA_brand .module-container .main > div:nth-last-child(1){
    height: 75vh;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav > div{
    background: none;
    width: 75%;
    margin: auto;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav > div > div{
    width: 80%;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li{
    width: 25%;
    margin: 2rem 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a{
    width: 200px;
    height: 200px;
    border-radius: 200px;
    background: linear-gradient(90deg, #e01c43, #af368c);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 20px;
    position: relative;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a::before{
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: #fff;
    border-radius: 200px;
    transition: .2s;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li.other-items-style a{
    opacity: .35;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a:hover::before{
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    transition: .2s;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a h3{
    position: relative;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a img{
    max-width: 100%;
    position: relative;
}
.HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a p{
    text-align: center;
    margin: 20px 0 -5px;
    letter-spacing: 0.5px;
    color: #333;
    font-size: 18px;
    position: relative;
}
@media (max-width:1440px) {
    .HKA_brand .module-container .main > div:nth-last-child(1) > nav > div > div{
        width: 100%;
    }
}
@media (max-width:1024px) {
    .HKA_brand .module-container .main > div:nth-last-child(1) > nav > div{
        width: 95%;
    }
}
@media (max-width:767px) {
    .HKA_brand .module-container .main > div:nth-last-child(1){
        min-height: 100vh;
        height: auto;
        padding: 1.5rem 0;
    }
    .HKA_brand .module-container .main > div:nth-last-child(1) > nav > div{
        width: 100%;
    }
    .HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li{
        width: 50%;
        margin: 1rem 0;
        padding: 0 1rem;
    }
    .HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a{
        width: 150px;
        height: 150px;
        padding: 15px;
    }
    .HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a img{
        max-width: 80%;
    }
    .HKA_brand .module-container .main > div:nth-last-child(1) > nav ul.pull-right li a p{
        margin: 15px 0 -5px;
        letter-spacing: 0;
        font-size: 15px;
    }
}

.HKA_newWRAP{
    margin: 50px 0;
}
.HKA_newtitle .module-container, 
.HKA_newtitle .module-container .main, 
.HKA_newtitle .module-container .main > div:nth-last-child(1){
    height: 100%;
}
.HKA_newtitle .module-container .main .bgfixed {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}
.HKA_newtitle .module-container .main .bgfixed section{
    padding-left: 30%;
}
.HKA_newtitle .module-container .main .bgfixed section h2{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 0;
    font-size: 32px;
    color: #010101;
}
.HKA_newtitle .module-container .main .bgfixed section h2::before{
    content: '';
    display: block;
    width: 55px;
    height: 2px;
    background: linear-gradient(90deg, #e01c43, #af368c);
    position: absolute;
    bottom: 0;
    left: 0;
}
.HKA_idxslider.new{
    margin-left: -8.3333%;
}
.HKA_idxslider.new .swiper-slide-style{
    margin-top: 65px;
    margin-bottom: 85px;
}
.HKA_idxslider.new .swiper-slide-style:hover{
    margin-top: 50px;
}
.HKA_idxslider.new .swiper-button-prev, 
.HKA_idxslider.new .swiper-button-next{
    width: 56px;
    height: 56px;
    border-radius: 50px;
    opacity: 1;
    background: rgba(0, 0, 0, 0.25);
    top: unset;
    bottom: 0;
    transition: .2s;
}
.HKA_idxslider.new .swiper-button-prev:hover, 
.HKA_idxslider.new .swiper-button-next:hover{
    background: rgba(0, 0, 0, 0.4);
    transition: .2s;
}
.HKA_idxslider.new .swiper-button-prev{
    left: unset;
    right: 120px;
    padding-left: 7px;
}
.HKA_idxslider.new .swiper-button-next{
    right: 30px;
    padding-right: 7px;
}
.HKA_idxslider.new .swiper-button-prev::after, 
.HKA_idxslider.new .swiper-button-next::after{
    background: none;
    font-size: 0;
    width: 15px;
    height: 15px;
    padding: 0;
}
.HKA_idxslider.new .swiper-button-prev::after{
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(-45deg);
}
.HKA_idxslider.new .swiper-button-next::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
}
@media (max-width:1280px) {
    .HKA_newtitle .module-container .main .bgfixed section{
        padding-left: 20%;
    }
}
@media (max-width:991px) {
    .HKA_newWRAP{
        margin-top: 0;
    }
    .HKA_newtitle .module-container .main .bgfixed{
        border-top-right-radius: 0;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
    }
    .HKA_newtitle .module-container .main .bgfixed section{
        padding: 3rem 0 5rem;
    }
    .HKA_newtitle .module-container .main .bgfixed section h2{
        text-align: center;
    }
    .HKA_newtitle .module-container .main .bgfixed section h2::before{
        left: calc(50% - 27px);
    }
    .HKA_idxslider.new{
        margin-left: auto;
        margin-right: auto;
        margin-top: -3rem;
    }
    .HKA_idxslider.new .swiper-slide-style{
        margin-top: 15px;
        margin-bottom: 80px;
    }
    .HKA_idxslider.new .swiper-slide-style:hover {
        margin-top: 0;
    }
    .HKA_idxslider.new .swiper-button-prev, 
    .HKA_idxslider.new .swiper-button-next{
        width: 40px;
        height: 40px;
    }
    .HKA_idxslider.new .swiper-button-next{
        right: calc(50% - 55px);
    }
    .HKA_idxslider.new .swiper-button-prev{
        right: unset;
        left: calc(50% - 55px);
    }
    .HKA_idxslider.new .swiper-button-prev::after, 
    .HKA_idxslider.new .swiper-button-next::after{
        height: 12px;
        width: 12px;
    }    
}
@media (max-width:767px) {
    .HKA_newtitle .module-container .main .bgfixed section h2{
        font-size: 24px;
        padding-bottom: 15px;
    }
}

/*other pages*/
.page_title {
    margin-bottom: 50px;
}
.page_title div.link-list{
    background: none;
    min-height: auto;
}
.page_title div.link-list ul{
    text-align: center;
}
.page_title div.link-list ul li a, 
.page_title div.link-list ul li span{
    padding: 0;
    letter-spacing: 0.5px;
}
.page_title div.link-list ul li a i, 
.page_title div.link-list ul li span i{
    float: left;
}
.page_infobox {
    background: #fff;
    padding: 40px 70px;
    border-radius: 40px;
}
.page_infobox ul{
    padding-left: 1.5rem;
}
@media (max-width:991px) {
    .page_title {
        margin-bottom: 30px;
    }
    .page_title section.text-link h2{
        font-size: 28px !important;
    }
    .page_title div.link-list ul li a, 
    .page_title div.link-list ul li span{
        font-size: 18px !important;
    }
    .page_infobox{
        max-width: calc(100% - 30px);
        padding: 25px 40px 25px 45px;
    }
}
@media (max-width:767px) {
    .page_WRAP .module-container > .main.row{
        padding-top: 110px;
        padding-bottom: 30px;
    }
}

/*member*/
.new_bg .header, 
.non_member .header, 
.member_home .header, 
.D_member_my_index .header{background: linear-gradient(90deg,#e01c43,#af368c);}
.new_bg .member-l_box{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
body.new_bg {background-color: #f7f7f8; background-image: unset;}
.new_bg .card-border{border-color: transparent; box-shadow: 0 0 5px rgba(35, 24, 21, 0.1);}
.new_bg .card-border .text-muted a.btn-outline-primary{color: #e01c43; border-color: #e01c43;}
.new_bg .card-border .text-muted a.btn-outline-primary:hover{color: #fff;background-color: #e01c43;}
.new_bg .card-border form > div.text-right a.blue-txt2{color: #af368c;}
.new_bg .card-border form button.l_benPrimary{background: #af368c;transition: .2s;}
.new_bg .card-border form button.l_benPrimary:hover{background: #e01c43;transition: .2s;}
.new_bg .card-border form .member-l_note .note_box a{color: #af368c;}
.new_bg .card-border form > div:nth-last-child(1) a{color: #e01c43;}
.new_bg .card-border input.form-control:focus, .new_bg .card-border input:focus{border-color: #e01c43;}
.new_bg .card-border.Verification-EM_wrap .EM-info{background: #f3f3f4; color: #e01c43;}
.new_bg .card-border form > div.align-items-end a{color: #e01c43;}
.D_member_my_login .signin_box > div:nth-child(1){display: none !important;}
.member_home .signin_width{margin-top: 200px;margin-bottom: 150px;}
.new_bg .width-460,
.member_home .width-460{margin-top: 180px;margin-bottom: 100px;}
.member_home .container.member_width{margin-top: 80px;}
.member_home.D_member_my_favorites .FavoriteList-null img{margin: auto;}
.member_home .member_width{margin-bottom: 50px;}
/*直客登入畫面調整*/
.D_member_my_login > .web-page-frame > .row:nth-child(2) .signin_box > form:nth-child(2) > div:nth-last-child(3){
    line-height: 1;
    width: auto;
    display: table;
    position: absolute;
    bottom: 30px;
    right: 30px;
}
/*同業登入畫面調整*/
/*.D_member_sign_signin > .web-page-frame > .row:nth-child(2) .signin_box > form > div:nth-last-child(1) > div:nth-last-child(1){line-height: 1;}*/

@media (max-width:991px) {
}
@media (max-width:767px) {
    .new_bg .width-460, 
    .member_home .signin_width, 
    .member_home .width-460{margin-top: 80px; margin-bottom: 50px;}
    .member_home .container.member_width{margin-top: 60px;margin-bottom: 0;}
}

/*通用商品*/
.general_home .header, 
.D_commprod_product_list .header, 
.D_commprod_product_show .header{background: linear-gradient(90deg,#e01c43,#af368c);}
.D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container{margin-top: 70px;margin-bottom: 30px;min-height: 45vh;}
.D_commprod_product_list .skin_block .product-item:hover{border-color: #af368c;box-shadow: none;}
.D_commprod_product_list .skin_block .item-images img{width: 100%; object-fit: cover; object-position: center center; height: 100%; display: block;}
.D_commprod_product_list .skin_block .product-item .item-price .total small{display: none;}
.D_commprod_product_list .skin_module .product-item .item-images{aspect-ratio: 3 / 2; display: block; height: unset;}
.D_commprod_product_list .skin_module .item-images img{object-fit: cover; object-position: center center; height: 100%;}
.D_commprod_product_list .skin_module .item-images .area-tag{display: none;}
.D_commprod_product_list .skin_module .item-price .total small{display: none;}
.D_commprod_product_list .product-search .search-btn button.l_benPrimary{background: #af368c;}
.D_commprod_product_list .pagination .page-item.active .page-link{color: #e01c43;}
.D_commprod_product_list .pagination .page-item .page-link:hover{background-color: #f3e7e3;}
.D_commprod_product_list a .product-item .item-name{font-size: 18px;color: #212121;}
.D_commprod_product_list a:hover .product-item .item-name{color: #af368c;}
.D_commprod_product_list .skin_list a .product-item .area-tag, 
.D_commprod_product_list .skin_list a:hover .product-item .area-tag, 
.D_commprod_product_list .skin_list a .product-item .item-sort, 
.D_commprod_product_list .skin_list a:hover .product-item .item-sort{color: #e01c43;}
.D_commprod_product_list .skin_list .item-price .total small{display: none;}
.D_commprod_product_list .skin_block .item-images .area-tag{display: none;}
.D_commprod_buycart_index .top_wrap{background: #d2171d;}
.D_commprod_buycart_index .top_logo img{content: url(https://materials.fillo.com.tw/materials/rishentour/images/0036f2ed-f1fd-4699-924d-4d2abccef05c.svg);}
.product-details.D_commprod_product_show .web-page-frame > .row:nth-child(2){padding-top: 80px;}
.product-details .swiper-banner.swiper-container{margin-top:0px;}
.product-details article:nth-last-child(1){margin-bottom: 200px;}
.product-details .basic-NonPreOrder .AddCart{color: #af368c; border-color: #af368c;}
.product-details .basic-NonPreOrder .AddCart:hover{background: #fff9f0;}
.product-details .basic-NonPreOrder .OrderNow{background-color: #af368c;}
.product-details .SelectDateItem_content .accordion .card .card-header .SelectDateItem_txt button{color: #af368c; border-color: #af368c;}
.product-details .SelectDateItem_content .accordion .card .card-header .SelectDateItem_txt button:hover{background: #fff9f0;border-color: transparent;}
.product-details .SelectDateItem_content .accordion .card.open button.btn-link { border-color: #707070; color: #707070;background: none;}
.product-details .SelectDateItem_content .accordion .card.open {border: 2px solid #e01c43;}
.product-details .specification-list .select-num .minus-circle, 
.product-details .specification-list .select-num .plus-circle{background: #af368c;}
.product-details article h3.ItineraryTitle {color: #212121;}
.product-details article .parent .left, 
.product-details article .parent .right{border-color: #E3D3BC;}
.product-details .swiper-banner.swiper-container{/*margin-top:86px;display: none;*/}
.product-details.product-detailsNew article{margin-top: 1rem; margin-bottom: 2rem;}
.product-details.product-detailsNew article#DtailBasic .basic-left .basic-information{margin-bottom: 2rem;}
.product-details.product-detailsNew .basic-right .fill-order .products-price span.default{display: none;}
.general_home .general_order_width{margin-top: 120px;margin-bottom: 130px;}
.general_home .ystep-lg li{display: flex; flex-wrap: wrap; align-items: center;}
.general_home .ystep-container .descriptionHeader{width: calc(100% - 50px);line-height: 1.5;}
@media (min-width:992px) {
    .product-details .SubInside{width: 100px;}
    .product-details .SubInside-menu-item > a{height: 50px;}
    .product-details .SubInside-menu-item.share-fixed-btn ul a{width: 50px;}
    .product-details .Trip-menu{padding: 10px;margin-bottom: 100px;}
    .general_home .basic_message, 
    .general_home .purchase_name{width: 60%;}
}
@media (max-width:767px) {
    .D_commprod_product_list > .web-page-frame > .row:nth-child(2){padding-top: 2rem;}
    .D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container{margin-top: 0px;margin-bottom: 20px;}
    .D_commprod_product_list > .web-page-frame > .row:nth-child(2) .row > .container .pagination-container .pagination{justify-content: center !important;}
    .product-details .swiper-banner.swiper-container {margin-top: 65px;}
    .product-details.D_commprod_product_show{padding-bottom: 40px;}
    .product-details.product-detailsNew article{margin-top: 10px;}
    .product-details .SubInside .SubInside-price{flex-wrap: wrap;}
    .product-details .SubInside .SubInside-price .SubInside-price-item{width: 100%; margin-bottom: 8px; justify-content: end !important; letter-spacing: 1px;}
    .product-details .SubInside .SubInside-price .SubInside-price-item strong{font-size: 24px; line-height: 30px;}
    .product-details .SubInside .SubInside-price .SubInside-price-item span.default{display: none;}
    .product-details .SubInside .SubInside-price a.AddCart {font-size: 16px; width: calc(50% - 15px); padding: 4px 10px;}
    .product-details .SubInside .SubInside-price a.OrderNow {font-size: 16px; width: calc(50%); padding: 6px 10px;}
    .general_home .general_order_width {margin-top: 100px;}
    .basic_message, .purchase_name{padding-right: 15px;}
    .D_commprod_buycart_index .unit_price, 
    .D_commprod_buycart_index .purchase_unit_price{width: 100%; padding: 15px 15px 5px; font-size: 14px; text-align: left !important;}
    .D_commprod_buycart_index .quantity, 
    .D_commprod_buycart_index .purchase_quantity{width: 100%; padding: 0 15px; text-align: left !important;}
    .D_commprod_buycart_index .subtotal, 
    .D_commprod_buycart_index .purchase_subtotal { width: 80%; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; text-align: left !important;}
    .D_commprod_buycart_index .delete_btn, 
    .D_commprod_buycart_index .purchase_delete_btn {width: 20%; padding-right: 10px; }
    .D_commprod_buycart_index .delete_btn::before, 
    .D_commprod_buycart_index .purchase_delete_btn::before{float: left;}
    .D_commprod_buycart_index .basic_message, 
    .D_commprod_buycart_index .purchase_name{width: 100%;}
}