/* colormap for navBar */
/* line 3, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA15000000000 {
  color: #AE082C;
  border: 1px solid #AE082C;
}

/* line 5, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA15000000000 {
  color: #AE082C;
}

/* line 7, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA15000000000:not(:hover) {
  background-color: #AE082C;
}

/* line 9, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA17000000000 {
  color: #17398F;
  border: 1px solid #17398F;
}

/* line 11, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA17000000000 {
  color: #17398F;
}

/* line 13, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA17000000000:not(:hover) {
  background-color: #17398F;
}

/* line 15, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA22000000000 {
  color: #F32E19;
  border: 1px solid #F32E19;
}

/* line 17, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA22000000000 {
  color: #F32E19;
}

/* line 19, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA22000000000:not(:hover) {
  background-color: #F32E19;
}

/* line 21, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA26000000000 {
  color: #2D38A2;
  border: 1px solid #2D38A2;
}

/* line 23, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA26000000000 {
  color: #2D38A2;
}

/* line 25, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA26000000000:not(:hover) {
  background-color: #2D38A2;
}

/* line 27, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA30000000000 {
  color: #FF2350;
  border: 1px solid #FF2350;
}

/* line 29, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA30000000000 {
  color: #FF2350;
}

/* line 31, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA30000000000:not(:hover) {
  background-color: #FF2350;
}

/* line 33, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA33000000000 {
  color: #83109B;
  border: 1px solid #83109B;
}

/* line 35, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA33000000000 {
  color: #83109B;
}

/* line 37, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA33000000000:not(:hover) {
  background-color: #83109B;
}

/* line 39, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA37000000000 {
  color: #E40B48;
  border: 1px solid #E40B48;
}

/* line 41, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA37000000000 {
  color: #E40B48;
}

/* line 43, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA37000000000:not(:hover) {
  background-color: #E40B48;
}

/* line 45, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA42000000000 {
  color: #007B6D;
  border: 1px solid #007B6D;
}

/* line 47, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA42000000000 {
  color: #007B6D;
}

/* line 49, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA42000000000:not(:hover) {
  background-color: #007B6D;
}

/* line 51, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA47000000000 {
  color: #339835;
  border: 1px solid #339835;
}

/* line 53, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA47000000000 {
  color: #339835;
}

/* line 55, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA47000000000:not(:hover) {
  background-color: #339835;
}

/* line 57, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA51000000000 {
  color: #6EB22B;
  border: 1px solid #6EB22B;
}

/* line 59, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA51000000000 {
  color: #6EB22B;
}

/* line 61, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA51000000000:not(:hover) {
  background-color: #6EB22B;
}

/* line 63, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA11000000000 {
  color: #6EB22B;
  border: 1px solid #6EB22B;
}

/* line 65, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA11000000000 {
  color: #6EB22B;
}

/* line 67, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA11000000000:not(:hover) {
  background-color: #6EB22B;
}

/* line 69, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA60000000000 {
  color: #5F3F34;
  border: 1px solid #5F3F34;
}

/* line 71, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA60000000000 {
  color: #5F3F34;
}

/* line 73, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA60000000000:not(:hover) {
  background-color: #5F3F34;
}

/* line 75, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA65000000000 {
  color: #FF9F00;
  border: 1px solid #FF9F00;
}

/* line 77, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA65000000000 {
  color: #FF9F00;
}

/* line 79, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA65000000000:not(:hover) {
  background-color: #FF9F00;
}

/* line 81, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA70000000000 {
  color: #FF3F00;
  border: 1px solid #FF3F00;
}

/* line 83, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA70000000000 {
  color: #FF3F00;
}

/* line 85, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA70000000000:not(:hover) {
  background-color: #FF3F00;
}

/* line 87, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA75000000000 {
  color: #0074F1;
  border: 1px solid #0074F1;
}

/* line 89, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA75000000000 {
  color: #0074F1;
}

/* line 91, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA75000000000:not(:hover) {
  background-color: #0074F1;
}

/* line 93, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA80000000000 {
  color: #FF7D00;
  border: 1px solid #FF7D00;
}

/* line 95, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA80000000000 {
  color: #FF7D00;
}

/* line 97, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA80000000000:not(:hover) {
  background-color: #FF7D00;
}

/* line 99, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA85000000000 {
  color: #008EF3;
  border: 1px solid #008EF3;
}

/* line 101, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA85000000000 {
  color: #008EF3;
}

/* line 103, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA85000000000:not(:hover) {
  background-color: #008EF3;
}

/* line 105, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.nav-overlay .view-all a.catAA90000000000 {
  color: #3FC6F3;
  border: 1px solid #3FC6F3;
}

/* line 107, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main:hover > a.catAA90000000000 {
  color: #3FC6F3;
}

/* line 109, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
#nav .li-main.active.catAA90000000000:not(:hover) {
  background-color: #3FC6F3;
}

/* clp all product */
/* line 112, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA15000000000 {
  border: 1px solid #AE082C;
  color: #AE082C;
}

/* line 114, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA17000000000 {
  border: 1px solid #17398F;
  color: #17398F;
}

/* line 116, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA22000000000 {
  border: 1px solid #F32E19;
  color: #F32E19;
}

/* line 118, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA26000000000 {
  border: 1px solid #2D38A2;
  color: #2D38A2;
}

/* line 120, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA30000000000 {
  border: 1px solid #FF2350;
  color: #FF2350;
}

/* line 122, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA33000000000 {
  border: 1px solid #83109B;
  color: #83109B;
}

/* line 124, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA37000000000 {
  border: 1px solid #E40B48;
  color: #E40B48;
}

/* line 126, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA42000000000 {
  border: 1px solid #007B6D;
  color: #007B6D;
}

/* line 128, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA47000000000 {
  border: 1px solid #339835;
  color: #339835;
}

/* line 130, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA51000000000 {
  border: 1px solid #6EB22B;
  color: #6EB22B;
}

/* line 132, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA11000000000 {
  border: 1px solid #6EB22B;
  color: #6EB22B;
}

/* line 134, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA60000000000 {
  border: 1px solid #5F3F34;
  color: #5F3F34;
}

/* line 136, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA65000000000 {
  border: 1px solid #FF9F00;
  color: #FF9F00;
}

/* line 138, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA70000000000 {
  border: 1px solid #FF3F00;
  color: #FF3F00;
}

/* line 140, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA75000000000 {
  border: 1px solid #0074F1;
  color: #0074F1;
}

/* line 142, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA80000000000 {
  border: 1px solid #FF7D00;
  color: #FF7D00;
}

/* line 144, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA85000000000 {
  border: 1px solid #008EF3;
  color: #008EF3;
}

/* line 146, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA90000000000 {
  border: 1px solid #3FC6F3;
  color: #3FC6F3;
}

/* line 148, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA15000000000:hover {
  border: 1px solid #dfa1ad;
  background: #dfa1ad;
}

/* line 150, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA17000000000:hover {
  border: 1px solid #a1afd1;
  background: #a1afd1;
}

/* line 152, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA22000000000:hover {
  border: 1px solid #fcc5bf;
  background: #fcc5bf;
}

/* line 154, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA26000000000:hover {
  border: 1px solid #b3b6dd;
  background: #b3b6dd;
}

/* line 156, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA30000000000:hover {
  border: 1px solid #ffcbd5;
  background: #ffcbd5;
}

/* line 158, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA33000000000:hover {
  border: 1px solid #cd9fd7;
  background: #cd9fd7;
}

/* line 160, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA37000000000:hover {
  border: 1px solid #f6b0c4;
  background: #f6b0c4;
}

/* line 162, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA42000000000:hover {
  border: 1px solid #8bc9c2;
  background: #8bc9c2;
}

/* line 164, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA47000000000:hover {
  border: 1px solid #b4d9b4;
  background: #b4d9b4;
}

/* line 166, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA51000000000:hover {
  border: 1px solid #cce4b5;
  background: #cce4b5;
}

/* line 168, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA11000000000:hover {
  border: 1px solid #cce4b5;
  background: #cce4b5;
}

/* line 170, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA60000000000:hover {
  border: 1px solid #bcaeaa;
  background: #bcaeaa;
}

/* line 172, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA65000000000:hover {
  border: 1px solid #ffe2b2;
  background: #ffe2b2;
}

/* line 174, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA70000000000:hover {
  border: 1px solid #ffc5b2;
  background: #ffc5b2;
}

/* line 176, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA75000000000:hover {
  border: 1px solid #add2fa;
  background: #add2fa;
}

/* line 178, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA80000000000:hover {
  border: 1px solid #ffd8b2;
  background: #ffd8b2;
}

/* line 180, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA85000000000:hover {
  border: 1px solid #aedbfb;
  background: #aedbfb;
}

/* line 182, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA90000000000:hover {
  border: 1px solid #d8f4fd;
  background: #d8f4fd;
}

/* line 184, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA15000000000:active {
  color: #fff;
  border: 1px solid #AE082C;
  background: #AE082C;
}

/* line 186, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA17000000000:active {
  color: #fff;
  border: 1px solid #17398F;
  background: #17398F;
}

/* line 188, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA22000000000:active {
  color: #fff;
  border: 1px solid #F32E19;
  background: #F32E19;
}

/* line 190, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA26000000000:active {
  color: #fff;
  border: 1px solid #2D38A2;
  background: #2D38A2;
}

/* line 192, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA30000000000:active {
  color: #fff;
  border: 1px solid #FF2350;
  background: #FF2350;
}

/* line 194, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA33000000000:active {
  color: #fff;
  border: 1px solid #83109B;
  background: #83109B;
}

/* line 196, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA37000000000:active {
  color: #fff;
  border: 1px solid #E40B48;
  background: #E40B48;
}

/* line 198, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA42000000000:active {
  color: #fff;
  border: 1px solid #007B6D;
  background: #007B6D;
}

/* line 200, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA47000000000:active {
  color: #fff;
  border: 1px solid #339835;
  background: #339835;
}

/* line 202, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA51000000000:active {
  color: #fff;
  border: 1px solid #6EB22B;
  background: #6EB22B;
}

/* line 204, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA11000000000:active {
  color: #fff;
  border: 1px solid #6EB22B;
  background: #6EB22B;
}

/* line 206, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA60000000000:active {
  color: #fff;
  border: 1px solid #5F3F34;
  background: #5F3F34;
}

/* line 208, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA65000000000:active {
  color: #fff;
  border: 1px solid #FF9F00;
  background: #FF9F00;
}

/* line 210, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA70000000000:active {
  color: #fff;
  border: 1px solid #FF3F00;
  background: #FF3F00;
}

/* line 212, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA75000000000:active {
  color: #fff;
  border: 1px solid #0074F1;
  background: #0074F1;
}

/* line 214, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA80000000000:active {
  color: #fff;
  border: 1px solid #FF7D00;
  background: #FF7D00;
}

/* line 216, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA85000000000:active {
  color: #fff;
  border: 1px solid #008EF3;
  background: #008EF3;
}

/* line 218, ../../../../resource/compass/_ui/desktop/common/css/colormap.scss */
.page-title a.cc-AA90000000000:active {
  color: #fff;
  border: 1px solid #3FC6F3;
  background: #3FC6F3;
}