@charset "UTF-8";
/* CSS Document */
/******************************** 
Sansiri CI
********************************/
/*ใช้ backgroud เป็น RGB*/

.bg-cci-black {background-color:rgb(0, 0, 0)!important;}
.bg-cci-white {background-color:rgb(255, 255, 255)!important;}
.bg-cci-red {background-color:rgb(239, 81, 51)!important;}
.bg-cci-sansiriblue {background-color:rgb(67, 80, 96)!important;}
.bg-cci-sansirigrey {background-color:rgb(215, 224, 235)!important;}
.bg-cci-blue {background-color:rgb(27, 95, 170)!important;}
.bg-cci-mossgreen {background-color:rgb(56, 116, 105)!important;}
.bg-cci-pink {background-color:rgb(244, 195, 203)!important;}
.bg-cci-terracotta {background-color:rgb(234, 82, 54)!important;}  
.bg-cci-sand {background-color:rgb(230, 202, 180)!important;}
.bg-cci-coolgrey {background-color:rgb(122, 125, 129)!important;}

.bg-cci-black-75 {background-color:rgba(0, 0, 0, .75)!important;}
.bg-cci-white-75 {background-color:rgba(225, 225, 225, .75)!important;}
.bg-cci-sansiriblue-75 {background-color:rgba(67, 80, 96, .75)!important;}
.bg-cci-sansirigrey-75 {background-color:rgba(215, 224, 235, .75)!important;}
.bg-cci-blue-75 {background-color:rgba(27, 95, 170, .75)!important;}
.bg-cci-mossgreen-75 {background-color:rgba(56, 116, 105, .75)!important;}
.bg-cci-pink-75 {background-color:rgba(244, 195, 203, .75)!important;}
.bg-cci-terracotta-75 {background-color:rgba(234, 82, 54, .75)!important;}  
.bg-cci-sand-75 {background-color:rgba(230, 202, 180, .75)!important;}
.bg-cci-coolgrey-75 {background-color:rgba(122, 125, 129, .75)!important;}

.bg-cci-black-45 {background-color:rgba(0, 0, 0, .45)!important;}
.bg-cci-white-45 {background-color:rgba(225, 225, 225, .45)!important;}
.bg-cci-sansiriblue-45 {background-color:rgba(67, 80, 96, .45)!important;}
.bg-cci-sansirigrey-45 {background-color:rgba(215, 224, 235, .45)!important;}
.bg-cci-blue-45 {background-color:rgba(27, 95, 170, .45)!important;}
.bg-cci-mossgreen-45 {background-color:rgba(56, 116, 105, .45)!important;}
.bg-cci-pink-45 {background-color:rgba(244, 195, 203, .45)!important;}
.bg-cci-terracotta-45 {background-color:rgba(234, 82, 54, .45)!important;}  
.bg-cci-sand-45 {background-color:rgba(230, 202, 180, .45)!important;}
.bg-cci-coolgrey-45 {background-color:rgba(122, 125, 129, .45)!important;}

.bg-cci-black-15 {background-color:rgba(0, 0, 0, .15)!important;}
.bg-cci-white-15 {background-color:rgba(225, 225, 225, .15)!important;}
.bg-cci-sansiriblue-15 {background-color:rgba(67, 80, 96, .15)!important;}
.bg-cci-sansirigrey-15 {background-color:rgba(215, 224, 235, .15)!important;}
.bg-cci-blue-15 {background-color:rgba(27, 95, 170, .15)!important;}
.bg-cci-mossgreen-15 {background-color:rgba(56, 116, 105, .15)!important;}
.bg-cci-pink-15 {background-color:rgba(244, 195, 203, .15)!important;}
.bg-cci-terracotta-15 {background-color:rgba(234, 82, 54, .15)!important;}  
.bg-cci-sand-15 {background-color:rgba(230, 202, 180, .15)!important;}
.bg-cci-coolgrey-15 {background-color:rgba(122, 125, 129, .15)!important;}

/* backgroud small screen only */
@media (max-width: 991px) {
    .xs-bg-cci-black {background-color:rgb(0, 0, 0)!important;}
    .xs-bg-cci-white {background-color:rgb(255, 255, 255)!important;}
    .xs-bg-cci-red {background-color:rgb(239, 81, 51)!important;}
    .xs-bg-cci-sansiriblue {background-color:rgb(67, 80, 96)!important;}
    .xs-bg-cci-sansirigrey {background-color:rgb(215, 224, 235)!important;}
    .xs-bg-cci-blue {background-color:rgb(27, 95, 170)!important;}
    .xs-bg-cci-mossgreen {background-color:rgb(56, 116, 105)!important;}
    .xs-bg-cci-pink {background-color:rgb(244, 195, 203)!important;}
    .xs-bg-cci-terracotta {background-color:rgb(234, 82, 54)!important;}  
    .xs-bg-cci-sand {background-color:rgb(230, 202, 180)!important;}
    .xs-bg-cci-coolgrey {background-color:rgb(122, 125, 129)!important;}

    .xs-bg-cci-black-75 {background-color:rgba(0, 0, 0, .75)!important;}
    .xs-bg-cci-white-75 {background-color:rgba(225, 225, 225, .75)!important;}
    .xs-bg-cci-sansiriblue-75 {background-color:rgba(67, 80, 96, .75)!important;}
    .xs-bg-cci-sansirigrey-75 {background-color:rgba(215, 224, 235, .75)!important;}
    .xs-bg-cci-blue-75 {background-color:rgba(27, 95, 170, .75)!important;}
    .xs-bg-cci-mossgreen-75 {background-color:rgba(56, 116, 105, .75)!important;}
    .xs-bg-cci-pink-75 {background-color:rgba(244, 195, 203, .75)!important;}
    .xs-bg-cci-terracotta-75 {background-color:rgba(234, 82, 54, .75)!important;}  
    .xs-bg-cci-sand-75 {background-color:rgba(230, 202, 180, .75)!important;}
    .xs-bg-cci-coolgrey-75 {background-color:rgba(122, 125, 129, .75)!important;}

    .xs-bg-cci-black-45 {background-color:rgba(0, 0, 0, .45)!important;}
    .xs-bg-cci-white-45 {background-color:rgba(225, 225, 225, .45)!important;}
    .xs-bg-cci-sansiriblue-45 {background-color:rgba(67, 80, 96, .45)!important;}
    .xs-bg-cci-sansirigrey-45 {background-color:rgba(215, 224, 235, .45)!important;}
    .xs-bg-cci-blue-45 {background-color:rgba(27, 95, 170, .45)!important;}
    .xs-bg-cci-mossgreen-45 {background-color:rgba(56, 116, 105, .45)!important;}
    .xs-bg-cci-pink-45 {background-color:rgba(244, 195, 203, .45)!important;}
    .xs-bg-cci-terracotta-45 {background-color:rgba(234, 82, 54, .45)!important;}  
    .xs-bg-cci-sand-45 {background-color:rgba(230, 202, 180, .45)!important;}
    .xs-bg-cci-coolgrey-45 {background-color:rgba(122, 125, 129, .45)!important;}

    .xs-bg-cci-black-15 {background-color:rgba(0, 0, 0, .15)!important;}
    .xs-bg-cci-white-15 {background-color:rgba(225, 225, 225, .15)!important;}
    .xs-bg-cci-sansiriblue-15 {background-color:rgba(67, 80, 96, .15)!important;}
    .xs-bg-cci-sansirigrey-15 {background-color:rgba(215, 224, 235, .15)!important;}
    .xs-bg-cci-blue-15 {background-color:rgba(27, 95, 170, .15)!important;}
    .xs-bg-cci-mossgreen-15 {background-color:rgba(56, 116, 105, .15)!important;}
    .xs-bg-cci-pink-15 {background-color:rgba(244, 195, 203, .15)!important;}
    .xs-bg-cci-terracotta-15 {background-color:rgba(234, 82, 54, .15)!important;}  
    .xs-bg-cci-sand-15 {background-color:rgba(230, 202, 180, .15)!important;}
    .xs-bg-cci-coolgrey-15 {background-color:rgba(122, 125, 129, .15)!important;}
}

/* backgroud large screen only */
@media (min-width: 992px) {
    .lg-bg-cci-black {background-color:rgb(0, 0, 0)!important;}
    .lg-bg-cci-white {background-color:rgb(255, 255, 255)!important;}
    .lg-bg-cci-red {background-color:rgb(239, 81, 51)!important;}
    .lg-bg-cci-sansiriblue {background-color:rgb(67, 80, 96)!important;}
    .lg-bg-cci-sansirigrey {background-color:rgb(215, 224, 235)!important;}
    .lg-bg-cci-blue {background-color:rgb(27, 95, 170)!important;}
    .lg-bg-cci-mossgreen {background-color:rgb(56, 116, 105)!important;}
    .lg-bg-cci-pink {background-color:rgb(244, 195, 203)!important;}
    .lg-bg-cci-terracotta {background-color:rgb(234, 82, 54)!important;}  
    .lg-bg-cci-sand {background-color:rgb(230, 202, 180)!important;}
    .lg-bg-cci-coolgrey {background-color:rgb(122, 125, 129)!important;}

    .lg-bg-cci-black-75 {background-color:rgba(0, 0, 0, .75)!important;}
    .lg-bg-cci-white-75 {background-color:rgba(225, 225, 225, .75)!important;}
    .lg-bg-cci-sansiriblue-75 {background-color:rgba(67, 80, 96, .75)!important;}
    .lg-bg-cci-sansirigrey-75 {background-color:rgba(215, 224, 235, .75)!important;}
    .lg-bg-cci-blue-75 {background-color:rgba(27, 95, 170, .75)!important;}
    .lg-bg-cci-mossgreen-75 {background-color:rgba(56, 116, 105, .75)!important;}
    .lg-bg-cci-pink-75 {background-color:rgba(244, 195, 203, .75)!important;}
    .lg-bg-cci-terracotta-75 {background-color:rgba(234, 82, 54, .75)!important;}  
    .lg-bg-cci-sand-75 {background-color:rgba(230, 202, 180, .75)!important;}
    .lg-bg-cci-coolgrey-75 {background-color:rgba(122, 125, 129, .75)!important;}

    .lg-bg-cci-black-45 {background-color:rgba(0, 0, 0, .45)!important;}
    .lg-bg-cci-white-45 {background-color:rgba(225, 225, 225, .45)!important;}
    .lg-bg-cci-sansiriblue-45 {background-color:rgba(67, 80, 96, .45)!important;}
    .lg-bg-cci-sansirigrey-45 {background-color:rgba(215, 224, 235, .45)!important;}
    .lg-bg-cci-blue-45 {background-color:rgba(27, 95, 170, .45)!important;}
    .lg-bg-cci-mossgreen-45 {background-color:rgba(56, 116, 105, .45)!important;}
    .lg-bg-cci-pink-45 {background-color:rgba(244, 195, 203, .45)!important;}
    .lg-bg-cci-terracotta-45 {background-color:rgba(234, 82, 54, .45)!important;}  
    .lg-bg-cci-sand-45 {background-color:rgba(230, 202, 180, .45)!important;}
    .lg-bg-cci-coolgrey-45 {background-color:rgba(122, 125, 129, .45)!important;}

    .lg-bg-cci-black-15 {background-color:rgba(0, 0, 0, .15)!important;}
    .lg-bg-cci-white-15 {background-color:rgba(225, 225, 225, .15)!important;}
    .lg-bg-cci-sansiriblue-15 {background-color:rgba(67, 80, 96, .15)!important;}
    .lg-bg-cci-sansirigrey-15 {background-color:rgba(215, 224, 235, .15)!important;}
    .lg-bg-cci-blue-15 {background-color:rgba(27, 95, 170, .15)!important;}
    .lg-bg-cci-mossgreen-15 {background-color:rgba(56, 116, 105, .15)!important;}
    .lg-bg-cci-pink-15 {background-color:rgba(244, 195, 203, .15)!important;}
    .lg-bg-cci-terracotta-15 {background-color:rgba(234, 82, 54, .15)!important;}  
    .lg-bg-cci-sand-15 {background-color:rgba(230, 202, 180, .15)!important;}
    .lg-bg-cci-coolgrey-15 {background-color:rgba(122, 125, 129, .15)!important;}
}

.border-cci-black {border-color:#000000!important; }
.border-cci-white {border-color:#FFFFFF!important; }
.border-cci-sansiriblue {border-color:#435060!important; }
.border-cci-sansirigrey {border-color:#D7E0EB!important; }
.border-cci-blue {border-color:#1B5FAA!important;}
.border-cci-mossgreen {border-color:#387469!important;}
.border-cci-pink {border-color:#F4C3CB!important;}
.border-cci-terracotta {border-color:#EA5236!important;}
.border-cci-sand {border-color:#E6CAB4!important;}
.border-cci-coolgrey {border-color:#7A7D81!important;}

.color-cci-black {color: #000000!important;}
.color-cci-white {color: #FFFFFF!important;}
.color-cci-sansiriblue {color: #435060!important;}
.color-cci-sansirigrey {color: #D7E0EB!important;}
.color-cci-blue {color: #1B5FAA!important;}
.color-cci-mossgreen {color: #387469!important;}
.color-cci-pink {color: #F4C3CB!important;}
.color-cci-terracotta {color: #EA5236!important;}
.color-cci-sand {color: #E6CAB4!important;}
.color-cci-coolgrey {color: #7A7D81!important;}