@charset "utf-8";
*, ::after, ::before
{
    box-sizing: border-box;
}

.page.TandM h1,
.page.TandM h2,
.page.TandM h3,
.page.TandM h4,
.page.TandM h5
{
	display:block !important;
	position:static !important;
	width:unset !important;
	max-width:unset !important;
	min-width:unset !important;
	height:unset !important;
	max-height:unset !important;
	min-height:unset !important;
	font-size: 100% !important;
	font-weight: bold !important;
	line-height:1.3 !important;
	color:#222 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-shadow:none !important;
	box-shadow:none !important;
	background:none !important;
}

/* =================================================== */
/* =================================================== */
/* =================================================== */
/* template */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.TandM
{
	font-size: 14px;
	line-height: 1.3;
	font-family: Arial, 'Microsoft JhengHei', 'Microsoft YaHei' , '微軟正黑體', "Meiryo" , "Malgun Gothinc" , sans-serif;
	font-weight: 400;
	color: #222;
}

.page.TandM .content
{
	width:100%;
}

.page.TandM .content .inner
{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.page.TandM .row
{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.page.TandM .row .col-1,
.page.TandM .row .col-2,
.page.TandM .row .col-3,
.page.TandM .row .col-4,
.page.TandM .row .col-5,
.page.TandM .row .col-6,
.page.TandM .row .col-7,
.page.TandM .row .col-8,
.page.TandM .row .col-9,
.page.TandM .row .col-10,
.page.TandM .row .col-11,
.page.TandM .row .col-12
{
	/*padding-right:15px;
	padding-left:15px;*/
	position: relative;
	width: 100%;
	min-height: 1px;
}

.page.TandM .row .col-1
{
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}

.page.TandM .row .col-2
{
	-ms-flex: 0 0 16.666666%;
	flex: 0 0 16.666666%;
	max-width: 16.666666%;
}

.page.TandM .row .col-3
{
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.page.TandM .row .col-4
{
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.page.TandM .row .col-5
{
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}

.page.TandM .row .col-6
{
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.page.TandM .row .col-7
{
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.page.TandM .row .col-8
{
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.page.TandM .row .col-9
{
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.page.TandM .row .col-10
{
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.page.TandM .row .col-11
{
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}

.page.TandM .row .col-12
{
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.page.TandM .forMobile
{
	display:none;
}

.page.TandM .hidden
{
	display:none !important;
}

@media screen and (max-width: 767px)
{
	.page.TandM .forDesktop
	{
		display:none;
	}

	.page.TandM .forMobile
	{
		display:block;
	}
}



/* =================================================== */
/* =================================================== */
/* =================================================== */
/* KV Banner & Slider */
/* =================================================== */
/* =================================================== */
/* =================================================== */

.page.TandM .sliderBanner
{
	position:relative;
}

.page.TandM .sliderBanner .owl-nav
{
	position:absolute;
	bottom:10px;
	width:100%
}

.page.TandM .sliderBanner .owl-nav button
{
	font-size: 50px;
	color: #FFF;
	margin: 15px 30px;
	cursor: pointer;
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	position:relative;
}

.page.TandM .sliderBanner .owl-nav button:hover
{
	background-color:transparent;
}

.page.TandM .sliderBanner .owl-nav button span
{
	padding: 0 20px;
	opacity:0;
}

.page.TandM .sliderBanner .owl-nav .owl-prev:before
{
	content: "\f104";
	position: absolute;
	left: 20px;
}

.page.TandM .sliderBanner .owl-nav .owl-next:before
{
	content: "\f105";
	position: absolute;
	left: 16px;
}

.page.TandM .sliderBanner .owl-dots
{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}

.page.TandM .sliderBanner .owl-dots button
{
	outline:none;
}

.page.TandM .sliderBanner .owl-dots .owl-dot.active span
{
	background-color:#ff9a00;
}

.page.TandM .sliderBanner .owl-item
{
	overflow:hidden;
}

.page.TandM .sliderBanner .owl-carousel
{
	background-color:#f6ede6;
}

.page.TandM .sliderBanner,
.page.TandM .sliderBanner .item,
.page.TandM .sliderBanner .item .bg,
.page.TandM .sliderBanner .item .text
{
	height:450px;
}

.page.TandM .sliderBanner .item
{
	background-color:#f6ede6;
}

.page.TandM .sliderBanner .item .bg
{
	width:100%;
}
.page.TandM .sliderBanner .item.s1 .bg{
	background-color: #36469b;
}

.page.TandM .sliderBanner .item .bg img
{
	position:absolute;
	z-index:100;
	top:0;
	left:50%;
	transform: translate(-50%,0);
	width:auto;
	height:450px;
}

/* ---------------------------------------- */
/* KV Banner */
/* ---------------------------------------- */

.page.TandM .sliderBanner
{
	margin-bottom:55px;
}

.page.TandM .content .sliderBanner
{
	overflow:hidden;
	margin:0;
	background-color:#f9efdb;
}

.page.TandM .sliderBanner .item .text
{
	position:absolute;
	left:calc( (100vw - 1200px)/2 + 10px );
	top:0;
	z-index:101;
	bottom:unset;
	display:flex;
	align-items:center;
	width:700px;
}

.page.TandM .content .sliderBanner .item .text
{
	width:550px;
}

.page.TandM .sliderBanner .item h1.banner_title
{
	font-size:36px !important;
	line-height:1.3 !important;
	font-weight:bold !important;
	color:#fff !important;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	border:0 !important;
}

.page.TandM .content .sliderBanner .item h2.banner_title
{
	font-size:26px !important;
	line-height:36px !important;
	font-weight:normal !important;
	color:#fff !important;
	margin:0 0 25px 0 !important;
	border:0 !important;
}

.page.TandM .sliderBanner .item h3.banner_subTTL
{
	font-size:18px !important;
	line-height:21px !important;
	color:#fff !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	font-weight: normal!important;
}

.page.TandM .content .sliderBanner .item h3.banner_subTTL
{
	font-size:18px !important;
	line-height:18px !important;
	font-weight:normal !important;
	color:#ff9a00 !important;
	margin:0 0 0 0 !important;
	border:0 !important;
}

.page.TandM .content .sliderBanner .item p.banner_text
{
	font-size:14px !important;
	line-height:24px !important;
	font-weight:normal !important;
	color:#727272 !important;
	margin:10px 0 25px 0 !important;
}

.page.TandM .sliderBanner .item .banner_btn a
{
	display:inline-block;
	font-size:14px;
	line-height:20px;
	color:#FFF;
	text-align:center;
	text-decoration:none;
	padding:12px 23px;
	border-radius:5px;
	border:1px solid #ff9a00;
	background-color:#ff9a00;
}

.page.TandM .sliderBanner .item .banner_btn a:hover
{
	background-color:#ff7800;
}

.page.TandM .sliderBanner .item .banner_btn a:nth-child(2)
{
	color:#ff9a00;
	border:1px solid #ff9a00;
	background-color:transparent;
}

.page.TandM .sliderBanner .item .banner_btn a:nth-child(2):hover
{
	color:#FFF;
	background-color:#ff7800;
}

@media screen and (max-width: 1199px)
{
	.page.TandM .sliderBanner .item .text
	{
		left:20px;
	}
	.page.TandM .sliderBanner .item .bg img
	{
		left:60%;
		transform: translate(-60%,0);
	}
}

@media screen and (max-width: 991px)
{
	.page.TandM .sliderBanner .item .text
	{
		width:550px;
		text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.8);
	}
	.page.TandM .sliderBanner .item .bg img
	{
		left:65%;
		transform: translate(-65%,0);
	}
}

@media screen and (max-width: 767px)
{
	.page.TandM .content .sliderBanner .item .text
	{
		width:450px;
	}
	.page.TandM .sliderBanner .item .text
	{
		width:70%;
	}
	.page.TandM .content .sliderBanner .item  h2.banner_title
	{
		font-size:26px !important;
		line-height:1.3 !important;
		margin:0 0 10px 0 !important;
	}
	.page.TandM .sliderBanner .item .bg
	{
		/*opacity:0.3;*/
	}
	.page.TandM .sliderBanner .item .bg img
	{
		left:70%;
		transform: translate(-70%,0);
	}
	.page.TandM .content .sliderBanner .item .banner_btn a
	{
		line-height:16px;
		padding:12px 23px;
	}
	.page.TandM .sliderBanner .item .banner_btn a:nth-child(2)
	{
		background-color:#FFF;
	}
	.page.TandM .content .sliderBanner .item .banner_btn a:nth-child(1)
	{
		margin-bottom:10px;
	}
}

@media screen and (max-width: 580px)
{
	.page.TandM .sliderBanner .item .text
	{
		width:90% !important;
	}

	.page.TandM .sliderBanner .item .bg img
	{
		opacity:0.4;
	}
}



/*==========================*/
/*===== New CSS Start =====*/
/*========================*/

/*****************/
/**** Common ****/
/***************/
.page.TandM .ContentWrap h2{
	font-size: 26px!important;
	margin: 0 auto 20px!important;
}
.page.TandM .ContentWrap h3{
	font-size: 18px!important;
}
.page.TandM .ContentWrap h4{
	font-size: 16px!important;
}
.page.TandM .ContentWrap h5, .page.TandM .ContentWrap p{
	font-size: 14px!important;
}
.page.TandM .ContentWrap p{
	margin: 0 0 10px 0;
	line-height: 24px!important;
}
.page.TandM .ContentWrap > div:first-of-type > .inner{
	padding-top: 70px;
}
.page.TandM .ContentWrap > div:last-of-type > .inner{
	padding-bottom: 70px;
}
.page.TandM .inner{
	padding: 50px 0;
}
.page.TandM .sectionTitle{
	text-align: center;
}
.page.TandM .ContentWrap .textOnly{
	max-width: 820px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}
.page.TandM .blue{
	color: #1569b2
}
.page.TandM .moreBtn{
	background: #00a0e9;
	color: #fff;
    text-align: center;
    line-height: 2.5;
	border-radius: 5px;
	padding: 0 40px;
	margin-bottom: 15px;
	text-decoration: none;
	border: 1px solid #00a0e9;
}
.page.TandM .green .moreBtn{
	background: #01b5ab;
	border-color: #01b5ab;
}
.page.TandM .moreBtn:hover{
	box-shadow: 0px 0px 12px rgba(0, 160, 233, 0.35);
}
.page.TandM .moreBtn.inactiveBtn{
	background: #777;
	border-color: #777;
	pointer-events: none;
}
.page.TandM .owl-dots{
	text-align: center;
}
.page.TandM .owl-carousel .owl-dot {
    width: 13px!important;
    height: 13px!important;
    border-radius: 50%;
    padding: 0!important;
    border: 0;
	background: #d5d5d5;
	margin: 0 8px;
}
.page.TandM .owl-carousel .owl-dot.active {
    background: #777;
}

@media screen and (max-width:991px){
	.page.TandM .ContentWrap .inner{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media screen and (max-width:580px){
	.page.TandM .ContentWrap h2 {
		font-size: 24px!important;
	}
}

/***********************/
/**** Introduction ****/
/*********************/
.page.TandM #Introduction{
	background-color: #fff;
}
.page.TandM #Introduction p{
	text-align: center;
}



/********************/
/**** Automated ****/
/******************/
.page.TandM #Automated{
	background-image: url('../images/bg/atebg.jpg');
	background-size: cover;
}
.page.TandM #Automated .textOnly{
	text-align: center;
}
.page.TandM #Automated .blue{
	font-weight: bold;
}
.page.TandM .equipment.row{
	margin-top: 35px;
	margin-bottom: 10px;
}
.page.TandM .equipment.row,
.page.TandM .tabList{
	margin-left: -10px;
	margin-right: -10px;
}
.page.TandM .equipment .col-2{
	padding: 0 10px!important;
}
.page.TandM .equipWrap {
	display: block;
	background-color: #fff;
    height: 100%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	border: 1px solid #9bcbf0;
	margin: 0 auto;
	padding: 15px 0;
	transition: all 0.3s linear;
}
.page.TandM .equipWrap:hover,
.page.TandM .equipWrap.active{
	border-color: #1569b2;
	background-color: #1569b2;
}
.page.TandM .equipWrap img{
	max-height: 100px;
	height: 100%;
}
.page.TandM .equipWrap img.white{
	height: 0;
}
.page.TandM .equipWrap:hover img.black,
.page.TandM .equipWrap.active img.black{
	height: 0;
}
.page.TandM .equipWrap:hover img.white,
.page.TandM .equipWrap.active img.white{
	height: 100%;
}
.page.TandM .equipWrap h3{
	font-weight: 400!important;
	margin-top: 10px!important;
}
.page.TandM .equipWrap:hover h3,
.page.TandM .equipWrap.active h3{
	color: #fff!important;
}
.page.TandM .tabList .col-4{
	padding: 10px!important;
}
.page.TandM .tabContent{
	opacity: 0;
    height: 0;
}
.page.TandM .tabContent.active{
	opacity: 1;
    height: 100%;
}

@media screen and (min-width:1024px){
	.page.TandM #Automated .blue{
		letter-spacing: -0.15px;
	}
}
@media screen and (max-width:991px){
	.page.TandM .equipment .col-2{
		-ms-flex: 0 0 33.333333%;
    	flex: 0 0 33.333333%;
		max-width: 33.333333%;
		padding: 5px!important;
	}
	.page.TandM .tabList .col-4{
		padding: 5px!important;
	}
}
@media screen and (max-width:580px){
	.page.TandM .equipment .col-2 {
		padding: 5px 3px!important;
	}
	.page.TandM .equipment.row {
		margin: 35px -3px 10px;
	}
	.page.TandM .equipWrap {
		padding: 6px 0;
	}
	.page.TandM .equipWrap img {
    	max-height: 70px;
	}
	.page.TandM .equipWrap h3 {
		font-size: 13px!important;
		font-weight: bold!important;
	}
	.page.TandM .equipment.row{
    	margin-left: -3px;
    	margin-right: -3px;
    }
    .page.TandM .tabList {
        margin-left: 0;
        margin-right: 0;
    }
}

/*************************/
/**** Product Module ****/
/***********************/
.page.TandM .productWrap{
	display: -ms-flexbox;
	display: flex;
	background-color: #fff;
    flex-flow: column;
	border:1px solid #9bcbf0;
	height: 100%;
}
.page.TandM .productWrap.green {
	border-color: #01b5ab;
}
.page.TandM .productCategory{
	display: -ms-flexbox;
	display: flex;
    align-items: center;
    background: linear-gradient(90deg, rgba(216, 235, 250, 0.45), transparent 75%);
}
.page.TandM .green .productCategory{
    background: linear-gradient(90deg, rgba(213, 239, 237, 0.45), transparent 75%);
}
.page.TandM .catIcon{
	width:71px;
	height:66px;
	background-size: contain;
	background-repeat: no-repeat;
}
.page.TandM .catIcon.ecat{
	background-image: url('../images/icons/ecat.png');
}
.page.TandM .catIcon.gateway{
	background-image: url('../images/icons/gateway.png');
}
.page.TandM .catIcon.ipc{
	background-image: url('../images/icons/ipc.png');
}
.page.TandM .catIcon.pci{
	background-image: url('../images/icons/pci.png');
}
.page.TandM .catIcon.pcie{
	background-image: url('../images/icons/pcie.png');
}
.page.TandM .catIcon.software{
	background-image: url('../images/icons/software.png');
}
.page.TandM .catIcon.usb2{
	background-image: url('../images/icons/usb2.png');
}
.page.TandM .catIcon.usb3{
	background-image: url('../images/icons/usb3.png');
}
.page.TandM .productCategory h3{
	color: #1569b2!important;
	-ms-flex: 1 1!important;
    flex: 1 1!important;
	padding-left: 8%!important;
}
.page.TandM .green .productCategory h3{
	color: #04948c!important;
}
.page.TandM .productContent,
.page.TandM .productBottom{
	padding: 10px 5%;
}
.page.TandM .productContent{
	display: -ms-flexbox;
	display: flex;
    flex-flow: column;
}
.page.TandM .productContent img{
	margin: 30px auto 15px;
	max-width: 170px;
	width: 100%;
}
.page.TandM .productContent ul{
	display: -ms-flexbox;
	display: flex;
    justify-content: space-between;
}
.page.TandM .productContent ul li{
	background-color: #d8ebfa; 
	color: #00a0e9;
	line-height: 1.9;
	text-align: center;
	width:32.5%;
}
.page.TandM .green .productContent ul li{
	background-color: #d5efed;
	color: #04948c;
}
.page.TandM .productContent ul li.span2 {
    width: 66.25%;
}
.page.TandM .productContent h4 {
    margin-top: 25px!important;
}
.page.TandM .productContent p span{
	color: #888;
}
.page.TandM .productBottom{
    margin-top: auto;
}
.page.TandM .productContent ol {
    line-height: 24px;
    list-style-type: "-"!important;
}
.page.TandM .productContent ol li {
    list-style-type: inherit!important;
    margin-left: 5px;
    padding-left: 2px;
}
.page.TandM .product-carousel.owl-carousel .owl-stage{
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width:991px){
	.page.TandM .productCategory h3{
		font-size:17px!important;
		padding: 0 5px!important;
	}
}
@media screen and (max-width:580px){
	.page.TandM .productCategory h3 {
		padding: 0!important;
		text-align: center!important;
	}
	.page.TandM .tabList .owl-stage div.owl-item{
	    min-width: calc(100vw - 20px);
	}
	.page.TandM .productContent ul{
	    justify-content: space-around;
    }
}


/******************/
/**** Machine ****/
/****************/
.page.TandM #Machine{
	background-image: url('../images/bg/mcmbg.jpg');
	background-size: cover;
}
.page.TandM #Machine .middle.row,
.page.TandM #Machine .lower.row {
	margin: 20px -10px 0;
}
.page.TandM #Machine .upper .col-3{
	text-align: center;
}
.page.TandM #Machine hr {
    color: #c0c1c2;
	margin: 20px 0 30px;
}
.page.TandM #Machine .forDesktop .col-4,
.page.TandM #Machine .forDesktop .col-8{
	padding: 10px!important;
}
.page.TandM .ContentWrap h3.blue {
    color: #1569b2!important;
    margin-bottom: 10px!important;
}
.page.TandM .ContentWrap h3.green {
    color: #04948c!important;
    margin-bottom: 10px!important;
}
.page.TandM #Machine .middle.row.forDesktop {
    margin-bottom: 20px;
}
.page.TandM #Machine ul.freeWitdh {
    margin-left: -3%;
    margin-right: -3%;
}
.page.TandM #Machine ul.freeWitdh>li {
    width: auto!important;
    padding: 0 1%;
}
.page.TandM #Machine .productContent img {
    margin: 0 auto 15px;
}
.page.TandM #Machine .forMobile .productWrap {
    margin: 15px 0;
}
.page.TandM #Machine .forMobile .machines {
    margin: 40px 0 20px;
}
@media screen and (min-width:992px){
	.page.TandM #Machine ul.freeWitdh>li {
		width: auto!important;
		padding: 0 1%;
	}
}
@media screen and (max-width:991px){
	.page.TandM #Machine .forDesktop{
		display: none;
	}
	.page.TandM #Machine .forMobile{
		display: block;
	}
	.page.TandM #Machine .upper.row > div {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%!important;
	}
	.page.TandM #Machine .upper.row .moreBtn{
		margin-top: 20px;
	}
	.page.TandM #Machine ul.freeWitdh {
		margin-left: 0;
		margin-right: 0;
	}
	.page.TandM #Machine ul.freeWitdh>li {
		width: 33%!important;
		padding: 0;
	}
}
@media screen and (max-width:580px){
	.page.TandM #Machine ul.freeWitdh {
		margin-left: -4%;
		margin-right: -4%;
	}
	.page.TandM #Machine ul.freeWitdh>li {
		width: auto!important;
	}
}


/*********************/
/**** Industries ****/
/*******************/
.page.TandM #Industries .row {
	margin: 20px -10px 0;
}
.page.TandM #Industries .col-4{
	padding: 0 10px!important;
}
.page.TandM #Industries .industriesWrap {
	border: 1px solid #9bcbf0;
    position: relative;
}
.page.TandM #Industries .backImage img {
	width:100%;
}
.page.TandM #Industries .bottomSpace {
    height: 200px;
    padding: 20px 15px;
}
.page.TandM #Industries .hoverText {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #35479a;
    color: #fff;
    padding: 30px 15px;
    opacity: 0;
	pointer-events: none;
	transition: 0.5s ease;
}
.page.TandM #Industries .threeIndustries > div:hover .hoverText {
	opacity: 1;
	pointer-events: initial;
}
.page.TandM #Industries .hoverText h3 {
	color: #fff!important;
	margin-bottom: 10px!important;
}
.page.TandM #Industries .bottomBtn {
	position: absolute;
    bottom: 20px;
    left: 15px;
}
.page.TandM #Industries .moreBtn{
	margin-bottom: 0!important;
}
.page.TandM #Industries .moreBtn:hover{
	box-shadow: none;
}
@media screen and (min-width:992px){
	.page.TandM #Industries .threeIndustries > div:hover .moreBtn{
		border-color: #fff;
		background-color: #35479a;
		transition: 0.5s ease;
	}
	.page.TandM #Industries .threeIndustries > div:hover .moreBtn:hover{
		background-color: #fff;
		color: #35479a;
	}
}
@media screen and (max-width:991px){
	.page.TandM #Industries .col-4{
		-ms-flex: 0 0 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important;
		margin: 10px 0 20px;
	}
	.page.TandM #Industries .hoverText {
		position: relative;
		opacity: 1;
		background: none;
		color: #222;
		padding: 20px 15px;
		pointer-events: initial;
	}	
	.page.TandM #Industries .hoverText h3 {
		color: #222!important;
	}
	.page.TandM #Industries .bottomSpace {
		display: none;
	}
	.page.TandM #Industries .bottomBtn {
		position: relative;
		left: 0;
		bottom: 0;
		padding: 0 15px 20px;
	}
}
@media screen and (max-width:580px){
	.page.TandM #Industries .col-4{
		-ms-flex: 0 0 100%!important;
		flex: 0 0 100%!important;
		max-width: 100%!important;
		margin: 10px 0 20px;
	}
}




/********************/
/**** Solutions ****/
/******************/
.page.TandM #Solutions {
	background-image: url('../images/bg/sacbg.jpg');
	background-size: cover;
}
.page.TandM #Solutions h2{
	color: #fff!important;
}
.page.TandM #Solutions .solutions{
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
	padding: 10px;
}
.page.TandM #Solutions .solutionWrap {
    height: 100%;
    display: flex;
    flex-flow: column;
	background: #e7e7e7;
	padding-bottom: 30px;
}
.page.TandM #Solutions .solutionWrap img{
	width: 100%;
	background-color: #fff;
}
.page.TandM #Solutions .solutionWrap h3{
	margin: 20px 0!important;
	text-align: center!important;
}
.page.TandM #Solutions .Btns{
	margin-top: auto;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column;
	align-items: center;
}
.page.TandM #Solutions .moreBtn{
	width: 130px;
	padding: 0;
}
.page.TandM #Solutions .moreBtn.takeCourse{
	background-color: #002859;
	border-color: #002859;
	margin-bottom: 0;
}
.page.TandM #Solutions .moreBtn.takeCourse:hover{
	box-shadow: 0px 0px 12px rgba(0, 40, 89, 0.35);
}
@media screen and (max-width:991px){
	.page.TandM #Solutions .solutions{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
@media screen and (max-width:580px){
	.page.TandM #Solutions .solutions{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 80%;
		margin: 0 auto;
	}
}

/********************/
/**** Resources ****/
/******************/
.page.TandM #Resources .resourcesWrap{
	justify-content: space-between;
}
.page.TandM #Resources .resource {
	display: -ms-inline-flexbox;
    display: inline-flex;
    flex-flow: column;
	align-items: center;
	justify-content: space-between;
}
.page.TandM #Resources .resource{
	width: auto;
	max-width: 50%;
}
.page.TandM #Resources .resource h3 {
    margin-bottom: 10px!important;
}
.page.TandM #Resources .resource img {
	max-width: 90%;
	min-height: 1px;
}
.page.TandM #Resources .resource .moreBtn.downloadBtn{
	margin-top:20px;
}
@media screen and (max-width:991px){
	.page.TandM #Resources .resource{
		width: 50%;
	}
}
@media screen and (max-width:580px){
	.page.TandM #Resources .resource{
		width: 100%;
		max-width: 100%;
		padding: 30px 0;
	}
	.page.TandM #Resources .resource.seperator {
		border-bottom: 1px solid #aaa;
	}
	.page.TandM #Resources .resource .moreBtn.downloadBtn{
		margin-bottom: 0px;
	}
}