/*img {
	-webkit-filter:grayscale(75%);
	filter:grayscale(75%);
}
html {
	-webkit-filter:grayscale(75%);
	filter:grayscale(75%);
}*/

.mainnav > li > a {padding:6px 0px; width: 100%; display: inline-block;}
.navbar-header .block-dropdowns {left: auto;}
.business-detail-block .business-item {padding-bottom: 0px;}
.tableColor  td {padding:10px; border: 1px #CCCCCC solid;}
.tableforall td {padding:10px; border: 1px #CCCCCC solid;}
.img100auto {width:100%; height:auto; margin:0 auto;}
div.free-text table tbody td { padding:10px;;border:1px #CCCCCC solid;}
/*div.free-text table { padding:10px; border:1px #CCCCCC solid;}*/
div.free-text img { height:auto}
div.thumb { display:none}
.boxDLform{padding:10px; border-bottom:#CCC 2px solid}
.bttnPromo{padding:10px ; background-color: #CCC; color:#FFFFFF; width:150px; text-align:center}
div.main-banner.middle { width:100% !important;  top:0px !important}
h3.heading3 { margin-bottom: 0px !important}
div.grid-desc { padding:0px !important}
h1.heading1 { text-transform: none}
.collapse-block .collapse.fck table tbody td:first-child {display: inline-block; width: 100%;}
div.submenu-level21 div div.col h2 {font-size: 16px; padding-top: 10px}
.alert span {font-size: 15px;}


@media screen and (max-width: 480px) {
	.mainnav > li > a {padding:15px 2.5em;}
	.mainnav .menu-level1 .lv1 {padding:15px 0;}
	ul.key-wideget img {height: 1.5em;margin-bottom: 10px;}
	.out-dock ul.key-wideget li {padding: 10px 0;}
	.out-dock ul.key-wideget {width:100vw;}
}

/* add css 1 Oct 2018 */
.list-item ol {
    counter-reset: item;
}
.list-item ol li {
    display: block;
    position: relative;
}
.list-item ol li:before {
    content: counters(item, ".")".";
    counter-increment: item;
    position: absolute;
    margin-right: 100%;
    right: 10px;
}
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.align-text-top {
    vertical-align: text-top;
}
.align-text-bottom {
    vertical-align: text-bottom;
}

.m-0 {
    margin: 0!important;
}
.m-5 {
    margin: 5px!important;
}
.m-10 {
    margin: 10px!important;
}
.m-15 {
    margin: 15px!important;
}
.m-20 {
    margin: 20px!important;
}

.mt-0 {
    margin-top: 0!important;
}
.mt-5 {
    margin-top: 5px!important;
}
.mt-10 {
    margin-top: 10px!important;
}
.mt-15 {
    margin-top: 15px!important;
}
.mt-20 {
    margin-top: 20px!important;
}

.mr-0 {
    margin-right: 0!important;
}
.mr-5 {
    margin-right: 5px!important;
}
.mr-10 {
    margin-right: 10px!important;
}
.mr-15 {
    margin-right: 15px!important;
}
.mr-20 {
    margin-right: 20px!important;
}

.mb-0 {
    margin-bottom: 0!important;
}
.mb-5 {
    margin-bottom: 5px!important;
}
.mb-10 {
    margin-bottom: 10px!important;
}
.mb-15 {
    margin-bottom: 15px!important;
}
.mb-20 {
    margin-bottom: 20px!important;
}

.ml-0 {
    margin-left: 0!important;
}
.ml-5 {
    margin-left: 5px!important;
}
.ml-10 {
    margin-left: 10px!important;
}
.ml-15 {
    margin-left: 15px!important;
}
.ml-20 {
    margin-left: 20px!important;
}

.p-0 {
    padding: 0!important;
}
.p-5 {
    padding: 5px!important;
}
.p-10 {
    padding: 10px!important;
}
.p-15 {
    padding: 15px!important;
}
.p-20 {
    padding: 20px!important;
}

.pt-0 {
    padding-top: 0!important;
}
.pt-5 {
    padding-top: 5px!important;
}
.pt-10 {
    padding-top: 10px!important;
}
.pt-15 {
    padding-top: 15px!important;
}
.pt-20 {
    padding-top: 20px!important;
}

.pr-0 {
    padding-right: 0!important;
}
.pr-5 {
    padding-right: 5px!important;
}
.pr-10 {
    padding-right: 10px!important;
}
.pr-15 {
    padding-right: 15px!important;
}
.pr-20 {
    padding-right: 20px!important;
}

.pb-0 {
    padding-bottom: 0!important;
}
.pb-5 {
    padding-bottom: 5px!important;
}
.pb-10 {
    padding-bottom: 10px!important;
}
.pb-15 {
    padding-bottom: 15px!important;
}
.pb-20 {
    padding-bottom: 20px!important;
}

.pl-0 {
    padding-left: 0!important;
}
.pl-5 {
    padding-left: 5px!important;
}
.pl-10 {
    padding-left: 10px!important;
}
.pl-15 {
    padding-left: 15px!important;
}
.pl-20 {
    padding-left: 20px!important;
}

.d-none {
    display: none!important;
}
.d-inherit {
    display: inherit!important;
}
.d-block {
    display: block!important;
}
.d-inline-block {
    display: inline-block!important;
}
.d-table {
    display: table!important;
}
.d-table-row {
    display: table-row!important;
}
.d-table-cell {
    display: table-cell!important;
}
.d-flex {
	display: -webkit-flex;!important;
	display: flex!important;
}
.d-flex > div {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.d-table.w-100 {
    width: 100%;
}

@media screen and (max-width: 767px) {
    .d-xs-none {
        display: none!important;
    }  
	.d-xs-inherit {
		display: inherit!important;
	}	 
    .d-xs-block {
        display: block!important;
    }
    .d-xs-inline-block {
        display: inline-block!important;
    }
    .d-xs-table {
        display: table!important;
    }
    .d-xs-table-row {
        display: table-row!important;
    }
    .d-xs-table-cell {
        display: table-cell!important;
    }
	.d-xs-flex {
		display: -webkit-flex;!important;
		display: flex!important;
	}
	.d-xs-flex > div {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

@media screen and (min-width: 768px) {
    .d-sm-none {
        display: none!important;
    }  
	.d-sm-inherit {
		display: inherit!important;
	}
    .d-sm-block {
        display: block!important;
    }
    .d-sm-inline-block {

        display: inline-block!important;
    }
    .d-sm-table {
        display: table!important;
    }
    .d-sm-table-row {
        display: table-row!important;
    }
    .d-sm-table-cell {
        display: table-cell!important;
    }
	.d-sm-flex {
		display: -webkit-flex;!important;
		display: flex!important;
	}
	.d-sm-flex > div {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}	
}

@media screen and (min-width: 992px) {
    .d-md-none {
        display: none!important;
    }  
	.d-md-inherit {
		display: inherit!important;
	} 
    .d-md-block {
        display: block!important;
    }
    .d-md-inline-block {
        display: inline-block!important;
    }
    .d-md-table {
        display: table!important;
    }
    .d-md-table-row {
        display: table-row!important;
    }
    .d-md-table-cell {
        display: table-cell!important;
    }   
	.d-md-flex {
		display: -webkit-flex;!important;
		display: flex!important;
	}
	.d-md-flex > div {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}	
}

@media screen and (min-width: 1200px) {
    .d-lg-none {
        display: none!important;
    }  
	.d-lg-inherit {
		display: inherit!important;
	}  
    .d-lg-block {
        display: block!important;
    }
    .d-lg-inline-block {
        display: inline-block!important;
    }
    .d-lg-table {
        display: table!important;
    }
    .d-lg-table-row {
        display: table-row!important;
    }
    .d-lg-table-cell {
        display: table-cell!important;
    }   
	.d-lg-flex {
		display: -webkit-flex;!important;
		display: flex!important;
	}
	.d-lg-flex > div {
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}	
}

@media only screen and (max-width: 767px) {
	#footer .block-socials li a {
		overflow: hidden;
		text-indent: inherit;
	}
	.main-banner .bx-wrapper img[data-uob-tg-mobile="show"] {
		height: auto !important;
	}
}

/* Add CSS for link interaction */
.section-content .content-block a:not([href^="https://www.uob.co.th/personal/promotions"]),
.section-content .content-block a:link:not([href^="https://www.uob.co.th/personal/promotions"]) {
    color: #0044a0;
  	/*text-decoration: underline 1px;*/
}

.section-content .content-block a:hover:not([href^="https://www.uob.co.th/personal/promotions"]),
.section-content .content-block a:active:not([href^="https://www.uob.co.th/personal/promotions"]),
.section-content .content-block a:focus:not([href^="https://www.uob.co.th/personal/promotions"]) {
  	cursor: pointer;
    text-decoration: underline 1px;
}