@charset "utf-8";

/********************************************************/
/* Version: v2.0.0
/* Project: Arista.com
/* Creator: Arista Networks
/* Note: Site Layout Setting
/****************************************************** */

/* HTML Tag Settings
/* ==============================
*/  body {
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	line-height: 1.6;
	letter-spacing: 0.25px;
	color: #555E64;
	background: #ececec;
}

a, a:link, a:focus, a:active, a:visited, a:hover {
	color: #5487b8;
	cursor: pointer;
}

a:hover, a:focus {
	text-decoration: underline;
}

input, textarea, select {
	border: 1px solid #C9C9C9;
	padding: 7px;
	outline: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555E64;
	-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 5px rgba(0,0,0,0.1);
	background: #fff;
	width: 100%;
}

/**/ input[type="file"] {
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

select {
	height: 40px;
}

input.disabled, textarea.disabled, select.disabled {
	cursor: not-allowed;
	background-color: #eee !important;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
	border: 1px solid #aaa;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow: 0 0 3px rgba(0,0,0,.2);
}

select:focus {
	-webkit-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}

textarea {
	resize: none;
	overflow: auto;
	overflow-x: hidden;
	min-height: 60px;
}

input[type="checkbox"], input[type="radio"] {
	display: inline;
	margin-right: 5px;
	margin-left: 3px;
	vertical-align: initial;
	width: auto;
}

h1, h2, h3, h4 {
	color: #16325b;
}

p {
	margin: 10px auto 25px;
	padding: 0px;
}

label {
	margin: 0px;
	font-weight: normal;
}

/* Container Settings
/* ==============================
*/ #bodyContainer, #headerContainer, #toolbarArea, #toolbarWrap, #headerWrap, #topSubMenu, #bannerContainer, #bannerSlider,
#dataContainer, #dataContainerBg, #dataWrap, #footerContainer, #footBarArea, #footerWrap, .layout-data-tab .dataTabBg {
	position: relative;
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

#headerWrap, #toolbarWrap, #topSubMenu, .slider-item, #dataWrap, #footerWrap {
	margin: 0px auto !important;
	padding: 0px 20px;
	width: 100%;
	max-width: 1280px !important;
}

#bodyContainer {
	min-height: 100%;
	min-width: 320px !important;
}

#headerContainer {
	height: 100px;
	background: #16325b;
	overflow: unset;
}

#dataContainerBg {
	z-index: 0;
	height: 600px;
	position: absolute;
	border-bottom: 1px solid #000;
	background: #fff url(../img/bg_body.jpg) no-repeat bottom center;
	-webkit-background-size: cover;
	background-size: cover;
}

#dataContainer a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#footerContainer {
	background: #FFF;
}

/* Header Settings
/* ==============================
*/ #headerWrap {
	min-height: 65px;
	float: left;
	padding: 0px;
}

#siteLogo {
	margin-top: 18px;
	margin-left: 20px;
}

#siteLogo, #siteLogo a {
	display: block;
	float: left;
	width: 100%;
	max-width: 175px;
}

#headerWrap, #toolbarArea, #toolbarWrap, #bannerContainer {
	overflow: visible !important;
}

#toolbarWrap .toolbar, #globalNav {
	float: right;
	display: inline-block;
	width: auto;
	margin: 0px;
	padding: 0px;
}

#toolbarWrap, #toolbarWrap .toolbar {
	width: 100%;
	text-align: right;
}

#toolbarWrap .toolbar-item {
	display: inline-block;
	padding: 7px 4.5% 0px;
	font-size: 16px;
	color: #16325b;
	height: 35px;
	max-width: 350px;
}

#toolbarWrap .toolbar .toolbar-item:first-child {
	margin-left: 0px;
	padding-left: 0px;
}

#toolbarWrap .toolbar .toolbar-item:last-child {
	margin-right: 0px;
	padding-right: 0px;
}

#toolbarWrap .toolbar [class*="icon24-"], #toolbarWrap .toolbar [class^="icon24-"] {
	margin: 0px 5px;
}

#toolbarWrap .toolbar a {
	color: #16325b;
}

#toolbarWrap .toolbar a:hover, #toolbarWrap .toolbar a:focus {
	color: #5487b8;
	text-decoration: none;
}

#toolbarWrap .search-box {
	float: left;
	margin: -4px 5px 0px 0px;
}

#toolbarWrap .search-box input {
	width: 150px;
	padding: 4px;
}

#toolbarArea {
	height: 35px;
	display: block;
	background: #ececec;
}

#langFilterBox .dropdown-menu {
	margin: 1px 0px 0px;
	padding: 0px;
	z-index: 9999;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

#langFilterBox .dropdown-menu li {
	border-bottom: 1px solid #ececec;
	border-top: 1px solid #ddd;
}

#langFilterBox .dropdown-menu > li > a {
	padding: 8px 20px;
	color: #5487b8;
	font-size: 16px;
	width: 170px;
}

#langFilterBox .dropdown-menu a:hover, #langFilterBox .dropdown-menu a:focus, #langFilterBox .dropdown-menu li.active a {
	background-color: #ececec;
}

#langFilterBox .dropdown-menu li:last-child {
	border-bottom: none;
}

#langFilterBox .dropdown-menu li:last-child a {
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
}

#searchArea .search-box {
	width: 100%;
	position: absolute;
	top: 40px;
	background: #16325b;
	left: 0px;
	padding: 10px;
	z-index: 9999;
}

#searchArea .search-box .inputbox {
	width: 93%;
	float: left;
	padding: 10px;
}

/* Menu Settings
/* ==============================
*/ .nav {
	width: auto;
	position: relative;
	margin: 0px;
}

.nav li, .nav li a {
	display: block;
	padding: 0px;
}

.nav li {
	margin-bottom: 0px;
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover,  .nav li a:hover, .nav li a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background: none;
}

/* Global Nav Mobile
*/ #globalNav.navbar-default {
	background-color: transparent;
	border: none;
}

#globalNav.navbar {
	border-radius: 0px;
	border: none;
	min-height: 0px;
}

#globalNav .navbar-header {
	position: absolute;
	top: -52px;
	right: 10px;
	z-index: 1000;
}

#globalNav .navbar-toggle {
	background: #5487b8;
	margin-right: 5px;
	margin-top: 15px;
}

#globalNav .navbar-toggle .icon-bar {
	background-color: #FFF;
	width: 25px;
	height: 3px;
}

#globalNav .navbar-collapse {
	border: none;
	background: #FFF;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 15px;
}

/* Global Nav
*/ #globalNav {
	float: left;
	width: 100%;
}

#globalNav .nav {
	width: 100%;
}

#globalNav .nav > li {
	width: 100%;
	font-size: 22px;
	color: #FFF;
	border-bottom: 1px solid #ccc;
}

#globalNav .nav > li > a {
	color: #5487b8;
	text-decoration: none;
	padding: 12px 20px 13px;
}

#globalNav .nav > li.dropdown > a:after, .mega-menu .nav > li.deeper > a:after {
	content: "+";
	float: right;
	font-size: 30px;
	position: absolute;
	right: 25px;
	top: 0px;
	line-height: 1.6;
}

.mega-menu .nav > li.deeper > a:after {
	content: ">";
	 font-size: 24px;
}

#globalNav .nav > li > a:hover, #globalNav .nav > li > a:focus/*, #globalNav .nav > li.open > a*/ {
	background: #ececec;
	color: #5487b8;
}

#globalNav .nav > li.open > a {
	color: #5487b8;
}

#userNav .nav li.deeper:hover > .navChild, #userNav .nav li.deeper:focus > .navChild {
	display: block;
}

/* Nav 1st Child
*/ #globalNav .nav > li > .dropdown-menu, #userNav .nav > li > .navChild {
	border: 2px solid #5487b8;
	border-top: none;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	font-size: 20px;
}

#globalNav .nav > li > .dropdown-menu {
	background: #f3f3f3;
	border: none;
}

#userNav .nav .navChild {
	display: none;
}

#globalNav .nav .dropdown-menu, #userNav .nav .navChild {
	background: #FFF;
	margin: 0px;
	padding: 0px;
	width: 100%;
	right: 0px;
	left: auto;
}

#globalNav .nav li:nth-child(1) .dropdown-menu {
	right: auto;
	left: 0px;
}

#globalNav .nav .dropdown-menu li, #userNav .nav .navChild li {
	float: none;
	display: block;
	text-align: left;
	border: 0px;
	position: relative;
}

#globalNav .nav .dropdown-menu li a, #userNav .nav .navChild li a {
	color: #5487b8;
	display: block;
	padding: 7px 15px 7px 35px;
	white-space: normal;
}

#globalNav .nav .dropdown-menu li a {
	padding: 13px 15px 13px 35px;
}

#globalNav .nav > li > .dropdown-menu > li:last-child > a, #userNav .nav > li > .navChild > li:last-child > a {
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

#globalNav .nav .dropdown-menu li a:hover, #globalNav .nav .dropdown-menu li a:focus, #globalNav .nav .dropdown-menu li.active > a,
#userNav .nav .navChild li a:hover, #userNav .nav .navChild li a:focus, #userNav .nav .navChild li.active > a {
	background-color: #ececec;
	text-decoration: none;
}

/* Global Mega Menu
*/ #globalNav .nav .mm-outer {
	width: 100%;
	background: #f3f3f4;
}

.mm-outer .mm-wrap, .mm-outer .mm-row {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
	margin: 0px auto;
	background: #FFF;
}

.mm-outer .mm-colm {
	padding: 0px;
	overflow: hidden;
	width: 100%;
}

.mm-outer .mm-colm .nav {
	float: left;
	width: 100%;
}

.mm-outer .mm-colm .nav li.active > a {
	background-color: #e4e5e7 !important;
}

.mm-outer .panel-boxL {
	background-color: #f3f3f4;
}

.mm-outer .panel-level {
	position: absolute;
	left: -101%;
	top: -51px;
	z-index: 1000;
}

.mm-outer .panel-level .btn-back {
	display: block;
	background: #5487b8;
	text-decoration: none;
	cursor: pointer;
}

.mm-outer .panel-level .btn-back a {
	font-size: 14px;
	font-weight: bold;
	color: #FFF !important;
	padding: 5px 10px;
	text-decoration: none;
}

.mm-outer .panel-level .btn-back a::before {
	content: "<" !important;
	font-size: 22px !important;
	padding-top: 2px;
	padding-right: 8px;
}

.mm-outer .panel-data {
	display: none;
	background: #FFF;
	overflow: hidden;
}

.mm-outer .panel-data.fade-out {
	animation-name: fadeOut;
}

.mm-outer .panel-data.fade-in {
	animation-name: fadeIn;
    	display: block;
}

.mm-outer .panel-data.fade-out, .mm-outer .panel-data.fade-in {
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-duration: 0.3s;
}

.mm-outer .mm-colm .nav li > a {
	padding: 6px 15px !important;
	font-size: 20px;
}

.mm-outer .panel-boxL  > .nav li a {
	padding: 7px 15px 7px 35px !important;
}

.mm-colm li label,
.mm-colm li .media-img {
	padding: 0px 15px 10px;
	font-size: 18px;
	color: #555E64;
	clear: both
}

.mm-colm li .media-img a {
	padding: 0px !important;
}

.mm-colm li .media-img {
	text-align: center;
}

.mm-colm .nav li .media-img a, .mm-colm .nav li .media-img a:focus,
.mm-colm .nav li .media-img a:active, .mm-colm .nav li .media-img a:hover {
	padding: 0px !important;
	background: transparent !important;
}

@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

@keyframes fadeOut {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

.sub-panel {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	visibility: hidden;
}

/* Top Sub Menu
*/ #topSubMenu {
	display: none;
	position: absolute;
	z-index: 998;
	max-width: 100% !important;
}

#topSubMenu .nav {
	max-width: 950px;
	margin: 0px auto;
	width: auto !important;
	overflow: hidden;
	border-bottom: 1px solid #FFF;
}

#topSubMenu .nav li {
	display: block;
	float: left;
	padding: 25px 6%;
}

#topSubMenu .nav li:first-child {
	padding-left: 1%;
}

#topSubMenu .nav li:last-child {
	padding-right: 1%;
}

#topSubMenu .nav li a {
	text-decoration: none;
	font-size: 20px;
	color: #FFF;
}

#topSubMenu .nav li.active a {
	color: #5487b8;
}

/* Top Right Sub Menu
*/ .rightSubBox, .rightSubBox .btn-an {
	width: 100%;
	text-align: center;
	display: block;
}

.rightSubBox .btn-an:hover, .rightSubBox .btn-an:focus {
	background: #5487b8;
	color: #FFF !important;
}

#subChildNav {
	display: none;
	background: #FFF;
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
}

#subChildNav .btn-closs {
	display: none;
}

#rightSubMenu .nav {
	padding: 0px;
}

#rightSubMenu .nav li {
	font-size: 18px;
	font-weight: bold;
}

#rightSubMenu .nav li a {
	border-bottom: 1px solid #16325b;
	color: #16325b;
	padding: 10px 20px;
}

#rightSubMenu .nav li .navChild li a {
	padding-left: 40px;
}

#rightSubMenu .nav li a:hover, #rightSubMenu .nav li a:focus {
	color: #5487b8;
	text-decoration: none;
	background-color: #ececec;
}

#rightSubMenu .nav li.active a {
	color: #5487b8;
}

/* User Nav
*/ #userNav {
	position: absolute;
	left: 0px;
}

#userNav .nav {
	display: inline-block;
}

#userNav .nav > li.deeper > a {
	padding-bottom: 2px;
}

#userNav .nav > li .salute {
	padding-left: 5px;
	text-align: left;
	height: 26px;
	overflow: hidden;
	display: none;
}

#userNav .nav > li > .navChild {
	width: 275px;
	font-size: 20px;
	z-index: 9999;
	position: absolute;
	left: 0px;
}

#userNav .nav .navChild li a {
	white-space: normal;
}

/* Footer Nav
*/ #footNav .nav {
	float: left;
	display: block;
	overflow: hidden;
	width: 100%;
}

#footNav .nav > li.deeper {
	float: left;
	width: 100%;
	margin: 10px 0px 20px 0px;
	text-align: center;
}

#footNav .nav > li.nav-heading > a {
	font-size: 22px;
	font-weight: bold;
	color: #555E64;
	cursor: default;
}

#footNav .nav li .navChild li a {
	font-size: 16px;
	color: #555E64;
	display: inline-block;
	padding: 5px 0px
}

#footNav .nav li .navChild li a:hover, #footNav .nav li .navChild li a:focus {
	color: #5487b8;
}

#copyRight .nav, #copyRight .nav li {
	display: inline-block;
	padding: 0px 5px;
}

/* Left Nav Settings
*/ #lhsWrap .nav {
	margin: -10px -3.5% -10px;
	color: #555E64;
}

#lhsWrap .nav li a {
	font-size: 14px;
	font-weight: bold;
	padding: 6px 15px;
	color: #555E64;
	letter-spacing: 1px;
}

#lhsWrap .nav > li > a {
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid transparent;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.30);
	background: #f0f0f0;
	background: -webkit-linear-gradient(#f0f0f0, #e9e9e9);
	background: linear-gradient(#f0f0f0, #e9e9e9);
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#lhsWrap .nav > li.nav-heading > a {
	padding-right: 30px;
}

#lhsWrap .nav > li > a:hover, #lhsWrap .nav > li > a:focus, #lhsWrap .nav > li.active > a, #lhsWrap .nav > li.subOpen > a {
	color: #005b9a;
	background: #e2e2e2;
	background: -webkit-linear-gradient(#e2e2e2, #d5d5d5);
	background: linear-gradient(#e2e2e2, #d5d5d5);
}

#lhsWrap .nav li .navChild {
	display: none;
	margin: 0px;
	padding: 0px;
}

#lhsWrap .nav > li.subOpen > a {
	border-bottom: 1px solid #bcbcbc;
}

#lhsWrap .nav > li > a:hover > span::after, #lhsWrap .nav > li > a:focus > span::after, #lhsWrap .nav > li.active > a > span::after, #lhsWrap .nav > li.subOpen > a > span::after {
	border-color: #005b9a;
}

#lhsWrap .nav li .icoSubNav {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 0px;
	height: 0px;
}

#lhsWrap .nav li .icoSubNav::after, #lhsWrap .nav li .icoSubNav::before, #lhsWrap .nav li .navChild li.parent > a::after, #lhsWrap .nav li .navChild li.parent > a::before {
	display: block;
	position: absolute;
	right: 15px;
	top: 13px;
	z-index: 10;
	content: "";
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	border-top: 2px solid #555e64;
	border-left: 2px solid #555e64;
}

#lhsWrap .nav li.subOpen .icoSubNav::after, #lhsWrap .nav li.subOpen .icoSubNav::before, #lhsWrap .nav li .navChild li.subOpen > a::after, #lhsWrap .nav li .navChild li.subOpen > a::before {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*LHS Nav 1st Child
*/ #lhsWrap .nav li .navChild {
	display: none;
}

#lhsWrap .nav li .navChild li {
	margin-left: 0px;
}

#lhsWrap .nav li .navChild li a {
	border-bottom: 1px solid #c5c5c5;
	padding-left: 25px;
	z-index: 1;
	background: #f5f5f5;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#lhsWrap .nav li .navChild li:hover > a, #lhsWrap .nav li .navChild li:focus > a, #lhsWrap .nav li .navChild li.subOpen > a, #lhsWrap .nav li .navChild li.active > a {
	background: #e6e6e6;
	color: #005b9a;
	text-decoration: none;
}

#lhsWrap .nav li .navChild li:first-child > a {
	box-shadow: none;
}

#lhsWrap .nav li .navChild > li.subOpen:last-child > a {
	border-bottom: 1px solid #c5c5c5;
}

/*LHS Nav 2nd Child
*/ #lhsWrap .nav li .navChild ul li:first-child > a {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#lhsWrap .nav li .navChild ul li a {
	padding-left: 40px;
}

#lhsWrap .nav li .navChild > li.subOpen:last-child > ul > li:last-child > a {
	border-bottom: 0;
}

#lhsWrap .nav li .navChild li.deeper > a::after, #lhsWrap .nav li .navChild li.deeper > a::before {
	border-top: 2px solid #555e64;
	border-left: 2px solid #555e64;
}

#lhsWrap .nav li .navChild > li.deeper:hover > a::after, #lhsWrap .nav li .navChild > li.deeper:focus > a::after, #lhsWrap .nav li .navChild > li.active > a::after, #lhsWrap .nav li .navChild > li.subOpen > a::after {
	border-color: #005b9a;
}

/* Banner Settings
/* ==============================
*/ #bannerSlider {
	background-color: #16325b;
	background-image: url(../img/banner_inner_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

#bannerSlider, .bannerWrap, .bannerWrap li {
	min-height: 200px;
}

#pgHome #bannerSlider, #pgIndia #bannerSlider, #pgCareers #bannerSlider,
#pgHome .bannerWrap, #pgIndia .bannerWrap, #pgCareers .bannerWrap,
#pgHome .bannerWrap li, #pgIndia .bannerWrap li, #pgCareers .bannerWrap li {
	height: 500px;
}

#pgHome #bannerSlider, #pgIndia #bannerSlider, #pgCareers #bannerSlider {
	background: none !important;
}

#bannerSlider .main-head, #bannerSlider .sub-head {
	font-weight: normal;
	line-height: normal;
	letter-spacing: 1.6px;
	color: #FFF;
	text-align: center;
	clear: both;
	margin: 0px;
	padding: 50px 0px 10px;
}

#bannerSlider .txt-blue .main-head, #bannerSlider .txt-blue .sub-head {
	color: #16325b;
}

#bannerSlider .main-head {
	font-size: 35px;
}

#bannerSlider .staticWrap .main-head {
	padding: 7% 10px;
}

#bannerSlider .sub-head {
	font-size: 20px;
	padding: 10px;
}

.bannerWrap, .bannerWrap li {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.bannerWrap li {
	display: block;
	list-style: none;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}

.bannerWrap .slider-item {
	padding: 30px 20px;
	width: 100%;
	height: 100%;
}

.bannerWrap .slider-fw, .bannerWrap .slider-hw {
	width: 100%;
	height: 100%;
	text-align: center;
	clear: both;
}

.bannerWrap .slider-hw img {
	max-height: 100% !important;
}

.sliderWrap li {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.sliderWrap .ctaBox {
	text-align: center;
	padding: 5px;
	width: 100%;
}

.sliderWrap .ctaBox .btn-an {
	padding: 10px 20px;
	width: 80%;
	clear: both;
	margin: 5px;
}

.sliderWrap .slider-mob-off {
	display: none;
}

.sliderWrap li {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}

.sliderWrap li.selected {
	position: relative;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.sliderWrap li.move-left {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

.sliderWrap li.is-moving, .sliderWrap li.selected {
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	transition: transform 0.5s;
}

.sliderWrap .slider-fw, .sliderWrap .slider-hw {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.sliderWrap .slider-hw {
	opacity: 0;
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
}

.sliderWrap .move-left .slider-hw {
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	-o-transform: translateX(-40px);
	transform: translateX(-40px);
}

.sliderWrap .selected .slider-hw {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.sliderWrap .is-moving .slider-hw {
	-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
	-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
	transition: opacity 0s 0.5s, transform 0s 0.5s;
}

.sliderWrap li.selected.from-left .slider-hw:nth-of-type(2), .sliderWrap li.selected.from-right .slider-hw:first-of-type {
	-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
	-moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
	transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
}

.sliderWrap li.selected.from-left .slider-hw:first-of-type, .sliderWrap li.selected.from-right .slider-hw:nth-of-type(2) {
	-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
	-moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
	transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
}

.sliderWrap .slider-fw h1, .sliderWrap .slider-fw h2, .sliderWrap .slider-fw .btn-an {
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	transform: translateX(100px);
}

.sliderWrap .move-left .slider-fw h1, .sliderWrap .move-left .slider-fw h2, .sliderWrap .move-left .slider-fw .btn-an {
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	transform: translateX(-100px);
}

.sliderWrap .selected .slider-fw h1, .sliderWrap .selected .slider-fw h2, .sliderWrap .selected .slider-fw .btn-an {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.sliderWrap li.is-moving .slider-fw h1, .sliderWrap li.is-moving .slider-fw h2, .sliderWrap li.is-moving .slider-fw .btn-an {
	-webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
	-moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
	transition: opacity 0s 0.5s, transform 0s 0.5s;
}

.sliderWrap li.selected h1 {
	-webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
	-moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
	transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
}

.sliderWrap li.selected h2 {
	-webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
	-moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
	transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
}

.sliderWrap li.selected .btn-an {
	-webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
	-moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
	transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
}

#sliderNav {
	position: absolute;
	bottom: 0px;
	width: 100%;
	text-align: center;
	display: block;
}

#sliderNav ul {
	width: auto;
	display: inline-block;
	margin: auto;
}

#sliderNav ul li {
	margin: 0px;
	padding: 5px;
	display: inline-block;
}

#sliderNav ul li a {
	border-radius: 50%;
	border: 2px solid #16325b;
	background: #FFF;
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
}

#sliderNav ul li.selected a {
	background: #16325b;
	border: 2px solid #FFF;
	width: 16px;
	height: 16px;
}

/* Data Area Settings
/* ==============================
*/ #dataWrap {
	line-height: 28px;
	padding: 25px 15px 5px;
	background: #FFF;
}

#pgHome #dataWrap {
	background: none;
	padding: 25px 8px 5px;
}

.layout-data-tab #dataWrap {
	padding-top: 0px;
}

#lhsWrap, #contentWrap {
	display: block;
	width: 100%;
	position: relative;
}

#contentWrap .item-page {
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

#lhsWrap {
	padding-bottom: 20px;
}

#lhsWrap .lhsBox {
	padding: 10px 3.448276%;
	margin-bottom: 20px;
	border: 1px solid #BFBFBF;
	border-top-width: 3px;
	clear: both;
}

#contentWrap a {
	color: #5487b8;
}

.colmL, .colmR, .colmF {
	float: left;
	width: 100%;
	display: block;
	clear: both;
}

.colmR {
	margin-left: 0px;
}

.colmF > .colmR {
	margin-left: 0px;
}

.cont-row {
	display: table;
	width: 100%;
	clear: both;
	padding: 10px 0px;
}

.cont-colm {
	display: table-column;
	float: left;
	width: auto;
}

.video-box, .img-box {
	padding: 10px 0px 50px;
	overflow: hidden;
	vertical-align: top;
}

.data-wrap-full, .dataTabFwWrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
	clear: both;
	padding: 0px 15px;
}

.data-wrap-content, .dataTabFwBox {
	max-width: 950px;
	margin: 0px auto;
	padding: 30px 0px;
	overflow: hidden;
}

.dataTabFwBox .cont-row {
	padding: 0px;
}

.dataFlxBox, .dataFlxBoxImg {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 25px;
}

.dataFlxBox .dataFlxBoxClm {
	padding: 20px;
	background: #4a7bae;
	color: #fff;
	flex: 100%;
	border-radius: 20px;
}

.dataFlxBoxImg {
	gap: 25px;
}

.dataFlxBoxImg .dataFlxBoxClm {
	flex: 45%;
	text-align: center;
}

#pgCorporateResponsibility #dataWrap {
	padding-left: 0px;
	padding-right: 0px;
}

.dataTabFwWrap {
	background-color: #ffffff !important;
}

.dataTabFwWrap:nth-child(even) {
	background-color: #f3f2f2 !important;
}

.colm-2575 .cont-colm, .colm-5050 .cont-colm {
	width: 100%;
}

.colm-2575 .cont-colm:nth-child(odd) {
	text-align: center;
}

.colm-5050 .cont-colm img {
	max-width: none;
	width: 100%;
}


/* Footer Settings
/* ==============================
*/ #footBarArea, #copyRight {
	display: block;
	text-align: center;
	overflow: hidden;
}

#footBarArea {
	padding: 13px;
	background: #16325b;
	color: #FFF;
}

#footBarArea label {
	display: block;
	font-size: 24px;
	margin-bottom: 10px;
}

#footerWrap {
	padding-top: 30px;
	padding-bottom: 30px;
}

#footSocial {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

#footSocial .site-logo, #footSocial .social-icon {
	display: block;
}

#footSocial .social-icon {
	margin: 40px 0px 10px;
}

#footSocial .social-icon a {
	margin-right: 20px;
}

#footNav {
	position: relative;
	display: block;
	width: 100%;
	clear: both;
}

#copyRight {
	font-size: 14px;
	padding-top: 15px;
}

#copyRight label {
	display: block;
}

/* Home Page Settings
/* ==============================
*/ .spot-box {
	background: #FFF;
	padding: 25px 12px;
	-webkit-box-shadow: 0px 0px 15px 5px #e6e6e6;
	box-shadow: 0px 0px 15px 5px #e6e6e6;
}

.sopt-list, .leading-item, .sopt-item {
	position: relative;
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.sopt-list h3 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0.5px;
	margin: 0px 0px 25px;
	float: left;
	width: 100%;
}

.leading-item {
	margin-bottom: 25px;
}

.leading-desc p, .sopt-desc p {
	margin: 5px 0px;
	overflow: hidden;
}

.sopt-item {
	margin-bottom: 20px;
}

.sopt-item:last-child {
	margin-bottom: 0px;
}

.sopt-pic, .sopt-desc {
	display: block;
	float: left;
}

.leading-pic, .leading-pic img, .sopt-pic, .sopt-pic img {
	width: 100%;
}

.sopt-desc {
	width: 100%;
	margin-top: 15px;
}

.sopt-desc .read-more {
	display: block;
}

.hr-line {
	display: block;
	clear: both;
	float: left;
	width: 100%;
}

.hr-line span {
	float: left;
	margin-right: 20px;
}

.hr-line hr {
	position: relative;
	top: 0.8em;
	margin: 0px;
	border-top: 1px solid #000;
}

#spotlightBox .spot-box {
	padding: 0px;
}

#spotlightBox h3, #spotlightBox h4 {
	font-weight: normal;
	letter-spacing: 0.5px;
}

#spotlightBox h3 {
	font-size: 36px;
	margin-top: 0px;
}

#spotlightBox h4 {
	font-size: 18px;
	line-height: 24px;
	color: #5487b8;
}

#spotlightBox .leading-item {
	margin-top: 15px;
}

#newsBox {
	margin-bottom: 25px;
}

#featureBox .leading-desc {
	position: absolute;
	bottom: 0px;
	height: auto;
	padding: 10px 10px 3px;
	width: 100%;
	background: rgba(236, 236, 236, 0.7);
}

#featureBox .leading-desc p {
	margin: 0px 0px 5px;
	font-weight: bold;
}

#featureBox .leading-desc p, #featureBox .leading-desc a, #featureBox .leading-desc .read-more:after {
	color: #16325b;
}

#dataMidRow {
	margin: 0px;
	padding-top: 0px;
	-webkit-box-shadow: 0px 0px 15px 5px #d9d9d9;
	box-shadow: 0px 0px 15px 5px #d9d9d9;
}

#dataMidRow .colmL {
	margin-bottom: 25px;
}

#dataMidRow .leading-item {
	margin: 0px 0px 20px;
}

#spotExpand {
	z-index: 5;
	position: relative;
	background: #FFF;
}

#spotExpand a {
	background: #5487b8;
	color: #FFF;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
}

#dataFootRow {
	margin: 20px 0px 0px;
	float: left;
	display: block;
	width: 100%;
}

.highlight-box {
	overflow: hidden;
	position: relative;
	padding: 15px;
	color: #FFF;
	margin-bottom: 20px;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

.highlight-box h4 {
	font-size: 30px;
	font-weight: normal;
	color: #FFF;
}

.highlight-box .hl-pic {
	width: 85px;
	height: 85px;
	margin: 5px auto 15px;
	clear: both;
}

.highlight-box label a {
	margin: 5px 0px 0px;
}

.highlight-box .hr-line hr {
	border-top: 1px solid #FFF;
}

.highlight-box .hl-desc p {
	margin-bottom: 10px;
}

/* Data Tab Settings
/* ==============================
*/ .dataTabBg {
	display: none;
}

.layout-data-tab .dataTabBg {
	z-index: 0;
	position: absolute;
	background: #ececec;
	left: 0px;
	height: 50px;
	border-bottom: 1px solid #ccc;
}

#dataTab {
	width: 100%;
	margin: 0px auto 20px;
}

#tabWrap {
	clear: both;
	position: relative;
}

.tabbable {
	*zoom: 1;
}

.tabbable:before, .tabbable:after {
	display: table;
	line-height: 0;
	content: "";
}

.tabbable:after {
	clear: both;
}

#tabList {
	display: none;
	position: relative;
	z-index: 10;
	width: 100%;
	overflow: hidden;
	height: 94px;
}

.tabSlide {
	position: relative;
}

#dataTab .nav-tabs:before, #dataTab .nav-tabs:after {
	display: table;
	line-height: 0;
	content: "";
}

#dataTab .nav-tabs:after {
	clear: both;
}

#dataTab .nav-tabs {
	background: #ececec;
	margin: 0px;
	border-color: transparent;
	display: none;
	width: 100%;
}

#dataTab .nav-tabs > li {
	float: none;
	margin-bottom: 0px;
}

#dataTab .nav-tabs > li > a {
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	margin: 0px;
	padding: 10px 20px;
	color: #16325b;
	font-size: 20px;
	display: block;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	border-color: transparent;
}

#dataTab .nav-tabs li.active a, #dataTab .nav-tabs li:hover a, #dataTab .nav-tabs li:focus a {
	color: #5487b8;
	background: #ececec;
}

#dataTab .tab-content {
	padding: 20px 0px 0px;
}

.slideable a.tabPrev, .slideable a.tabNext {
	background: #ececec;
	position: absolute;
	top: 0px;
	z-index: 11;
	display: none;
	text-decoration: none;
	padding: 0px 10px;
	line-height: 87px;
	border: 1px solid #ccc;
	border-width: 0px 1px;
	transition: linear;
	-moz-transition: linear;
	-ms-transition: linear;
	-o-transition: linear;
	-webkit-transition: linear;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.slideable a.tabPrev::before, .slideable a.tabNext::after {
	color: #555;
	font-size: 40px;
	font-weight: bold;
}

.slideable a.tabPrev::before {
	content: "‹";
}

.slideable a.tabNext::after {
	content: "›";
}

.slideable a.tabPrev {
	left: 0px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
}

.slideable a.tabNext {
	right: 0px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-top-left-right: 4px;
	border-top-right-radius: 4px;
}

.slideable a.tabPrev:hover, .slideable a.tabNext:hover {
	background: #dddddd;
}

.slideable .tabSliding-active a.tabPrev, .slideable .tabSliding-active a.tabNext {
	display: block;
}

.slideable .tabSliding-active .tabSlider {
	margin: 0px 30px;
}

.slideable .tabSliding-active .nav-tabs {
	width: 10000px !important;
}

#dataTab .tabDrop {
	display: block;
	background: #ececec;
	border-bottom: 1px solid #CCC;
	margin: 0px -16px;
}

.tabDrop .dropdown-toggle {
	display: block;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.tabDrop .dropdown-menu {
	margin: 0px;
	min-width: 100%;
	font-size: 20px;
	background-color: #ececec;
	-webkit-border-radius: 0px 0px 4px 4px;
	border-radius: 0px 0px 4px 4px;
	padding: 0px;
	position: relative;
	margin-bottom: 20px;
}

.tabDrop .dropdown-menu li {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
}

.tabDrop .dropdown-menu li:first-child {
	border-top: none;
}

.tabDrop .dropdown-menu > li > a {
	padding: 10px 20px;
}

.tabDrop .dropdown-menu > .active > a, .tabDrop .dropdown-menu > .active > a:focus, .tabDrop .dropdown-menu > .active > a:hover {
	background: #fff;
}

/* Icon Settings
/* ==============================
*/ [class*="icon24-"], [class^="icon24-"], [class*="icon42-"], [class^="icon42-"] {
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0px;
	margin: 0px 10px;
}

/**/ [class*="icon24-"], [class^="icon24-"] {
	background: transparent url(../img/icon24_sprite2x.png?v4) no-repeat 0 0;
	background-size: 115px 175px;
	width: 24px;
	height: 24px;
}

/**/ [class*="icon42-"], [class^="icon42-"] {
	background: transparent url(../img/icon42_sprite2x.png) no-repeat 0 0;
	background-size: 150px 100px;
	width: 42px;
	height: 42px;
}

.ico-right {
	margin-right: 10px;
	margin-left: 0px;
}

.ico-left {
	margin-left: 10px;
	margin-right: 0px;
}

.icon24-search {
	background-position: -30px 0px;
}

.icon24-login {
	background-position: -60px 0px;
}

.icon24-blog {
	background-position: -90px 0px;
}

.icon24-us {
	background-position: 0px -30px;
}

.icon24-zh {
	background-position: -30px -30px;
}

.icon24-ko {
	background-position: -60px -30px;
}

.icon24-ja {
	background-position: -90px -30px;
}

.icon24-fb {
	background-position: 0px -60px;
}

.icon24-tw {
	background-position: -30px -60px;
}

.icon24-in {
	background-position: -60px -60px;
}

.icon24-web {
	background-position: 0px -90px;
}

.icon24-user {
	background-position: -30px -90px;
}

.icon24-mail {
	background-position: -60px -90px;
}

.icon24-rss {
	background-position: -90px -90px;
}

.icon24-lock {
	background-position: 0px -120px;
}

.icon24-elogin {
	background-position: -30px -120px;
}

.icon24-fav {
	background-position: 0px -150px;
}

.icon24-wifi {
	background-position: -30px -150px;
}

.icon24-wifi-1 {
	background-position: -60px -150px;
}

.icon24-cancel {
	background-position: -90px -150px;
}

.icon42-page {
	background-position: 0px 0px;
}

.icon42-download {
	background-position: -50px 0px;
}

.icon42-info {
	background-position: -100px 0px;
}

.icon42-fav {
	background-position: 0px -50px;
}

.icon90-play {
	width: 90px;
	height: 90px;
	display: inline-block;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 0px;
	background: transparent url(../img/btn-play.png) no-repeat 0 0;
}

/* System Messages Settings
/* ==============================
*/ #system-message {
	margin: 0px;
	padding: 0px;
}

.alert {
	padding: 10px 15px;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.alert, .alert h4, .alert .close {
	color: #c09853;
}

.alert .close {
	position: relative;
	line-height: 18px;
	float: right;
	font-weight: bold;
	font-size: 30px;
	text-decoration: none;
	cursor: pointer;
	opacity: 1;
	color: #c09853 !important;
}

.alert h4 {
	margin: 0px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 2px solid #fbeed5;
	text-transform: capitalize;
}

.alert-success, .alert-success h4 {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}

.alert-success .close {
	color: #468847 !important;
}

.alert-danger, .alert-error, .alert-danger h4, .alert-error h4 {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}

.alert-danger .close, .alert-error .close {
	color: #b94a48 !important;
}

.alert-info, .alert-info h4 {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}

.alert-info .close {
	color: #3a87ad !important;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block > p, .alert-block > ul {
	margin-bottom: 0px;
}

.alert-block p + p {
	margin-top: 5px;
}

#embargoed-message, #embargoed-message.fChild {
	margin: 0px auto !important;
	width: 60% !important;
	clear: both;
	padding: 100px 0px !important;
}

#embargoed-message .alert-danger h4 {
	font-size: 18px;
}

#embargoed-message .alert-danger p {
	font-size: 16px;
	font-weight: bold;
	padding: 15px;
}

.oldBrowser #bodyContainer {
	position: relative;
}

#noSupportMsg, #cookiePolicyBox {
	position: fixed;
	width: 100%;
	z-index: 9999;
	padding: 0px 3.125%;
}

#noSupportMsg {
	top: 0px;
	border-bottom: 2px solid #FF0000;
	background: #C00;
}

#noSupportMsg p, #cookiePolicyBox p {
	font-size: 14px;
	color: #FFF;
	margin: 5px auto;
	text-align: center;
	max-width: 900px;
}

#noSupportMsg p a {
	color: #FF0;
}

#cookiePolicyBox {
	bottom: 0px;
	background: #273142;
	padding: 15px 10px;
}

#cookiePolicyAgree {
	background: #900;
	font-weight: bold;
	padding: 7px 16px;
	color: #FFF;
	text-decoration: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: -20px;
	right: 10px;
}

#cookiePolicyAgree:hover, #cookiePolicyAgree:focus {
	background: #FF0000;
}

/* Error page Settings
/* ==============================
*/  #errorNdData, #errorNdPic {
	float: left;
	width: 70%;
	padding: 50px 15px 5px;
}

#errorNdPic {
	width: auto !important;
	margin-right: 50px;
}

#errorNdPic label {
	font: bold 100px "Courier New", Courier, monospace;
	color: #FFF;
	padding: 10px;
	background: #F00;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 2px 2px rgba(165,165,165,.5);
	box-shadow: 0 0 2px 2px rgba(165,165,165,.5);
	text-shadow: 0 0 2px rgba(255,255,255,.75);
	min-width: 200px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}

#errorNdData {
	color: #999;
}

/* Form Settings
/* ==============================
*/ .textBox, .textArea, .ddlList, textarea, select, input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"] {
	width: 100%;
	background: #FFF !important;
}

.ddlList {
	padding-right: 0px;
}

.form-mob-off, .form-tab-off {
	display: none;
}

.btn-apply {
	padding: 10px 15px;
	background: #184a7d;
	border: 1px solid #184a7d;
	border-radius: 4px;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: bold;
	margin-right: 10px;
}

.btn-apply:hover {
	background: #39F;
}

.btn-an, .button, input[type="submit"], input[type="button"], input[type="reset"], .btnClear {
	padding: 5px 20px;
	color: #FFF !important;
	margin: 0px;
	font-weight: normal;
	font-size: 18px;
	line-height: normal;
	display: inline-block;
	background: #16325b;
	border: 2px solid #5487b8;
	text-decoration: none !important;
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
	width: auto;
}

.btn-cta {
	background: #5487b8;
	border: 2px solid #5487b8;
	text-decoration: none !important;
	padding: 10px 20px;
}

.btn-cta-disabled, .btn-cta-disabled:focus, .btn-cta-disabled:hover, button.btn-cta-disabled:hover, button.btn-cta-disabled:focus {
	background: #999999 !important;
	border: 2px solid #999999;
	color: #666666 !important;
}

.btn-an:hover, .btn-an:focus, .button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	background: #FFF;
	color: #5487b8 !important;
}

.btnBig {
	padding: 10px 25px !important;
}

.btnDisabled, .btnDisabled:hover, .btnDisabled:focus, input[type="submit"].btnDisabled, input[type="button"].btnDisabled, input[type="reset"].btnDisabled {
	color: #666 !important;
	border: 1px solid #999999 !important;
	background: #999999 !important;
	background: -webkit-linear-gradient(top, #999999 0%, #cbcbcb 50%, #d7d8d9 51%, #e5e7e9 100%) !important;
	background: linear-gradient(to bottom, #999999 0%, #cbcbcb 50%, #d7d8d9 51%, #e5e7e9 100%) !important;
}

.btnClear {
	background-color: #337ab7;
	padding: 5px 10px !important;
	color: #fff !important;
	text-shadow: none;
	-webkit-box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 1px 1px 1px rgba(50, 50, 50, 0.4);
}

.btnClear:hover, .btnClear:focus {
	background-color: #4595E4;
}

.btnBarArea {
	padding: 3px;
	overflow: hidden;
	float: right;
	position: absolute;
	right: 20px;
	top: 15px;
}

.btnDisabled, .btnDisabled:hover, .btnDisabled:focus {
	opacity: 0.7;
	text-shadow: none !important;
	color: #666 !important;
}

.glassBtn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	background: #f5f5f5;
	background: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border: 1px solid #bbb;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.glassBtn:hover, .glassBtn:focus, .glassBtn:active, .glassBtn.disabled, .glassBtn[disabled] {
	color: #333;
	background-color: #e6e6e6;
	*background-color: #d9d9d9;
}

.formRow, .control-rowHead {
	display: block;
	clear: both;
	overflow: hidden;
	background: #E2E2E2;
	margin-bottom: 2px;
}

.formRow h3, .control-rowHead h3 {
	margin: 0px;
	padding: 5px;
	background: #C4C4C4;
	font-size: 20px;
}

.control-rowHead, .control-rowHead h3 {
	background: #e6e6e6;
}

.formLabel, .formField {
	float: left;
	overflow: hidden;
	width: 100%;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
}

.formField {
	background: #f5f5f5;
}

.formField p {
	margin: 10px auto;
}

.formRowFull .formLabel, .formRowFull .formField {
	width: 100% !important;
	clear: both;
}

.formField .codeNo, .codeNo, .codeImg {
	font: bold 24px "Monotype Corsiva", "Courier New", Courier, monospace;
	font-style: italic;
	float: left;
	line-height: 24px;
	letter-spacing: 3px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.formField .codeImg, .formField .codeNo, .control-group .codeImg, .control-group .codeNo {
	width: 50%;
	height: 40px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border-radius: 0px 3px 3px 0px;
}

.formField .codeImg, .control-group .codeImg {
	background: #aec7d9;
	-webkit-border-radius: 3px 0px 0px 3px;
	border-radius: 3px 0px 0px 3px;
}

.formRow .note {
	font-size: 14px;
	font-style: italic;
	line-height: 1.5;
}

.formRow p {
	margin-bottom: 0px;
}

.formFoot {
	padding: 15px 5px;
	font-weight: bold;
}

.formList {
	margin: 0px;
	padding: 0px;
	clear: both;
	display: block;
	overflow: hidden;
}

.formList li {
	list-style: none;
	min-height: 20px;
}

.formList li label {
	display: inline;
}

.formList li.clearRow {
	clear: both;
	width: 100%;
	height: 5px;
	min-height: 5px;
	padding: 0px;
	margin: 0px;
}

.floatL li, .colum_2 li, .colum_3 li, .colum_4 li {
	float: left;
	margin-right: 10px;
}

.colum_2 li, .colum_3 li, .colum_4 li {
	width: 100%;
	clear: both;
}

.formTblList {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 100%;
	float: left;
}

.formTblList li {
	display: block;
	list-style: none;
	overflow: hidden;
	border: 1px solid #DBDBDB;
	border-collapse: collapse;
	padding: 5px 10px;
}

.formTblList li.clmHead {
	background: #DBDBDB;
	font-weight: bold;
}

#lblUserStatus {
	font-weight: bold;
	margin: 2px 0px;
}

.required-error {
	border: 1px solid #CC0000;
}

.input-label {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
}

.input-label::before {
	content: attr(data-label);
	position: absolute;
	display: block;
	width: 100%;
	top: 15px;
	left: 7px;
	color: #999;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.input-label::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #6a7dfe;
	background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
	background: -o-linear-gradient(left, #21d4fd, #b721ff);
	background: -moz-linear-gradient(left, #21d4fd, #b721ff);
	background: linear-gradient(left, #21d4fd, #b721ff);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.input-focus + .input-label::before {
	top: -15px;
	color: #16325b;
	background: #FFF;
	display: inline-block;
	width: auto;
}

.input-focus + .input-label::after {
	width: 100%;
}

.pw-meter-focus {
	 height: 45px !important;
	 top: 0px !important;
}


/* Checkbox  Settings
/* ==============================
*/ .ck-wrap {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.ck-wrap .ck-tickinput {
	display: none;
}

.ck-wrap .tick-mark {
	position: absolute;
	top: 3px;
	left: 0px;
	height: 20px;
	width: 20px;
	background-color: #FFF;
	border: 3px solid #2196F3
}

.ck-wrap .tick-mark:after {
	content: "";
	position: absolute;
	display: none;
	left: 4px;
	top: 2px;
	width: 5px;
	height: 10px;
	border: 1px solid white;
	border-width: 0px 3px 3px 0px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ck-wrap:hover .ck-tickinput ~ .tick-mark {
	background-color: #ccc;
}

.ck-wrap .ck-tickinput:checked ~ .tick-mark {
	background-color: #2196F3;
}

.ck-wrap .ck-tickinput:checked ~ .tick-mark:after {
	display: block;
}

/* User Register, Login, Remind, Reset Setting
/* ==============================
*/ .control-group {
	clear: both;
	padding: 0px 0px 7px;
	overflow: hidden;
	border-bottom: 1px dotted #C5C5C5;
}

.control-group .control-label {
	padding: 10px;
	margin-bottom: 7px;
	background: #f5f5f5;
}

.control-group .control-label label {
	font-weight: bold;
	font-size: 16px;
	display: block;
}

.control-group, .control-group .control-label, .control-group .controls, .form-actions {
	float: left;
	width: 100%;
}

.form-actions {
	text-align: center;
	padding: 20px 0px;
	clear: both;
}

.control-row {
	clear: both;
	display: block;
	overflow: hidden;
}

.control-group.fullBox {
	width: 100%;
}

.comUsers, .shadowBox {
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 2px 7px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 2px 7px rgba(50, 50, 50, 0.2);
}

.comUsers .pageTitle {
	margin: -20px -20px 30px -20px;
	padding: 5px 15px;
	font-size: 24px;
	background: #ececec;
	-webkit-box-shadow: 0 1px 0px 0px rgba(0,0,0,.5);
	box-shadow: 0 1px 0px 0px rgba(0,0,0,.5);
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* User Register / Profile
*/ .register .reg_step {
	display: none;
}

.regGuide {
	margin-top: -15px;
	margin-bottom: 10px;
	text-align: right;
}

.controls #jform_password1 {
	margin-bottom: 10px;
}

.register, .userProfile {
	position: relative;
}

.register .control-row:first-child .control-label {
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.register .control-group:first-child {
	padding-top: 0px;
}

.register .controls, .userProfile .controls, .fnoUser .controls {
	padding: 6px 8px;
}

.user_role, .reg-success {
	width: 50%;
	margin: 5% auto;
}

.user_role fieldset {
	padding: 20px 0px;
}

.user_role .pageTitle, .reg-success .pageTitle {
	margin: 0px 0px 30px 0px;
}

.user_role .control-group {
	float: none;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 100%;
}

.reg-success {
	width: 80%;
}

.reg-success .reg-msg {
	padding: 25px 50px 50px;
	font-weight: bold;
}

.register .checkBox {
	font-size: 14px;
	padding-bottom: 0px;
}

.register .checkBox .controls {
	background: #f5f5f5;
	width: 100%;
	padding: 10px 8px;
}

.register .checkBox label {
	font-weight: bold;
	display: inline;
}

.register .control-row .formNote h4 {
	font-size: 14px;
	padding-left: 8px;
	font-weight: bold;
}

.register .control-row .formNote {
	background: #f5f5f5;
}

.register .control-row .formNote .controls {
	display: none;
}

.register .last_nameBox, .userProfile .last_nameBox {
	height: 115px;
}

#jform_profile_last_nameBox {
	position: absolute;
	left: 1px;
	top: 115px;
	width: 99%;
}


/* Login Box
*/ .loginBox {
	width: 100%;
	background: #FFF;
	margin: 0px auto;
	display: block;
}

.loginBox .lgb-colm-wrap {
	overflow: hidden;
	display: block;
}

.loginBox .lgb-colm {
	position: relative;
	width: 100%;
	padding: 15px;
	display: block;
	overflow: hidden;
}

.loginBox .lgb-colm:first-child {
	min-height: 380px;
}

.loginBox .lgb-colm + .lgb-colm {
	background-color: #16325b;
	background-position: right center !important;
	background-attachment: scroll !important;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	padding: 0px;
}

.loginBox #salutBox {
	margin-bottom: 30px;
	overflow: hidden;
	display: block;
}

.loginBox #stName {
	width: 86px;
	height: 86px;
	margin: 20px auto;
	padding: 0px 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #16325b;
	color: #FFF;
	font: bold 40px "Monotype Corsiva", "Courier New", Courier;
	line-height: 86px;
	letter-spacing: 0px;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.loginBox #stName .icon42-fav {
	margin-top: 18px;
	margin-left: 6px;
	-moz-transform: scale(1.25);
	-ms-transform: scale(1.25);
	-o-transform: scale(1.25);
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

.loginBox .dp-box {
	text-align: center;
	padding: 0px;
	margin: 10px 0px;
	overflow: hidden;
	height: 40px;
	width: 100%;
	word-wrap: break-word;
}

.loginBox #dpName {
	margin-bottom: 0px;
}

#resetBox #dpName {
	height: auto;
}

.loginBox #dpEmail {
	font-size: 16px;
	margin-top: 0px;
	color: #aaa;
	display: none;
	height: 25px;
}

.loginBox #notU {
	position: absolute;
	right: 5px;
	font-size: 14px;
	top: 180px;
	display: none;
	background: #fff;
	padding: 0px 10px;
}

.loginBox #errorMsg, .loginBox #successMsg {
	display: none;
	font-weight: bold;
	font-size: 16px;
	color: #C00;
	text-align: center;
	border: 1px dotted #C00;
	border-left: 10px solid;
	margin: 0px auto;
	padding: 0px 5px;
	width: 98%;
}

.loginBox #successMsg {
	font-weight: normal;
	color: #2E6E00;
	border-color: #2D6D00;
}

.loginBox .spinner {
	top: 30px;
}

.loginBox #wiredBox {
	display: none;
}

.loginBox .form-row {
	width: 98%;
	margin: 0px auto;
}

.loginBox .control-group {
	overflow: visible;
	margin: 0px auto 40px;
	border: none;
}

.loginBox .control-group, .loginBox .control-group .control-label, .loginBox .control-group .controls {
	position: relative;
	clear: both;
	width: 100%;
}

.loginBox .control-group .control-label {
	background: none;
	font-weight: bold;
	padding: 5px 10px;
	font-size: 18px;
}

.loginBox .controls .textBox,
.loginBox input[type="text"]:focus, .loginBox input[type="password"]:focus {
	background: transparent;
	border: 1px dotted #FFF;
	border-bottom: 2px solid #16325b;
	padding: 15px 7px 5px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	color: #16325b;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	max-width: 100%;
}

.loginBox .controls .input-focus,
.loginBox #captchaBox .textBox,
.loginBox input[type="text"]:focus, .loginBox input[type="password"]:focus {
	border-color: #666;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.loginBox .form-actions {
	margin-bottom: 15px;
	padding: 0px;
}

.loginBox .form-actions .button {
	border-radius: 5px;
	overflow: hidden;
	padding: 8px 15px;
	width: 100%;
	margin-bottom: 0px;
	height: 42px;
}

.loginBox .form-actions .button + .button {
	margin-top: 10px;
}

.loginBox .form-actions .button span {
	display: block;
	border-right: 2px solid #4c5f7a;
	margin: -8px 10px -8px -20px;
	padding: 7px 0px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	background-color: #16325b !important;
	float: left;
}

.loginBox #lgbSiteLogo {
	display: none;
}

.loginBox #lgbSiteLogo, .loginBox #lgbSiteLogo a {
	max-width: 250px;
	width: 100%;
}

.loginBox .lgb-colm-data {
	display: block;
	clear: both;
	margin: 30px 20px 30px 10px;
	color: #FFF;
}

.loginBox .nav li {
	margin-bottom: 5px;
}

.loginBox .nav li a {
	padding: 5px 10px;
	color: #FFF !important;
	font-size: 20px;
	display: inline-block;
}

.loginBox .nav li:hover {
	background: rgba(255, 255, 255, 0.2);
}

.loginBox #rowReCaptcha .g-recaptcha {
	width: 200px;
	overflow: hidden;
	border-right: 1px solid rgb(193, 193, 193);
	border-radius: 3px;
	max-height: 76px;
	margin: 0px auto;
}

/* App Login Box
*/ #pgApplogin #bannerContainer {
	display: none;
}

#appLoginBox {
	width: 470px;
}

#appLoginBox .lgb-colm {
	min-height: none;
	height: auto;
}

#appLoginBox .control-group {
	margin-bottom: 20px;
}

#appLoginBox .control-label, #appLoginBox .controls {
	width: 125px;
	clear: none;
	float: left;
}

#appLoginBox .controls {
	width: calc(100% - 125px);
}

#appLoginBox .form-actions .controls {
	width: 100%;
}

#appLoginBox .controls .textBox {
	border: 1px solid #C9C9C9;
	padding: 7px;
	border-radius: 3px;
max-width: 300px;
}

#appLoginBox #errorMsg {
	margin-bottom: 15px;
	clear: both;
	width: 95%;
}

#portalAccess .pageTitle {
	margin: 30px 0px 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 20px;
	padding-left: 10px;
}

/* Password Meter Settings
/* ==============================
*/ #pwMeter {
	display: block;
	height: 40px;
}

#pwMeter #scoreBox {
	border: 1px solid #000000;
	height: 40px;
	width: 102px;
	float: left;
	overflow: hidden;
}

#pwMeter #score, #pwMeter #scoreBar {
	position: absolute;
	width: 100px;
	float: left;
	height: 38px;
}

#pwMeter #score {
	color: #000000;
	text-align: center;
	font-weight: bold;
	z-index: 10;
	line-height: 37px;
}

#pwMeter #scoreBar {
	background: url(../img/bg-pw-meter.png) no-repeat 0px 0px;
	z-index: 0;
	display: inline;
}

#pwMeter #complexity {
	margin-left: 5px;
	margin-top: 3px;
	float: left;
}

#pwMeter #complexity label {
	font-size: 16px;
	font-weight: bold !important;
	line-height: 2.2;
}

#resetBoxComplete #pwMeter {
	position: absolute;
	right: 0px;
	top: 42px;
	height: 0px;
	width: 85px;
	overflow: hidden;
	-webkit-transition: linear 0.3s;
	-o-transition: linear 0.3s;
	-moz-transition: linear 0.3s;
	transition: linear 0.3s;
}

#resetBoxComplete #pwMeter #scoreBox  {
	height: 45px;
	width: 85px;
}

#resetBoxComplete #pwMeter #score,
#resetBoxComplete #pwMeter #scoreBar {
	width: 83px;
	height: 43px;
}

#resetBoxComplete #pwMeter #score {
	line-height: 45px;
}

#resetBoxComplete #pwMeter #complexity {
	display: none;
}

#resetBoxComplete .controls #jform_password1 {
	width: 100%;
	padding-right: 90px;
	margin-bottom: 0px;
}

.passMsg {
	padding: 5px 0px;
	color: #900;
	font-size: 15px;
	width: 100%;
}

.pwdHint {
    max-height: 180px;
    overflow: auto;
    overflow-x: hidden;
}


/* Search Hint Box Setting
/* ==============================
*/ #searchHintBox, .searchHintBox {
	position: absolute;
	border: 1px solid #aaa;
	border-top: none;
	display: none;
	width: 300px;
	max-height: 100px;
	overflow: auto;
	clear: both;
	overflow-x: hidden;
	z-index: 99999;
	background: #F5F5F5;
	text-align: left;
	float: left;
	margin-top: -1px;
}

#searchHintBox a, .searchHintBox a {
	display: block;
	clear: both;
	padding: 2px 4px;
}

#searchHintBox a:hover, .searchHintBox a:hover {
	background-color: #D7E5F2;
	text-decoration: none;
}

/* Comman Settings
/* ==============================
*/ .clearfix {
	*zoom: 1;
}

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}

#dataWrap .sticky {
	top: 0;
	z-index: 9999;
	position: fixed;
}

.fChild {
	margin-top: 0px !important;
}

.lChild {
	margin-bottom: 0px !important;
}

.page-header {
	padding-bottom: 0px;
	margin: 0px;
	border-bottom: none;
}

.pageTitle {
	margin: 0px 0px 15px;
	padding: 5px 20px 5px 10px;
	vertical-align: baseline;
	border-bottom: 2px solid #DDDDDD;
	background: #ececec;
	font-size: 28px;
	overflow: hidden;
}

.pageTitle .headLink {
	font-size: 18px;
	line-height: 1.6;
	margin-top: 9px;
	margin-left: 10px;
	float: right;
	display: inline-block;
}

.tab-off, .mob-off, .hidden {
	display: none !important;
}

.read-more:after {
	content: " >";
	color: #5487b8;
	position: relative;
	top: 1px;
}

.box-sw {
	-webkit-box-shadow: 0px 0px 15px 5px #e6e6e6;
	box-shadow: 0px 0px 15px 5px #e6e6e6;
}

.txt-justify {
	text-align: justify;
}

.txt-center {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.txt-left {
	text-align: left;
}

.itemList {
	margin: 0px !important;
	padding: 0px !important;
}

.itemList li {
	display: block;
	list-style: none;
	margin: 0px 0px 5px 0px !important;
	padding: 2px 0px 5px 20px !important;
	border-bottom: 1px dotted #CCCCCC;
}

.itemList li:last-child {
	border-bottom: none;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.itemList li span {
	margin-left: -20px;
}

.msg_success {
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}

.exclamation {
	font: bold 250px 'Courier New', Courier, monospace;
	color: #900;
	line-height: 0.9;
	display: block;
	text-align: center;
	margin-top: 100px;
}

.label-warning {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #F89406;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px;
	position: absolute;
	text-transform: uppercase;
}

.label-pr {
	left: -25px;
	top: -25px;
	position: relative;
}

.img-article, .img-video {
	margin: 5px;
}

.center {
	text-align: center !important;
}

.bold {
	font-weight: bold;
}

.bold13 {
	font-weight: bold;
	font-size: 16px !important;
}

.bold12 {
	font-weight: bold;
	font-size: 15px !important;
}

.bold-font {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.list-alpha {
	list-style: lower-alpha;
}

.list-alpha-up {
	list-style: upper-alpha;
}

.list-roman {
	list-style: lower-roman;
}

.list-roman-up {
	list-style: upper-roman;
}

.list-disc {
	list-style: disc;
}

.list-circle {
	list-style: circle;
}

.list-square {
	list-style: square;
}

.list-decimal {
	list-style: decimal;
}

.list-decimal-0 {
	list-style: decimal-leading-zero;
}

.list-none {
	list-style: none !important;
}

.no-border {
	border: none !important;
}

.no-shadow {
	box-shadow: none !important;
}

.no-bold {
	font-weight: normal !important;
}

.list-mb10 li {
	margin-bottom: 10px;
}

.list-mb15 li {
	margin-bottom: 15px;
}

.list-mb20 li {
	margin-bottom: 20px;
}

.gray-border {
	border: 1px solid #DDDDDD;
}

.hide, .tooltip {
	display: none !important;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.imgLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
}

.imgRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 7px;
}

.txtMid {
	vertical-align: middle
}

.no-float {
	float: none;
}

.uline {
	text-decoration: underline;
}

.dline {
	border-bottom: 1px dotted #555E64;
}

.tLeft, .data-center td.tLeft {
	text-align: left !important;
}

.tRight {
	text-align: right !important;
}

.tYes, .tNo {
	font-weight: bold;
	color: #030;
}

.tNo, .tRed {
	color: #C00;
}

.nowrap {
	white-space: nowrap;
}

.pad50 {
	padding: 50px;
}

.padL50 {
	padding-left: 50px;
}

.starmark {
	color: #C00;
}

.clear0, .clear5, .clear10, .clear15, .clear20, .clear25, .clear30 {
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: normal;
}

.clear0 {
	padding: 0px;
}

.clear5 {
	padding: 0px 0px 5px;
}

.clear10 {
	padding: 0px 0px 10px;
}

.clear15 {
	padding: 0px 0px 15px;
}

.clear20 {
	padding: 0px 0px 20px;
}

.clear25 {
	padding: 0px 0px 25px;
}

.clear30 {
	padding: 0px 0px 30px;
}

.datePicker {
	float: left;
	margin-right: 6px;
	width: 147px !important;
}

.ui-datepicker-title select {
	padding: 3px !important;
	width: auto !important;
	font: 12px Arial, Helvetica, sans-serif !important;
}

.scrollBox {
	overflow: scroll;
	overflow-x: hidden;
	width: 100%;
	height: 300px;
	border: 1px solid #c1c1c1;
	background: #FFF;
}

.scrollBox-h {
	overflow: scroll;
	overflow-y: hidden;
	width: 100%;
	border: 1px solid #c1c1c1;
}

.vsplt {
	font-weight: bold;
	display: inline-block;
	padding: 0px 5px;
}

.splitter {
	float: left;
	font-weight: bold;
	padding: 0px 10px;
}

.hrLine {
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #FFFFFF;
	height: 0px;
	margin: 10px 0px;
	clear: both;
}

.clear-spaice {
	clear: both;
	margin: 0px 0px 20px;
}

.upText {
	text-transform: uppercase;
}

.lowText {
	text-transform: lowercase;
}

.capText {
	text-transform: capitalize;
}

.read-note {
	font-size: 16px;
	color: #999;
	clear: both;
	margin: 10px 0px;
}

.scroll-box-hr {
	overflow: hidden;
	overflow-x: auto;
}

.sroll-box-tdv {
	max-height: 150px;
	overflow: hidden;
	overflow-y: auto;
}

.data-table {
	width: 100%;
	margin: 10px auto;
	padding: 0px;
	border-collapse: collapse;
	border: 1px solid #C1C1C1;
}

.data-table th {
	background: #e6e6e6;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.data-table th a {
	color: #555E64 !important;
}

.data-table tbody th {
	text-align: left;
	background: #f6f6f6;
}

.data-table th, .data-table td {
	padding: 5px;
	border-collapse: collapse;
	border: 1px solid #C1C1C1;
}

.data-table td {
	text-align: left;
}

.data-table-alt tr.altRow td, .data-table-alt tr.altRow1 td, .tablesorter tr.even td, .data-table-alt tr:nth-child(even) td {
	background: #f5f5f5;
}

.data-table .grayTd {
	background: #f6f6f6;
}

.data-table .dgrayTd {
	background: #ededed;
}

.data-table .grayTh {
	background: #e6e6e6;
}

.data-colm2 th, .data-colm2 td {
	width: 50%;
}

.data-colm3 th, .data-colm3 td {
	width: 33%;
}

.data-colm4 th, .data-colm4 td {
	width: 25%;
}

.data-center td {
	text-align: center !important;
	vertical-align: middle !important;
}

.data-table-v2 thead th {
	background: #16325b;
	color: #FFF;
	border: 1px solid #FFF;
}

.data-table-v2 tbody th, .data-table-v2 tbody td {
	padding: 10px;
}

.data-table-v2 tbody th {
	text-align: center;
	vertical-align: middle;
}

.data-table-v2 tbody th img {
	margin-bottom: 30px;
}

.no-border th, .no-border td {
	border: none;
}

.data-w70, .data-w50, .data-table .w50, div.w50 {
	width: 100%;
}

.data-auto {
	width: auto;
}

.data-table .w30 {
	width: 30%;
}

.data-table .ico16-tick, .data-table .ico16-del {
	float: none;
	margin: auto;
}

.tblNdr .ico24-tick, .tblNdr .ico24-del, .tblNdr .ico24-lmt,
.tblNdr .ico24-info-c, .tblNdr .ico24-info-g {
	display: inline-block;
	position: relative;
	float: none;
	top: 4px;
	margin: 0px;
}

.tblNdr .ico24-info-c, .tblNdr .ico24-info-g {
	cursor: pointer;
}

.tblNdr .ico24-info-g {
	float: right;
}

.tblNdr .ico24-info-g + .ico24-tick, .tblNdr .ico24-info-g + .ico24-del,
.tblNdr .ico24-info-g + .ico24-lmt {
	margin-left: 24px;
}

.bg-fff {
	background-color: #FFF !important;
}

.bg-f3f2 {
	background-color: #f3f2f2 !important;
}

.bg-f5f5 {
	background-color: #f5f5f5 !important;
}

.hr-td {
	margin: 10px -5px;
	border-width: 1px;
}

.bg-yel {
	background-color: #ffff00;
}

.bg-red {
	background-color: #ff0000;
}

.bg-blue {
	background-color: #3366ff;
}

.bg-red-w {
	background-color: #ff0000;
	color: #fff;
}

.bg-blue-w {
	background-color: #3366ff;
	color: #fff;
}

.txt-red {
	color: #ff0000;
}

.txt-orenge {
	color: #F65F00;
}

.txt-green {
	color: #006000;
}

.txt-blue {
	color: #3366ff;
}

.txt-ltgray {
	color: #aeaeae
}

.nodata {
	padding: 15px !important;
	text-align: center !important;
	font-weight: bold;
}

.pd10 td {
	padding: 10px;
}

.mgT0 {
	margin-top: 0px;
}

.mgB0 {
	margin-bottom: 0px;
}

.pdT0 {
	padding-top: 0px;
}

.pdB0 {
	padding-bottom: 0px;
}

.bold-list {
	font-weight: bold;
}

.firstItem {
	margin-top: 0px;
	padding-top: 0px;
}

.data-list {
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	display: block;
}

.data-list li {
	list-style: none;
	display: block;
	overflow: hidden;
	padding: 0px 10px 25px 0px;
	width: 100%;
	clear: both;
	float: left;
}

.data-list li a {
	display: block;
	overflow: hidden;
	text-align: left;
}

.data-list li.clearRow {
	clear: both;
	width: 100%;
	height: 0px;
	padding: 0px;
	margin: 0px;
	float: none;
}

.data-list li.listHead, li.listHead, .listHead {
	clear: both;
	width: 100%;
	font-weight: bold;
	border-bottom: 1px dotted #C1C1C1;
	padding-bottom: 5px;
	padding-top: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.data-list li.fullColm {
	clear: both;
	width: 100%;
}

.data-list li.listPad label {
	padding-bottom: 5px;
}

.data-list-v2 li a {
	margin-left: 0px;
	display: inline-block;
}

li.headRight {
	margin-left: -20px;
}

.data-row {
	clear: both;
	border-bottom: 1px solid #CCC;
	padding: 0px 0px 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

.itemEndRow, .data-row:last-child {
	border-bottom: none !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.data-row .readmore {
	margin-top: 15px;
	text-align: right
}

.data-row .readmore:after {
	content: ' >';
	color: #5487b8;
}

.data-pic {
	border: 1px solid #CCC;
	padding: 5px;
	vertical-align: top;
	margin: 0px 2% 10px 0px;
	overflow: hidden;
	float: left;
	width: 25%
}

.data-pic img {
	vertical-align: top;
	display: block;
	clear: both;
	width: 100%;
	max-width: none
}

.image-list {
	overflow: hidden;
	clear: both;
}

.image-list .item-img {
	overflow: hidden;
	white-space: nowrap;
	margin: 10px 1.1%;
	float: left;
	width: 17.8%;
	padding: 10px;
	text-align: center;
	min-height: 100px;
	border: 1px solid #ccc;
}

.image-list .item-img img {
	width: 100%;
	max-width: none;
	vertical-align: middle
}

.image-list .item-img a {
	overflow: hidden;
}

.font-times {
	font-family: "Times New Roman", Times, Georgia, serif !important;
}

#quizResult, #quizPrint {
	margin: 0px auto;
	background: #fff;
	overflow: hidden;
	width: 950px;
}

#quizPrint {
	padding: 10px 0px;
	text-align: center;
}

.imgRow {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}

.imgRow p {
	padding-top: 11%;
}

.scroll-y, .scroll-x {
	overflow: auto !important;
	overflow-x: hidden !important;
}

.scroll-x {
	overflow-y: hidden !important;
}

.jpData, .koData, .zhData {
	display: none;
}

.jpData, .koData, .zhData {
	display: none;
}

.lgJajp .jpData, .lgKokr .koData, .lgZhcn .zhData {
	display: block;
}

.status {
	font-weight: bold;
	font-size: 14px;
}

.sts_pending, .sts_progress {
	color: #F90;
}

.sts_approved, .sts_completed {
	color: #188A3A;
}

.sts_rejected, .sts_declined, .sts_canceled, .sts_bounced, .sts_voided, .sts_expired {
	color: #C00;
}

.sts_override {
	color: #A8B316;
}

.successMsg {
	color: #360;
}

.errorMsg {
	color: #C00;
}

code {
	font-weight: bold
}

[class*="sts-"], [class^="sts-"] {
	display: inline-block;
	padding: 6px 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-transform: capitalize;
	min-width: 100px;
	text-align: center;
}

.sts-log {
	color: #025893;
	background: rgba(2, 88, 147, 0.2);
}

.sts-processing {
	color: #df7e01;
	background: rgba(255, 192, 0, 0.2);
}

.sts-failed {
	color: #aa0000;
	background: rgba(170, 0, 0, 0.2);
}

.sts-success {
	color: #006600;
	background: rgba(0, 102, 0, 0.2);
}

a.btnAnBlue {
	padding: 5px 15px;
	background: #184a7d !important;
	border-radius: 4px;
	color: #fff !important;
	display: inline-block;
	margin: 5px 0px;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #184a7d;
}

.data-table th a.btnAnBlue {
	color: #fff !important;
	padding: 0px 15px;
}

a.btnAnBlue:hover, a.btnAnBlue:focus,
.data-table th a.btnAnBlue:hover, .data-table th a.btnAnBlue:focus {
	color: #184a7d !important;
	background: #fff !important;
}

.theme-default .nivoSlider {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	margin-bottom: 0px !important;
}
@media print {

#quizPrint, .hidden-print {
	display: none;
}
}