@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap');

body {font-family:Roboto; font-size:15px; line-height:19px;}
h1	{color:#333; font-weight:300;}
h1 span {display:block; line-height:18px; font-size:16px;}
h1.header-title	{color:#fff;}


.title5	{font-size:16px; font-weight:normal; color:#333; font-family:'Roboto' !important;}

.dropdown-menu, .dropdown-menu a, .pci, .btn-default
{font-size:15px; font-family:'Roboto' !important; }


.anchorbanner {
	background-color:#f99d1c; font-size:16px;
	background-color:#000;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.5);
	
}
.anchorbanner a		{padding:12px 25px; margin:0; display:inline-block; border-left:1px solid #c57202; border-color:#1e1e1e;}
.anchorbanner a:last-child	{ border-right:1px solid #c57202;  border-color:#1e1e1e;}
.anchorbanner a:hover	{background-color:#1e1e1e; color:#fff; text-decoration:none; 
}
.anchorbanner .row div	{text-align:center;}


.hr	{margin:20px auto; border:0;}
.inner-subT	{color:#f7941d; margin-bottom: 10px}
.spacing-50 h4	{color:#26298c; font-weight:400;}

.container .row	{ color:#000;}
.white	{color:#fff;}




.inner-ctn		{color:#fff; top:160px; font-size:16px; }
.inner-ctn div	{padding:15px 20px 0 20px; white-space:nowrap; width:700px;}
/*.innerHeight {
	height: 280px; 
}*/
.innerBanner	{
	margin-bottom:0 0 20px 0;
}

.vs {
	color: #fff; 
	background: url("../images/content/header-vs.jpg"); background-repeat:no-repeat;
	background-position: center top
}
.merchant {
	color: #fff; 
	background: url("../images/content/header_merchant.jpg"); background-repeat:no-repeat;
	background-position: center top
}
.bank {
	color: #fff; 
	background: url("../images/content/header_bank1.jpg"); background-repeat:no-repeat;
	background-position: center top
}


.company{
	color: #fff; 
	background: url("../images/content/header_about.jpg"); background-repeat:no-repeat;
	background-position: center top; background-size:100% 100%;
}
.dload{
	color: #fff; 
	background: url("../images/content/header_download.jpg"); background-repeat:no-repeat;
	background-position: center top
}
.reseller{
	color: #fff; 
	background: url("../images/content/header_reseller.jpg"); background-repeat:no-repeat;
	background-position: center top
}

/**/
/*Top Navigation*/
.navbar-nav, .dropdown a {}
.navbar	{
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.48);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.48);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.48);
}
.navbar-left	{margin-top:4px;}


.navMain	{padding-right:0;}

.BecomeReseller{
	width:190px; width:auto;
}
.login	{min-width:auto;}


.vsBorder	{border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}

.container form, .spacing-50 .container , .spacing-100 
	{color:#000; }
.woBanner	{padding-top:150px;}
.box 	{margin-bottom:30px;}
.box ul li {width:105px; height:84px; padding:10px;}
.clear	{clear:both; height:0;}
.panel-body p, .panel-body ul li 	{font-weight:normal; }
.panel-body p 	{margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #d2d2d2;}
.panel-body p:last-child	{border:0;}

#plugin .col-sm-2	{margin:0 5px; width:18%;}

.sitemap ul, .sitemap	ul li	{list-style:none inside none;  text-align:left; }

/*Footer - Product*/



.btmProduct	{padding-top:20px; background-color:#e6e6e6; background-color:#f3f3f3; background-color:#1c337d; border-bottom:1px solid #4c68bf;}
#sns a:hover	{background-color:#f7f7f7; background-color:#fff;}
footer, .btmProduct h4, .btmProduct h1 {color:#555; padding:3px 8px 2px 2px; color:#fff;}
.btmProduct a, footer a {color:#555; padding:3px 8px 2px 2px; color:#dae2fb;}
.btmProduct a:hover	{background-color:#172681; color:#fff; text-decoration:none;}
.btmProduct ul, .btmProduct ul li	{text-align:left;}
.btmProduct ul 	{margin-left:10px; display:inline-block;}
.btmProduct a	{display:block;}
.btmProduct div	{margin-bottom:0; padding-bottom:10px;}
.btmProduct .vRLine {border-right:1px solid #4c68bf;}
.btmProduct .vLLine {border-left:1px solid #4c68bf;}



/*Footer - Social Media, Disclimar and Copyright*/
footer	{padding-top:20px; background-color:#969696; background-color:#232323;  }
footer img 	{width:30px; }
footer img:hover	{background-color:#999;}
footer a			{color:inherit; padding:0 8px;}
footer a:hover	{background-color:none; text-decoration:none; color:#fff;}
footer a, .copyright	{font-size:13px;}
footer div	{padding-top:8px;}
.copyright	{padding:0 0 10px 0; text-align:center;}
footer, .copyright {background-color:#666; color:#d2d2d2; background-color:#193282;background-color:#1c337d;}

@media (max-width: 575.98px) {
.copyright	{padding:0 0 30px 0; margin:0; font-size:11px; }

}			


.overview	{background-color:#e9e9e9; padding:15px 0 0 0; display:block; width:auto; max-width:481px;}
.overview table	{text-align:left; width:auto; margin-left:15px;}
.overview table span	{font-size:36px; font-weight:normal;}
.overview div#pci	{background-color:#02797f; color:#fff; max-width:481px; display:block; padding:8px 25px; margin-top:10px; text-align:justify;}
.overview .btn-default	{background-color:transparent; border:1px solid #fff; color:#fff;}
.overview .glyphicon	{font-size:15px;}

.indexProduct	{margin:0 0 80px 0; padding:0 0 0 5px; }
.indexProduct .row	{margin:10px 0 0 0;}
.indexProduct p, .indexProduct .col-sm-4	{margin:0; padding:0 5px;}
.indexProduct  p	{text-align:justify;}
.indexProduct .col-sm-4 img	{width:100%;}
.indexProduct .productTitle	{color:#fff; font-size:16px; line-height:28px; padding-left:10px; margin:0px 0 10px 0;}
.indexProduct .productBody	{color:#555; padding:0 5px 15px 5px;}
#merchant		{background-color:#1d100a;}
#valueAdded		{background-color:#02182a;}
#bank			{background-color:#014d9c;}


.btn-primary	{background-color:#172681;} 


#news	{margin-top:40px;}

#valueAdd .row div		{text-align:center;}
#valueAdd .row  .col-sm-4	{float:left; width:33.3%; text-align:center;}


.panel-body  ul li {padding:5px 0 10px 0;}
.tc {font-family:Microsoft JhengHei !important;}

#product	{margin-top:25px;}

.card		{border-bottom:1px solid #d2d2d2; padding:10px 0; margin-bottom:20px; font-weight:500; color:#000;}
.card img	{margin-top:5px;}

.list li	{padding-bottom:8px;}


.shoppingCartBox img	{border:1px solid #d2d2d2;}
.shoppingCartBox 	{margin-bottom:5px;}
.selectStyle	{margin:-5px 0 0 0; padding:0; width:100%; }
.selectStyle .selectstyle	{width:100%;}




header 	{position:relative; margin-top:110px;}
h2, h3, .categoryP  p	{font-weight:normal; margin:0; padding:0;}
h3		{font-size:120%;}
.btn	{font-size:100%;}

.pd-logo img	{padding:7px 0;}
.navMain		{margin:0 auto;}
.navbar-header button	{margin-right:15px; margin-top:20px;}
.navbar-collapse	{margin-top:5px;}

.overviewP	{background-color:#f7f7f7; width:100%; padding:19px 0 14px 0; display:table;}
.overviewP ul , .pciP ul , .pciP ul li, .categoryP ul, .categoryP ul li, #getstarted ul, #getstarted ul li, .top-nav2 ul, .top-nav2 ul li
	{list-style:none; margin:0; padding:0;}
.overviewP ul	{display:block; float:left; width:45%;}
.overviewP ul:first-child, .overviewP ul:nth-child(3n - 2)  {padding:0 15px 0 25px; width:55%;}
.overviewP ul li	{display:block; float:left;}
.overviewP ul li:first-child	{width:40%;}
.overviewP ul li:last-child	{width:60%; padding-top:15px;}

.pciP	{color:#fff; background-color:#0b787f; padding:18px 10px 24px 20px; display:table;}
.pciP ul	{width:100%;}
.pciP ul li:first-child	{float:left; width:70%;}
.pciP ul li:nth-child(2n-2)  {float:right; width:30%; text-align:right; padding-top:0;}
.pciP .btn-default	{background-color:transparent; color:#fff; border:1px solid #fff;}
.pciP h2 {margin-bottom:10px;}

.categoryP div	{margin-top:15px;}
.categoryP h3	{padding:8px 0 0 0;}
.categoryP img 	{border-bottom:1px solid #fff;}
.categoryP div:first-child h3 {background-color:#1d100a; background-color:#193282; color:#fff; margin-bottom:5px; padding:3px 0 3px 5px;}
.categoryP div:first-child	{}
.categoryP div:nth-child(3n-1)  h3 {background-color:#04172a; background-color:#193282; color:#fff; margin-bottom:5px; padding:3px 0 3px 5px;}
.categoryP div:nth-child(3n-1)	{}
.categoryP div:last-child h3 {color:#1d100a; background-color:#1b4699; background-color:#193282; color:#fff; margin-bottom:5px; padding:3px 0 3px 5px;}
.categoryP div:last-child	{}
.categoryP .btn-default		{margin-top:10px;}
.catgoryP  ul	{width:100%;}
.categoryP ul li	{display:block; width:100%;}

#getstarted	{margin-top:100px;}
#getstarted section {padding:30px 0 50px 0;}
#getstarted h1	{color:#fff; margin:20px 0 0 0; padding-bottom:10px; color:#fff; text-shadow:2px 2px 20px #000; text-shadow:none;}
#getstarted h4	{font-size:150%;}
#getstarted .row	{color:#fff; display:table; margin:0 auto; width:100%;}
#getstarted .row div	{display:table-cell; width:2%; margin:0 2%;}
#getstarted .row div:first-child 	{
	background-color:rgba(250, 166, 26, 0.6);  padding:15px 0; width:49%; cursor: pointer;
	
	}
#getstarted .row div:first-child:hover	{background-color:rgba(250, 166, 26, 0.9);  padding:15px 0;}
#getstarted .row div:last-child 		{background-color:rgba(27, 50, 129, 0.6);  padding:15px 0; width:49%; cursor: pointer; }
#getstarted .row div:last-child:hover	{background-color:rgba(27, 50, 129, 0.9);  padding:15px 0;}



/*Content Banner*/
.innerBanner			{color:#fff; font-size:16px; width:100%; height:280px;  line-height:30px; vertical-align:bottom; background-repeat: no-repeat; background-position:center center;}
.innerBanner .container	{padding-top:185px; }
.innerBanner  span		{display:block; font-size:250%; text-shadow: 3px 3px 10px #000; text-shadow:none;}

.company	{background: url("../images/content/header_about.jpg"); background-repeat:no-repeat;  background-position:center center; background-color:#01060e;}
.pMerchant	{background: url("../images/content/header_merchant.jpg"); background-repeat:no-repeat;  background-position:center center; background-color: #1d100a}
.pChina	{background: url("../images/china/header_photo.jpg"); background-repeat:no-repeat;  background-position:center center; background-color: #017abf;}
.pHrms	{background: url("../images/hrms/header.jpg"); background-repeat:no-repeat;  background-position:center center;}
.pPOS	{background: url("../images/content/header_smartpos.jpg"); background-repeat:no-repeat;  background-position:center center; background-color: #f7f8f2;}
.p3d2	{background: url("../images/content/header_3dsecure2.jpg"); background-repeat:no-repeat;  background-position:center center;}
.pVTS	{background: url("../images/content/header_vts.jpg"); background-repeat:no-repeat;  background-position:center center;}
.pVAS	{background: url("../images/content/header-vs.jpg"); background-repeat:no-repeat;  background-position:center center; background-color: #0d2030;}
.pBank	{background: url("../images/content/header_bank1.jpg"); background-repeat:no-repeat;  background-position:center center; background-color: #004988;}
.newsRoom	{background: url("../images/content/header_news.jpg"); background-repeat:no-repeat;  background-position:center center; background-color: #0f2235}
.news	{background: url("../images/content/header_news.jpg"); background-repeat:no-repeat;  background-position:center center;background-color: #0f2235}
.newsRm	{background: url("../images/content/header_news.jpg"); background-repeat:no-repeat;  background-position:center center;background-color: #0f2235}
.fsheet	{background: url("../images/content/header_download.jpg"); background-repeat:no-repeat;  background-position:center center; background-color: #dceaf2;}


/*Content*/
.content	{margin-top:30px; margin-bottom:100px;}
#section1   {margin-bottom:-80px;}
.content h1 span	{margin:0px 0 20px 0; font-size:90%;}
.content h2	{color:#f7941d; margin:20px 0 8px 0}
.content strong, .content b 	{color:#000; font-weight:500;}
.content h3	{color:#1b3281; margin:20px 0 8px 0}
.content .list li, .content .row	{color:#555; }
.content .tblHeader	{border-top:2px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:5px 0; margin-top:15px;}
.tblContent	{border-bottom:1px solid #d2d2d2; }
.content .row	{padding:5px 0;}

.content .tblContent img	{padding:0 5px 8px 0; display:inline;}
#asterisk	{font-weight:500;}






.contact .row div {line-height:25px;}
.contact img	{border:1px solid #d2d2d2;}


.enquiry	{padding:120px 0 50px 0;}
.enquiry .input-group-addon	{background-color:white; border:0; color:#555; margin:0 0 0 0; padding:12px 10px 0 0; vertical-align:top; }
.enquiry b	{padding-top:12px; line-height:25px;}
.enquiry form	{width:100%; margin-top:20px;}
.enquiry ul, .enquiry ul li	{margin:0; padding:0; list-style:none; width:auto;}
.enquiry ul li {float:left;}
.enquiry .row ul li	{display:inline-block; float:left; margin:0 20px 10px 20px; width:150px; vertical-align:top; width:auto;}
.enquiry .row ul li img	{height:30px; padding-left:10px;}

@media (max-width: 575.98px) {
	.enquiry	{padding:10px 10px 30px 10px;}
	.enquiry .row ul li img	{height:20px;}
	.enquiry .row ul li	{margin: 0 0 10px 0; }
	#vCodeImg	{margin-left:25px;}
}

@media (max-width: 575.98px) {
	.plugin .row , .plugin .row div, .plugin .row div div		{margin:0; padding:0;}
	.plugin .row img{float:left; display:inline-block; margin:5px 20px 5px 0; width:45%;}
	.plugin .row div a, .plugin .row .selectstyle {float:left; display:inline-block; margin-top:15px;}
	.plugin .row .selectstyle {margin:25px 0 0 0; width:auto;}
}
  
.dropdown-menu li a:hover {background-color:#faa61a; }
  


@media only screen and (min-width: 768px){
	
}

@media only screen and (min-width: 768px){
	.desktop	{display:initial;}
	.mobileS	{display:none;}
}

@media only screen and (max-width: 768px){
	/*For mobile only */
	.desktop	{display:none;}
	.mobileS	{display:initial;}
	header		{margin-top:95px; margin-bottom:-95px;}

	.content h1 span	{margin:10px 0 20px 0; font-size:90%;}
	.carousel	{margin-bottom:20px;}
	
	.overviewP	{padding:10px 0 5px 0;}
	.overviewP ul	{width:44%; font-size:80%; line-height:16px;}
	.overviewP ul:first-child, .overviewP ul:nth-child(3n - 2)  
	{padding:0 0 0 0px ; width:56%;}
	.overviewP ul li:first-child	{width:45px;}
	.overviewP ul li:last-child	{padding:5px 0 10px 0;}
	.pciP .btn-default	{margin-bottom:15px;}
	.pciP {margin-bottom:20px;}
	.pciP	{padding-bottom:0;}
	.pciP ul li:first-child	{float:left; width:100%;}
	.pciP ul li:nth-child(2n-2)  {float:left; width:100%; padding-top:0;}
	.categoryP  p	{margin-bottom:20px; text-align:right;}
	
	#getstarted	{margin-top:20px;}
	#getstarted section {padding:15px 0 20px 0;}
	#getstarted h1	{margin:0 0 0 0; padding-bottom:10px; color:#fff; 
	text-shadow:2px 2px 20px #000;line-height:22px;}
	#getstarted h2	{font-size:130%;}
	#getstarted p	{font-size:90%; padding:6px 5px;}
	#getstarted h4	{font-size:130%;}
	

	
	.top-nav2	{background-color:#172681;}
	.top-nav2 div	{padding:0; background-color:#172681; padding-right:10px; width:100%;}
	.top-nav2 div ul	{float:right;}
	.top-nav2 ul li {float:left; font-size:80%; padding:2px 0;}
	.top-nav2 ul ul li:first-child	{height:10%; padding-right:2px;}
	.top-nav2 ul ul li:first-child img	{width:70%;}
	.top-nav2 a	{color:#fff;}
	.navbar-header	{padding-right:15px; padding-left:0;}
	.navbar-header button	{margin-right:15px; margin-top:20px;}
	
	/*Content Banner*/
	.innerBanner			{font-size:90%; width:100%; height:150px; line-height:normal;}
	.innerBanner .container	{width:100%; padding-top:100px; height:150px;}
	.innerBanner  span	{display:block; font-size:140%;}
	.company	{background: url("../images/content/header_about.jpg"); background-repeat:no-repeat; background-size:auto 100%; background-position:center center;}
	.pMerchant	{background: url("../images/content/header_merchant.jpg"); background-repeat:no-repeat;  background-size:auto 100%; background-position:55% center;}
	.pVAS	{background: url("../images/content/header-vs.jpg"); background-repeat:no-repeat;  background-size:auto 100%; background-position:56% center;}
	.pBank	{background: url("../images/content/header_bank1.jpg"); background-repeat:no-repeat;  background-size:auto 100%; background-position:40% center;}
	.news	{background: url("../images/content/header_news.jpg"); background-repeat:no-repeat;  background-size:auto 100%; background-position:40% center;}
	.fsheet	{background: url("../images/content/header_download.jpg"); background-repeat:no-repeat;  background-size:auto 100%; background-position:40% center;}

	/*Content*/
	.content	{margin-top:120px; margin-bottom:60px;}
	
	.content h2	{font-size:130%; margin:20px 0 5px 0}
	.box ul li {width:65px; height:55px; padding:0; vertical-align:top;}
	.box ul li img	{padding:5px; width:100%; height:auto;}
	
}
@media only screen and (min-width : 350px) and (max-width :1200px){
	body	{border:0px solid red;}
	header		{margin-top:105px; margin-bottom:-105px;}
	.carousel	{margin-bottom:20px;}
	h1			{}
	.pciP .btn-default	{margin-bottom:15px;}
	.pciP {margin-bottom:20px;}
	.pciP	{padding-bottom:0;}
	.pciP ul li:first-child	{float:left; width:100%;}
	.pciP ul li:nth-child(2n-2)  {float:left; width:100%; padding-top:10px; text-align:left;}
	
	.categoryP  p	{margin-bottom:20px; text-align:right;}
	.categoryP  ul	{padding-bottom:0px;}
	.categoryP ul li	{display:block;}
	.categoryP ul li:first-child	{float:left; display:inline-block; width:35%;}
	.categoryP ul li:nth-child(2n - 2)  	{float:right; width:63%; margin-bottom:15px;}
	
	.top-nav2	{background-color:#172681; text-align:right;}
	.top-nav2 div	{padding:0; text-align:right; float:right;}
	.top-nav2 ul	{float:right;}
	.top-nav2 ul li {float:left; font-size:80%; padding:2px 0;}
	.top-nav2 ul ul li:first-child	{height:10%; padding-right:2px;}
	.top-nav2 ul ul li:first-child img	{width:70%;}
	.top-nav2 a	{color:#fff;}
	.top-nav2 div	{padding:0; background-color:#172681; padding-right:10px; width:100%;}
}


/*Content China*/
.landing .row	{width:100%;}
	@media (max-width: 575.98px) {
		.landing .row	{margin:0 auto; width:98%;}
	}
.china ul, .china ul li 	{margin:0; padding:0;}
.china .row ul li	{border-bottom:1px dashed #000; display:table-cell; padding:8px 0 8px 0; height:auto; line-height:20px;}
.china .row ul	{clear:both; width:100%; display:table;}
.china .row ul li:first-child	{width:8%}
.china .row ul li:last-child	{width:92%;}
.china .row ul:last-child li	{border:0;}
.china p, .china h1, .china h2, .china h3, .landing h1, .landing h2	{text-align:center;}

.landing .img-thumbnail	{border:0; padding-top:25px;}
.landing .row div p	{text-align:center;}

.china h1, .china h2	{text-align:center;}
.china .row  ul:first-child	{border-top:3px solid #e00629; margin-top:15px;}
.china #feature .row	{padding-top:20px;}
	.china h1, .landing h1	{color:#172681; font-size:230%;}
	@media (max-width: 575.98px) {
		.china h1, .landing h1	{font-size:150%;}
	}

	.china h2, .landing h2	{color:#000; font-size:200%;}
	@media (max-width: 575.98px) {
		.china h2, .landing h2	{color:#000; font-size:130%; margin-top:0; padding-top:0; line-height:normal;}
		.smartPOS .row h2 	{margin:0; padding:0}
		
		}

.china h3, .landing h3	{color:#f7941d; font-size:180%;}
.china #feature, .landing #feature, .china #channel, .landing #book
{border-top:1px solid #d2d2d2; margin-top:55px;}

.china #feature h2, .china #channel h2 {padding-top:35px;}
.china .remarks	{font-size:80%; text-align:right; text-align:left;}



.subNav ul, .subNav ul li	{list-style:none; margin:0; padding:0;}
.subNav	{font-size:120%; margin:20px auto;  text-align:center;  display:table;  width:100%; border-bottom:1px solid #d2d2d2; }
.subNav ul 	{margin:0 auto; width:auto; border-right:1px solid #d2d2d2; display:table; }
.subNav ul li	{border-bottom:2px solid #fff; float:left; display:table-cell; padding:15px 35px; border-left:1px solid #d2d2d2;}
.china .subNav ul li	{padding:15px 55px}
.subNav a 	{text-decoration:none;}
.subNav li:hover	{border-bottom:2px solid #26298c;}

.landing .row ul h3	{margin:0; padding:0;}

	.landing .tbl 		{display:table; width:100%; border-top:1px solid #d2d2d2; margin-top:25px;}
	.landing .tblHeader	{display:table-row; width:100%;}
	.landing .tblHeader ul, .landing .tblHeader ul li	{margin:0; padding:0;  vertical-align:middle;}
	.landing .tblHeader ul li	{display:inline-block; height:80px; padding:18px 15px; vertical-align:middle;}
	.landing .tblHeader ul li img	{height:40px;  vertical-align:middle;}
	.landing .tblHeader div	{display:table-cell; border-bottom:1px solid #d2d2d2; height:80px; vertical-align:middle;}
	.landing .tblHeader h3	{background-color:#4d9be6; color:#fff; font-size:130%; margin:20px 0 0 0; padding:10px 0 10px 15px;}
	@media (max-width: 575.98px) {
		.landing .tbl			{border-bottom:1px solid #d2d2d2; width:95%; margin:15px auto 0 auto;}
		.landing .tblHeader 		{margin:0; padding:0; height:auto;}
		.landing .tblHeader div	{display:table-row; margin:0; padding:0; height:auto;}
		.landing .tblHeader div ul	{height:auto;}
		.landing .tblHeader h3	{font-size:110%; margin:0 0 0 0; padding:3px 0 3px 15px;}
		.landing .tblHeader ul li	{margin:0; padding:0; height:auto; float:left;}
	}
	
	.landing h2	{margin-top:55px;}
	@media (max-width: 575.98px) {
		.landing .row h2	{margin-top:15px;}
		.landing .row h3	{font-size:120%;}
	}
	

.landing .media-body		{width:auto; padding-top:5px;}
.landing .media-object	{float:left; display:inline-block; padding-right:15px;}
.landing .media h3	{padding-top:0; margin-top:5px; margin-bottom:3px; }
.container.content.landing.hrms  .row#feature .row .row {margin-bottom:30px;}
.container.content.landing.hrms  .row#feature	{border-bottom:1px solid #d2d2d2;}


.vLineR	{border-right:1px solid #d2d2d2;}
.vLineL	{border-left:1px solid #d2d2d2; padding-left:20px;}
.landing h4	{color:#181d7b}

/*SmartPos*/
.smartPOS  .tblHeader ul li img	{height:35px; margin:0; padding:0;}
.smartPOS .tblHeader ul li {  padding:18px 7px;}
.smartPOS  .vLineR	{margin-top:-10px;}

@media (max-width: 575.98px) {
		.smartPOS  .vLineR	{border:0; margin-bottom:15px;}
		.smartPOS  .tblHeader div	{border:0;}
		.smartPOS .media-object img	{width:70px;}
		.smartPOS .vLineL	{border:0;}
		.subNav	{display:none;}
}

/*Payment Options*/
/*In the section of About PayDollar*/
.pOpt div	{border-bottom:1px solid #d2d2d2; display:table-row; padding:20px 0;}
.pOpt div:first-child	{padding:0 0 15px 0;}
.pOpt div:last-child		{border:0;}
.pOpt h5		{border-right:4px solid #d2d2d2; border-color:#f8a746; color:#000; display:table-cell; font-size:18px; padding:15px 0 0 0;  width:100%; }
.pOpt ul		{display:table-cell;  padding-left:8px; }
.pOpt .list-inline-item img {width:90px !important; height:auto !important;}
.pOpt .list-inline-item {border:1px solid #d2d2d2; margin:5px; padding:5px;}




.debit .tblContent h3	{font-size:15px;}
.debit .row, .debit .row ul	{margin-bottom:0;}
.pOpt .row div:first-child 	{border:0;}



.debit .row img	{border:1px solid #d2d2d2; padding:3px 5px}


.newsR, .newsR .meida:first-child	{margin-top:150px;}
 
/*Mobile*/
@media (max-width: 728px){
	.leftSubMenu1	{margin-top:120px; margin-left:20px;}
	.leftSubMenu1 .clientRef  li {width:20%;}
	.mScreen	{display:none;}
}



.carousel	{color:#000; margin-top:95px; height:400px;}
.carousel-inner .item {
  height: 100vh; height:400px;
  min-height: 300px;
  background: no-repeat center bottom scroll;
	background-size:auto;
}
.carousel-indicators .active 	{border:2px solid #26298c; background-color:#26298c;}
.carousel-indicators li 	{border:2px solid #26298c; background-color:#fff;}
.carousel	{margin-bottom:0; opacity:1;}
@media (max-width: 497px){
	.carousel	{margin-top:100px !important; margin-bottom:60px; height:360px !important;}
	.carousel-inner .item { height:380px !important; min-height: 360px; background-size:cover;}
}
.btn {padding-top:10px  !important;; padding-bottom:10px !important; margin-top:5px !important;}
h1 {font-size:180%;}
.cardlogo	{width:95%;}
.heading	{color:#000; margin:0 10em 1.2em 10em; text-align:center;}
	@media (max-width: 497px){
	.heading {margin:0 0 1.2em 0; text-align:left;}
	.img-responsive {width:100% !important; height:auto !important;}
	}




/*News - Lightbox -------------------------------------------------------*/
.modal-dialog {width:600px; }
.modal-body img {width:600px !important; height:auto !important;}
.modal-title {font-family: 'Roboto', sans-serif !mportant; font-size:10pt !important; color:#000;}
.thumbnail {margin-bottom:6px;}
 .blur {
    box-shadow: 0px 0px 20px 20px rgba(255,255,255,1);
    text-shadow: 0px 0px 10px rgba(51, 51, 51, 0.9);
    transform: scale(0.9);
    opacity: 0.6;
  	-webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}

/*News  -------------------------------------------------------*/
.newsItem {border-bottom:1px solid #e1e1e1; display:block; padding-bottom:20px;}
.newsItem h6 {color:#555; font-size:12pt; font-weight:normal; padding-top:15px;}
.newsItem h5 {color:#000; font-size:13pt; font-weight:normal;}
.newsItem .row div {padding:0 0 0 15px;}
.newsItem .row div:last-child {padding-top:15px;}
#company .newsItem:last-child {border-bottom:0}
.nav-tabs {font-weight:500}



/*Left Menu  -------------------------------------------------------*/
.affix {
      top:110px;
      width: 100%; background-color:#fff; padding-top:30px; margin-top:-20px;
  }
 .affix ~ .container {
     position: relative; padding-top:100px;
  }

.leftSubMenu	{margin-top:30px; margin-top:0; padding-top:30px;}
.leftSubMenu .nav-pills li {border-bottom:1px dotted #aaa; }
.leftSubMenu .nav-pills  {width:250px !important;}
.leftSubMenu .nav-pills li a {color:#000; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.0);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.0); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.0); background-color:#fff; color:#000; border-left:6px solid #fff; }
.leftSubMenu .nav-pills li.active a, .leftSubMenu .nav-pills li a:hover
{-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); background-color:#322e7f; color:#fff; border-left:6px solid #f69c2e;}

.leftMenuContent div {padding-top:125px; z-index:1000;}
.leftMenuContent div:last-child {padding-bottom:250px;}
.leftMenuContent {margin-top:-125px;}
.leftMenuContent h1 {color: #322e7f;}

.leftSubMenu .other div .nav-pills  {width:150px !important;}

/*Between iPad Pro and 1024 screen width*/
@media (min-width: 728px) and (max-width: 1280px) {
	.leftSubMenu1, .pOpt	{margin-top:130px;}
	.leftSubMenu1 .nav-pills li {width:200px;}
	.faq1 .gridContainer {padding-top:130px;}
	.debit .row img	{width:100%;}

	.affix {
      top:110px !important;
      width: 100%; background-color:#fff; 
  }
	.leftSubMenu	 {padding-top:140px !important;}
	.leftMenuContent {margin-top:-130px !important; padding-top:0px !important;}
	.leftSubMenu .nav-pills  {width:200px !important;}
}

@media only screen and (max-width:765px) {
	body 	{}
	.leftSubMenu .nav-pills li {width:0 !important;}
	.leftMenuContent  {margin-top:60px !important; padding-top:0 !important; }
	.leftMenuContent div {padding-top:25px;}
	.navbar-fixed-bottom {display:initial;}
	.navbar-fixed-bottom .dropdown {border-top:1px solid #d2d2d2 !important; background-color:#fff;}
	
}




.newsroom .innerBanner {background: url("../images/content/header_news.jpg"); background-repeat:no-repeat; background-size:auto 100%; background-position:55% center; background-color:#102236;}





/*Client Reference  -------------------------------------------------------*/
.clientRef  li {width:11%; border:1px solid #d2d2d2; padding:3px; margin:3px;}
.clientRef .img-fluid	{width:100%; padding:3px;}
.clientRef h4 {margin:0; padding:25px 0 0 0;}



/*Other screen width  -------------------------------------------------------*/
@media only screen and (min-width : 1024px){
	body {}
	.navbar-fixed-bottom {display:none;}
	.plugin {padding-bottom:130px !important; margin-bottom:130px !important; }
}


.landing .subNav {position:-webkit-sticky; position: sticky; top: 115px; background-color:#fff; z-index:2}

/*Header Include TopNav and TopMenu -------------------------------------------------------*/
.top {position:fixed; top:0; z-index:9999; width:100%; margin:0; padding:0; box-shadow:none; height:92px; border-radius:0 !important;}

/*Header TopNav -------------------------------------------------------*/
.topNav {background-color: #1b3281; color:#fff;  font-size:10pt; line-height:1.6; height:30px;}
.topNav ul, .topNav ul li {list-style:none; margin:0;  padding:0;}
.topNav a {color:inherit; text-decoration:none;}
.topNav a:hover {text-decoration:none;}
.topNav .float-left ul, .topNav .float-left ul li {float:left; display:table; margin:0; padding:0;}
.topNav .float-left ul li {padding:5px 10px 0 0;}

.topNav .float-right ul, .topNav .float-right ul li {float:right; display:table;}
.topNav .dropdown-toggle:active, .topNav .dropdown-toggle:focus {background-color:#2a55ea;}
.topNav .float-right li:first-child a, .topNav .float-right li:last-child a {display:inline-block; height:30px; padding:5px 8px 0 8px ;}
.topNav .float-right a:hover, .topNav .dropdown-toggle:hover {background-color:#f8991d; color:#fff;}
.topNav .dropdown-menu {margin-top:-1px; border-radius:0;}
.topNav .dropdown-menu a {color:#000; display:block; padding:5px 20px 5px 20px; white-space:nowrap;}
.topNav .dropdown-menu a:hover {background-color:#f8991d; color:#fff; }
.topNav .dropdown button {outline:0; background-color:transparent; border:0; padding:0; margin:0; height:30px; padding-left:6px; padding-right:6px;}

@media (max-width: 497px){
	.topNav {font-size:9pt; margin:0 !important; padding:0 !important; width:100%;}
	.topNav .float-right li:first-child a, .topNav .float-right li:last-child a {padding:4px 3px 0 3px ;}
	.topNav .dropdown button {padding-left:3px; padding-right:3px;}
}


/*Content  -------------------------------------------------------*/
.innerBanner {margin-top:92px;}
.frameMap {height:550px; margin-top:-50px;}


/*faq  -------------------------------------------------------*/
.faq .collapse, .faq .leftMenuContent div div {margin:0 !important; padding:0 !important;}
.faq button {background-color:#f8f8f8; border:0; font-size:12pt; padding:12px 10px; margin:5px; width:100%; text-align:left; font-weight:400;  border-radius:3px;}
.faq button:focus, .faq button:active {outline:0; border:1px solid #c8dee8; background-color:#f4fbfe; border-radius:3px;}
.faq .leftMenuContent div div p {margin:5px 0 20px 0px !important; line-height:25px;}
.faq b {font-weight:500;}
.faq p 	{color:#333; line-height:20px;  padding-bottom:15px; padding-left:45px;}
.faq .list {padding-left:35px;}


/*Common  -------------------------------------------------------*/
.float-right {float:right; list-style:none;}
.float-left {float:left; list-style:none;}
.px-0 {margin:0; padding:0;}
.clearfix {margin:0 !important; padding:0 !important; height:0 !important; float:none!important; display:table;}


/*Plugin and Factsheet  -------------------------------------------------------*/
.factsheet a	{color:#555}
.factsheet div 	{margin:0; padding:0;}
@media (min-width: 1199.98px) {
	.factsheet .col-lg-9	{border-right:1px solid #d2d2d2;}
	}
.factsheet .col-lg-3:last-child	{padding-left:20px;}
.factsheet .list li	{color:#000;}

.plugin .img-responsive { width:100%; margin:0 3px; }
.plugin .row div div:first-child {border:1px solid #d2d2d2; padding:5px;}
.plugin .row div div:last-child {padding-top:8px;}



.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.keyPlugin ul {margin:0 auto; padding-top:30px;}
.keyPlugin ul, .keyPlugin li {list-style:none;}
.keyPlugin li {display:inline; float:left; padding:5px 8px;}
.keyPlugin img {height:40px; width:auto;}
.keyPlugin p{clear:both; float:none;}
a { cursor: pointer;}
	
@media only screen and (min-width:768px) {
	.keyPlugin {margin-top:100px;}
	.keyPlugin img {height:75px; width:auto;}
	.keyPlugin li {padding:10px 15px;}
	
}

.debit li {margin-bottom:8px;}