#sectionCart_List .container { max-width: 700px; }
#sectionCart_List .container .box-title { display: flex; justify-content: space-between; }
#sectionCart_List .container .box-body .list .block { position: relative; display: flex; padding: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 0; }
#sectionCart_List .container .box-body .list .block:last-of-type { margin-bottom: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 1px; }
#sectionCart_List .container .box-body .list .block .left { margin-bottom: 0.5rem; }
#sectionCart_List .container .box-body .list .block .left .thumb { max-width: 60px; background: no-repeat center / cover; cursor: pointer; transition: all 0.4s; }
#sectionCart_List .container .box-body .list .block .left .thumb:hover { opacity: 0.8; }
#sectionCart_List .container .box-body .list .block .right { flex: auto; padding-left: 1rem; }
#sectionCart_List .container .box-body .list .block .right .text .title { font-size: 1.25rem; font-weight: 500; cursor: pointer; transition: all 0.4s; }
#sectionCart_List .container .box-body .list .block .right .text .title:hover { color: var(--color-text-light); }
#sectionCart_List .container .box-body .list .block .right .text .option { margin-bottom: 1rem; color: var(--color-text-light); }
#sectionCart_List .container .box-body .list .block .right .text .option p { margin-bottom: 0; }
#sectionCart_List .container .box-body .list .block .right .price { margin-bottom: 0; }
#sectionCart_List .container .box-body .list .block .deleteone { position: absolute; top: 1rem; right: 1rem; }
#sectionCart_List .container .box-body .totalprice {  text-align: center; }
#sectionCart_List .container .box-body .totalprice .text { font-size: 1.25rem; font-weight: 500; }
#sectionCart_List .container .box-body .totalprice .num { margin-left: 0.5rem; color: var(--color-main); font-size: 1.7rem; font-weight: 700; }
/*sm*/ @media (max-width: 575px) {
    #sectionCart_List .container .box-body .list .block { flex-direction: column; }
    #sectionCart_List .container .box-body .list .block .right { padding-left: 0; }
}

#sectionCart_Input .container { max-width: 700px; }
#sectionCart_Input .container textarea { height: 200px; }

#sectionCart_Agree .container { max-width: 700px; }
#sectionCart_Agree .container .tab-content { margin-bottom: 1rem; }
#sectionCart_Agree .container .tab-content .tab-pane { height: 150px; padding: 0.5rem; overflow: auto; border: 1px solid #dee2e6; border-top: 0;  }
#sectionCart_Agree .container .form-check { text-align: right; cursor: pointer; }
#sectionCart_Agree .container .form-check > * { cursor: pointer; }
#sectionCart_Agree .container .form-check .form-check-input { float: none; margin-left: 0; margin-right: 0.25rem; }
/*sm*/ @media (max-width: 575px) {
    #sectionCart_Agree .container .nav-tabs .nav-item .nav-link { padding: 0.5rem; }
}

#sectionCart_Button .container { max-width: 700px; }
#sectionCart_Button .container button { width: 100%; padding: 1rem 1.5rem; }






#sectionDirect_List .container { max-width: 700px; }
#sectionDirect_List .container .box-title { display: flex; justify-content: space-between; }
#sectionDirect_List .container .box-body .list .block { position: relative; display: flex; padding: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 0; }
#sectionDirect_List .container .box-body .list .block:last-of-type { margin-bottom: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 1px; }
#sectionDirect_List .container .box-body .list .block .left { margin-bottom: 0.5rem; }
#sectionDirect_List .container .box-body .list .block .left .thumb { max-width: 60px; background: no-repeat center / cover; cursor: pointer; transition: all 0.4s; }
#sectionDirect_List .container .box-body .list .block .left .thumb:hover { opacity: 0.8; transform: translateY(-5px); }
#sectionDirect_List .container .box-body .list .block .right { flex: auto; padding-left: 1rem; }
#sectionDirect_List .container .box-body .list .block .right .text .title { font-size: 1.25rem; font-weight: 500; cursor: pointer; transition: all 0.4s; }
#sectionDirect_List .container .box-body .list .block .right .text .title:hover { color: var(--color-text-light); }
#sectionDirect_List .container .box-body .list .block .right .text .option { margin-bottom: 1rem; color: var(--color-text-light); }
#sectionDirect_List .container .box-body .list .block .right .text .option p { margin-bottom: 0; }
#sectionDirect_List .container .box-body .list .block .right .price { margin-bottom: 0; }
#sectionDirect_List .container .box-body .totalprice {  text-align: center; }
#sectionDirect_List .container .box-body .totalprice .text { font-size: 1.25rem; font-weight: 500; }
#sectionDirect_List .container .box-body .totalprice .num { margin-left: 0.5rem; color: var(--color-main); font-size: 1.7rem; font-weight: 700; }
/*sm*/ @media (max-width: 575px) {
    #sectionDirect_List .container .box-body .list .block { flex-direction: column; }
    #sectionDirect_List .container .box-body .list .block .right { padding-left: 0; }
}

#sectionDirect_Input .container { max-width: 700px; }
#sectionDirect_Input .container textarea { height: 200px; }

#sectionDirect_Agree .container { max-width: 700px; }
#sectionDirect_Agree .container .tab-content { margin-bottom: 1rem; }
#sectionDirect_Agree .container .tab-content .tab-pane { height: 150px; padding: 0.5rem; overflow: auto; border: 1px solid #dee2e6; border-top: 0;  }
#sectionDirect_Agree .container .form-check { text-align: right; cursor: pointer; }
#sectionDirect_Agree .container .form-check > * { cursor: pointer; }
#sectionDirect_Agree .container .form-check .form-check-input { float: none; margin-left: 0; margin-right: 0.25rem; }
/*sm*/ @media (max-width: 575px) {
    #sectionDirect_Agree .container .nav-tabs .nav-item .nav-link { padding: 0.5rem; }
}

#sectionDirect_Button .container { max-width: 700px; }
#sectionDirect_Button .container button { width: 100%; padding: 1rem 1.5rem; }







#sectionComplete_Result { font-size: 1.25rem; }
#sectionComplete_Result .container { max-width: 500px; }
#sectionComplete_Result .container .box .box-body { padding-top: 2rem; padding-bottom: 2rem; text-align: center; font-weight: 500; }
#sectionComplete_Result .container .box .box-body p:last-child { margin-bottom: 0; }
#sectionComplete_Result .container .box .box-body .num { color: var(--color-main); font-size: 1.25rem; }

#sectionComplete_Payment { font-size: 1.25rem; }
#sectionComplete_Payment .container { max-width: 500px; }
#sectionComplete_Payment .container .box .box-body .line { display: flex; justify-content: space-between; margin-bottom: 0.5rem; }
#sectionComplete_Payment .container .box .box-body .line .title {}
#sectionComplete_Payment .container .box .box-body .line .value { text-align: right; }
#sectionComplete_Payment .container .box .box-body .line .value p { margin-bottom: 0; }
#sectionComplete_Payment .container .box .box-body .line .price { font-size: 1.7rem; font-weight: 700; color: var(--color-main); }
#sectionComplete_Payment .container .box .box-body .line .name { font-size: 1rem; color: var(--color-text-light); }

#sectionComplete_HomeButton .container { max-width: 500px; }
#sectionComplete_HomeButton .container button { width: 100%; padding: 1rem 1.5rem; }




#sectionAnonymousOrderView_View .container { max-width: 700px; }
#sectionAnonymousOrderView_View .listinfo { margin-bottom: 1rem; }
#sectionAnonymousOrderView_View .listinfo .line { display: flex; margin-bottom: 0.25rem; }
#sectionAnonymousOrderView_View .listinfo .line .header { width: 80px; font-weight: 500; }
#sectionAnonymousOrderView_View .listinfo .line .header .badge { font-size: 0.9rem; font-weight: 500; }
#sectionAnonymousOrderView_View .listinfo .line .value { flex: 1; }
#sectionAnonymousOrderView_View .list .block { display: flex; padding: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 0; }
#sectionAnonymousOrderView_View .list .block:last-of-type { margin-bottom: 1rem; border: 1px solid var(--color-gray-light); border-bottom-width: 1px; }
#sectionAnonymousOrderView_View .list .block .left { margin-bottom: 0.5rem; }
#sectionAnonymousOrderView_View .list .block .left .thumb { max-width: 60px; background: no-repeat center / cover; cursor: pointer; transition: all 0.4s; }
#sectionAnonymousOrderView_View .list .block .left .thumb:hover { opacity: 0.8; }
#sectionAnonymousOrderView_View .list .block .right { padding-left: 1rem; }
#sectionAnonymousOrderView_View .list .block .right .text .title { font-size: 1.25rem; font-weight: 500; cursor: pointer; transition: all 0.4s; }
#sectionAnonymousOrderView_View .list .block .right .text .title:hover { color: var(--color-text-light); }
#sectionAnonymousOrderView_View .list .block .right .text .option { margin-bottom: 1rem; color: var(--color-text-light); }
#sectionAnonymousOrderView_View .list .block .right .text .option p { margin-bottom: 0; }
#sectionAnonymousOrderView_View .list .block .right .price { margin-bottom: 0; }
#sectionAnonymousOrderView_View table th { white-space: nowrap; }
#sectionAnonymousOrderView_View table td p { margin-bottom: 0; }
#sectionAnonymousOrderView_View table td .price { display: flex; align-items: center; }
#sectionAnonymousOrderView_View table td .price > span { flex: 1; text-align: right; }
#sectionAnonymousOrderView_View table td .price > span.total { font-weight: 500; color: var(--color-main); }
#sectionAnonymousOrderView_View table td .price > span.date { font-size: 0.8rem; color: var(--color-text-light); }
#sectionAnonymousOrderView_View table td .price > span#spnRemainder { color: var(--color-red); font-weight: 500; }
#sectionAnonymousOrderView_View .buttons { text-align: right; }
/*sm*/ @media (max-width: 575px) {
    #sectionAnonymousOrderView_View .list .block { flex-direction: column; }
    #sectionAnonymousOrderView_View .list .block .right { padding-left: 0; }
}

#divModalCancel textarea { height: 150px; }