@charset "UTF-8";
/*間距樣式設定*/
.pa--50 {
  padding: -50px;
}

.pl--50 {
  padding-left: -50px !important;
}

.pt--50 {
  padding-top: -50px !important;
}

.pr--50 {
  padding-right: -50px !important;
}

.pb--50 {
  padding-bottom: -50px !important;
}

.py--50 {
  padding-top: -50px !important;
  padding-bottom: -50px !important;
}

.px--50 {
  padding-left: -50px !important;
  padding-right: -50px !important;
}

.pa--45 {
  padding: -45px;
}

.pl--45 {
  padding-left: -45px !important;
}

.pt--45 {
  padding-top: -45px !important;
}

.pr--45 {
  padding-right: -45px !important;
}

.pb--45 {
  padding-bottom: -45px !important;
}

.py--45 {
  padding-top: -45px !important;
  padding-bottom: -45px !important;
}

.px--45 {
  padding-left: -45px !important;
  padding-right: -45px !important;
}

.pa--42 {
  padding: -42px;
}

.pl--42 {
  padding-left: -42px !important;
}

.pt--42 {
  padding-top: -42px !important;
}

.pr--42 {
  padding-right: -42px !important;
}

.pb--42 {
  padding-bottom: -42px !important;
}

.py--42 {
  padding-top: -42px !important;
  padding-bottom: -42px !important;
}

.px--42 {
  padding-left: -42px !important;
  padding-right: -42px !important;
}

.pa--40 {
  padding: -40px;
}

.pl--40 {
  padding-left: -40px !important;
}

.pt--40 {
  padding-top: -40px !important;
}

.pr--40 {
  padding-right: -40px !important;
}

.pb--40 {
  padding-bottom: -40px !important;
}

.py--40 {
  padding-top: -40px !important;
  padding-bottom: -40px !important;
}

.px--40 {
  padding-left: -40px !important;
  padding-right: -40px !important;
}

.pa--36 {
  padding: -36px;
}

.pl--36 {
  padding-left: -36px !important;
}

.pt--36 {
  padding-top: -36px !important;
}

.pr--36 {
  padding-right: -36px !important;
}

.pb--36 {
  padding-bottom: -36px !important;
}

.py--36 {
  padding-top: -36px !important;
  padding-bottom: -36px !important;
}

.px--36 {
  padding-left: -36px !important;
  padding-right: -36px !important;
}

.pa--35 {
  padding: -35px;
}

.pl--35 {
  padding-left: -35px !important;
}

.pt--35 {
  padding-top: -35px !important;
}

.pr--35 {
  padding-right: -35px !important;
}

.pb--35 {
  padding-bottom: -35px !important;
}

.py--35 {
  padding-top: -35px !important;
  padding-bottom: -35px !important;
}

.px--35 {
  padding-left: -35px !important;
  padding-right: -35px !important;
}

.pa--32 {
  padding: -32px;
}

.pl--32 {
  padding-left: -32px !important;
}

.pt--32 {
  padding-top: -32px !important;
}

.pr--32 {
  padding-right: -32px !important;
}

.pb--32 {
  padding-bottom: -32px !important;
}

.py--32 {
  padding-top: -32px !important;
  padding-bottom: -32px !important;
}

.px--32 {
  padding-left: -32px !important;
  padding-right: -32px !important;
}

.pa--30 {
  padding: -30px;
}

.pl--30 {
  padding-left: -30px !important;
}

.pt--30 {
  padding-top: -30px !important;
}

.pr--30 {
  padding-right: -30px !important;
}

.pb--30 {
  padding-bottom: -30px !important;
}

.py--30 {
  padding-top: -30px !important;
  padding-bottom: -30px !important;
}

.px--30 {
  padding-left: -30px !important;
  padding-right: -30px !important;
}

.pa--28 {
  padding: -28px;
}

.pl--28 {
  padding-left: -28px !important;
}

.pt--28 {
  padding-top: -28px !important;
}

.pr--28 {
  padding-right: -28px !important;
}

.pb--28 {
  padding-bottom: -28px !important;
}

.py--28 {
  padding-top: -28px !important;
  padding-bottom: -28px !important;
}

.px--28 {
  padding-left: -28px !important;
  padding-right: -28px !important;
}

.pa--25 {
  padding: -25px;
}

.pl--25 {
  padding-left: -25px !important;
}

.pt--25 {
  padding-top: -25px !important;
}

.pr--25 {
  padding-right: -25px !important;
}

.pb--25 {
  padding-bottom: -25px !important;
}

.py--25 {
  padding-top: -25px !important;
  padding-bottom: -25px !important;
}

.px--25 {
  padding-left: -25px !important;
  padding-right: -25px !important;
}

.pa--24 {
  padding: -24px;
}

.pl--24 {
  padding-left: -24px !important;
}

.pt--24 {
  padding-top: -24px !important;
}

.pr--24 {
  padding-right: -24px !important;
}

.pb--24 {
  padding-bottom: -24px !important;
}

.py--24 {
  padding-top: -24px !important;
  padding-bottom: -24px !important;
}

.px--24 {
  padding-left: -24px !important;
  padding-right: -24px !important;
}

.pa--22 {
  padding: -22px;
}

.pl--22 {
  padding-left: -22px !important;
}

.pt--22 {
  padding-top: -22px !important;
}

.pr--22 {
  padding-right: -22px !important;
}

.pb--22 {
  padding-bottom: -22px !important;
}

.py--22 {
  padding-top: -22px !important;
  padding-bottom: -22px !important;
}

.px--22 {
  padding-left: -22px !important;
  padding-right: -22px !important;
}

.pa--20 {
  padding: -20px;
}

.pl--20 {
  padding-left: -20px !important;
}

.pt--20 {
  padding-top: -20px !important;
}

.pr--20 {
  padding-right: -20px !important;
}

.pb--20 {
  padding-bottom: -20px !important;
}

.py--20 {
  padding-top: -20px !important;
  padding-bottom: -20px !important;
}

.px--20 {
  padding-left: -20px !important;
  padding-right: -20px !important;
}

.pa--15 {
  padding: -15px;
}

.pl--15 {
  padding-left: -15px !important;
}

.pt--15 {
  padding-top: -15px !important;
}

.pr--15 {
  padding-right: -15px !important;
}

.pb--15 {
  padding-bottom: -15px !important;
}

.py--15 {
  padding-top: -15px !important;
  padding-bottom: -15px !important;
}

.px--15 {
  padding-left: -15px !important;
  padding-right: -15px !important;
}

.pa--12 {
  padding: -12px;
}

.pl--12 {
  padding-left: -12px !important;
}

.pt--12 {
  padding-top: -12px !important;
}

.pr--12 {
  padding-right: -12px !important;
}

.pb--12 {
  padding-bottom: -12px !important;
}

.py--12 {
  padding-top: -12px !important;
  padding-bottom: -12px !important;
}

.px--12 {
  padding-left: -12px !important;
  padding-right: -12px !important;
}

.pa--10 {
  padding: -10px;
}

.pl--10 {
  padding-left: -10px !important;
}

.pt--10 {
  padding-top: -10px !important;
}

.pr--10 {
  padding-right: -10px !important;
}

.pb--10 {
  padding-bottom: -10px !important;
}

.py--10 {
  padding-top: -10px !important;
  padding-bottom: -10px !important;
}

.px--10 {
  padding-left: -10px !important;
  padding-right: -10px !important;
}

.pa--9 {
  padding: -9px;
}

.pl--9 {
  padding-left: -9px !important;
}

.pt--9 {
  padding-top: -9px !important;
}

.pr--9 {
  padding-right: -9px !important;
}

.pb--9 {
  padding-bottom: -9px !important;
}

.py--9 {
  padding-top: -9px !important;
  padding-bottom: -9px !important;
}

.px--9 {
  padding-left: -9px !important;
  padding-right: -9px !important;
}

.pa--8 {
  padding: -8px;
}

.pl--8 {
  padding-left: -8px !important;
}

.pt--8 {
  padding-top: -8px !important;
}

.pr--8 {
  padding-right: -8px !important;
}

.pb--8 {
  padding-bottom: -8px !important;
}

.py--8 {
  padding-top: -8px !important;
  padding-bottom: -8px !important;
}

.px--8 {
  padding-left: -8px !important;
  padding-right: -8px !important;
}

.pa--7 {
  padding: -7px;
}

.pl--7 {
  padding-left: -7px !important;
}

.pt--7 {
  padding-top: -7px !important;
}

.pr--7 {
  padding-right: -7px !important;
}

.pb--7 {
  padding-bottom: -7px !important;
}

.py--7 {
  padding-top: -7px !important;
  padding-bottom: -7px !important;
}

.px--7 {
  padding-left: -7px !important;
  padding-right: -7px !important;
}

.pa--6 {
  padding: -6px;
}

.pl--6 {
  padding-left: -6px !important;
}

.pt--6 {
  padding-top: -6px !important;
}

.pr--6 {
  padding-right: -6px !important;
}

.pb--6 {
  padding-bottom: -6px !important;
}

.py--6 {
  padding-top: -6px !important;
  padding-bottom: -6px !important;
}

.px--6 {
  padding-left: -6px !important;
  padding-right: -6px !important;
}

.pa--5 {
  padding: -5px;
}

.pl--5 {
  padding-left: -5px !important;
}

.pt--5 {
  padding-top: -5px !important;
}

.pr--5 {
  padding-right: -5px !important;
}

.pb--5 {
  padding-bottom: -5px !important;
}

.py--5 {
  padding-top: -5px !important;
  padding-bottom: -5px !important;
}

.px--5 {
  padding-left: -5px !important;
  padding-right: -5px !important;
}

.pa--4 {
  padding: -4px;
}

.pl--4 {
  padding-left: -4px !important;
}

.pt--4 {
  padding-top: -4px !important;
}

.pr--4 {
  padding-right: -4px !important;
}

.pb--4 {
  padding-bottom: -4px !important;
}

.py--4 {
  padding-top: -4px !important;
  padding-bottom: -4px !important;
}

.px--4 {
  padding-left: -4px !important;
  padding-right: -4px !important;
}

.pa--3 {
  padding: -3px;
}

.pl--3 {
  padding-left: -3px !important;
}

.pt--3 {
  padding-top: -3px !important;
}

.pr--3 {
  padding-right: -3px !important;
}

.pb--3 {
  padding-bottom: -3px !important;
}

.py--3 {
  padding-top: -3px !important;
  padding-bottom: -3px !important;
}

.px--3 {
  padding-left: -3px !important;
  padding-right: -3px !important;
}

.pa--2 {
  padding: -2px;
}

.pl--2 {
  padding-left: -2px !important;
}

.pt--2 {
  padding-top: -2px !important;
}

.pr--2 {
  padding-right: -2px !important;
}

.pb--2 {
  padding-bottom: -2px !important;
}

.py--2 {
  padding-top: -2px !important;
  padding-bottom: -2px !important;
}

.px--2 {
  padding-left: -2px !important;
  padding-right: -2px !important;
}

.pa--1 {
  padding: -1px;
}

.pl--1 {
  padding-left: -1px !important;
}

.pt--1 {
  padding-top: -1px !important;
}

.pr--1 {
  padding-right: -1px !important;
}

.pb--1 {
  padding-bottom: -1px !important;
}

.py--1 {
  padding-top: -1px !important;
  padding-bottom: -1px !important;
}

.px--1 {
  padding-left: -1px !important;
  padding-right: -1px !important;
}

.pa-0 {
  padding: 0px;
}

.pl-0 {
  padding-left: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.pa-1 {
  padding: 1px;
}

.pl-1 {
  padding-left: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.py-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.px-1 {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.pa-2 {
  padding: 2px;
}

.pl-2 {
  padding-left: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.py-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.px-2 {
  padding-left: 2px !important;
  padding-right: 2px !important;
}

.pa-3 {
  padding: 3px;
}

.pl-3 {
  padding-left: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.py-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.pa-4 {
  padding: 4px;
}

.pl-4 {
  padding-left: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.py-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.px-4 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.pa-5 {
  padding: 5px;
}

.pl-5 {
  padding-left: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.py-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.px-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pa-6 {
  padding: 6px;
}

.pl-6 {
  padding-left: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.py-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.px-6 {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.pa-7 {
  padding: 7px;
}

.pl-7 {
  padding-left: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.py-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.px-7 {
  padding-left: 7px !important;
  padding-right: 7px !important;
}

.pa-8 {
  padding: 8px;
}

.pl-8 {
  padding-left: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.pa-9 {
  padding: 9px;
}

.pl-9 {
  padding-left: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.py-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.px-9 {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.pa-10 {
  padding: 10px;
}

.pl-10 {
  padding-left: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.py-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pa-12 {
  padding: 12px;
}

.pl-12 {
  padding-left: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.pa-15 {
  padding: 15px;
}

.pl-15 {
  padding-left: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.py-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pa-20 {
  padding: 20px;
}

.pl-20 {
  padding-left: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.py-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pa-22 {
  padding: 22px;
}

.pl-22 {
  padding-left: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.py-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.px-22 {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.pa-24 {
  padding: 24px;
}

.pl-24 {
  padding-left: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.py-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.px-24 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.pa-25 {
  padding: 25px;
}

.pl-25 {
  padding-left: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.py-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.pa-28 {
  padding: 28px;
}

.pl-28 {
  padding-left: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.py-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.px-28 {
  padding-left: 28px !important;
  padding-right: 28px !important;
}

.pa-30 {
  padding: 30px;
}

.pl-30 {
  padding-left: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.py-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.pa-32 {
  padding: 32px;
}

.pl-32 {
  padding-left: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.py-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.px-32 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.pa-35 {
  padding: 35px;
}

.pl-35 {
  padding-left: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.py-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.pa-36 {
  padding: 36px;
}

.pl-36 {
  padding-left: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.py-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.px-36 {
  padding-left: 36px !important;
  padding-right: 36px !important;
}

.pa-40 {
  padding: 40px;
}

.pl-40 {
  padding-left: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.py-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.pa-42 {
  padding: 42px;
}

.pl-42 {
  padding-left: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

.pr-42 {
  padding-right: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.py-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.px-42 {
  padding-left: 42px !important;
  padding-right: 42px !important;
}

.pa-45 {
  padding: 45px;
}

.pl-45 {
  padding-left: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.py-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.pa-50 {
  padding: 50px;
}

.pl-50 {
  padding-left: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.py-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.ma--50 {
  margin: -50px;
}

.ml--50 {
  margin-left: -50px !important;
}

.mt--50 {
  margin-top: -50px !important;
}

.mr--50 {
  margin-right: -50px !important;
}

.mb--50 {
  margin-bottom: -50px !important;
}

.my--50 {
  margin-top: -50px !important;
  margin-bottom: -50px !important;
}

.mx--50 {
  margin-left: -50px !important;
  margin-right: -50px !important;
}

.ma--45 {
  margin: -45px;
}

.ml--45 {
  margin-left: -45px !important;
}

.mt--45 {
  margin-top: -45px !important;
}

.mr--45 {
  margin-right: -45px !important;
}

.mb--45 {
  margin-bottom: -45px !important;
}

.my--45 {
  margin-top: -45px !important;
  margin-bottom: -45px !important;
}

.mx--45 {
  margin-left: -45px !important;
  margin-right: -45px !important;
}

.ma--42 {
  margin: -42px;
}

.ml--42 {
  margin-left: -42px !important;
}

.mt--42 {
  margin-top: -42px !important;
}

.mr--42 {
  margin-right: -42px !important;
}

.mb--42 {
  margin-bottom: -42px !important;
}

.my--42 {
  margin-top: -42px !important;
  margin-bottom: -42px !important;
}

.mx--42 {
  margin-left: -42px !important;
  margin-right: -42px !important;
}

.ma--40 {
  margin: -40px;
}

.ml--40 {
  margin-left: -40px !important;
}

.mt--40 {
  margin-top: -40px !important;
}

.mr--40 {
  margin-right: -40px !important;
}

.mb--40 {
  margin-bottom: -40px !important;
}

.my--40 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.mx--40 {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

.ma--36 {
  margin: -36px;
}

.ml--36 {
  margin-left: -36px !important;
}

.mt--36 {
  margin-top: -36px !important;
}

.mr--36 {
  margin-right: -36px !important;
}

.mb--36 {
  margin-bottom: -36px !important;
}

.my--36 {
  margin-top: -36px !important;
  margin-bottom: -36px !important;
}

.mx--36 {
  margin-left: -36px !important;
  margin-right: -36px !important;
}

.ma--35 {
  margin: -35px;
}

.ml--35 {
  margin-left: -35px !important;
}

.mt--35 {
  margin-top: -35px !important;
}

.mr--35 {
  margin-right: -35px !important;
}

.mb--35 {
  margin-bottom: -35px !important;
}

.my--35 {
  margin-top: -35px !important;
  margin-bottom: -35px !important;
}

.mx--35 {
  margin-left: -35px !important;
  margin-right: -35px !important;
}

.ma--32 {
  margin: -32px;
}

.ml--32 {
  margin-left: -32px !important;
}

.mt--32 {
  margin-top: -32px !important;
}

.mr--32 {
  margin-right: -32px !important;
}

.mb--32 {
  margin-bottom: -32px !important;
}

.my--32 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}

.mx--32 {
  margin-left: -32px !important;
  margin-right: -32px !important;
}

.ma--30 {
  margin: -30px;
}

.ml--30 {
  margin-left: -30px !important;
}

.mt--30 {
  margin-top: -30px !important;
}

.mr--30 {
  margin-right: -30px !important;
}

.mb--30 {
  margin-bottom: -30px !important;
}

.my--30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}

.mx--30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}

.ma--28 {
  margin: -28px;
}

.ml--28 {
  margin-left: -28px !important;
}

.mt--28 {
  margin-top: -28px !important;
}

.mr--28 {
  margin-right: -28px !important;
}

.mb--28 {
  margin-bottom: -28px !important;
}

.my--28 {
  margin-top: -28px !important;
  margin-bottom: -28px !important;
}

.mx--28 {
  margin-left: -28px !important;
  margin-right: -28px !important;
}

.ma--25 {
  margin: -25px;
}

.ml--25 {
  margin-left: -25px !important;
}

.mt--25 {
  margin-top: -25px !important;
}

.mr--25 {
  margin-right: -25px !important;
}

.mb--25 {
  margin-bottom: -25px !important;
}

.my--25 {
  margin-top: -25px !important;
  margin-bottom: -25px !important;
}

.mx--25 {
  margin-left: -25px !important;
  margin-right: -25px !important;
}

.ma--24 {
  margin: -24px;
}

.ml--24 {
  margin-left: -24px !important;
}

.mt--24 {
  margin-top: -24px !important;
}

.mr--24 {
  margin-right: -24px !important;
}

.mb--24 {
  margin-bottom: -24px !important;
}

.my--24 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}

.mx--24 {
  margin-left: -24px !important;
  margin-right: -24px !important;
}

.ma--22 {
  margin: -22px;
}

.ml--22 {
  margin-left: -22px !important;
}

.mt--22 {
  margin-top: -22px !important;
}

.mr--22 {
  margin-right: -22px !important;
}

.mb--22 {
  margin-bottom: -22px !important;
}

.my--22 {
  margin-top: -22px !important;
  margin-bottom: -22px !important;
}

.mx--22 {
  margin-left: -22px !important;
  margin-right: -22px !important;
}

.ma--20 {
  margin: -20px;
}

.ml--20 {
  margin-left: -20px !important;
}

.mt--20 {
  margin-top: -20px !important;
}

.mr--20 {
  margin-right: -20px !important;
}

.mb--20 {
  margin-bottom: -20px !important;
}

.my--20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}

.mx--20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

.ma--15 {
  margin: -15px;
}

.ml--15 {
  margin-left: -15px !important;
}

.mt--15 {
  margin-top: -15px !important;
}

.mr--15 {
  margin-right: -15px !important;
}

.mb--15 {
  margin-bottom: -15px !important;
}

.my--15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}

.mx--15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

.ma--12 {
  margin: -12px;
}

.ml--12 {
  margin-left: -12px !important;
}

.mt--12 {
  margin-top: -12px !important;
}

.mr--12 {
  margin-right: -12px !important;
}

.mb--12 {
  margin-bottom: -12px !important;
}

.my--12 {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

.mx--12 {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

.ma--10 {
  margin: -10px;
}

.ml--10 {
  margin-left: -10px !important;
}

.mt--10 {
  margin-top: -10px !important;
}

.mr--10 {
  margin-right: -10px !important;
}

.mb--10 {
  margin-bottom: -10px !important;
}

.my--10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}

.mx--10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.ma--9 {
  margin: -9px;
}

.ml--9 {
  margin-left: -9px !important;
}

.mt--9 {
  margin-top: -9px !important;
}

.mr--9 {
  margin-right: -9px !important;
}

.mb--9 {
  margin-bottom: -9px !important;
}

.my--9 {
  margin-top: -9px !important;
  margin-bottom: -9px !important;
}

.mx--9 {
  margin-left: -9px !important;
  margin-right: -9px !important;
}

.ma--8 {
  margin: -8px;
}

.ml--8 {
  margin-left: -8px !important;
}

.mt--8 {
  margin-top: -8px !important;
}

.mr--8 {
  margin-right: -8px !important;
}

.mb--8 {
  margin-bottom: -8px !important;
}

.my--8 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

.mx--8 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.ma--7 {
  margin: -7px;
}

.ml--7 {
  margin-left: -7px !important;
}

.mt--7 {
  margin-top: -7px !important;
}

.mr--7 {
  margin-right: -7px !important;
}

.mb--7 {
  margin-bottom: -7px !important;
}

.my--7 {
  margin-top: -7px !important;
  margin-bottom: -7px !important;
}

.mx--7 {
  margin-left: -7px !important;
  margin-right: -7px !important;
}

.ma--6 {
  margin: -6px;
}

.ml--6 {
  margin-left: -6px !important;
}

.mt--6 {
  margin-top: -6px !important;
}

.mr--6 {
  margin-right: -6px !important;
}

.mb--6 {
  margin-bottom: -6px !important;
}

.my--6 {
  margin-top: -6px !important;
  margin-bottom: -6px !important;
}

.mx--6 {
  margin-left: -6px !important;
  margin-right: -6px !important;
}

.ma--5 {
  margin: -5px;
}

.ml--5 {
  margin-left: -5px !important;
}

.mt--5 {
  margin-top: -5px !important;
}

.mr--5 {
  margin-right: -5px !important;
}

.mb--5 {
  margin-bottom: -5px !important;
}

.my--5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}

.mx--5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.ma--4 {
  margin: -4px;
}

.ml--4 {
  margin-left: -4px !important;
}

.mt--4 {
  margin-top: -4px !important;
}

.mr--4 {
  margin-right: -4px !important;
}

.mb--4 {
  margin-bottom: -4px !important;
}

.my--4 {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

.mx--4 {
  margin-left: -4px !important;
  margin-right: -4px !important;
}

.ma--3 {
  margin: -3px;
}

.ml--3 {
  margin-left: -3px !important;
}

.mt--3 {
  margin-top: -3px !important;
}

.mr--3 {
  margin-right: -3px !important;
}

.mb--3 {
  margin-bottom: -3px !important;
}

.my--3 {
  margin-top: -3px !important;
  margin-bottom: -3px !important;
}

.mx--3 {
  margin-left: -3px !important;
  margin-right: -3px !important;
}

.ma--2 {
  margin: -2px;
}

.ml--2 {
  margin-left: -2px !important;
}

.mt--2 {
  margin-top: -2px !important;
}

.mr--2 {
  margin-right: -2px !important;
}

.mb--2 {
  margin-bottom: -2px !important;
}

.my--2 {
  margin-top: -2px !important;
  margin-bottom: -2px !important;
}

.mx--2 {
  margin-left: -2px !important;
  margin-right: -2px !important;
}

.ma--1 {
  margin: -1px;
}

.ml--1 {
  margin-left: -1px !important;
}

.mt--1 {
  margin-top: -1px !important;
}

.mr--1 {
  margin-right: -1px !important;
}

.mb--1 {
  margin-bottom: -1px !important;
}

.my--1 {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}

.mx--1 {
  margin-left: -1px !important;
  margin-right: -1px !important;
}

.ma-0 {
  margin: 0px;
}

.ml-0 {
  margin-left: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.ma-1 {
  margin: 1px;
}

.ml-1 {
  margin-left: 1px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mx-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.ma-2 {
  margin: 2px;
}

.ml-2 {
  margin-left: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.ma-3 {
  margin: 3px;
}

.ml-3 {
  margin-left: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.ma-4 {
  margin: 4px;
}

.ml-4 {
  margin-left: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.ma-5 {
  margin: 5px;
}

.ml-5 {
  margin-left: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.ma-6 {
  margin: 6px;
}

.ml-6 {
  margin-left: 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.ma-7 {
  margin: 7px;
}

.ml-7 {
  margin-left: 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.mx-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.ma-8 {
  margin: 8px;
}

.ml-8 {
  margin-left: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.ma-9 {
  margin: 9px;
}

.ml-9 {
  margin-left: 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.mx-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.ma-10 {
  margin: 10px;
}

.ml-10 {
  margin-left: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.ma-12 {
  margin: 12px;
}

.ml-12 {
  margin-left: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.ma-15 {
  margin: 15px;
}

.ml-15 {
  margin-left: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.ma-20 {
  margin: 20px;
}

.ml-20 {
  margin-left: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.ma-22 {
  margin: 22px;
}

.ml-22 {
  margin-left: 22px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.ma-24 {
  margin: 24px;
}

.ml-24 {
  margin-left: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.ma-25 {
  margin: 25px;
}

.ml-25 {
  margin-left: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.ma-28 {
  margin: 28px;
}

.ml-28 {
  margin-left: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.ma-30 {
  margin: 30px;
}

.ml-30 {
  margin-left: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.ma-32 {
  margin: 32px;
}

.ml-32 {
  margin-left: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.ma-35 {
  margin: 35px;
}

.ml-35 {
  margin-left: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.ma-36 {
  margin: 36px;
}

.ml-36 {
  margin-left: 36px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.ma-40 {
  margin: 40px;
}

.ml-40 {
  margin-left: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.ma-42 {
  margin: 42px;
}

.ml-42 {
  margin-left: 42px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mr-42 {
  margin-right: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.my-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.mx-42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}

.ma-45 {
  margin: 45px;
}

.ml-45 {
  margin-left: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.ma-50 {
  margin: 50px;
}

.ml-50 {
  margin-left: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

body.body-top {
  padding-top: 110px;
}
@media screen and (max-width: 959px) {
  body.body-top {
    padding-top: 65px;
  }
}
@media screen and (max-width: 767.98px) {
  body.body-top {
    padding-top: 50px;
  }
}

.bg-primary {
  background-color: #005BAC;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.nowrap {
  white-space: nowrap;
}

.underline {
  text-decoration: underline !important;
  cursor: pointer !important;
}

.touch-finger,
.pointer {
  cursor: pointer !important;
}

span.word-wrap {
  display: inline-block;
}

@media screen and (max-width: 991.98px) {
  span.word-wrap {
    display: inline;
  }
}
.dividing-line {
  height: 1px;
  border: none;
  border-bottom: 1px solid #D6D6D6;
  margin: 20px 0;
}

.txt-required {
  color: #E53D00;
  margin-right: 3px;
}

.font-bold {
  font-weight: bold !important;
}
.font-bolder {
  font-weight: bolder !important;
}
.font-normal {
  font-weight: normal !important;
}
.font-size-xs {
  font-size: x-small;
}
.font-size-sm {
  font-size: smaller;
}
.font-size-lg {
  font-size: large;
}
.font-size-xl {
  font-size: x-large;
}
.font-size-14 {
  font-size: 14px;
}
.font-size-15 {
  font-size: 15px;
}
.font-size-16 {
  font-size: 16px;
}
.font-size-18 {
  font-size: 18px;
}
.font-size-20 {
  font-size: 20px;
}
.font-size-22 {
  font-size: 22px;
}
.font-size-24 {
  font-size: 24px;
}
.font-size-28 {
  font-size: 28px;
}
.font-size-30 {
  font-size: 30px;
}
.font-size-32 {
  font-size: 32px;
}
.font-size-36 {
  font-size: 36px;
}
.font-size-40 {
  font-size: 40px;
}
.font-size-48 {
  font-size: 48px;
}
.font-blue {
  color: #005BAC;
}
.font-red {
  color: #E21B1B;
}
.font-red-orange {
  color: #E53D00;
}
.font-orange {
  color: #F26F28;
}
.font-green {
  color: #13887B;
}
.font-white {
  color: #FFFFFF;
}
.font-sus {
  color: #13887B;
}
.font-fail {
  color: #E21B1B;
}

.text-default {
  color: #323232 !important;
}
.text-primary {
  color: #005BAC !important;
}
.text-primary-dark {
  color: #36435E !important;
}
.text-success {
  color: #13887B !important;
}
.text-warning {
  color: #F26F28 !important;
}
.text-alert {
  color: #E21B1B !important;
}
.text-brown-alert {
  color: #ae774f !important;
}
.text-info {
  color: #707070 !important;
}
.text-muted, .text-disabled {
  color: #E6E6E6 !important;
}
.text-white {
  color: #FFFFFF !important;
}
.text-link {
  color: #217ED2 !important;
}
.text-num {
  color: #36435E !important;
  font-weight: bolder;
}

.rotate30 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.rotate45 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.rotate60 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}

.rotate75 {
  -webkit-transform: rotate(75deg);
          transform: rotate(75deg);
}

.rotate90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate120 {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}

.rotate180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.content-wrapper.promo-content-wrapper {
  background-color: #FFFFFF;
  padding-bottom: 50px;
  margin-top: 0px;
}

.page-title {
  color: #36435E;
  font-size: 22px;
  font-weight: bold;
}

.page-description {
  font-size: 16px;
  padding: 10px;
  font-weight: bolder;
  color: #005BAC;
}

.main-title {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  color: #000080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
}
@media all and (max-width: 991.98px) {
  .main-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.main-title .t-icon {
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-bottom;
}
.main-title .t-icon img {
  display: block;
}
.main-title .t-info .s-title {
  color: #333333;
}
.main-title .t-info .m-title + .s-title {
  margin-top: 8px;
}
@media all and (max-width: 991.98px) {
  .main-title .t-info .m-title + .s-title {
    margin-top: 4px;
  }
}

.sub-title {
  font-size: 18px;
  line-height: 27px;
  font-weight: 700;
  color: #000080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  word-break: break-all;
}
@media all and (max-width: 991.98px) {
  .sub-title {
    font-size: 16px;
    line-height: 24px;
  }
}
.sub-title .t-icon {
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-bottom;
}
.sub-title .t-icon img {
  display: block;
}
.breadcrumbs-bar {
  color: #323232;
  font-size: 16px;
  line-height: 22px;
  word-break: break-all;
  margin-top: 24px;
  margin-bottom: 40px;
}
@media all and (max-width: 991.98px) {
  .breadcrumbs-bar {
    font-size: 15px;
    margin-bottom: 24px;
  }
}
.breadcrumbs-bar .breadcrumbs-ul li {
  display: inline-block;
}
.breadcrumbs-bar .breadcrumbs-ul .item-li.item-disabled {
  color: #666666;
  pointer-events: none;
}
.breadcrumbs-bar .breadcrumbs-ul .item-li.item-disabled a {
  color: #666666;
}
.breadcrumbs-bar .breadcrumbs-ul .item-li a {
  color: #323232;
  text-decoration: none;
}
.banner-section + .breadcrumbs-bar {
  margin-top: 0px;
}

.data-unit {
  margin-bottom: 8px;
  width: 100%;
}

.data-unit-space {
  margin-bottom: 16px;
}
@media screen and (max-width: 767.98px) {
  .data-unit-space {
    margin-bottom: 10px;
  }
}

.nav-tabs {
  border-bottom: 1px solid rgba(204, 204, 204, 0.8);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
.nav-tabs .nav-link {
  color: #666666;
  font-weight: 700;
  border: 0px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  border-top-right-radius: 0 !important;
  background-color: #fff;
  margin-bottom: 0px;
  margin-left: 24px !important;
  margin-right: 24px !important;
  padding: 0.5rem 10px !important;
  word-break: break-all;
  max-width: 260px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
.nav-tabs .nav-link.active {
  color: #EB6100;
  line-height: 24px;
  background-color: #fff;
  border-bottom-color: #EB6100 !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-bottom-color: #EB6100 !important;
}
.nav-tabs .nav-link:first-child, .nav-tabs .nav-link:last-child {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.nav-tabs .nav-link:only-child {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.user-promo-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding: 24px 24px;
  background-color: #f5f5f5;
  border-radius: 10px;
  word-break: break-all;
}
@media all and (max-width: 991.98px) {
  .user-promo-info {
    padding: 16px 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .user-promo-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
@media screen and (max-width: 425px) {
  .user-promo-info {
    padding: 12px 12px;
  }
}
.user-promo-info .info-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 767.98px) {
  .user-promo-info .info-left {
    gap: 18px;
  }
}
@media screen and (max-width: 425px) {
  .user-promo-info .info-left {
    gap: 10px;
  }
}
.user-promo-info .has-own,
.user-promo-info .expiring {
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.user-promo-info .has-own em.num,
.user-promo-info .expiring em.num {
  font-weight: 700;
  font-style: normal;
  margin-left: 2px;
  margin-right: 2px;
  color: #EB6100;
  margin-top: -6px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 767.98px) {
  .user-promo-info .has-own,
  .user-promo-info .expiring {
    font-size: 15px;
    line-height: 22px;
  }
  .user-promo-info .has-own em.num,
  .user-promo-info .expiring em.num {
    margin-top: -3px;
  }
}
.user-promo-info .has-own {
  padding-right: 24px;
  border-right: 1px #d9d9d9 solid;
}
@media screen and (max-width: 767.98px) {
  .user-promo-info .has-own {
    padding-right: 18px;
  }
}
@media screen and (max-width: 425px) {
  .user-promo-info .has-own {
    padding-right: 10px;
  }
}
.user-promo-info .view-my-list {
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
  color: #00A0E8;
}
.user-promo-info .view-my-list img {
  margin-top: -6px;
  vertical-align: middle;
}
.user-promo-info .view-my-list a {
  color: #00a0e8;
}
@media screen and (max-width: 767.98px) {
  .user-promo-info .view-my-list {
    font-size: 16px;
    line-height: 24px;
  }
  .user-promo-info .view-my-list img {
    margin-top: -3px;
  }
}

.text-ellipsis {
  word-break: break-all;
}

.alert.alert-danger {
  border-color: #f8d7da;
}
.alert.alert-success {
  border-color: #d4edda;
}
.alert.alert-info {
  border-color: #d1ecf1;
}
.alert i.fa {
  margin-right: 4px;
}

.promo-alert {
  padding: 11px 16px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.promo-alert.alert-danger {
  color: #333333;
  background-color: #f8d7da;
  border-color: #f8d7da;
}
.promo-alert.alert-danger i.fa {
  color: #721c24;
}
.promo-alert.alert-warning {
  color: #333333;
  background-color: transparent;
  border: 1px solid #eb6000;
}
.promo-alert.alert-warning i.fa {
  color: #eb6000;
}
.promo-alert.alert-success {
  color: #333333;
  background-color: #e6f2ea;
  border-color: #e6f2ea;
}
.promo-alert.alert-success i.fa {
  color: #339555;
}
.promo-alert.alert-info {
  color: #333333;
  background-color: #d1ecf1;
  border-color: #d1ecf1;
}
.promo-alert.alert-info i.fa {
  color: #0c5460;
}
.promo-alert i.fa {
  font-size: 18px;
  margin-right: 8px;
}
.promo-alert.d-inline-block {
  min-width: 360px;
}
@media screen and (max-width: 575.98px) {
  .promo-alert.d-inline-block {
    min-width: 260px;
  }
}
@media screen and (max-width: 425px) {
  .promo-alert.d-inline-block {
    min-width: 180px;
  }
}

.list-btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
}
@media screen and (min-width: 992px) and (max-width: 1160px) {
  .list-btn-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.promo-content-wrapper div:not(.modal-dialog) button,
.promo-content-wrapper div:not(.nav-tabs) button .btn-promo {
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  padding: 0.375rem 0.75rem;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #323232;
  background-color: #FFFFFF;
  border-radius: 4px;
  border: 1px solid transparent;
  margin: 0px 4px;
  min-width: 107px;
}
.promo-content-wrapper div:not(.modal-dialog) button:first-child,
.promo-content-wrapper div:not(.nav-tabs) button .btn-promo:first-child {
  margin: 0px 4px 0px 0px;
}
.promo-content-wrapper div:not(.modal-dialog) button:last-child,
.promo-content-wrapper div:not(.nav-tabs) button .btn-promo:last-child {
  margin: 0px 0px 0px 4px;
}
.promo-content-wrapper div:not(.modal-dialog) button:only-child,
.promo-content-wrapper div:not(.nav-tabs) button .btn-promo:only-child {
  margin: 0px 0px 0px 0px;
}
@media all and (max-width: 991.98px) {
  .promo-content-wrapper div:not(.modal-dialog) button,
  .promo-content-wrapper div:not(.nav-tabs) button .btn-promo {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .promo-content-wrapper div:not(.modal-dialog) button,
  .promo-content-wrapper div:not(.nav-tabs) button .btn-promo {
    min-width: 80px;
  }
}
.promo-content-wrapper div:not(.modal-dialog) button img,
.promo-content-wrapper div:not(.nav-tabs) button .btn-promo img {
  margin-right: 4px;
}

.btn-promo-primary,
button.btn-promo-primary {
  color: #FFFFFF !important;
  border: 1px solid #eb6000 !important;
  background-color: #eb6000 !important;
}
.btn-promo-primary:hover,
button.btn-promo-primary:hover {
  background-color: #d8722c !important;
  border: 1px solid #d8722c !important;
}

.btn-promo-blue,
button.btn-promo-blue {
  color: #FFFFFF !important;
  border: 1px solid #00A0E8 !important;
  background-color: #00A0E8 !important;
}
.btn-promo-blue:hover,
button.btn-promo-blue:hover {
  background-color: #4cb1de !important;
  border: 1px solid #4cb1de !important;
}

.btn-promo-blue-outline,
button.btn-promo-blue-outline {
  color: #00A0E8 !important;
  border: 1px solid #00A0E8 !important;
  background-color: #FFFFFF !important;
}
.btn-promo-blue-outline:hover,
button.btn-promo-blue-outline:hover {
  background-color: #4cb1de !important;
  border: 1px solid #4cb1de !important;
  color: #FFFFFF !important;
}

a.btn-promo:hover {
  color: #323232 !important;
}
a.btn-promo-primary:hover {
  color: #FFFFFF !important;
}
a.btn-promo-blue:hover {
  color: #FFFFFF !important;
}
a.btn-promo-blue-outline:hover {
  color: #00A0E8 !important;
}

.banner-section,
.detail-banner-section {
  width: 100%;
  overflow: hidden;
}
.banner-section .banner-area,
.detail-banner-section .banner-area {
  width: 100%;
  height: auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  max-width: 100%;
}
.banner-section .center,
.detail-banner-section .center {
  text-align: center;
}
.banner-section .swiper-wrapper,
.detail-banner-section .swiper-wrapper {
  z-index: 1;
}
.banner-section .banner-card .img-box,
.detail-banner-section .banner-card .img-box {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.banner-section .banner-card .img-box img,
.detail-banner-section .banner-card .img-box img {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto 0 auto;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 991.98px) {
  .banner-section .banner-card .img-box img,
  .detail-banner-section .banner-card .img-box img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.banner-section .banner-card .img-box .view-all,
.detail-banner-section .banner-card .img-box .view-all {
  display: block;
}
.banner-section .banner-card .img-box .view-pc,
.detail-banner-section .banner-card .img-box .view-pc {
  display: block;
}
@media all and (max-width: 991.98px) {
  .banner-section .banner-card .img-box .view-pc,
  .detail-banner-section .banner-card .img-box .view-pc {
    display: none;
  }
}
@media all and (max-width: 640px) {
  .banner-section .banner-card .img-box .view-pc,
  .detail-banner-section .banner-card .img-box .view-pc {
    display: none;
  }
}
.banner-section .banner-card .img-box .view-pad,
.detail-banner-section .banner-card .img-box .view-pad {
  display: none;
}
@media all and (max-width: 991.98px) {
  .banner-section .banner-card .img-box .view-pad,
  .detail-banner-section .banner-card .img-box .view-pad {
    display: block;
  }
}
@media all and (max-width: 640px) {
  .banner-section .banner-card .img-box .view-pad,
  .detail-banner-section .banner-card .img-box .view-pad {
    display: none;
  }
}
.banner-section .banner-card .img-box .view-mb,
.detail-banner-section .banner-card .img-box .view-mb {
  display: none;
}
@media all and (max-width: 991.98px) {
  .banner-section .banner-card .img-box .view-mb,
  .detail-banner-section .banner-card .img-box .view-mb {
    display: none;
  }
}
@media all and (max-width: 640px) {
  .banner-section .banner-card .img-box .view-mb,
  .detail-banner-section .banner-card .img-box .view-mb {
    display: block;
  }
}
.banner-section .banner-card .text-box,
.detail-banner-section .banner-card .text-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  right: 10%;
  bottom: 10%;
  z-index: 99;
}
.banner-section .banner-card .text-box .text-title,
.detail-banner-section .banner-card .text-box .text-title {
  font-size: 28px;
  color: #013b84;
  font-weight: 700;
  line-height: 44px;
  letter-spacing: inherit;
}
@media all and (max-width: 991.98px) {
  .banner-section .banner-card .text-box .text-title,
  .detail-banner-section .banner-card .text-box .text-title {
    font-size: 18px;
    line-height: 28px;
  }
}
.banner-section .swiper-button,
.detail-banner-section .swiper-button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  position: absolute;
  left: auto;
  top: calc(50% - 25px);
  z-index: 6;
}
@media all and (max-width: 640px) {
  .banner-section .swiper-button,
  .detail-banner-section .swiper-button {
    display: none;
  }
}
.banner-section .swiper-button .button-prev,
.banner-section .swiper-button .button-next,
.detail-banner-section .swiper-button .button-prev,
.detail-banner-section .swiper-button .button-next {
  width: 25px;
  height: 25px;
  background-color: #696B6D;
  border-radius: 50%;
  text-align: center;
}
.banner-section .swiper-button .button-prev[aria-disabled=true],
.banner-section .swiper-button .button-next[aria-disabled=true],
.detail-banner-section .swiper-button .button-prev[aria-disabled=true],
.detail-banner-section .swiper-button .button-next[aria-disabled=true] {
  opacity: 0.4;
}
.banner-section .swiper-button .button-prev img,
.banner-section .swiper-button .button-next img,
.detail-banner-section .swiper-button .button-prev img,
.detail-banner-section .swiper-button .button-next img {
  width: 16px;
  height: 16px;
}
.banner-section .swiper-button .button-prev,
.detail-banner-section .swiper-button .button-prev {
  position: absolute;
  left: 32px;
  z-index: 2;
}
.banner-section .swiper-button .button-prev img,
.detail-banner-section .swiper-button .button-prev img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.banner-section .swiper-button .button-next,
.detail-banner-section .swiper-button .button-next {
  position: absolute;
  right: 32px;
  z-index: 2;
}
.banner-section .pagination-bar,
.detail-banner-section .pagination-bar {
  text-align: center;
  margin-top: 9px;
  margin-bottom: 35px;
}
@media all and (max-width: 991.98px) {
  .banner-section .pagination-bar,
  .detail-banner-section .pagination-bar {
    margin-bottom: 17px;
  }
}
.banner-section .pagination-bar .swiper-pagination-bullet,
.detail-banner-section .pagination-bar .swiper-pagination-bullet {
  background-color: #000000;
  opacity: 0.6;
}
.banner-section .pagination-bar .swiper-pagination-bullet-active,
.detail-banner-section .pagination-bar .swiper-pagination-bullet-active {
  background-color: #000000;
  opacity: 1;
}

.banner-section .banner-card .img-box img {
  width: 100%;
  height: 100%;
  max-height: 600px;
}
@media all and (max-width: 991.98px) {
  .banner-section .banner-card .img-box img {
    max-height: 240px;
  }
}
@media all and (max-width: 640px) {
  .banner-section .banner-card .img-box img {
    max-height: 180px;
  }
}

.detail-banner-section .banner-card .img-box img {
  width: 100%;
  height: 100%;
  max-height: 540px;
}
@media all and (max-width: 991.98px) {
  .detail-banner-section .banner-card .img-box img {
    max-height: 392px;
  }
}
@media screen and (max-width: 375px) {
  .detail-banner-section .banner-card .img-box img {
    max-height: 174px;
  }
}
.detail-banner-section .pagination-bar {
  margin-bottom: 33px;
}
@media all and (max-width: 991.98px) {
  .detail-banner-section .pagination-bar {
    margin-bottom: 17px;
  }
}

/***** Responsive web design*****/
.offers-detail-popup {
  padding-right: 0px !important;
}
@media screen and (min-width: 1200px) {
  .offers-detail-popup .modal-dialog.modal-xl {
    max-width: 970px;
  }
}
@media screen and (min-width: 992px) {
  .offers-detail-popup .modal-dialog.modal-xl, .offers-detail-popup .modal-dialog.modal-lg {
    max-width: 970px;
  }
}
@media screen and (min-width: 575.98px) and (max-width: 991.98px) {
  .offers-detail-popup .modal-dialog.modal-xl, .offers-detail-popup .modal-dialog.modal-lg {
    max-width: 90%;
  }
}
.offers-detail-popup .modal-content {
  border-radius: 12px;
}
.offers-detail-popup .modal-header {
  padding: 0.25rem 1rem;
}
.offers-detail-popup .modal-header .close {
  margin: -0.25rem -1rem -0.25rem auto;
  border-radius: 12px;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.offers-detail-popup .modal-header button.close {
  margin: -0.25rem -1rem -0.25rem auto !important;
  min-width: auto;
}
@media all and (max-width: 991.98px) {
  .offers-detail-popup .modal-header button.close {
    width: auto;
  }
}
.offers-detail-popup .modal-body.body-section {
  padding: 24px;
}
.offers-detail-popup .modal-body .offers-popup-area .popup-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 24px;
}
@media all and (max-width: 991.98px) {
  .offers-detail-popup .modal-body .offers-popup-area .popup-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 576px) {
  .offers-detail-popup .modal-body .offers-popup-area .popup-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.offers-detail-popup .modal-body .offers-popup-area .popup-row .col-left {
  width: 100%;
  max-width: 480px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0.55;
      flex-shrink: 0.55;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  margin: 0px auto;
}
.offers-detail-popup .modal-body .offers-popup-area .popup-row .col-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0.45;
      flex-shrink: 0.45;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.detail-photo-section .banner-area {
  width: 100%;
  height: auto;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
  max-width: 100%;
}
.detail-photo-section .banner-card .img-box {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 5;
}
.detail-photo-section .banner-card .img-box img {
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto 0 auto;
  width: 100%;
  height: 100%;
}
@media all and (max-width: 991.98px) {
  .detail-photo-section .banner-card .img-box img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.detail-photo-section .banner-card .img-box .view-all {
  display: block;
}
.detail-photo-section .banner-card .img-box .view-pc {
  display: block;
}
@media all and (max-width: 991.98px) {
  .detail-photo-section .banner-card .img-box .view-pc {
    display: none;
  }
}
@media all and (max-width: 640px) {
  .detail-photo-section .banner-card .img-box .view-pc {
    display: none;
  }
}
.detail-photo-section .banner-card .img-box .view-pad {
  display: none;
}
@media all and (max-width: 991.98px) {
  .detail-photo-section .banner-card .img-box .view-pad {
    display: block;
  }
}
@media all and (max-width: 640px) {
  .detail-photo-section .banner-card .img-box .view-pad {
    display: none;
  }
}
.detail-photo-section .banner-card .img-box .view-mb {
  display: none;
}
@media all and (max-width: 991.98px) {
  .detail-photo-section .banner-card .img-box .view-mb {
    display: none;
  }
}
@media all and (max-width: 640px) {
  .detail-photo-section .banner-card .img-box .view-mb {
    display: block;
  }
}

.center {
  text-align: center;
}

.none {
  display: none;
}

.hide-title {
  visibility: hidden;
  color: transparent;
}

/***** Responsive web design*****/
@media screen and (min-width: 768px) {
  .container-index {
    max-width: 734px;
    padding-right: 0;
    padding-left: 0;
  }
  .container-index.container, .container-index.container-md, .container-index.container-sm {
    max-width: 734px;
  }
}
@media screen and (min-width: 1240px) {
  .container-index {
    max-width: 1200px;
  }
  .container-index.container, .container-index.container-lg, .container-index.container-md, .container-index.container-sm, .container-index.container-xl {
    max-width: 1200px;
  }
}

.summary-list-section .offers-lists {
  margin-top: 40px;
}

.offers-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 992px) and (max-width: 1240px) {
  .offers-lists {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media all and (max-width: 991.98px) {
  .offers-lists {
    gap: 24px 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media all and (max-width: 640px) {
  .offers-lists {
    gap: 24px 16px;
  }
}

.item-group {
  max-width: 384px;
}
@media screen and (min-width: 992px) and (max-width: 1240px) {
  .item-group {
    max-width: 344px;
  }
}
@media all and (max-width: 991.98px) {
  .item-group {
    max-width: 344px;
  }
}
@media all and (max-width: 640px) {
  .item-group {
    max-width: 314px;
  }
}
.item-group .item-top {
  background-color: #FAFAFA;
  padding-top: 20px;
}
.item-group .item-top .pic-box a {
  display: block;
}
.item-group .item-top .pic-box img {
  width: 100%;
  border-radius: 10px 10px 0px 0px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  height: 214px;
  max-height: 214px;
}
@media all and (max-width: 991.98px) {
  .item-group .item-top .pic-box img {
    height: 192px;
    max-height: 192px;
  }
}
@media all and (max-width: 640px) {
  .item-group .item-top .pic-box img {
    height: 174px;
    max-height: 174px;
  }
}
.item-group .item-content {
  background-color: #FAFAFA;
  border-radius: 0px 0px 10px 10px;
  padding: 24px;
  word-break: break-all;
}
.item-group .item-content .item-title,
.item-group .item-content .item-title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  color: #333333;
}
.item-group .item-content .item-title {
  margin-bottom: 16px;
}
.item-group .item-content .item-title a {
  color: #333333;
}
.item-group .item-content .item-title a:hover, .item-group .item-content .item-title a:focus {
  color: #333333;
}
.item-group .item-content .text-ellipsis {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 20px;
  line-height: 32px;
  min-height: 64px;
}
@media all and (max-width: 991.98px) {
  .item-group .item-content .text-ellipsis {
    font-size: 18px;
    line-height: 24px;
    min-height: 44px;
  }
}
@media screen and (max-width: 767.98px) {
  .item-group .item-content .text-ellipsis {
    min-height: auto;
  }
}
.item-group .item-content .text-icon {
  margin-top: 3px;
}
@media all and (max-width: 991.98px) {
  .item-group .item-content .text-icon {
    margin-top: 0px;
  }
}
.item-group .item-content .item-subtitle {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 24px;
}
@media all and (max-width: 991.98px) {
  .item-group .item-content .item-subtitle {
    font-size: 15px;
    line-height: 22px;
  }
}
.item-group .item-content .item-subtitle.desc {
  font-weight: 400;
  height: 44px;
  overflow: hidden;
}
.item-group .item-content .item-subtitle.desc .text-ellipsis {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
}
@media all and (max-width: 991.98px) {
  .item-group .item-content .item-subtitle.desc .text-ellipsis {
    font-size: 15px;
    line-height: 22px;
  }
}
.item-group .item-content .item-subtitle.desc .text-limit {
  display: inline-block;
  word-break: break-all;
}
.item-group .item-content .item-date {
  font-size: 16px;
  line-height: 20px;
  margin: 24px auto;
}
@media all and (max-width: 991.98px) {
  .item-group .item-content .item-date {
    font-size: 15px;
    line-height: 22px;
  }
}
.list-btn-group.offers-btn-group {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.list-btn-group.offers-btn-group .btn-promo {
  font-size: 16px;
  line-height: 24px;
  min-width: 336px;
  padding: 0.375rem 0.75rem;
}
@media screen and (min-width: 992px) and (max-width: 1240px) {
  .list-btn-group.offers-btn-group .btn-promo {
    width: 100%;
    min-width: auto;
  }
}
@media all and (max-width: 991.98px) {
  .list-btn-group.offers-btn-group .btn-promo {
    min-width: auto;
  }
}

.offers-btn-group .offers-btn,
.offers-btn-group .offers-btn-lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  gap: 8px;
}
@media all and (max-width: 991.98px) {
  .offers-btn-group .offers-btn-lg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/***** Responsive web design *****/
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .container-mylist {
    max-width: 94%;
  }
  .container-mylist.container, .container-mylist.container-lg, .container-mylist.container-md, .container-mylist.container-sm {
    max-width: 94%;
  }
}
@media screen and (max-width: 767.98px) {
  .container-mylist {
    max-width: 540px;
  }
}

.mylist-section {
  margin-top: 24px;
}

.mylist-table {
  display: table;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  color: #333333;
  word-break: break-all;
}
@media all and (max-width: 991.98px) {
  .mylist-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 18px 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 767.98px) {
  .mylist-table {
    gap: 24px 16px;
  }
}
.mylist-table .table-tr {
  display: table-row;
  width: 100%;
}
@media all and (max-width: 991.98px) {
  .mylist-table .table-tr {
    width: 49%;
    border-radius: 10px;
    background-color: #FAFAFA;
    padding: 24px 24px;
  }
}
@media screen and (max-width: 767.98px) {
  .mylist-table .table-tr {
    width: 100%;
  }
}
.mylist-table .table-tr,
.mylist-table .table-td {
  min-height: 44px;
}
.mylist-table .table-tr-head,
.mylist-table .table-th {
  min-height: 32px;
}
.mylist-table .table-tr-head div:not(.btn-promo),
.mylist-table .table-th div:not(.btn-promo) {
  min-height: 32px;
}
@media screen and (max-width: 991.98px) {
  .mylist-table .table-tr-head {
    display: none;
  }
}
.mylist-table .table-th {
  color: #FFFFFF;
  font-weight: 700;
  background-color: #005BAC;
}
@media screen and (max-width: 767.98px) {
  .mylist-table .table-th {
    display: none;
    border-bottom: 0;
  }
}
.mylist-table .table-th div:not(.btn-promo) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mylist-table .table-th,
.mylist-table .table-td {
  display: table-cell;
  border-bottom: 1px solid #CCCCCC;
  padding: 16px 20px;
  vertical-align: middle;
  word-break: break-all;
}
@media all and (max-width: 991.98px) {
  .mylist-table .table-th,
  .mylist-table .table-td {
    border-bottom: 0px solid #CCCCCC;
    min-height: auto;
    margin-bottom: 16px;
  }
  .mylist-table .table-th:last-child,
  .mylist-table .table-td:last-child {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .mylist-table .table-th,
  .mylist-table .table-td {
    padding: 16px 8px;
  }
}
@media all and (max-width: 991.98px) {
  .mylist-table .table-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0px 0px;
  }
}
.mylist-table .text-ellipsis {
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media all and (max-width: 991.98px) {
  .mylist-table .text-ellipsis {
    font-size: 18px;
    line-height: 24px;
    min-height: 48px;
  }
}
@media screen and (max-width: 767.98px) {
  .mylist-table .text-ellipsis {
    min-height: auto;
  }
}
@media screen and (max-width: 360px) {
  .mylist-table .text-ellipsis {
    -webkit-line-clamp: 3;
  }
}
.mylist-table .td-head {
  display: none;
  font-weight: 700;
}
@media all and (max-width: 991.98px) {
  .mylist-table .td-head {
    display: block;
  }
}
.mylist-table .col-name {
  width: 30%;
}
.mylist-table .col-date {
  width: 12%;
}
.mylist-table .col-category,
.mylist-table .col-method {
  width: 10%;
}
.mylist-table .col-control {
  width: 38%;
}

@media screen and (min-width: 992px) and (max-width: 1160px) {
  .list-btn-group.mylist-btn-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (max-width: 991.98px) {
  .list-btn-group.mylist-btn-group {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.list-btn-group.mylist-btn-group .btn-promo {
  font-size: 15px;
  line-height: 22px;
  min-width: 107px;
}
.list-btn-group.mylist-btn-group .btn-promo:first-child, .list-btn-group.mylist-btn-group .btn-promo:last-child, .list-btn-group.mylist-btn-group .btn-promo:only-child {
  margin: 0px 0px 0px 0px;
}

.mylist-btn-group .mylist-btn,
.mylist-btn-group .mylist-btn-lg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  gap: 8px;
}
@media screen and (min-width: 992px) and (max-width: 1160px) {
  .mylist-btn-group .mylist-btn .btn-promo {
    min-width: 122px;
  }
}
@media all and (max-width: 991.98px) {
  .mylist-btn-group .mylist-btn-lg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.mylist-btn-group .mylist-btn-lg .btn-promo {
  min-width: 122px;
}

.soon-expire {
  color: #EB6100;
}

/***** Responsive web design *****/
@media screen and (min-width: 992px) {
  .container-offers-detail {
    max-width: 970px;
  }
  .container-offers-detail.container, .container-offers-detail.container-md, .container-offers-detail.container-sm {
    max-width: 970px;
  }
}
@media all and (max-width: 991.98px) {
  .container-offers-detail {
    max-width: 704px;
  }
}

.main-title.detail-main-title {
  font-size: 24px;
  line-height: 32px;
}
@media all and (max-width: 991.98px) {
  .main-title.detail-main-title {
    font-size: 20px;
    line-height: 27px;
  }
}
.main-title.detail-main-title .s-title {
  font-size: 20px;
  line-height: 28px;
}
@media all and (max-width: 991.98px) {
  .main-title.detail-main-title .s-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.offers-detail-wrapper {
  word-break: break-all;
}
.offers-detail-wrapper .row-group {
  margin-bottom: 24px;
}
.offers-detail-wrapper .row-group:last-child, .offers-detail-wrapper .row-group:only-child {
  margin-bottom: 0px;
}
.offers-detail-wrapper .sub-title,
.offers-detail-wrapper .content-info {
  word-break: break-all;
}
.offers-detail-wrapper .content-info {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  margin-left: 14px;
}
.offers-detail-wrapper .content-info .inner-text {
  word-break: break-all;
}
.offers-detail-wrapper .content-info p + .offers-download {
  margin-top: -1rem;
}
.offers-detail-wrapper .content-info .offers-code {
  border: 1px #aaa solid;
  margin-bottom: 4px;
  padding: 2px 8px;
  min-width: 80%;
}
.offers-detail-wrapper .content-info ul {
  list-style-type: disc;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0px;
          margin-inline-start: 0px;
  -webkit-margin-end: 0px;
          margin-inline-end: 0px;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.offers-detail-wrapper .content-info dl, .offers-detail-wrapper .content-info ol, .offers-detail-wrapper .content-info ul {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.offers-detail-wrapper .content-info dl:only-child, .offers-detail-wrapper .content-info ol:only-child, .offers-detail-wrapper .content-info ul:only-child {
  margin-top: 0rem;
}

.promo-content-wrapper .offers-detail-wrapper .content-info button {
  background-color: #FFFFFF;
  border: 1px solid #00A0E8;
  color: #00A0E8;
}
.promo-content-wrapper .offers-detail-wrapper .content-info button:hover {
  background-color: #4cb1de;
  border: 1px solid #4cb1de;
  color: #FFFFFF;
}
@media all and (max-width: 991.98px) {
  .promo-content-wrapper .offers-detail-wrapper .content-info button {
    width: auto;
  }
}
.promo-content-wrapper .offers-detail-wrapper .content-info a.btn-promo {
  display: inline-block;
}

.offers-download p + .download-box {
  margin-top: -1rem;
}
.btn-offers-download {
  padding: 11px 16px !important;
}
.btn-offers-download img.icon-offers {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 8px;
}

a.btn-offers-download {
  display: inline-block;
}
a.btn-offers-download:hover {
  text-decoration: none;
}

/***** Responsive web design *****/
/*========== 保戶優惠專區 ==========*/
@media screen and (min-width: 992px) {
  body.promo-detail-body .breadcrumbs-bar .container, body.promo-detail-body .breadcrumbs-bar .container-md, body.promo-detail-body .breadcrumbs-bar .container-sm {
    max-width: 970px;
  }
}
@media all and (max-width: 991.98px) {
  body.promo-detail-body .breadcrumbs-bar .container, body.promo-detail-body .breadcrumbs-bar .container-md, body.promo-detail-body .breadcrumbs-bar .container-sm {
    max-width: 704px;
  }
}
/***** 中間內容樣式 *****/
/***** Responsive web design *****/