/* Reset Code */

.fl {	float: left;}
.fr {	float: right;}

.w-10 {width: 10% !important; }
.w-15 {width: 15% !important; }
.w-20 {width: 20% !important; }
.w-25 {width: 25% !important; }
.w-30 {width: 30%; }
.w-35 {width: 35%; }
.w-40 {width: 40%; }
.w-50 {width: 50% !important; }
.w-60 {width: 60% !important; }
.w-70 {width: 70% !important; }
.w-75 {width: 75% !important; }
.w-80 {width: 80% !important; }
.w-85 {width: 85% !important; }
.w-90 {width: 90% !important; }
.w-100 {width: 100% !important; }
.w-auto {width: auto !important; }
.mw-100 {max-width: 100% !important; }

.w_14 {  width: 14px; }
.w_18 {  width: 18px; }
.w_20 {  width: 20px; }
.w_52 {  min-width: 52px; }
.w_62 {  min-width: 62px; }
.w_90 {  min-width: 90px; }
.w_60 {  width: 60px; }
.w_80 {  width: 80px; }
.w_168 {  width: 168px; }
.w_190 {  width: 190px; }

.h-25 {height: 25% !important; }
.h-50 {height: 50% !important; }
.h-75 {height: 75% !important; }
.h-100 {height: 100% !important; }
.h-auto {height: auto !important; }
.mh-100 {max-height: 100% !important; }

/*background */
.bg-primary {
  background-color: #C8102E !important; }

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #990c23 !important; }

.bg-secondary {
  background-color: #111111 !important; }

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: black !important; }

.bg-success {
  background-color: #28a745 !important; }

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important; }

.bg-info {
  background-color: #d9edf7 !important; }

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #afd9ee !important; }

.bg-warning {
  background-color: #ffc107 !important; }

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important; }

.bg-danger {
  background-color: #C8102E !important; }

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important; }

.bg-light {
  background-color: #F6F6F6 !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dddddd !important; }

.bg-dark {
  background-color: #2C2A2A !important; }

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #121111 !important; }

.bg-gray {
  background-color: #8F8B8B !important; }

a.bg-gray:hover, a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
  background-color: #767171 !important; }

.bg-gray-pale {
	background: #f9f9f9;
}

.bg-gray-light {
  background-color: #f9f9f9 !important; }

.bg-gray-dark {
  background-color: #2C2A2A !important; }

a.bg-gray-dark:hover, a.bg-gray-dark:focus,
button.bg-gray-dark:hover,
button.bg-gray-dark:focus {
  background-color: #121111 !important; }

.bg-white {
  background-color: #fff !important; }

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: #e6e6e6 !important; }

.bg-black {
  background-color: #111111 !important; }

a.bg-black:hover, a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
  background-color: black !important; }

.bg-blue {
  background-color: #007bff !important; }

a.bg-blue:hover, a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: #0062cc !important; }

.bg-white {
  background-color: #fff !important; }

.bg-gold {
  background-color: #ccac5e !important; }

.bg-transparent {
  background-color: transparent !important; }
.bg-cream {
  background-color: #f7f1e3 !important; }

/*text style */
.text-line-clamp2 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }

.text-xs {  font-size: 0.75em; }
.text-sm {  font-size: 0.875em; }
.text-base {  font-size: 1em ; }
.text-lg {  font-size: 1.8rem; }
.text-xl {  font-size: 1.8em; }
.text-2xl {  font-size: 2.25em; }
.text-justify {  text-align: justify; }
.text-wrap {  white-space: normal; }
.text-nowrap {  white-space: nowrap; }
.text-truncate { 
	overflow: hidden;  
	-o-text-overflow: 
		ellipsis; text-overflow: 
			ellipsis; 
	white-space: nowrap; 
}
.text-left h2{ 
    font-size: 1.2em;
    font-weight: 600;
	margin: 0 0 15px;
}
.text-right {  text-align: right; }
.text-center {  text-align: center; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase {  text-transform: uppercase; }
.text-capitalize {  text-transform: capitalize  }

.font-weight-light {  font-weight: 300; }
.font-weight-lighter {font-weight: lighter; }
.font-weight-normal {  font-weight: 400; }
.font-weight-medium { font-weight: 500; }
.font-weight-bold { font-weight: 700; }
.font-weight-bolder {  font-weight: bolder; }
.font-italic {  font-style: italic; }

/*text color */
.text-white {  color: #fff; }

.text-primary {  color: #337ab7; }
a.text-primary:hover, a.text-primary:focus {
  color: #286090; }

.text-secondary { color: #111111; }
a.text-secondary:hover, a.text-secondary:focus {
  color: black; }

.text-success { color: #28a745; }
a.text-success:hover, a.text-success:focus {
  color: #19692c; }

.text-warning {  color: #ffc107; }
a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00; }

.text-danger {  color: #dc3545 ; }
a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a ; }

.text-dark {  color: #2C2A2A ; }
a.text-dark:hover, a.text-dark:focus {  color: #050505 ; }

.text-gray-dark { color: #333 ; }
a.text-gray-dark:hover, a.text-gray-dark:focus {
  color: #050505 ; }

.text-light {color: #F6F6F6 ; }
a.text-light:hover, a.text-light:focus {
  color: #d0d0d0 ; }

.text-gray {  color: #8F8B8B ; }
a.text-gray:hover, a.text-gray:focus {  color: #696565 ; }

.text-gray-light {  color: #BCBBBB  ; }
a.text-gray-light:hover, a.text-gray-light:focus {  color: #8F8B8B ; }


.text-white {  color: #fff ; }
a.text-white:hover, a.text-white:focus {
  color: #d9d9d9 ; }

.text-black { color: #111111 ; }
a.text-black:hover, a.text-black:focus {
  color: black ; }

.text-blue { color: #007bff ; }

.text-deepblue { color: #0f6674; }

.text-lightblue{color: #10BCC0; }
a.text-lightblue:hover, a.text-lightblue:focus { color: #0056b3 ; }

.text-gold{color: #C6B423; }
a.text-gold:hover, a.text-gold:focus {  color: #867D03 ; }

.text-magenta-dark{color: #8B008B; }

.text-orange{color: orange; }

.text-yellow{color: #FFE500; }

/*** margin + ***/
.mx-center25{
	margin: 0 12.5%;
}
.m-0 { margin: 0 !important; }
.mt-0,.my-0 {margin-top: 0 !important; }
.mr-0,.mx-0 {margin-right: 0 !important; }
.mb-0,.my-0 {margin-bottom: 0 !important; }
.ml-0,.mx-0 {margin-left: 0 !important; }
.m-1 {margin: 0.25rem !important; }
.mt-1,.my-1 {margin-top: 0.25rem !important; }
.mr-1,.mx-1 {margin-right: 0.25rem !important; }
.mb-1,.my-1 {margin-bottom: 0.25rem !important; }
.ml-1,.mx-1 {margin-left: 0.25rem !important; }
.m-2 {margin: 0.375rem !important; }
.mt-2,.my-2 { margin-top: 0.375rem !important; }
.mr-2,.mx-2 {margin-right: 0.375rem !important; }
.mb-2,.my-2 {margin-bottom: 0.375rem !important; }
.ml-2,.mx-2 {margin-left: 0.375rem !important; }
.m-3 {margin: 0.5rem !important; }
.mt-3,.my-3 {margin-top: 0.5rem !important; }
.mr-3,.mx-3 {margin-right: 0.5rem !important; }
.mb-3,.my-3 {margin-bottom: 0.5rem !important; }
.ml-3,.mx-3 {margin-left: 0.5rem !important; }
.m-4 {margin: 0.625rem !important; }
.mt-4,.my-4 {margin-top: 0.625rem !important; }
.mr-4,.mx-4 {margin-right: 0.625rem !important; }
.mb-4,.my-4 {margin-bottom: 0.625rem !important; }
.ml-4,.mx-4 {margin-left: 0.625rem !important; }
.m-5 { margin: 0.75rem !important; }
.mt-5,.my-5 {margin-top: 0.75rem !important; }
.mr-5,.mx-5 {margin-right: 0.75rem !important; }
.mb-5,.my-5 {margin-bottom: 0.75rem !important; }
.ml-5,.mx-5 {margin-left: 0.75rem !important; }
.m-6 {margin: 1rem !important; }
.mt-6,.my-6 {margin-top: 1rem !important; }
.mr-6,.mx-6 {margin-right: 1rem !important; }
.mb-6,.my-6 {margin-bottom: 1rem !important; }
.ml-6,.mx-6 {margin-left: 1rem !important; }
.m-7 {margin: 1.125rem !important; }
.mt-7,.my-7 {margin-top: 1.125rem !important; }
.mr-7,.mx-7 {margin-right: 1.125rem !important; }
.mb-7,.my-7 {margin-bottom: 1.125rem !important; }
.ml-7,.mx-7 {margin-left: 1.125rem !important; }
.m-8 {margin: 1.25rem !important; }
.mt-8,.my-8 {margin-top: 1.25rem !important; }
.mr-8,.mx-8 {margin-right: 1.25rem !important; }
.mb-8,.my-8 {margin-bottom: 1.25rem !important; }
.ml-8,.mx-8 {margin-left: 1.25rem !important; }
.m-9 {margin: 1.375rem !important; }
.mt-9,.my-9 {margin-top: 1.375rem !important; }
.mr-9,.mx-9 {margin-right: 1.375rem !important; }
.mb-9,.my-9 {margin-bottom: 1.375rem !important; }
.ml-9,.mx-9 {margin-left: 1.375rem !important; }
.m-10 {margin: 1.5rem !important; }
.mt-10,.my-10 {margin-top: 1.5rem !important; }
.mr-10,.mx-10 {margin-right: 1.5rem !important; }
.mb-10,.my-10 {margin-bottom: 1.5rem !important; }
.ml-10,.mx-10 {margin-left: 1.5rem !important; }
.m-11 {margin: 1.625rem !important; }
.mt-11,.my-11 {margin-top: 1.625rem !important; }
.mr-11,.mx-11 {margin-right: 1.625rem !important; }
.mb-11,.my-11 {margin-bottom: 1.625rem !important; }
.ml-11,.mx-11 {margin-left: 1.625rem !important; }
.m-12 {margin: 1.875rem !important; }
.mt-12,.my-12 {margin-top: 1.875rem !important; }
.mr-12,.mx-12 {margin-right: 1.875rem !important; }
.mb-12,.my-12 {margin-bottom: 1.875rem !important; }
.ml-12,.mx-12 {margin-left: 1.875rem !important; }
.m-13 {margin: 2rem !important; }
.mt-13,.my-13 {margin-top: 2rem !important; }
.mr-13,.mx-13 {margin-right: 2rem !important; }
.mb-13,.my-13 {margin-bottom: 2rem !important; }
.ml-13,.mx-13 {margin-left: 2rem !important; }
.m-14 {margin: 2.5rem !important; }
.mt-14,.my-14 {margin-top: 2.5rem !important; }
.mr-14,.mx-14 {margin-right: 2.5rem !important; }
.mb-14,.my-14 {margin-bottom: 2.5rem !important; }
.ml-14,
.mx-14 {
  margin-left: 2.5rem !important; }
.m-15 {
  margin: 2.625rem !important; }
.mt-15,
.my-15 {
  margin-top: 2.625rem !important; }
.mr-15,
.mx-15 {
  margin-right: 2.625rem !important; }
.mb-15,
.my-15 {
  margin-bottom: 2.625rem !important; }

.ml-15,
.mx-15 {
  margin-left: 2.625rem !important; }
.m-16 {
  margin: 2.875rem !important; }
.mt-16,
.my-16 {
  margin-top: 2.875rem !important; }
.mr-16,
.mx-16 {
  margin-right: 2.875rem !important; }
.mb-16,
.my-16 {
  margin-bottom: 2.875rem !important; }
.ml-16,
.mx-16 {
  margin-left: 2.875rem !important; }
.m-17 {
  margin: 3.125rem !important; }
.mt-17,
.my-17 {
  margin-top: 3.125rem !important; }
.mr-17,
.mx-17 {
  margin-right: 3.125rem !important; }
.mb-17,
.my-17 {
  margin-bottom: 3.125rem !important; }
.ml-17,
.mx-17 {
  margin-left: 3.125rem !important; }
.m-18 {
  margin: 3.5rem !important; }
.mt-18,
.my-18 {
  margin-top: 3.5rem !important; }
.mr-18,
.mx-18 {
  margin-right: 3.5rem !important; }
.mb-18,
.my-18 {
  margin-bottom: 3.5rem !important; }
.ml-18,
.mx-18 {
  margin-left: 3.5rem !important; }
.m-19 {
  margin: 3.75rem !important; }
.mt-19,
.my-19 {
  margin-top: 3.75rem !important; }
.mr-19,
.mx-19 {
  margin-right: 3.75rem !important; }

.mb-19,
.my-19 {
  margin-bottom: 3.75rem !important; }

.ml-19,
.mx-19 {
  margin-left: 3.75rem !important; }

.m-20 {
  margin: 4rem !important; }

.mt-20,
.my-20 {
  margin-top: 4rem !important; }

.mr-20,
.mx-20 {
  margin-right: 4rem !important; }

.mb-20,
.my-20 {
  margin-bottom: 4rem !important; }

.ml-20,
.mx-20 {
  margin-left: 4rem !important; }

.m-21 {
  margin: 5rem !important; }

.mt-21,
.my-21 {
  margin-top: 5rem !important; }

.mr-21,
.mx-21 {
  margin-right: 5rem !important; }

.mb-21,
.my-21 {
  margin-bottom: 5rem !important; }

.ml-21,
.mx-21 {
  margin-left: 5rem !important; }

.m-22 {
  margin: 6.25rem !important; }

.mt-22,
.my-22 {
  margin-top: 6.25rem !important; }

.mr-22,
.mx-22 {
  margin-right: 6.25rem !important; }

.mb-22,
.my-22 {
  margin-bottom: 6.25rem !important; }

.ml-22,
.mx-22 {
  margin-left: 6.25rem !important; }


.m-auto {margin: auto !important; }
.mt-auto,.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }
.mb-auto,.my-auto {
  margin-bottom: auto !important; }
.ml-auto,.mx-auto {
  margin-left: auto !important; }

/*** margin - ***/
.m-n1 {margin: -0.25rem !important; }
.mt-n1,.my-n1 {
  margin-top: -0.25rem !important; }
.mr-n1,.mx-n1 {
  margin-right: -0.25rem !important; }
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.375rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.375rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.375rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.375rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.375rem !important; }

.m-n3 {
  margin: -0.5rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -0.5rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -0.5rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -0.5rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -0.5rem !important; }

.m-n4 {
  margin: -0.625rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -0.625rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -0.625rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -0.625rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -0.625rem !important; }

.m-n5 {
  margin: -0.75rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -0.75rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -0.75rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -0.75rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -0.75rem !important; }

.m-n6 {
  margin: -1rem !important; }

.mt-n6,
.my-n6 {
  margin-top: -1rem !important; }

.mr-n6,
.mx-n6 {
  margin-right: -1rem !important; }

.mb-n6,
.my-n6 {
  margin-bottom: -1rem !important; }

.ml-n6,
.mx-n6 {
  margin-left: -1rem !important; }

.m-n7 {
  margin: -1.125rem !important; }

.mt-n7,
.my-n7 {
  margin-top: -1.125rem !important; }

.mr-n7,
.mx-n7 {
  margin-right: -1.125rem !important; }

.mb-n7,
.my-n7 {
  margin-bottom: -1.125rem !important; }

.ml-n7,
.mx-n7 {
  margin-left: -1.125rem !important; }

.m-n8 {
  margin: -1.25rem !important; }

.mt-n8,
.my-n8 {
  margin-top: -1.25rem !important; }

.mr-n8,
.mx-n8 {
  margin-right: -1.25rem !important; }

.mb-n8,
.my-n8 {
  margin-bottom: -1.25rem !important; }

.ml-n8,
.mx-n8 {
  margin-left: -1.25rem !important; }

.m-n9 {
  margin: -1.375rem !important; }

.mt-n9,
.my-n9 {
  margin-top: -1.375rem !important; }

.mr-n9,
.mx-n9 {
  margin-right: -1.375rem !important; }

.mb-n9,
.my-n9 {
  margin-bottom: -1.375rem !important; }

.ml-n9,
.mx-n9 {
  margin-left: -1.375rem !important; }

.m-n10 {
  margin: -1.5rem !important; }

.mt-n10,
.my-n10 {
  margin-top: -1.5rem !important; }

.mr-n10,
.mx-n10 {
  margin-right: -1.5rem !important; }

.mb-n10,
.my-n10 {
  margin-bottom: -1.5rem !important; }

.ml-n10,
.mx-n10 {
  margin-left: -1.5rem !important; }

.m-n11 {
  margin: -1.625rem !important; }

.mt-n11,
.my-n11 {
  margin-top: -1.625rem !important; }

.mr-n11,
.mx-n11 {
  margin-right: -1.625rem !important; }

.mb-n11,
.my-n11 {
  margin-bottom: -1.625rem !important; }

.ml-n11,
.mx-n11 {
  margin-left: -1.625rem !important; }

.m-n12 {
  margin: -1.875rem !important; }

.mt-n12,
.my-n12 {
  margin-top: -1.875rem !important; }

.mr-n12,
.mx-n12 {
  margin-right: -1.875rem !important; }

.mb-n12,
.my-n12 {
  margin-bottom: -1.875rem !important; }

.ml-n12,
.mx-n12 {
  margin-left: -1.875rem !important; }

.m-n13 {
  margin: -2rem !important; }

.mt-n13,
.my-n13 {
  margin-top: -2rem !important; }

.mr-n13,
.mx-n13 {
  margin-right: -2rem !important; }

.mb-n13,
.my-n13 {
  margin-bottom: -2rem !important; }

.ml-n13,
.mx-n13 {
  margin-left: -2rem !important; }

.m-n14 {
  margin: -2.5rem !important; }

.mt-n14,
.my-n14 {
  margin-top: -2.5rem !important; }

.mr-n14,
.mx-n14 {
  margin-right: -2.5rem !important; }

.mb-n14,
.my-n14 {
  margin-bottom: -2.5rem !important; }

.ml-n14,
.mx-n14 {
  margin-left: -2.5rem !important; }

.m-n15 {
  margin: -2.625rem !important; }

.mt-n15,
.my-n15 {
  margin-top: -2.625rem !important; }

.mr-n15,
.mx-n15 {
  margin-right: -2.625rem !important; }

.mb-n15,
.my-n15 {
  margin-bottom: -2.625rem !important; }

.ml-n15,
.mx-n15 {
  margin-left: -2.625rem !important; }

.m-n16 {
  margin: -2.875rem !important; }

.mt-n16,
.my-n16 {
  margin-top: -2.875rem !important; }

.mr-n16,
.mx-n16 {
  margin-right: -2.875rem !important; }

.mb-n16,
.my-n16 {
  margin-bottom: -2.875rem !important; }

.ml-n16,
.mx-n16 {
  margin-left: -2.875rem !important; }

.m-n17 {
  margin: -3.125rem !important; }

.mt-n17,
.my-n17 {
  margin-top: -3.125rem !important; }

.mr-n17,
.mx-n17 {
  margin-right: -3.125rem !important; }

.mb-n17,
.my-n17 {
  margin-bottom: -3.125rem !important; }

.ml-n17,
.mx-n17 {
  margin-left: -3.125rem !important; }

.m-n18 {
  margin: -3.5rem !important; }

.mt-n18,
.my-n18 {
  margin-top: -3.5rem !important; }

.mr-n18,
.mx-n18 {
  margin-right: -3.5rem !important; }

.mb-n18,
.my-n18 {
  margin-bottom: -3.5rem !important; }

.ml-n18,
.mx-n18 {
  margin-left: -3.5rem !important; }

.m-n19 {
  margin: -3.75rem !important; }

.mt-n19,
.my-n19 {
  margin-top: -3.75rem !important; }

.mr-n19,
.mx-n19 {
  margin-right: -3.75rem !important; }

.mb-n19,
.my-n19 {
  margin-bottom: -3.75rem !important; }

.ml-n19,
.mx-n19 {
  margin-left: -3.75rem !important; }

.m-n20 {
  margin: -4rem !important; }

.mt-n20,
.my-n20 {
  margin-top: -4rem !important; }

.mr-n20,
.mx-n20 {
  margin-right: -4rem !important; }

.mb-n20,
.my-n20 {
  margin-bottom: -4rem !important; }

.ml-n20,
.mx-n20 {
  margin-left: -4rem !important; }

.m-n21 {
  margin: -5rem !important; }

.mt-n21,
.my-n21 {
  margin-top: -5rem !important; }

.mr-n21,
.mx-n21 {
  margin-right: -5rem !important; }

.mb-n21,
.my-n21 {
  margin-bottom: -5rem !important; }

.ml-n21,
.mx-n21 {
  margin-left: -5rem !important; }

.m-n22 {
  margin: -6.25rem !important; }

.mt-n22,
.my-n22 {
  margin-top: -6.25rem !important; }

.mr-n22,
.mx-n22 {
  margin-right: -6.25rem !important; }

.mb-n22,
.my-n22 {
  margin-bottom: -6.25rem !important; }

.ml-n22,
.mx-n22 {
  margin-left: -6.25rem !important; }

/*** padding - ***/
.p-0 {padding: 0 !important; }
.pt-0,.py-0 {
  padding-top: 0 !important; }
.pr-0,.px-0 {
  padding-right: 0 !important; }
.pb-0,.py-0 {
  padding-bottom: 0 !important; }
.pl-0,.px-0 {
  padding-left: 0 !important; }
.p-1 {padding: 0.25rem !important; }
.pt-1,.py-1 {
  padding-top: 0.25rem !important; }
.pr-1,.px-1 {
  padding-right: 0.25rem !important; }
.pb-1,.py-1 {
  padding-bottom: 0.25rem !important; }
.pl-1,.px-1 {
  padding-left: 0.25rem !important; }
.p-2 {padding: 0.375rem !important; }
.pt-2,.py-2 {
  padding-top: 0.375rem !important; }
.pr-2,.px-2 {
  padding-right: 0.375rem !important; }
.pb-2,.py-2 {
  padding-bottom: 0.375rem !important; }
.pl-2,.px-2 {
  padding-left: 0.375rem !important; }
.p-3 {padding: 0.5rem !important; }
.pt-3,.py-3 {
  padding-top: 0.5rem !important; }
.pr-3,.px-3 {
  padding-right: 0.5rem !important; }
.pb-3,.py-3 {
  padding-bottom: 0.5rem !important; }
.pl-3,.px-3 {
  padding-left: 0.5rem !important; }
.p-4 {padding: 0.625rem !important; }
.pt-4,.py-4 {
  padding-top: 0.625rem !important; }
.pr-4,.px-4 {
  padding-right: 0.625rem !important; }
.pb-4,.py-4 {
  padding-bottom: 0.625rem !important; }
.pl-4,.px-4 {
  padding-left: 0.625rem !important; }
.p-5 {padding: 0.75rem !important; }
.pt-5,.py-5 {
  padding-top: 0.75rem !important; }
.pr-5,.px-5 {
  padding-right: 0.75rem !important; }
.pb-5,.py-5 {
  padding-bottom: 0.75rem !important; }
.pl-5,.px-5 {
  padding-left: 0.75rem !important; }
.p-6 {padding: 1rem !important; }
.pt-6,.py-6 {
  padding-top: 1rem !important; }
.pr-6,.px-6 {
  padding-right: 1rem !important; }
.pb-6,.py-6 {
  padding-bottom: 1rem !important; }
.pl-6,.px-6 {
  padding-left: 1rem !important; }
.p-7 {padding: 1.125rem !important; }
.pt-7,.py-7 {
  padding-top: 1.125rem !important; }
.pr-7,.px-7 {
  padding-right: 1.125rem !important; }
.pb-7,.py-7 {
  padding-bottom: 1.125rem !important; }
.pl-7,.px-7 {
  padding-left: 1.125rem !important; }
.p-8 {padding: 1.25rem !important; }
.pt-8,.py-8 {
  padding-top: 1.25rem !important; }
.pr-8,.px-8 {
  padding-right: 1.25rem !important; }
.pb-8,.py-8 {
  padding-bottom: 1.25rem !important; }
.pl-8,.px-8 {
  padding-left: 1.25rem !important; }
.p-9 {padding: 1.375rem !important; }
.pt-9,.py-9 {
  padding-top: 1.375rem !important; }
.pr-9,.px-9 {
  padding-right: 1.375rem !important; }
.pb-9,.py-9 {
  padding-bottom: 1.375rem !important; }
.pl-9,.px-9 {
  padding-left: 1.375rem !important; }
.p-10 {padding: 1.5rem !important; }
.pt-10,.py-10 {
  padding-top: 1.5rem !important; }
.pr-10,.px-10 {
  padding-right: 1.5rem !important; }
.pb-10,.py-10 {
  padding-bottom: 1.5rem !important; }
.pl-10,.px-10 {
  padding-left: 1.5rem !important; }
.p-11 {padding: 1.625rem !important; }
.pt-11,.py-11 {
  padding-top: 1.625rem !important; }

.pr-11,
.px-11 {
  padding-right: 1.625rem !important; }

.pb-11,
.py-11 {
  padding-bottom: 1.625rem !important; }

.pl-11,
.px-11 {
  padding-left: 1.625rem !important; }
.p-12 {
  padding: 1.875rem !important; }

.pt-12,
.py-12 {
  padding-top: 1.875rem !important; }

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

.pb-12,
.py-12 {
  padding-bottom: 1.875rem !important; }

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

.p-13 {
  padding: 2rem !important; }

.pt-13,
.py-13 {
  padding-top: 2rem !important; }

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

.pb-13,
.py-13 {
  padding-bottom: 2rem !important; }

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

.p-14 {
  padding: 2.5rem !important; }

.pt-14,
.py-14 {
  padding-top: 2.5rem !important; }

.pr-14,
.px-14 {
  padding-right: 2.5rem !important; }

.pb-14,
.py-14 {
  padding-bottom: 2.5rem !important; }

.pl-14,
.px-14 {
  padding-left: 2.5rem !important; }

.p-15 {
  padding: 2.625rem !important; }

.pt-15,
.py-15 {
  padding-top: 2.625rem !important; }

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

.pb-15,
.py-15 {
  padding-bottom: 2.625rem !important; }

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

.p-16 {
  padding: 2.875rem !important; }

.pt-16,
.py-16 {
  padding-top: 2.875rem !important; }

.pr-16,
.px-16 {
  padding-right: 2.875rem !important; }

.pb-16,
.py-16 {
  padding-bottom: 2.875rem !important; }

.pl-16,
.px-16 {
  padding-left: 2.875rem !important; }

.p-17 {
  padding: 3.125rem !important; }

.pt-17,
.py-17 {
  padding-top: 3.125rem !important; }

.pr-17,
.px-17 {
  padding-right: 3.125rem !important; }

.pb-17,
.py-17 {
  padding-bottom: 3.125rem !important; }

.pl-17,
.px-17 {
  padding-left: 3.125rem !important; }

.p-18 {
  padding: 3.5rem !important; }

.pt-18,
.py-18 {
  padding-top: 3.5rem !important; }

.pr-18,
.px-18 {
  padding-right: 3.5rem !important; }

.pb-18,
.py-18 {
  padding-bottom: 3.5rem !important; }

.pl-18,
.px-18 {
  padding-left: 3.5rem !important; }

.p-19 {
  padding: 3.75rem !important; }

.pt-19,
.py-19 {
  padding-top: 3.75rem !important; }

.pr-19,
.px-19 {
  padding-right: 3.75rem !important; }

.pb-19,
.py-19 {
  padding-bottom: 3.75rem !important; }

.pl-19,
.px-19 {
  padding-left: 3.75rem !important; }

.p-20 {
  padding: 4rem !important; }

.pt-20,
.py-20 {
  padding-top: 4rem !important; }

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

.pb-20,
.py-20 {
  padding-bottom: 4rem !important; }

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

.p-21 {
  padding: 5rem !important; }

.pt-21,
.py-21 {
  padding-top: 5rem !important; }

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

.pb-21,
.py-21 {
  padding-bottom: 5rem !important; }

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

.p-22 {
  padding: 6.25rem !important; }

.pt-22,
.py-22 {
  padding-top: 6.25rem !important; }

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

.pb-22,
.py-22 {
  padding-bottom: 6.25rem !important; }

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

.pt-23,
.py-23 {
  padding-left: 7.5rem !important; }



/*** botton Primary ***/
.bottonPrimary_6 {
  border-bottom: 6px solid #C8102E; }

.bottonGray {
  border-bottom: 1px solid #ced4da; } 


 
/*** button ***/
.buttonPrimary {
  width: 100px;
  text-align: center;
  border-bottom: 3px solid transparent; }
.buttonPrimary:hover {
    border-bottom: 3px solid #C8102E; }
.btn-orange {
  color: #fff;
  background-color: #fd5800;
}
.btn-orange:hover{
  background-color: #ef7321;
}

/*** border ***/
.border {  border: 1px solid #E0E0E0 ; }
.border-top {  border-top: 1px solid #E0E0E0 ; }
.border-top-bolder {  border-top: 3px solid #565656 ;
}
.border-bottom-bolder {  border-bottom: 3px solid #565656 ;
}
.border-right {  border-right: 1px solid #E0E0E0 ; }
.border-bottom {  border-bottom: 1px solid #E0E0E0 ; }
.border-left { border-left: 1px solid #E0E0E0 ; }
.border-0 {  border: 0 ; }
.border-top-0 {  border-top: 0 ; }
.border-right-0 {  border-right: 0 ; }
.border-bottom-0 {  border-bottom: 0 ; }
.border-left-0 {  border-left: 0 ; }
.border-primary {  border-color: #C8102E ; }
.border-secondary {  border-color: #111111 ; }
.border-success {  border-color: #28a745 ; }
.border-info {  border-color: #17a2b8 ; }
.border-warning {  border-color: #ffc107 ; }
.border-danger {  border-color: #dc3545 ; }
.border-light {  border-color: #F6F6F6 ; }
.border-dark {  border-color: #2C2A2A ; }
.border-gray-light {  border-color: #ebebeb ; }
.border-gray {  border-color: #8F8B8B ; }
.border-gray-dark {  border-color: #2C2A2A ; }
.border-white {  border-color: #fff ; }
.border-black {  border-color: #111111 ; }
.border-blue {  border-color: #007bff ; }
.border-white {  border-color: #fff ; }

/* rounde */
.rounded-sm {  border-radius: 0.2rem ; }
.rounded {  border-radius: 0.25rem ; }
.rounded-lg {  border-radius: 2rem ; }
.rounded-circle {  border-radius: 50% ; }
.rounded-pill {  border-radius: 50rem ; }
.rounded-0 {  border-radius: 0 ; }
.rounded-top {  
  border-top-left-radius: 0.25rem ;
  border-top-right-radius: 0.25rem ; }
.rounded-right {
  border-top-right-radius: 0.25rem ;
  border-bottom-right-radius: 0.25rem ; }
.rounded-bottom {
  border-bottom-right-radius: 0.25rem ;
  border-bottom-left-radius: 0.25rem ; }
.rounded-left {
  border-top-left-radius: 0.25rem ;
  border-bottom-left-radius: 0.25rem ; }
.rounded-top-lg {  
  border-top-left-radius: 2rem ;
  border-top-right-radius: 2rem ; }
.rounded-righ-lg {
  border-top-right-radius: 2rem ;
  border-bottom-right-radius: 2rem ; }
.rounded-bottom-lg {
  border-bottom-right-radius: 2rem ;
  border-bottom-left-radius: 2rem ; }
.rounded-left-lg {
  border-top-left-radius: 2rem ;
  border-bottom-left-radius: 2rem ; }

/*--按鈕--*/
.btn {
  display: inline-block;
  font-weight: 400;
  color: #2C2A2A;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      -webkit-transition: none;
      -o-transition: none;
      transition: none; } }
  .btn:hover {
    color: #2C2A2A;
    text-decoration: none; }
  .btn:focus, .btn.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.25);
            box-shadow: 0 0 0 0.2rem rgba(200, 16, 46, 0.25); }
  .btn.disabled, .btn:disabled {
    opacity: 0.65; }
  .btn:not(:disabled):not(.disabled) {
    cursor: pointer; }

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none; }
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
  line-height: 1.2;
  border-radius: 0; }

.btn-xs, .btn-group-xs > .btn {
  padding: 0.2rem 0.4rem;
  font-size: 0.7rem;
  line-height: 1;
  border-radius: 0; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

.btn-primary {
  color: #fff;
  background-color: #C8102E;
  border-color: #C8102E; }
  .btn-primary:hover {
    color: #fff;
    background-color: #a50d26;
    border-color: #990c23; }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #a50d26;
    border-color: #990c23;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 52, 77, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(208, 52, 77, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #C8102E;
    border-color: #C8102E; }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #990c23;
    border-color: #8d0b20; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(208, 52, 77, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(208, 52, 77, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: #111111;
  border-color: #111111; }
  .btn-secondary:hover {
    color: #fff;
    background-color: black;
    border-color: black; }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: black;
    border-color: black;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #111111;
    border-color: #111111; }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5); }

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34; }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); }

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8; }
  .btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b; }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #117a8b;
    border-color: #10707f; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }

.btn-warning {
  color: #2C2A2A;
  background-color: #ffc107;
  border-color: #ffc107; }
  .btn-warning:hover {
    color: #2C2A2A;
    background-color: #e0a800;
    border-color: #d39e00; }
  .btn-warning:focus, .btn-warning.focus {
    color: #2C2A2A;
    background-color: #e0a800;
    border-color: #d39e00;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 170, 12, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(223, 170, 12, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: #2C2A2A;
    background-color: #ffc107;
    border-color: #ffc107; }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: #2C2A2A;
    background-color: #d39e00;
    border-color: #c69500; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 170, 12, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(223, 170, 12, 0.5); }

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545; }
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130; }
.btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }

.btn-light {
  color: #2C2A2A;
  background-color: #F6F6F6;
  border-color: #F6F6F6; }
  .btn-light:hover {
    color: #2C2A2A;
    background-color: #e3e3e3;
    border-color: #dddddd; }
  .btn-light:focus, .btn-light.focus {
    color: #2C2A2A;
    background-color: #e3e3e3;
    border-color: #dddddd;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 215, 215, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(216, 215, 215, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: #2C2A2A;
    background-color: #F6F6F6;
    border-color: #F6F6F6; }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: #2C2A2A;
    background-color: #dddddd;
    border-color: #d6d6d6; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 215, 215, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(216, 215, 215, 0.5); }

.btn-dark {
  color: #fff;
  background-color: #2C2A2A;
  border-color: #2C2A2A; }
  .btn-dark:hover {
    color: #fff;
    background-color: #181717;
    border-color: #121111; }
  .btn-dark:focus, .btn-dark.focus {
    color: #fff;
    background-color: #181717;
    border-color: #121111;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 74, 74, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(76, 74, 74, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: #fff;
    background-color: #2C2A2A;
    border-color: #2C2A2A; }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #121111;
    border-color: #0b0b0b; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 74, 74, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(76, 74, 74, 0.5); }

.btn-gray {
  color: #fff;
  background-color: #8F8B8B;
  border-color: #8F8B8B; }
  .btn-gray:hover {
    color: #fff;
    background-color: #7c7878;
    border-color: #767171; }
  .btn-gray:focus, .btn-gray.focus {
    color: #fff;
    background-color: #7c7878;
    border-color: #767171;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 156, 156, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(160, 156, 156, 0.5); }
  .btn-gray.disabled, .btn-gray:disabled {
    color: #fff;
    background-color: #8F8B8B;
    border-color: #8F8B8B; }
  .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active,
  .show > .btn-gray.dropdown-toggle {
    color: #fff;
    background-color: #767171;
    border-color: #6f6b6b; }
    .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus,
    .show > .btn-gray.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(160, 156, 156, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(160, 156, 156, 0.5); }

.btn-gray-dark {
  color: #fff;
  background-color: #2C2A2A;
  border-color: #2C2A2A; }
  .btn-gray-dark:hover {
    color: #fff;
    background-color: #181717;
    border-color: #121111; }
  .btn-gray-dark:focus, .btn-gray-dark.focus {
    color: #fff;
    background-color: #181717;
    border-color: #121111;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 74, 74, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(76, 74, 74, 0.5); }
  .btn-gray-dark.disabled, .btn-gray-dark:disabled {
    color: #fff;
    background-color: #2C2A2A;
    border-color: #2C2A2A; }
  .btn-gray-dark:not(:disabled):not(.disabled):active, .btn-gray-dark:not(:disabled):not(.disabled).active,
  .show > .btn-gray-dark.dropdown-toggle {
    color: #fff;
    background-color: #121111;
    border-color: #0b0b0b; }
    .btn-gray-dark:not(:disabled):not(.disabled):active:focus, .btn-gray-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-gray-dark.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 74, 74, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(76, 74, 74, 0.5); }

.btn-white {
  color: #2C2A2A;
  background-color: #fff;
  border-color: #fff; }
  .btn-white:hover {
    color: #2C2A2A;
    background-color: #ececec;
    border-color: #e6e6e6; }
  .btn-white:focus, .btn-white.focus {
    color: #2C2A2A;
    background-color: #ececec;
    border-color: #e6e6e6;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 223, 223, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(223, 223, 223, 0.5); }
  .btn-white.disabled, .btn-white:disabled {
    color: #2C2A2A;
    background-color: #fff;
    border-color: #fff; }
  .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,
  .show > .btn-white.dropdown-toggle {
    color: #2C2A2A;
    background-color: #e6e6e6;
    border-color: #dfdfdf; }
    .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,
    .show > .btn-white.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(223, 223, 223, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(223, 223, 223, 0.5); }

.btn-black {
  color: #fff;
  background-color: #111111;
  border-color: #111111; }
  .btn-black:hover {
    color: #fff;
    background-color: #555;
    border-color:  #555; }
  .btn-black:focus, .btn-black.focus {
    color: #fff;
    background-color: black;
    border-color: black;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5); }
  .btn-black.disabled, .btn-black:disabled {
    color: #fff;
    background-color: #111111;
    border-color: #111111; }
  .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
  .show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black; }
    .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus,
    .show > .btn-black.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(53, 53, 53, 0.5); }

.btn-blue {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }
  .btn-blue:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc; }
  .btn-blue:focus, .btn-blue.focus {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }
  .btn-blue.disabled, .btn-blue:disabled {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff; }
  .btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active,
  .show > .btn-blue.dropdown-toggle {
    color: #fff;
    background-color: #0062cc;
    border-color: #005cbf; }
    .btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus,
    .show > .btn-blue.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
              box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); }

.btn-pink {
  color: #fff;
  background-color: #db5782;
  border-color: #de3069; }
 .btn-green-light {
  color: #fff;
  background-color: #8fc878;
  border-color: #7DB367; } 
.btn-gold {
  color: #fff;
  background-color: #ccac5e;
  border-color: #ccac5e; }
  .btn-gold:hover {
    color: #fff;
    background-color: #b4954b;
    border-color: #b5964b; }
  .btn-gold:focus, .btn-primary.focus {
    color: #fff;
    background-color: #b4954b;
    border-color: #b5964b;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5);
            box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5); }
  .btn-gold.disabled, .btn-gold:disabled {
    color: #fff;
    background-color: #ccac5e;
    border-color: #ccac5e; }
  .btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active,
  .show > .btn-gold.dropdown-toggle {
    color: #fff;
    background-color: #b5964b;
    border-color: #8a6d26; }
    .btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus,
    .show > .btn-gold.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5);
              box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5); }

.btn-outline-gold {
  color: #ccac5e;
  border-color: #ccac5e; }
  .btn-outline-gold:hover {
    color: #fff;
    background-color: #ccac5e;
    border-color: #ccac5e; }
  .btn-outline-gold:focus, .btn-outline-gold.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5);
            box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5); }
  .btn-outline-gold.disabled, .btn-outline-gold:disabled {
    color: #ccac5e;
    background-color: transparent; }
  .btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active,
  .show > .btn-outline-gold.dropdown-toggle {
    color: #fff;
    background-color: #ccac5e;
    border-color: #ccac5e; }
    .btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-gold.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5);
              box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5); }

.btn-deepgold {
  color: #fff;
  background-color: #9b7b2c;
  border-color: #9b7b2c; }
  .btn-deepgold:hover {
    color: #fff;
    background-color: #b79541;
    border-color: #b79541; }
  .btn-deepgold:focus, .btn-primary.focus {
    color: #fff;
    background-color: #b79541;
    border-color: #b5964b;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5);
            box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5); }
  .btn-deepgold.disabled, .btn-deepgold:disabled {
    color: #fff;
    background-color: #9b7b2c;
    border-color: #9b7b2c; }
  .btn-deepgold:not(:disabled):not(.disabled):active, .btn-deepgold:not(:disabled):not(.disabled).active,
  .show > .btn-deepgold.dropdown-toggle {
    color: #fff;
    background-color: #b5964b;
    border-color: #8a6d26; }
    .btn-deepgold:not(:disabled):not(.disabled):active:focus, .btn-deepgold:not(:disabled):not(.disabled).active:focus,
    .show > .btn-deepgold.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5);
              box-shadow: 0 0 0 0.2rem rgba(189,159,41 0.5); }

.badge-orange {
	width: auto;
	float: left;
    display: inline-block;
    min-width: 10px;
    padding: 4px 10px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #ff7c00;
    border-radius: 3px;
}

/* 全頁防呆，避免出現水平捲軸 */
html, body { max-width: 100%; overflow-x: hidden; }

/* 讓內容在行內自動斷行，避免長網址/英數撐破版 */
.rwd-content {
  overflow-wrap: anywhere;   /* 新瀏覽器 */
  word-break: break-word;    /* 舊瀏覽器保險 */
}

/* 讓圖片、影片、SVG 等不超過容器寬，並等比例縮放 */
.rwd-content img,
.rwd-content video,
.rwd-content canvas,
.rwd-content svg {
  max-width: 100% !important;
  height: auto !important;
  display: block;            /* 避免行內元素造成的細微溢出 */
}

/* 讓 iframe 也不超過寬度；若是影片可加比例 */
.rwd-content iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;              /* 若需固定比例可改用 aspect-ratio */
}

/* 表格太寬時允許容器內水平捲動 */
.rwd-content table {
  display: block;            /* 讓 overflow 生效 */
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
}

/* 可能帶固定寬度的內聯樣式，強制收斂 */
.rwd-content [style*="width"] {
  max-width: 100% !important;
}

/* 程式碼/預格式避免撐寬 */
.rwd-content pre, .rwd-content code {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* 盒模型統一，避免 padding 計算造成意外溢出 */
.rwd-content *, .rwd-content *::before, .rwd-content *::after {
  box-sizing: border-box;
}