html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;color:#333;letter-spacing:0.5px;
}

.tdBorder  table tbody tr td {
    border: 1px solid grey;
}
body {
    line-height: 1;
    font-family: "微軟正黑體", "Microsoft Jhenghei", sans-serif !important;
}
ol, ul {list-style: none;}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
input{font-size:14px;color:#555;font-family:"微軟正黑體", "Microsoft Jhenghei", sans-serif;outline:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);}
select{font-size:14px;color:#555;font-family:"微軟正黑體", "Microsoft Jhenghei", sans-serif;}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a{text-decoration:none;font-family:"微軟正黑體", "Microsoft Jhenghei", sans-serif;}

*, *:after, *:before {
  box-sizing: border-box;
}

samp{font-family:"微軟正黑體", "Microsoft Jhenghei", sans-serif;}
button{font-family:"微軟正黑體", "Microsoft Jhenghei", sans-serif;}

#navbar {
  background-color:#fff; /* Black background color */
  position: relative;; /* Make it stick/fixed */
  top: 0; /* Stay on top */
  width: 100%; /* Full width */
  transition: top 5s; /* Transition effect when sliding down (and up) */
}


.animenu__toggle {
  display:none;
  cursor:pointer;
  background-color: #fff;
  border:0;padding:10px 12px;height:38px;width:38px;position:relative;right:0px;top:16px;}
  
.animenu__toggle:hover {background-color:#fff;}

.animenu__toggle__bar {
  display: block;
  width:25px;
  height:2px;position:relative;right:15px;
  background-color:#333;
  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
}
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top:5px;}

.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
  
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animenu {
  display: block;
}
.animenu ul {
  padding: 0;
  list-style: none;
}
.animenu li, .animenu a {
  display: inline-block;
  font-size: 15px;
}
.animenu a {
  color: #aaaaaa;
  text-decoration: none;
}

.animenu__nav {padding:0;width:100%;display:flex;justify-content:center;background:#3e3a39;}
.animenu__nav > li {padding:0;}

.animenu__nav > li > a {color:#ffffe8;text-align:center;font-size:14px;width:100%;display:block;padding:15px 35px 15px 15px;
  background:url(../images/menu-arrow.png) no-repeat right 22px;}
.animenu__nav > li > a:first-child:nth-last-child(2):before {}

.animenu__nav > li:hover > ul {
  opacity: 1;
  visibility:visible;
  margin: 0;padding:0px;
}
.animenu__nav > li:hover > a {}
  
.animenu__nav > li:last-child {background-image:none;}



.animenu__nav__child {
  position: absolute;width:320px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;box-sizing: border-box;
  margin:30px 0 0 0;background:url(../images/Black-bg-2.png) repeat; 
  transition: margin .30s, opacity .30s;display: flex;flex-wrap: wrap;
}
/**/
.animenu__nav__child > li:last-child {
  border: 0;
}
.animenu__nav__child li{width:50%;}
.animenu__nav__child a {
  padding:10px 15px;font-family:"微軟正黑體", "Microsoft Jhenghei", sans-serif;color:#fff;width:100% ;font-size:14px;display: block;}
.animenu__nav > li > .animenu__nav__child a:hover {color:#0071ba;}



@media (max-width:979px) {
  .animenu__toggle {
    display: inline-block;margin:5px 0px 0 0;position:absolute; z-index:5;right:0;}

  .animenu__nav,
  .animenu__nav__child {display:none; margin:0;}
  .animenu__nav > li > ul {display:none;}

  .animenu__nav {margin:0px 0 40px 0;background:#555;color:#fff;width:100%;position:absolute; z-index:99;right:0;}
  .animenu__nav > li {
    width:100%;padding:0px 0;margin:0;border-right:0;background-image:none;border-bottom:1px solid #878787;}
  .animenu__nav > li:last-child {border:0;margin:0 auto;padding:0;}
  .animenu__nav > li:first-child > a:after {
    content: '';
    position: absolute; 
    height: 0;
    width: 0;
    left: 0em;
    border-top: 0;
    border-bottom-color: inherit;margin:0 auto; }
 
  .animenu__nav > li > a {
    width: 100%;font-weight:400;text-align: left; 
    padding:15px 0 15px 20px;color:#fff;line-height:20px;
    position:relative;margin:0;
  }
  .animenu__nav > li:hover > a {
    color: #fff;}

  .animenu__nav > li > a:hover {margin:0 auto 0px auto;color:#fff;}
  .animenu__nav__child {
    position: static;
    margin: 0;top:100%;
    transition: none;
    visibility:visible; padding:0;
    opacity: 1;
  }
  .animenu__nav__child div > li:first-child > a:after {content: none;left:0;}
  .animenu__nav > li:hover > a {opacity:1;}

.menu-bnt{margin:15px 20px;}
.animenu__nav__child{width:100%;}
.animenu__nav__child li {width:100%;}
.animenu__nav__child a {width:100%;display: block;padding:5px 40px 15px 20px;background:#444;}
.animenu__nav > li > .animenu__nav__child a:hover{width:100%;display: block;padding:5px 40px 5px 14px;}
}

.row.pageQnA{margin: 0 0 30px;}
h2.pageQnA{font-size: 24px;font-weight: 600;display: block;width: 100%;margin: 0 0 20px;}
.collapse-badgeCycle {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
  border-radius: 50%;
  color: #fff;
  background-color: #d2ba64;
  margin: 0 10px 0 0;
}
.collapse-badgeCycle.black{background-color: #333;}
.collapse-Title{display: block;overflow: hidden;font-size: 1rem;line-height: 36px;color: #333;}
.collapse-Content{display: block;overflow: hidden;padding: 5px 0 0;margin: 0;}
.card.noBorder{border: none;}
.card-header.bg-fff{background-color: #fff;}
.card-body.bg-f3f3f3{background-color: #f3f3f3;}

.borderB{border-bottom: 1px solid #e5e5e5;}
.bg-fff{background-color: #fff;}
.bg-f3f3f3{background-color: #f3f3f3;}
.bg-eaeaea{background-color: #eaeaea;}
.bg-transparent{background-color: transparent;}
.float-L{float: left;}
.float-R{float: right;}
.textAlign-R{text-align: right;}
.padding-20{padding: 20px;}
.paddingB-20{padding-bottom: 20px;}
.paddingB-30{padding-bottom: 30px;}
.paddingB-40{padding-bottom: 40px;}
.paddingB-50{padding-bottom: 50px;}
.paddingB-100{padding-bottom: 100px;}
.paddingB-150{padding-bottom: 150px;}
.paddingT-20{padding-top: 20px;}
.paddingT-50{padding-top: 50px;}
.paddingL-0{padding-left: 0;}
.paddingL-5{padding-left: 5px;}
.paddingL-10{padding-left: 10px;}
.paddingL-15{padding-left: 15px;}
.paddingR-0{padding-right: 0;}
.paddingR-5{padding-right: 5px;}
.paddingR-10{padding-right: 10px;}
.margin-0{margin: 0;}
.marginB-0{margin-bottom: 0;}
.marginB-5{margin-bottom: 5px;}
.marginB-10{margin-bottom: 10px;}
.marginB-15{margin-bottom: 15px;}
.marginB-20{margin-bottom: 20px;}
.marginB-40{margin-bottom: 20px;}
.marginB-50{margin-bottom: 50px;}
.marginB-150{margin-bottom: 150px;}
.marginT-15{margin-top: 15px;}
.marginL-5{margin-left: 5px;}
.marginR-5{margin-right: 5px;}
.marginR-10{margin-right: 10px;}
.marginR-1r{margin-right: 1rem;}
.marginTB-10{margin-top: 10px;margin-bottom: 10px;}
.margin-0A{margin: 0 auto;}
.width55pa{width: 55%;}
.width100pa{width: 100%;}
.positionR{position: relative;}
.positionR .fas{position: absolute;}
.positionR .fas.t11r20{top: 11px;right: 20px;}
.positionR .fas.t11r0{top: 11px;right: 0px;margin-right:-15px}
.displayN{display: none !important;}
.displayB{display: block !important;}
.displayIB{display: inline-block !important;}
.textAlign-C{text-align: center;}
a:hover{text-decoration: none !important;}

.flexD-rr{flex-direction: row-reverse;}
.flex-JC-sb{justify-content: space-between}
.flex-AI-c{align-items: center;}

@media only screen and (max-width: 767.98px) {
  .sm-paddingRL-15{padding-left: 15px;padding-right: 15px;}
}

.nav-link {
    color: #fff;
    background-color: #AB4E48;
    padding: 1.25rem 1rem;
}
.nav-link:hover{opacity: .8;color: #fff;}
.nav-pills .nav-link {border-radius: 0 !important;}
.nav-pills .nav-link.active{background-color: #800000;position: relative;}
.nav-pills .nav-link.active:after {
  border-color: #800000 transparent transparent; 
  border-style: solid solid solid solid; 
  border-width: 20px; 
  bottom: -33px;

  /* 必須指定，才能顯示內容 */
  content: "";

  height: 0px;
  left: 50%; 

  /* 必須指定，否則會變梯形 */
  position: absolute;

  width: 0px;
  transform: translateX(-50%);
}
.tab-pane .tab-item{padding: 25px 20px;}
.tab-pane .tab-item:nth-child(4n+2), .tab-pane .tab-item:nth-child(4n+3){background-color: #f9f9f9;}
.tab-pane .tab-item i{margin: 0 20px 0 0;color: #787878;}
.tab-pane .tab-item p{display: inline-block;color: #787878;}
.tab-pane .tab-item:hover i, .tab-pane .tab-item:hover p{color: #9a3d37;}
.breadcrumb-item+.breadcrumb-item::before {content: ">" !important;}

@media only screen and (max-width: 767.98px) {
  .tab-pane .tab-item:nth-child(4n+2), .tab-pane .tab-item:nth-child(4n+3){background-color: transparent;}
  .tab-pane .tab-item:nth-child(odd){background-color: #f9f9f9;}
  .nav-responsive-sm{display: block;width: 100%;overflow-x: auto;}
  .nav-responsive-sm > ul{background-color: #9a3d37;width: auto;white-space: nowrap;display: inline-block;}
  .nav-responsive-sm > ul > li{min-width: 150px;display: inline-block;}
}

.title-banner{height: 105px;padding: 0 20px;}
.title-banner p{line-height: 105px;color: #fff;font-size: 32px;font-weight: 600;}
.contactus-note{line-height: 30px; margin: 0 10px 0 0;}
.contactus-icon{margin: 0 10px 0 0;}
.contactus-form{padding: 30px 20px;background-color: #fff;border-top: 5px solid #3b7fab;background-image: url(../images/contactus-bg.png);background-repeat: no-repeat;background-position: 90% 90%;}
.verification-bar img{display: block;float: left;margin: 0 10px 0 0;}
.verification-bar .fas{line-height: 36px;}
.contactus-link{line-height: 38px;}

.profile-title{font-size: 22px;font-weight: 600;padding-left: 0;}
.profile-send{text-align: right;color: #333;line-height: 22px;}
.profile-input > label{font-weight: 600;padding: 18px 15px;background-color: #eaeaea;}
.profile-input > div{line-height: 38px;padding: 11px 15px;}
.profile-input .form-check-input{margin-top: .9rem;}
.profile-input .form-check-label{color: #787878;}
.profile-download{font-size: 14px;color: #aaa;line-height: 1.125rem;margin-left: 5px;}
.profile-dollar{font-size: 14px;color: #3c80ac;font-weight: 600;}
.profile-submit{padding: 10px 50px;}

@media only screen and (max-width: 767.98px) {
  .profile-title, .profile-dollar{padding-left: 15px;}
  .profile-download{display: block;}
}

.custom-control-inline{line-height: 38px;}
.custom-control-label::before, .custom-control-label::after{top: .7rem;}

.BonusPoints-label{min-height: 105px;height: 100%;background-color: #f3f3f3;padding: 18px 20px;}
.BonusPoints-label > img{float: left;height: 68px;margin: 0 10px 0 0;}
.BonusPoints-label > div{overflow: hidden;text-align: center;}
.BonusPoints-label > div p{font-size: 16px;color: #333;}
.BonusPoints-label > div span{font-size: 25px;color: #333;}
.BonusPoints-title{font-size: 22px;font-weight: 600;padding-left: 15px;line-height: 38px;}

.BenefitsAndRates-note{position: absolute;top: 0;left: 0;padding: 0 15px;}
.BenefitsAndRates-note-p{display: inline-block;line-height: 30px; color: #787878;}

@media only screen and (max-width: 767.98px) {
  .BenefitsAndRates-note{width: 75%;}
  .BenefitsAndRates-note-p{margin-bottom: .75rem;}
  .BonusPoints-label > div p{min-height: 32px;}
}

.page-link{float: left;border: none;color: #333;padding: .5rem .82rem;}
.page-item.active .page-link{border-radius: 50%;background-color: #195a84;}
.page-item-num::after{content: "·";display: block;float: left; width: 36px;line-height: 36px; text-align: center;}

.report-form{padding: 0 0 50px;background-color: #fff;border-top: 5px solid #9a3d37;}


.btn-default{border-color: #d9d9d9;background-image: linear-gradient(#ffffff, #f2f2f2);}
.btn-default:hover {background: linear-gradient(#f2f2f2, #e6e6e6);}