.clearfix:after {content:''; display:block; clear:both;}
.float-left {float: left;}
.float-right {float: right;}
.m-0 {margin:0 !important;} .mt-0 {margin-top:0 !important;} .mb-0 {margin-bottom:0 !important;} .ml-0 {margin-left:0 !important;} .mr-0 {margin-right:0 !important;}
.p-0 {padding:0 !important;} .pt-0 {padding-top:0 !important;} .pb-0 {padding-bottom:0 !important;} .pl-0 {padding-left:0 !important;} .pr-0 {padding-right:0 !important;}
.m-1 {margin:.25rem !important;} .mt-1 {margin-top: .25rem !important;} .mb-1 {margin-bottom: .25rem !important;} .ml-1 {margin-left: .25rem !important;} .mr-1 {margin-right: .25rem !important;}
.p-1 {padding:.25rem !important;} .pt-1 {padding-top: .25rem !important;} .pb-1 {padding-bottom: .25rem !important;} .pl-1 {padding-left: .25rem !important;} .pr-1 {padding-right: .25rem !important;}
.m-2 {margin:.5rem !important;} .mt-2 {margin-top: .5rem !important;} .mb-2 {margin-bottom: .5rem !important;} .ml-2 {margin-left: .5rem !important;} .mr-2 {margin-right: .5rem !important;}
.p-2 {padding:.5rem !important;} .pt-2 {padding-top: .5rem !important;} .pb-2 {padding-bottom: .5rem !important;} .pl-2 {padding-left: .5rem !important;} .pr-2 {padding-right: .5rem !important;}
.m-3 {margin:1rem !important;} .mt-3 {margin-top: 1rem !important;} .mb-3 {margin-bottom: 1rem !important;} .ml-3 {margin-left: 1rem !important;} .mr-3 {margin-right: 1rem !important;}
.p-3 {padding:1rem !important;} .pt-3 {padding-top: 1rem !important;} .pb-3 {padding-bottom: 1rem !important;} .pl-3 {padding-left: 1rem !important;} .pr-3 {padding-right: 1rem !important;}
.m-4 {margin:1.5rem !important;} .mt-4 {margin-top:1.5rem !important;} .mb-4 {margin-bottom:1.5rem !important;} .ml-4 {margin-left:1.5rem !important;} .mr-4 {margin-right:1.5rem !important;}
.p-4 {padding:1.5rem !important;} .pt-4 {padding-top:1.5rem !important;} .pb-4 {padding-bottom:1.5rem !important;} .pl-4 {padding-left:1.5rem !important;} .pr-4 {padding-right:1.5rem !important;}
.m-5 {margin:3rem !important;} .mt-5 {margin-top:3rem !important;} .mb-5 {margin-bottom:3rem !important;} .ml-5 {margin-left:3rem !important;} .mr-5 {margin-right:3rem !important;}
.p-5 {padding:3rem !important;} .pt-5 {padding-top:3rem !important;} .pb-5 {padding-bottom:3rem !important;} .pl-5 {padding-left:3rem !important;} .pr-5 {padding-right:3rem !important;}
.my-0 {margin-top: 0 !important; margin-bottom: 0 !important;} .mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.my-1 {margin-top: .25rem !important; margin-bottom: .25rem !important;} .mx-1 {margin-left: .25rem !important; margin-right: .25rem !important;} 
.my-2 {margin-top: .5rem !important; margin-bottom: .5rem !important;} .mx-2 {margin-left: .5rem !important; margin-right: .5rem !important;}
.my-3 {margin-top: 1rem !important; margin-bottom: 1rem !important;} .mx-3 {margin-left: 1rem !important; margin-right: 1rem !important;}
.my-4 {margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;} .mx-4 {margin-left: 1.5rem !important; margin-right: 1.5rem !important;}
.my-5 {margin-top: 3rem !important; margin-bottom: 3rem !important;} .mx-5 {margin-left: 3rem !important; margin-right: 3rem !important;}
.py-0 {padding-top: 0 !important; padding-bottom: 0 !important;} .px-0 {padding-left: 0 !important; padding-right: 0 !important;}
.py-1 {padding-top: .25rem !important; padding-bottom: .25rem !important;} .px-1 {padding-left: .25rem !important; padding-right: .25rem !important;} 
.py-2 {padding-top: .5rem !important; padding-bottom: .5rem !important;} .px-2 {padding-left: .5rem !important; padding-right: .5rem !important;}
.py-3 {padding-top: 1rem !important; padding-bottom: 1rem !important;} .px-3 {padding-left: 1rem !important; padding-right: 1rem !important;}
.py-4 {padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;} .px-4 {padding-left: 1.5rem !important; padding-right: 1.5rem !important;}
.py-5 {padding-top: 3rem !important; padding-bottom: 3rem !important;} .px-5 {padding-left: 3rem !important; padding-right: 3rem !important;}

.d-inline-block {display:inline-block !important;}

.font-weight-bold {font-weight: bold !important;}
.mw-100 {max-width: 100% !important;}
.w-100 {width: 100% !important;}

.gifti_banner {margin:0; text-align: center; padding: 1rem 10rem;}
@media (max-width: 768px) {
	.gifti_banner {padding:0}
}
.gifti_banner img {padding:0;}

.gifti_list {margin:0; text-align: center; padding: 1rem 10rem;}
@media (max-width: 768px) {
	.gifti_list {padding:0}
}

.gifti_box {box-shadow: 1px 1px 1px 1px #eee; min-height: 344px;}
.gifti_box .gifti_title {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height: 2rem; height: 4rem;}
.gifti_box:hover {box-shadow: 0 0 11px rgba(33,33,33,.2);}
.gifti_price {color:red;}

.gifti_category {margin:0; padding: 1rem 10rem;}
@media (max-width: 768px) {
	.gifti_category {padding:0}
}

.gifti_category ul {list-style: none;}
.gifti_category .category ul {border-top: 1px solid #787878; border-bottom: 1px solid #787878;}
.gifti_category .category_box {padding-left:10px; padding-right:10px; height: 32px; line-height: 32px; display:block; color: #333; text-align: center;}
.gifti_category .category_box.active {font-weight: bold; color:red;}
.gifti_category .category_box:hover {font-weight: bold;}
.gifti_category .category_box img {width: 70px; height: 70px;}

.gifti_category .gifti_search .search_price {display:block; border:1px solid #787878; text-align: center; height: 32px; line-height: 32px; color: #333;}
.gifti_category .gifti_search .search_price.active {background: #eee;}
.gifti_category .gifti_search .search_price:hover {background: #eee;}
.gifti_category .gifti_search .search_text {border:1px solid #787878; text-align: center; height: 32px; line-height: 32px; color: #333; width:83%;}
.gifti_category .gifti_search .search_text:focus {outline:none;}
.gifti_category .gifti_search .search_btn {height: 32px; width: 32px; line-height: 32px; display: inline-block; text-align: center; background: #787878; color:#fff; margin-left:-3px;}

.gifti_category .gifti_list {margin-top: 30px;}

.gifti_view {margin:0; padding: 1rem 20rem;}
@media (max-width: 768px) {
	.gifti_view {padding:0}
}

.order_table_img {max-height: 100px;}

table.order_table tbody td {vertical-align: middle;}

.small-thumbnail {width: 100px;}