/* Shared support banner and responsive support cards. */
#banner_bg { background: none; }
#support-banner { max-width: none; width: 100%; box-sizing: border-box; background: url(/support/images/v8/supportbg.jpg) center center / cover no-repeat; }
#support-banner .serviceTitle { margin: 45px 16px 0; font-weight: normal; line-height: 1.4; }
#support-banner .serviceSubtitle { margin-top: 8px; font-size: 18px; color: #666; }
#support-banner #support_search { max-width: 860px; }
#support-banner:not(.support-sub-banner) #support_search { margin-top: 25px; }
#support-banner.support-sub-banner { display: flex; align-items: center; justify-content: center; gap: 36px; padding: 20px; }
#support-banner.support-sub-banner .tImg { float: none; margin: 0; max-width: 25%; height: auto; }
#support-banner.support-sub-banner #support_search { float: none; margin: 0; width: 840px; }
#support_search form { display: flex; }
#support_search .formstyle { min-width: 0; width: auto; flex: 1; }
#support_search .btns { flex: 0 0 120px; cursor: pointer; }
.support-heading { display: inline; font-size: inherit; font-weight: normal; }
#support_business > ul { display: flex; width: 100%; }
#support_business > ul > li { float: none; box-sizing: border-box; width: 20%; flex: 0 0 20%; }
#support_business > ul > li.services { width: 20%; }
#support_business .nicebox-ai .Bico { background: #F96666; display: flex; align-items: center; justify-content: center; }
#support_business .nicebox-ai .Bico img { display: block; width: 96px; height: 96px; object-fit: contain; }
#support_business .Bname { line-height: 1.5; }
#proDetail .catelist { width: 100%; }
#proDetail .catelist li { float: none; width: 125px; margin: 0 auto 8px; }
#proDetail .catelist a { color: #fff; display: block; font-size: 12px; text-decoration: none; }
#proDetail .catelist a:hover, #proDetail .catelist a:focus { background: rgba(255,255,255,.18); }
#proDetail .qList ul { width: 100%; }
#proDetail .qList li { box-sizing: border-box; float: none; width: calc(100% - 36px); margin: 0 18px; }
#proDetail .qList li a { width: 100%; }
#orders .oTitle { text-align: left; }
.supportLink .linkList { max-width: 1182px; width: 100%; }
.supportLink .linkList ul { width: calc(100% - 142px); }
@media (max-width: 767px) {
    #support-banner { height: 260px; }
    #support-banner .serviceTitle { font-size: 28px; margin-top: 32px; }
    #support-banner .serviceSubtitle { font-size: 16px; }
    #support-banner #support_search { width: 94%; }
    #support_search .btns { flex-basis: 90px; }
    #hotKeyword { text-align: left; line-height: 24px; }
    #support-banner.support-sub-banner { height: auto; min-height: 190px; display: block; padding: 20px 3%; }
    #support-banner.support-sub-banner .tImg { max-width: 155px; max-height: 54px; margin: 0 auto 16px; display: block; }
    #support-banner.support-sub-banner #support_search { width: 100%; }
    .supportLink { height: auto; padding: 10px 3%; box-sizing: border-box; margin-bottom: 20px; }
    .supportLink .linkList strong { float: none; width: auto; line-height: 30px; display: block; }
    .supportLink .linkList ul { width: 100%; float: none; display: flex; flex-wrap: wrap; }
    .supportLink .linkList li { line-height: 30px; background: none; padding-left: 0; margin-right: 18px; }
    #support_business { overflow: visible; }
    #support_business > ul { flex-wrap: wrap; }
    #support_business > ul > li { width: 50%; flex-basis: 50%; }
    #support_business > ul > li.services { width: 100%; flex-basis: 100%; height: auto; padding-bottom: 30px; }
    #support_business .services .Bico { margin: 30px auto; }
    #support_business .Bdetail { padding: 0 14px; }
    #sbox #sbox_left { float: none; width: 100%; margin: 0 0 16px; }
    #sbox #sbox_left #leftBar { max-height: 180px; overflow-y: auto; }
    #sbox #sbox_left #leftBar li { display: inline-block; border: 0; }
    #sbox #sbox_left #leftBar li a { padding: 0 12px; font-size: 14px; }
    #sbox #sbox_right { margin-left: 0; }
    #sbox .v8Padding { padding: 20px 14px; }
    #sbox .sbox_t { font-size: 20px; line-height: 1.6; }
    #help-contact { float: none !important; }
    #Detail img { max-width: 100%; height: auto; }
    #orders #orderDiv { display: flex; flex-wrap: wrap; }
    #orders .boxDiv { width: 50%; margin: 0 0 20px; box-sizing: border-box; }
}