@import url("font.css");
@import url("superfish.css");
@import url("tooltipster.css");

/*html body {
	-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
			filter: gray;
}*/
.commemorate {
	display: block;
	width: 100%;
	max-width: 1000px;
    margin: auto;
    position: relative;
}
 .commemorate img {
	width: auto;
	max-height: 56px;
	position: absolute;
	top: -116px;
    left: 190px;
}

/*
Theme Name:Professional Theme
Author:Pradeep Saran
Current Maintainer: Mheinke
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-size: 100%;
	font: inherit;
	vertical-align: baseline;*/
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
  Clear Floated Elements
*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clear:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
* html .clear {
	height: 1%;
}

/*
  Style HTML Tags
*/
body {
	color: #3a3a3a;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 81.25%;
	line-height: 1.5;
	padding: 30px 0 0 0;
}
a {
	color: #00008B;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
a:hover, a:focus {
	color: #d54e21;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 6px;
	font-weight: bold;
	line-height: 1.62em;
}
/*h1 {
	font-size: 32px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 15px;
}
h6 {
	font-size: 14px;
}*/
p {
	margin-bottom: 18px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 15px;
	width: 100%;
}
th, tr, td {
	vertical-align: middle;
}
.sticky-header th, .sticky-table th {
	border-bottom: 3px solid #ccc;
	padding-right: 1em;
	text-align: left;
}
#content table {
	background: #ececec;
	border: 1px solid #bbbbbb;
}
#content th {
	background: #dbdbdb;
	padding: 5px 4px;
	text-shadow: 1px 1px #fff;
	border-right: 1px solid #c8c7c7;
	color: #333;
}
#content td {
	background: #ebebeb;
	color: #747474;
	/*text-align: left;*/
	padding-left: 4px;
	padding-right: 4px;
	border-right: 1px solid #c8c7c7;
	border-bottom: 1px solid #c8c7c7;
}
code {
    font-family: 'Sarabun', sans-serif;
    font-weight: 800;
    letter-spacing: 0.03em;
    background: #ffffff;
    /*text-shadow: 1px 1px #fff;*/
    border: 1px solid #d5d5d5;
    display: block;
    padding: 25px;
    margin: 5px 0;
    border-radius: 2px;
}
/* for code */
.button-38 {
	background-color: #f5f5f5;
	border: 1px solid #d7d7d7;
	/*border-radius: .5rem;*/
	box-sizing: border-box;
	color: #474552;
	font-family: "Inter var",ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: .875rem;
	font-weight: 600;
	line-height: 1.25rem;
	padding: .75rem 1rem;
	text-align: center;
	text-decoration: none #D1D5DB solid;
	text-decoration-thickness: auto;
	/*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);*/
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	float: right;
	position: relative;
	margin-top: 5px;
  }
  
  .button-38:hover {
	background-color: rgb(249,250,251);
  }
  
  .button-38:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
  }
  
  .button-38:focus-visible {
	box-shadow: none;
  }
mark {
	background-color: #fdfc9b;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
hr {
	border: none;
	border-top: #EEE 1px solid;
}
dt {
	font-weight: bold;
	margin-bottom: 24px;
}
dd {
	margin-left: 30px;
	margin-bottom: 24px;
}
ul {
	list-style-type: disc;
	/*margin-left: 15px;
	margin-bottom: 12px;*/
	margin-left: 30px;
	margin-bottom: 24px;
}
ul li {
	margin-top: 4px;
}
ul ul {
	list-style-type: square;
	margin-bottom: 0;
}
ul ul ul {
	list-style-type: circle;
}
ol {
	list-style-type: decimal;
	margin-left: 30px;
	margin-bottom: 24px;
}
ol ol {
	list-style: upper-alpha;
	margin-bottom: 0
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
abbr, acronym {
	border-bottom: #999 1px dotted;
	cursor: help;
}
big {
	font-size: 1.3em;
}
cite, em {
	font-style: italic;
}
ins {
	background-color: #fdfc9b;
	text-decoration: none;
}
pre {
	background: #d8d8d8;
	text-shadow: 1px 1px #fff;
	border: 1px solid #bbbbbb;
	padding: 7px;
	margin: 5px 0;
	border-radius: 7px;
}
blockquote, q {
	quotes: none;
	border: 1px solid #bbbbbb;
	background: #d8d8d8 url(../images/quote.png) no-repeat;
	padding: 10px 5px 5px 47px;
	text-shadow: 1px 1px #fff;
	margin: 5px 0;
	border-radius: 7px;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
strong {
	font-weight: bold;
}
sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
	/*font-size: 10px;*/
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
img, video {
	max-width: 100%;
	height: auto;
}
video {
	display: block;
}
audio {
	max-width: 100%;
}
/*.content a img {
	padding: 5px;
	box-shadow: 0 0 3px #EEE;
	background: #FFF;
	border: #EEE 1px solid;
}
.content a:hover img {
	background: #F0F0F0;
}*/

/*
  Theme Design, Layout and Typography
*/
/*#wrapper {
	position: relative;
	max-width: 1132px;
	margin: 0 auto;
	box-shadow: 0 0 6px #999;
	background: #e9e9e9;
	overflow: hidden;
}*/
#header {
	width: 1000px;
	margin: auto;
	padding: 20px 0;
}
.logged-in #header {
	margin-top: 30px;
}
#logo {
	float: left;
	margin: 10px;
	padding-top: 10px;
}
#site-title a, #site-description {
	color: #333;
}
#site-title, #site-description {
	float: left;
	line-height: 100px;
}
#site-title {
	margin: 0;
	/*font-size: 28px;*/
	font-weight: bold;
}
#site-title a {
	background: url(../images/logo-9experttraining.png) no-repeat;
	background: url(../images/logo-9experttraining.png) no-repeat, none;
	width: 180px;
	height: 90px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	margin: 0;
	padding: 0;
}
#site-description {
	margin-left: 20px;
	/*font-size: 12px;*/
	font-weight: normal;
}

.region-header {
	float: right;
	margin: 10px 0 0 0;
}

/**
 * Google Custom Search *
 */
/*#google-search {
	margin: 0 1px 0 0;
}
#google-search .gsc-control-cse {
	background: none;
	padding: 0;
	border: none;
}
.gsc-adBlock,
.gsc-adBlockVertical {
	display: none !important;
}
#google-search table,
#google-search-article table {
	border-collapse: separate;
}
#google-search form.gsc-search-box {
	width: 200px;
    height: 30px;
	background: #099ade;
}
#google-search .gsc-search-box {
	margin: 0;
}
table.gsc-search-box,
table.gsc-search-box td {
	background: none;
	border: none;
}
table.gsc-search-box td.gsc-clear-button {
	display: none;
}
#google-search input.gsc-search-button {
	background: url(../images/icon-search.png) #19b5fe center center no-repeat;
	border-radius: 0;
    border: none;
	width: 30px;
    height: 30px;
	margin: 0;
	padding: 0;
	display: block;
	font-size: 0;
	min-width: 0;
	cursor: pointer;
	box-shadow: none;
}
#google-search .gsc-input-box,
#google-search table,
#google-search th,
#google-search td,
table.gssb_c, table.gssb_c td {
	background: none;
	border: none;
}
#google-search .gsc-input-box-focus,
#google-search .gsc-input-box-hover {
	box-shadow: none !important;
}
#google-search input.gsc-input {
	border: none;
	width: 150px !important;
	height: 24px;
    margin: 0 !important;
    padding: 0l;
	background: none !important;
	font-family: Arial, Tahoma;
	color: #ffffff;
}
#google-search td.gsc-input {
	padding: 0;
}
#google-search .gsib_a {
	padding: 0;
}
#google-search .gsc-refinementsArea,
#google-search-article .gsc-refinementsArea {
	border: none;
	margin: 0;
	padding: 0;
}
#google-search .gsc-above-wrapper-area,
#google-search-article .gsc-above-wrapper-area {
	margin-bottom: 1em;
	padding: 2px 0 10px 0;
}
#google-search-article .gsc-control-cse {
	padding: 0 1em 0.2em 1em;
}
#google-search-article input.gsc-input {
	padding: 4px 6px;
}
#google-search-article input.gsc-search-button {
	font-size: 13px;
	height: 26px;
}*/
#cse-search-box-form {
	background: #099ade;
}
#cse-search-box-form .form-item {
	/*float: left;*/
	margin: 0;
}
#cse-search-box-form #cse-search-input-box {
	border: none;
	margin: 0;
	/*width: 190px;*/
	width: 200px;
	height: 22px;
	padding: 5px;
	background: none;
	color: #ffffff;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
}
#cse-search-box-form input#cse-search-input-box[placeholder] {
	color: #FFFFFF;
}
#cse-search-box-form .form-actions {
	float: right;
	padding-top: 0;
}
#cse-search-box-form .form-submit {
	background: url(../images/icon-search.png) #19b5fe center center no-repeat;
	background-size: 24px;
	border-radius: 0;
    border: none;
	width: 32px;
    height: 32px;
	margin: 0;
	padding: 0;
	/*display: block;*/
	font-size: 0;
	cursor: pointer;
	box-shadow: none;
}
/*#block-block-47 #cse,*/
#cse .gcsc-branding,
#cse .gsc-adBlock,
#cse .gsc-adBlockVertical {
	display: none;
}
#cse {
	padding: 0 10px;
	background: #FFFFFF;
}
#block-block-60 {
	margin: 0;
}

#access-view {
	position: relative;
}
#access-view h2, #access-view .switch-title {
	font-family: 'DB_Heavent_Regular';
	font-weight: normal;
	font-size: 1.8em;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	color: #23b0db;
	line-height: 16px;
}
/*.i18n-en #access-view h2 {
	text-transform: uppercase;
}*/
#access-view ul.change, #access-view ul.change li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
#access-view a {
	cursor: pointer;
	margin: 0 1px;
	padding: 0;
	display: block;
	font-size: 0;
	text-indent: -9999px;
	line-height: normal;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	position: relative;
	text-decoration: none;
}
#access-view a.fsactive {
	cursor: pointer;
}
#access-view a#defaultFont {
	background: #E5E5E5;
}
#access-view a#mediumFont {
	background: #E5E5E5;
}
#access-view a#largeFont {
	background: #E5E5E5;
}
#access-view a.white-style {
	background: #000000;
}
#access-view a.default-style {
	background: #FFFFFF;
	width: 14px;
	height: 14px;
	border: 1px solid #23b0db;
}
#access-view a.yellow-style {
	background: #000000;
}
#access-view a#defaultFont:after, #access-view a#mediumFont:after, #access-view a#largeFont:after {
	content: 'ก';
	color: #808080;
	text-align: center;
	text-indent: 0;
	display: block;
}
.i18n-en #access-view a#defaultFont:after, .i18n-en #access-view a#mediumFont:after, .i18n-en #access-view a#largeFont:after {
	content: 'a';
}
#access-view a#defaultFont:after {
	font-size: 13px;
	font-size: 0.8rem;
	line-height: 16px;
}
#access-view a#mediumFont:after {
	font-size: 17px;
	font-size: 1.05rem;
	line-height: 15px;
}
#access-view a#largeFont:after {
	font-size: 21px;
	font-size: 1.3rem;
	line-height: 12px;
}
#access-view a.white-style:after, #access-view a.default-style:after, #access-view a.yellow-style:after {
	content: 'c';
	font-size: 17px;
	display: block;
	text-align: center;
	text-indent: 0;
	line-height: 15px;
}
#access-view a.white-style:after {
	color: #FFFFFF;
}
#access-view a.default-style:after {
	color: #000000;
	line-height: 13px;
}
#access-view a.yellow-style:after {
	color: #FFFF00;
}
#access-view a.gray-style {
	background: #4183d7;
	color: #FFFFFF;
	position: absolute;
    top: -50px;
    left: -180px;
    text-indent: inherit;
	font-family: 'DB_Heavent_Regular';
    font-size: 1.6em;
    width: auto;
	height: auto;
    padding: 3px 10px;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.1) inset;
}
#access-view a.gray-style span {
	font-size: 0.8em;
    vertical-align: middle;
}
#access-view a.gray-style:before {
	display: none;
}

nav {
	width: 100%;
	min-height: 40px;
	/*box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);*/
}
.menu-container {
	width: 100%;
	min-height: 40px;
	background: #19b5fe;
}
#main-menu {
	width: 1000px;
	min-height: 40px;
	margin: auto;
	padding: 0;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.85em;
	background: #19b5fe;
}
#main-menu > ul.menu > li > a:hover,
#main-menu > ul.menu > li > a:focus,
#main-menu > ul.menu > li.sfHover > a.sf-with-ul,
#main-menu > ul.menu li a.active,
#main-menu > ul.menu li a.active-trail {
	background: #ffffff;
	color: #19b5fe;
	text-decoration: none;
}
#main-menu > ul.menu > li > a.active:before,
#main-menu > ul.menu > li > a.active-trail:before,
#main-menu > ul.menu > li > a:hover:before,
#main-menu > ul.menu > li.sfHover > a.sf-with-ul:before {
	border-top: 3px solid #19b5fe;
    content: "";
    display: block;
	position: absolute;
    left: 0;
    top: -3px;
    width: 100%;
}
#main-menu a.unclick {
	cursor: context-menu;
}
#main-menu h2,
#main-menu a#home-menu,
#main-menu a#sitemap-menu {
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}
#main-menu h2 {
	margin: 0;
}
#main-menu a#home-menu:after,
#main-menu a#sitemap-menu:after {
	font-family: 'FontAwesome';
	font-size: 24px;
	font-size: 1.5rem;
	text-indent: 0;
	line-height: 40px;
	padding: 0 0.63em;
	display: block;
}
#main-menu a#home-menu:after {
	content: "\f015";
}
#main-menu a#sitemap-menu:after {
	content: "\f0e8";
}

/**
 * Sticky Menu
 */
.menu-container.sticky-menu {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 990;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	background: rgba(25, 181, 254, 0.9);
}
.menu-container.sticky-menu #main-menu {
	background: rgba(25, 181, 254, 0);
}
body.logged-in .menu-container {
	top: 34px;
}
body.logged-in.admin-menu .menu-container {
	top: 64px !important;
}

body.logged-in #topbar {
	top: 35px;
}
body.logged-in.admin-menu #topbar {
	top: 65px;
}

#show-search, #hamburger {
	display: none;
}


#topbar {
	position: absolute;
	top: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #eeeeee;
}
.region-topbar {
	width: 1000px;
	height: 30px;
	margin: auto;
	padding: 0;
	/*overflow: hidden;*/
	background: #eeeeee;
}
#topbar .block {
	margin: 0;
}
#block-views-footer-2015-block-4 {
	float: left;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
}
#block-views-footer-2015-block-4 .bts {
	background: url(../images/logo-bts_topbar.png) no-repeat;
	width: 25px;
	height: 30px;
	/*display: inline-block;*/
	display: block;
	text-indent: -9999px;
	font-size: 0;
	position: relative;
	/*top: -5px;*/
}
#block-views-footer-2015-block-4 .view-id-footer_2015 span {
	float: left;
	margin: 0 5px 0 0;
}
#block-views-footer-2015-block-5 {
	float: right;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul {
	margin: 0;
	padding: 0;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	height: 30px;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li a {
	/*display: block;*/
	text-indent: -9999px;
	font-size: 0;
	margin: 0 0 0 1px;
	height: 0;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li a:before {
	font-family: 'FontAwesome';
	color: #6a6a6a;
    display: block;
    font-size: 20px;
    text-indent: 0;
	background: #dadada;
	height: 30px;
	width: 30px;
	text-align: center;
	float: left;
	transition: all 0.4s ease-out 0s;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.youtube a:before {
	content: "\f16a";
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.facebook a:before {
	content: "\f09a";
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.twitter a:before {
	content: "\f099";
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.login a:before {
	content: "\f023";
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.youtube a:hover:before {
	background: #dd4b39;
	color: #FFFFFF;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.facebook a:hover:before {
	background: #3b579d;
	color: #FFFFFF;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.twitter a:hover:before {
	background: #2caae1;
	color: #FFFFFF;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.login a:hover:before {
	background: #03C9A9;
	color: #FFFFFF;
}


#container {
	/*margin: 1.76%;*/
}
.content-sidebar-wrap {
	float: left;
	width: 100%;
}
.content-sidebar-wrap #content {
	/*background: #fff;*/
	display: inline;
	/*margin-bottom: 2.7%;*/
	margin-bottom: 40px;
	float: right;
	width: 100%;
	height: 100%;
	/*box-shadow: 0 0 3px #999;*/
}
#sidebar-first {
	color: #888;
	float: left;
}
#sidebar-second {
	color: #888;
	float: right;
}

/* 3 columns */
body.two-sidebars .content-sidebar-wrap {
	width: 80%;
}
body.two-sidebars #content {
	width: 75%;
}
body.two-sidebars #sidebar-first {
	width: 24%;
}
body.two-sidebars #sidebar-second {
	width: 19%;
}

/* 2 columns: sidebar-first */
body.sidebar-first .content-sidebar-wrap {
	width: 100%;
}
body.sidebar-first #content {
	width: 80%;
}
body.sidebar-first #sidebar-first {
	width: 19%;
}

/* 2 columns: sidebar-second */
body.sidebar-second .content-sidebar-wrap {
	width: 80%;
}
body.sidebar-second #content {
	width: 100%;
}
body.sidebar-second #sidebar-second {
	width: 19%;
}
#post-content {
	padding: 0 20px;
}
.breadcrumb {
	margin: 0 20px;
	padding-top: 20px;
	margin-bottom: 10px;
	border-bottom: #eee 1px solid;
}
#head, #content, #sidebar-second, #sidebar-first {
	margin-top: 10px;
}
.node {
	margin: 20px 0;
}
.node h2.title, .page-title {
	color: #000;
	/*font-size: 20px;*/
}
.node h2.title a {
	color: #000;
}
.block {
	margin-bottom: 1.5em;
}
.block > h2 {
	margin: 0;
	/*font-size: 16px;*/
	font-weight: bold;
	/*letter-spacing: 1px;*/
}
#sidebar-first .block > h2, #sidebar-second .block > h2, #head .block > h2, #foot .block > h2 {
	color: #333;
}
#footer-area .block > h2 {
	color: #ddd;
}
#footer-area ul.menu li a.active {
	color: #ddd;
}
.submitted {
	background: #dfdddd;
	padding: 4px 9px;
	border-radius: 4px;
	color: #383838;
	text-shadow: 1px 1px #fff;
	clear: both;
	display: block;
	margin-bottom: 2px;
}
.links {
	color: #000;
	margin-top: 10px;
	/*font-size: 14px;*/
}
ul.links {
	margin: 0;
}
.links li a {
	background-color: #E7E5E3;
	color: #100100;
	padding: 4px 5px;
	border-radius: 4px;
	text-shadow: 1px 1px #fff;
	font-weight: normal;
}
.links li a:hover,
.links li a:focus {
	background-color: #D7D5D3;
	color: #100101;
}

/*-------------------------------------------*
/* Fix CKEditor style
/*-------------------------------------------*/
table.cke_editor {
	background: transparent;
	border: 0;
}
table.cke_editor td {
	background: transparent;
	padding: 0;
	border: 0;
}

/*-------------------------------------------*
/* Poll, Buttons, Form
/*-------------------------------------------*/
.poll .vote-form .choices .title {
	/*font-size: 14px;*/
	font-weight: normal;
	line-height: 2;
}
.poll .vote-form .choices {
	margin: 0;
}
.form-submit {
	cursor: pointer;
	margin: 5px;
}
input.form-checkbox, input.form-radio {
	vertical-align: baseline;
}
.form-text {
	padding: 4px 5px;
}

/*-------------------------------------------*
/* Menus and item lists
/*-------------------------------------------*/
.item-list ul {
	margin: 0;
	padding: 0 0 0 1.5385em;
}
.item-list ul li {
	margin: 0;
	padding: 0;
}
ul.menu li {
	margin: 0;
	padding: 0;
}
ul.inline {
	clear: both;
}
ul.inline li {
	margin: 0;
	padding: 0;
}

/*-------------------------------------------*
/* Admin Tabs
/*-------------------------------------------*/
.tabs-wrapper {
	border-bottom: 1px solid #b7b7b7;
	margin: 0 0 5px 0;
}
ul.primary {
	border: none;
	margin: 0;
	padding: 0;
}
ul.primary li a {
	background: none;
	border: none;
	display: block;
	float: left;
	line-height: 1.5385em;
	margin: 0;
	padding: 0 1em;
	border-radius: 4px 4px 0 0;
	margin-right: 5px;
}
ul.primary li a:hover, ul.primary li a.active {
	background: #666;
	border: none;
	color: #fff;
}
ul.primary li a:hover,
ul.primary li a:focus,
ul.secondary li a:focus {
	background: #888;
	text-decoration: none;
}
ul.secondary {
	background: #666;
	border-bottom: none;
	clear: both;
	margin: 0;
	padding: 0;
}
ul.secondary li {
	border-right: none;
}
ul.secondary li a, ul.secondary li a:link {
	border: none;
	color: #ccc;
	display: block;
	float: left;
	line-height: 1.5385em;
	padding: 0 1em;
}
ul.secondary li a:hover, ul.secondary li a.active {
	background: #888;
	color: #fff;
	text-decoration: none;
}
ul.secondary a.active {
	border-bottom: none;
}

/*-------------------------------------------*
/* Tabs and Tags
/*-------------------------------------------*/
.field-name-field-tags {
	margin: 0 0 10px 0;
}
.field-name-field-tags a {
	display: inline-block;
	background: url(../images/tag.png) no-repeat;
	padding: 0px 8px 0 16px;
	height: 22px;
	text-shadow: 1px 1px #fff;
	border-radius: 2px;
	/*font-size: 12px;*/
}
.field-name-field-tags a:hover,
.field-name-field-tags a:focus {
}
.field-name-field-tags .field-item {
	margin: 0 1em 0 0;
}
.field-name-field-tags div {
	display: inline;
}
#content-container .field-label {
}
#content-container .field-items .field-item {
}

/*-------------------------------------------*
/* Profile
/*-------------------------------------------*/
.profile {
	margin: 1.5385em 0;
}
.profile dd {
	margin-bottom: 1.5385em;
}
.profile h3 {
	border: none;
}
.profile dt {
	margin-bottom: 0;
}
.password-parent {
	width: 36em;
}

/*-------------------------------------------*
/* Navigation
/*-------------------------------------------*/
.item-list .pager {
	margin: 20px 0 0 0;
	padding: 0 20px;
}
.item-list .pager li {
	/*background: #cfcfcf;
	border-radius: 3px;
	text-shadow: 1px 1px #fff;*/
	margin-right: 4px;
	padding: 0;
}
.item-list .pager li.pager-current {
	border-radius: 3px;
	background: #CCCCCC;
	padding: 0.5em;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
}
.item-list .pager li a {
	border-radius: 3px;
	background: #19b5fe;
	color: #FFFFFF;
	padding: 0.5em;
	text-decoration: none;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
	transition: all 0.4s ease 0s;
}
.item-list .pager li a:hover,
.item-list .pager li a:focus {
	background: #0e84ba;
	text-decoration: none;
}

/*-------------------------------------------*
/* Forum
/*-------------------------------------------*/
.field-name-taxonomy-forums div {
	display: inline;
	margin-top: 4px;
}
.field-name-taxonomy-forums .field-items {
}
#forum .title {
	/*font-size: 16px;*/
}
#forum .submitted {
	/*font-size: 12px;*/
	font-family: Lucida Grande, Verdana, Arial, sans-serif;
	background: transparent;
	padding: 0;
}
#forum .container {
	background: #a1a1a1;
	color: #fff;
}
#forum .container a {
	color: #000;
	font-weight: bold;
}
#forum div.indent {
	margin-left: 2px;
}
.forum-starter-picture {
	float: left;
	padding: 4px;
	border: 1px solid #d9d9d9;
	margin: 5px 7px 5px 0;
}
#forum th {
	background: #434343;
	text-shadow: none;
	color: #fff;
}
#forum th a {
	color: #fff;
}
#forum td.forum .icon, #forum .icon div {
	background: url(../images/no-new-posts.png) no-repeat;
	width: 35px;
	height: 35px;
}
#forum .name a {
	/*font-size: 16px;*/
}

/* Images */
img {
	outline: 0;
}
img.scale-with-grid {
	max-width: 100%;
	height: auto;
}

/* Comments */
.comment h2.title {
	margin-bottom: 1em;
}
.comment div.user-picture img {
	margin-left: 0;
}
.comment {
	margin-bottom: 20px;
	display: table;
	vertical-align: top;
}
.comment .attribution {
	display: table-cell;
	padding: 0 35px 0 0;
	vertical-align: top;
	overflow: hidden;
}
.comment .attribution img {
	margin: 0;
	border: 1px solid #d3d7d9;
}
.comment .attribution .username {
	white-space: nowrap;
}
.comment .comment-submitted p {
	margin: 4px 0;
	font-size: 1.071em;
	line-height: 1.2;
}
.comment .comment-submitted .comment-time {
	font-size: 0.786em;
}
.comment .comment-submitted .comment-permalink {
	font-size: 0.786em;
	text-transform: lowercase;
}
.comment .content {
	font-size: 0.929em;
	line-height: 1.6;
}
.comment .comment-arrow {
	background: url(../images/comment-arrow.gif) no-repeat 0 center transparent;
	border-left: 1px solid;
	border-right: 1px solid;
	height: 40px;
	margin-left: -36px;
	margin-top: 15px;
	position: absolute;
	width: 20px;
}
.comment .comment-text {
	padding: 0 25px 10px 35px;
	display: table-cell;
	vertical-align: top;
	position: relative;
	width: 100%;
	border-left: 1px solid #d3d7d9;
}
.comment .indented {
	margin-left: 40px;
}
.comment-unpublished {
	margin-right: 5px;
	padding: 5px 2px 5px 5px;
}
.comment .comment-text .comment-arrow {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

/* -------------- Form Elements   ------------- */
fieldset {
	background: #ffffff;
	border: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom: 32px;
	padding: 0 0 10px;
	position: relative;
	top: 12px; /* Offsets the negative margin of legends */
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.fieldset-wrapper {
	margin-top: 25px;
}
.node-form .vertical-tabs .fieldset-wrapper {
	margin-top: 0;
}
.filter-wrapper {
	top: 0;
	padding: 1em 0 0.2em;
	-khtml-border-radius-topright: 0;
	-khtml-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.filter-help a {
	font-size: 0.857em;
	padding: 2px 20px 0;
}
.filter-wrapper .form-item label {
	margin-right: 10px;
}
.filter-wrapper .form-item {
	padding: 0 0 0.5em 0.5em;
}
.filter-guidelines {
	padding: 0 1.5em 0 0.5em;
}
fieldset.collapsed {
	background: transparent;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
fieldset legend {
	background: #dbdbdb;
	border: 1px solid #ccc;
	border-bottom: none;
	display: block;
	height: 2em;
	left: -1px;
	line-height: 2;
	padding: 0;
	position: absolute;
	text-indent: 10px;
	text-shadow: 0 1px 0 #fff;
	top: -12px;
	width: 100%;
	-khtml-border-radius-topleft: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-khtml-border-radius-topright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}
fieldset.collapsed legend {
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
fieldset .fieldset-wrapper {
	padding: 0 10px;
}
fieldset .fieldset-description {
	margin-top: 5px;
	margin-bottom: 1em;
	line-height: 1.4;
	font-style: italic;
}
input {
	margin: 2px 0;
	padding: 4px;
}
input, textarea {
	font-size: 0.929em;
}
textarea {
	line-height: 1.5;
}
textarea.form-textarea, select.form-select {
	padding: 4px;
}
input.form-text, textarea.form-textarea, select.form-select {
	border: 1px solid #ccc;
}
.password-suggestions ul li {
	margin-left: 1.2em;
}
.form-item {
	margin-bottom: 1em;
	margin-top: 2px;
}
.form-item label {
	font-size: 0.929em;
}
.form-type-radio label, .form-type-checkbox label {
	margin-left: 4px;
}
.form-type-radio .description, .form-type-checkbox .description {
	margin-left: 2px;
}
.form-actions {
	padding-top: 10px;
}

/* Form Buttons */
button, input[type="submit"], input[type="reset"], input[type="button"] {
	background: #03cedb;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
	border-radius: 3px;
	border: none;
	font-family: 'DB_Heavent_Med';
	/*font-size: 1em;*/
	font-size: 1.5em;
	font-weight: normal;
	color: #FFFFFF;
	padding: 5px 15px;
	cursor: pointer;
	transition: all 0.4s ease 0s;
}
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
button:hover, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
	background: #04afba;
	box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.4) inset;
}
#block-search-form {
	padding-bottom: 7px;
}
#block-search-form .content {
	margin-top: 0;
}
#search-form input#edit-keys, #block-search-form .form-item-search-block-form input {
	float: left;
	font-size: 1em;
	height: 1.143em;
	margin-right: 5px;
	width: 9em;
}
#search-block-form input.form-submit, #search-form input.form-submit {
	margin-left: 0;
	margin-right: 0;
	height: 25px;
	width: 34px;
	padding: 0;
	cursor: pointer;
	text-indent: -9999px;
	border-color: #e4e4e4 #d2d2d2 #b4b4b4;
	background: url(../images/search-button.png) no-repeat center top;
	overflow: hidden;
}
#search-block-form input.form-submit:hover, #search-block-form input.form-submit:focus, #search-form input.form-submit:hover, #search-form input.form-submit:focus {
	background-position: center bottom;
}
#search-form .form-item-keys label {
	display: block;
}
ol.search-results {
	padding-left: 0;
}
.search-results li {
	border-bottom: 1px solid #d3d7d9;
	padding-bottom: 0.4285em;
	margin-bottom: 0.5em;
}
.search-results li:last-child {
	border-bottom: none;
	padding-bottom: none;
	margin-bottom: 1em;
}
.search-results .search-snippet-info {
	padding-left: 0;
}

.views-exposed-form .views-exposed-widget select {
	margin: 2px 0;
}
.views-exposed-form .views-exposed-widget .form-text {
	height: 18px;
}
.views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 0.5em
}

footer {
	background: #4183d7;
}

#footer {
	clear: both;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.4em;
	color: #FFFFFF;
	width: 100%;
	line-height: normal;
}
#footer .block {
	margin: 0;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover,
#footer a:focus {
	text-decoration: underline;
}
/*#footer address strong {
	font-family: 'mn_graphico_bold';
}*/
#footer .region-footer,
#footer .region-copyright {
	width: 1000px;
	margin: auto;
	padding: 0;
}
#footer .region-footer {
	/*height: 170px;*/
	padding: 25px 0;
	background: #4183d7;
	overflow: hidden;
}
#footer .region-copyright {
	background: #3a3a3a;
	height: 50px;
}
/*#footer-area {
	position: relative;
	padding: 1.76% 3.52%;
	box-shadow: 0 0 3px #999;
	background: #383838;
	background: -moz-linear-gradient(#444, #333);
	background: -webkit-linear-gradient(#444, #333);
	background: -o-linear-gradient(#444, #333);
	background: -ms-linear-gradient(#444, #333);
	background: linear-gradient(#444, #333);
	color: #999;
	width: 1000px;
	margin: auto;
}*/
#footer-area .column {
	float: left;
	width: 30.8%;
	margin: 0 0 1.9% 3.8%;
}
#footer-area .column:first-child {
	margin-left: 0;
}
#footer-area .column-title {
	color: #e0e0e0;
}
/*#footer-area li {
	border-bottom: #555 1px dashed;
}*/
#copyright {
	clear: both;
	/*padding: 0 20px;*/
	/*box-shadow: 0 -1px 3px #ccc;*/
	background: #3a3a3a;
	color: #a3a3a3;
	line-height: 50px;
	height: 50px;
	width: 100%;
}
.copyright {
	float: left;
	max-width: 728px;
}
.credits {
	float: right;
	max-width: 370px;
	margin-right: 12px;
	text-align: right;
}
#copyright p {
	margin: 0;
}
#copyright a {
	color: #00008B;
	text-decoration: none;
}
#copyright a:hover,
#copyright a:focus {
	color: #d54e21;
}

/** SPECIAL CLASSES FOR OVERRIDING CORE THEMES **/
#user-login-form {
	color: #000;
}
.marker, .form-required {
	color: #8B0000;
}

/**
 * General *
 */
#breadcrumbs {
	background: none;
	box-shadow: none;
}

#footer address {
	background: url(../images/icon-pin.png) 0 3px no-repeat;
	padding-left: 40px;
	font-style: normal;
}
#footer .phone {
	background: url(../images/icon-phone.png) 0 3px no-repeat;
	padding-left: 40px;
	margin: 20px 0;
}
#footer .mail {
	background: url(../images/icon-mail.png) 0 0 no-repeat;
	padding-left: 40px;
	margin: 0;
}
#block-views-footer-2015-block {
	width: 60%;
	float: left;
}
#block-views-footer-2015-block-2,
#block-views-footer-2015-block-3 {
	width: 40%;
	float: right;
}
#block-views-footer-2015-block-2 h2 {
	font-size: 18px;
	margin-bottom: 0;
}
#block-views-footer-2015-block-2 .view-footer-2015 {
	float: right;
}
#block-views-footer-2015-block .view-footer-2015 a,
#block-views-footer-2015-block-2 .view-footer-2015 a {
	text-decoration: none;
}
#block-views-footer-2015-block .view-footer-2015 a:hover,
#block-views-footer-2015-block-2 .view-footer-2015 a:hover,
#block-views-footer-2015-block .view-footer-2015 a:focus,
#block-views-footer-2015-block-2 .view-footer-2015 a:focus {
	text-decoration: underline;
}
#block-views-footer-2015-block-2 .item-list ul {
	padding-left: 20px;
	margin-bottom: 15px;
}
#block-views-footer-2015-block-3 p {
	text-align: right;
	margin: 0;
	padding-right: 30px;
}
#block-menu-menu-policy-menu {
	float: right;
	width: 50%
}
#block-menu-menu-policy-menu h2,
#footer a.link-help {
	text-indent: -9999px;
	font-size: 0;
	position: absolute;
	left: -9999px;
}
#block-menu-menu-policy-menu a {
	color: #a3a3a3;
}
#block-menu-menu-policy-menu .content ul.menu {
	margin: 0;
	padding: 0;
	float: right;
}
#block-menu-menu-policy-menu .content ul.menu li {
	list-style: none;
	float: left;
}
#block-menu-menu-policy-menu .content ul.menu li.last {
	margin: 0;
}
#block-menu-menu-policy-menu .content ul.menu li:after {
	content: "|";
	margin: 0 5px;
	font-size: 18px;
	/*vertical-align: top;*/
}
#block-menu-menu-policy-menu .content ul.menu li.last:after {
	content: "";
	margin: 0;
}
#block-views-footer-2015-block-1 {
	float: left;
	width: 50%;
}

#content .messages.status {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/**
 * Front Page *
 */
body.front #breadcrumbs {
	display: none;
}
body.front .messages.status {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
}
/*.front #highlight {
	background: url(../images/ex-highlight-bg.png) center top no-repeat;
	height: 450px;
	margin: 2px 0 0 0;
}*/
.front #highlight h2 {
	font-size: 0;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#block-views-recommended-course-2015-block {
	overflow: hidden;
	font-family: 'DB_Heavent_Regular';
	margin: 0;
}

#content .region-content {
	width: 1000px;
	margin: auto;
	padding: 0;
	position: relative;
}
.front #content .region-content {
	overflow: hidden;
}

#course-highlight {
	width: 1000px;
	margin: 30px auto;
	padding: 73px 0 0 0;
	overflow: hidden;
}
/*#course-highlight h3 {
	margin: 0;
	font-size: 34px;
	font-weight: normal;
}*/
#course-highlight .description {
	margin: 0;
	color: #e1e1e1;
	font-family: 'DB_Heavent_Med';
	font-size: 2.2em;
	line-height: 1;
}
#course-highlight #office-course .description {
	color: #ea5503;
}
#course-highlight #recommend-course .description {
	color: #20b0ea;
}
#course-highlight #tech-course .description {
	color: #e869ee;
}
#course-highlight .pay-discount {
	font-size: 1.5em;
	margin: 0;
	color: #aeaeae;
}
#course-highlight .course-title {
	padding: 10px;
	text-align: center;
}
#course-highlight .course-title strong {
	font-size: 1.9em;
	font-weight: normal;
	display: block;
	margin: 5px 0;
	line-height: 1;
}
#recommend-course {
	width: 340px;
	float: left;
	background: #454849;
	margin: 0;
	border-radius: 6px 6px 8px 8px;
}
#tech-course {
	width: 330px;
	float: left;
	background: #313030;
	margin: 30px 0  0 0;
	border-radius: 0 6px 8px 0;
}
#office-course {
	width: 330px;
	float: left;
	background: #313030;
	border-radius: 6px 0 0 8px;
	margin: 30px 0 0 0;
}
#recommend-course h2, #tech-course h2, #office-course h2 {
	text-indent: -9999px;
	font-size: 0;
	display: block;
	width: 146px;
	height: 146px;
	margin: -73px auto 0 auto;
	padding: 0;
}
#recommend-course h2 {
	background: url(../images/icon-recommend.png) no-repeat;
}
#tech-course h2 {
	background: url(../images/icon-dev.png) no-repeat;
}
#office-course h2 {
	background: url(../images/icon-office2013.png) no-repeat;
}
#course-highlight .course-title {
	color: #FFFFFF;
}
#course-highlight .course-open {
}
#recommend-course .course-open {
	background: #fafafa;
	margin: 0;
	padding: 10px;
	border-radius: 0 0 6px 6px;
}
#tech-course .course-open {
	background: #ebebeb;
	margin: 0;
	padding: 10px;
	border-radius: 0 0 6px 0;
}
#office-course .course-open {
	background: #ebebeb;
	margin: 0;
	padding: 10px;
	border-radius: 0 0 0 6px;
}
#course-highlight ul.course-period {
	margin: 0;
	padding: 0;
	text-align: center;
}
#course-highlight ul.course-period li {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	line-height: 1;
}
#course-highlight ul.course-period li p {
	margin: 5px 0;
	font-size: 1.53em;
}
#course-highlight ul.course-period li a {
	display: block;
	font-size: 1.6em;
	text-decoration: none;
}
#course-highlight ul.course-period li a:hover,
#course-highlight ul.course-period li a:focus {
	text-decoration: underline;
}
#course-highlight ul.course-period li a:first-child {
	color: #3a3a3a;
	font-size: 1.6em;
}
#course-highlight #recommend-course ul.course-period li a:first-child {
	color: #1c8bb7;
}
#course-highlight #office-course ul.course-period li a:first-child {
	color: #eb3a00;
}
#course-highlight #tech-course ul.course-period li a:first-child {
	color: #c64dce;
}
#course-highlight ul.course-period li a:last-child {
	color: #767676;
}
#course-highlight ul.course-period li br {
	display: none;
}
#office-course ul.course-period {
	min-height: 270px;
}
#recommend-course ul.course-period {
	min-height: 330px;
}
#tech-course ul.course-period {
	min-height: 270px;
}
#course-highlight .extra {
	padding: 40px 0 20px 0;
	text-align: center;
	border-top: 1px solid #dedede;
	margin: 15px 0;
}
#course-highlight #recommend-course .extra {
	border-top: 1px solid #e6e6e6;
}
#recommend-course .extra {
	background: #fafafa;
}
#tech-course .extra {
	background: #ebebeb;
}
#office-course .extra {
	background: #ebebeb;
}
#course-highlight .extra a {
	background: #3e9dc6;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    color: white;
    padding: 10px 15px;
    position: relative;
    text-align: center;
    text-shadow: none;
    transition: all 0.4s ease 0s;
	font-size: 2.05em;
	text-decoration: none;
}
#course-highlight .extra a:hover,
#course-highlight .extra a:focus {
	background: #247ca2;
}

#block-views-course-category-2015-block {
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 80px 0 0 0;
	font-family: 'DB_Heavent_Regular';
	text-align: center;
}
#block-views-course-category-2015-block h2 {
	text-indent: -9999px;
	font-size: 0;
	margin: 0;
}
#block-views-course-category-2015-block .view-course-category-2015 h3 {
	text-align: center;
	font-size: 2.1em;
	font-family: 'DB_Heavent_Regular';
	font-weight: normal;
	margin: 0 0 5px 0;
	line-height: 1;
}
#block-views-course-category-2015-block .view-course-category-2015 h3 a {
	text-decoration: none;
	display: inline-table;
}
#block-views-course-category-2015-block .view-course-category-2015 h3:hover,
#block-views-course-category-2015-block .view-course-category-2015 h3:focus {
	text-decoration: underline;
}
#block-views-course-category-2015-block .view-course-category-2015 .item-list {
	/*float: left;*/
	display: inline-block;
	border-radius: 6px;
	background: #fafafa;
	width: 300px;
	margin: 0 0 80px 20px;
	padding: 10px;
	vertical-align: top;
}
#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(1),
#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(4),
#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(7){
	margin-left: 0;
}
/*#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(4),
#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(5),
#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(6) {
	height: 270px;
}*/
#block-views-course-category-2015-block .view-course-category-2015 .item-list ul {
	margin: 0;
	padding: 0;
	min-height: 170px;
	overflow: hidden;
}
/*#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(3) ul {
	min-height: 143px;
}*/
#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(4) ul,
#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(5) ul,
#block-views-course-category-2015-block .view-course-category-2015 .item-list:nth-child(6) ul {
	min-height: 220px;
}
#block-views-course-category-2015-block .view-course-category-2015 .item-list ul li {
	list-style: none;
	margin: 0 0 10px 0;
	padding:0;
	font-size: 1.4em;
	overflow: hidden;
	text-align: left;
}
#block-views-course-category-2015-block .view-course-category-2015 .item-list ul li a {
	color: #696969;
	line-height: 18px;
	display: block;
	text-decoration: none;
}
/*#block-views-course-category-2015-block .view-course-category-2015 .item-list ul li a:hover,
#block-views-course-category-2015-block .view-course-category-2015 .item-list ul li a:hover .name:hover {
	text-decoration: underline;
}*/
#block-views-course-category-2015-block .view-course-category-2015 .item-list ul li span {
	/*display: inline-block;*/
	/*float: left;*/
}
#block-views-course-category-2015-block .view-course-category-2015 .item-list ul li .name {
	width: 200px;
	float: left;
}
#block-views-course-category-2015-block .view-course-category-2015 .item-list ul li .day {
	width: 40px;
	margin: 0 5px;
}
#block-views-course-category-2015-block .view-course-category-2015 .item-list ul li .price {
	/*float: right;*/
	/*width: 50px;*/
}
#block-views-course-category-2015-block .item-list .course-group-10 a {
	color: #207245;
}
#block-views-course-category-2015-block .item-list .course-group-11 a {
	color: #a33639;
}
#block-views-course-category-2015-block .item-list .course-group-2397 a {
	color: #dd6f54
}
#block-views-course-category-2015-block .item-list .course-group-15 a {
	color: #865fc5;
}
#block-views-course-category-2015-block .item-list .course-group-16 a {
	color: #b9242a;
}
#block-views-course-category-2015-block .item-list .course-group-17 a {
	color: #0d7fe1;
}
#block-views-course-category-2015-block .item-list .course-group-2301 a {
	color: #43a047;
}
#block-views-course-category-2015-block .item-list .course-group-1030 a {
	color: #ebba11;
}
#block-views-course-category-2015-block .item-list .course-group-1031 a {
	color: #27bced;
}
#block-views-course-category-2015-block .item-list .course-group-2343 a {
	color: #252525;
}
#block-views-course-category-2015-block .item-list .course-group-10 a:before,
#block-views-course-category-2015-block .item-list .course-group-11 a:before,
#block-views-course-category-2015-block .item-list .course-group-2397 a:before,
#block-views-course-category-2015-block .item-list .course-group-15 a:before,
#block-views-course-category-2015-block .item-list .course-group-16 a:before,
#block-views-course-category-2015-block .item-list .course-group-17 a:before,
#block-views-course-category-2015-block .item-list .course-group-419 a:before,
#block-views-course-category-2015-block .item-list .course-group-1030 a:before,
#block-views-course-category-2015-block .item-list .course-group-1031 a:before,
#block-views-course-category-2015-block .item-list .course-group-1197 a:before,
#block-views-course-category-2015-block .item-list .course-group-1573 a:before,
#block-views-course-category-2015-block .item-list .course-group-2301 a:before,
#block-views-course-category-2015-block .item-list .course-group-2343 a:before
{
	content: "";
	display: block;
	width: 96px;
	height: 96px;
	margin: -67px auto 5px auto;
	background-size: contain !important;
	border: 8px solid #FFF;
	border-radius: 100%;
}
#block-views-course-category-2015-block .item-list .course-group-10 a:before {
	background: url(../images/icon-excel.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-11 a:before {
	background: url(../images/icon-access.png) no-repeat;
}
/* powerpoint-canva จาก 12 เป็น 2397 */
#block-views-course-category-2015-block .item-list .course-group-2397 a:before { 
	background: url(../images/icon-powerpoint-canva2.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-15 a:before {
	background: url(../images/icon-visual-studio.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-16 a:before {
	background: url(../images/icon-sql.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-17 a:before {
	background: url(../images/icon-windows10.png) no-repeat;
}
/* ตัวนี้ไม่ใช้ */
#block-views-course-category-2015-block .item-list .course-group-419 a:before {
	background: url(../images/icon-project.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-1030 a:before {
	background: url(../images/icon-power-bi.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-1031 a:before {
	background: url(../images/icon-cloud.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-1197 a:before {
	background: url(../images/icon-python.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-1573 a:before {
    background: url(../images/icon-rpa.png) no-repeat;
} 
/* project ใช้ตัวนี้ */
#block-views-course-category-2015-block .item-list .course-group-2301 a:before {
    background: url(../images/icon-project.png) no-repeat
}
#block-views-course-category-2015-block .item-list .course-group-2343 a:before {
    background: url(../images/icon-ai.png) no-repeat;
}
#block-views-course-category-2015-block .item-list .course-group-419 {
	display: block;
	max-width: 260px;
    margin-right: auto;
    margin-left: auto;
}

/*.front #front_article {
	top: 50px;
}*/
#front_article {
	background: #f0f8fe;
	position: relative;
	clear: both;
	margin: 30px 0;
	line-height: 1;
}
.region-front-article {
	width: 1000px;
	margin: auto;
	padding: 0;
	background: #f0f8fe;
}
.region-front-article .block.block-views:before {
	background: url(../images/icon-article.png) center top no-repeat;
	content: "";
    display: block;
    height: 96px;
    margin: auto;
    position: relative;
    top: -58px;
    width: 96px;
	border: 10px solid #FFFFFF;
	border-radius: 100%;
}
.region-front-article .block.block-views {
	font-family: 'DB_Heavent_Regular';
	text-align: center;
	color: #5a5a5a;
}
.region-front-article .block.block-views h2 {
	color: #349de9;
	font-size: 3.7em;
	font-weight: normal;
	margin: -60px 0 0 0;
	line-height: 1;
}
/*.region-front-article .block.block-views h3 {
	font-size: 1.85em;
	font-weight: normal;
	position: relative;
	top: 190px;
	line-height: normal;
}
.region-front-article .block.block-views h3 a {
	color: #5a5a5a;
	text-decoration: none;
}
.region-front-article .block.block-views h3 a:hover,
.region-front-article .block.block-views h3 a:focus {
	text-decoration: underline;
}*/
.region-front-article .block.block-views p {
	font-size: 2.1em;
	margin: 0 0 10px 0;
}
/*.region-front-article .block.block-views .view-content {
	overflow: hidden;
}*/
.region-front-article .block.block-views .item-list ul {
	margin: 0 -20px;
	padding: 0;
	/*min-height: 280px;*/
	min-height: 250px;
}
.region-front-article .block.block-views .item-list ul li {
	/*float: left;*/
	list-style: none;
	position: relative;
	/*min-height: 280px;*/
	/*width: 280px;*/
	/*margin: 0 0 0 80px;*/
	padding: 0 20px;
	text-align: center;
	min-height: 250px;
	max-width: 300px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	/*box-sizing: border-box;*/
}
.region-front-article .block.block-views .item-list ul li.views-row-first {
	margin: 0;
}
.region-front-article .block.block-views .item-list ul li img {
	border: 8px solid #FFFFFF;
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
	/*width: 260px;
	height: 190px;*/
	max-width: 300px;
	max-height: 180px;
	height: auto;
	box-sizing: border-box;
}
.region-front-article .block.block-views .item-list ul li .img_intro {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.region-front-article .block.block-views .more-link {
	clear: both;
	text-align: center;
	position: relative;
	top: 26px;
}
.region-front-article .block.block-views .more-link a {
	background: #1e82cd;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset;
    color: white;
    padding: 14px 20px;
    position: relative;
    text-align: center;
    text-shadow: none;
    transition: all 0.4s ease 0s;
	font-size: 1.9em;
	font-family: 'DB_Heavent_Regular';
	display: block;
	margin: auto;
	width: 105px;
	text-decoration: none;
}
.region-front-article .block.block-views .more-link a:hover,
.region-front-article .block.block-views .more-link a:focus {
	background: #80bbec;
	color: #2f5574;
}

/*.front #front_video {
	margin-top: 205px;
}*/
#front_video {
	background: #eaeaea;
	position: relative;
	clear: both;
	margin: 135px 0 0 0;
	line-height: 1;
}
.region-front-video  {
	width: 1000px;
	margin: auto;
	padding: 0;
	background: #eaeaea;
}
.region-front-video .block.block-views:before {
	background: url(../images/icon-video.png) center top no-repeat;
	content: "";
    display: block;
    height: 96px;
    margin: auto;
    position: relative;
    top: -58px;
    width: 96px;
	border: 10px solid #FFFFFF;
	border-radius: 100%;
}
.region-front-video .block.block-views {
	font-family: 'DB_Heavent_Regular';
	text-align: center;
	color: #5a5a5a;
}
.region-front-video .block.block-views h2 {
	font-size: 3.7em;
	font-weight: normal;
	color: #dd323a;
	margin: -60px 0 0 0;
	line-height: 1;
}
.region-front-video .block.block-views h3 {
	font-size: 1.85em;
	font-weight: normal;
	position: relative;
	top: 270px;
}
.region-front-video .block.block-views h3 a {
	color: #5a5a5a;
	text-decoration: none;
}
.region-front-video .block.block-views h3 a:hover,
.region-front-video .block.block-views .view-header p a:hover,
.region-front-video .block.block-views h3 a:focus,
.region-front-video .block.block-views .view-header p a:focus {
	text-decoration: underline;
}
.region-front-video .block.block-views .view-header p {
	font-size: 2.1em;
	margin: 0 0 10px 0;
}
.region-front-video .block.block-views .view-header p a {
	color: #d6586a;
	text-decoration: none;
}
/*.region-front-video .block.block-views .view-content {
	overflow: hidden;
}*/
.region-front-video .block.block-views .item-list ul {
	margin: 0;
	padding: 0;
	min-height: 300px;
}
.region-front-video .block.block-views .item-list ul li {
	float: left;
	list-style: none;
	position: relative;
	width: 460px;
	margin: 0;
	padding: 0;
	text-align: center;
	min-height: 300px;
}
.region-front-video .block.block-views .item-list ul li.views-row-2 {
	float: right;
}
.region-front-video .block.block-views .item-list ul li p {
	position: absolute;
	top: 0;
}
.region-front-video .block.block-views .view-footer {
	clear: both;
	text-align: center;
	position: relative;
	top: 26px;
}
.region-front-video .block.block-views .view-footer a {
	background: #d93a3e;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset;
    color: white;
    padding: 14px 20px;
    position: relative;
    text-align: center;
    text-shadow: none;
    transition: all 0.4s ease 0s;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.9em;
	display: block;
	margin: auto;
	width: 105px;
	text-decoration: none;
}
.region-front-video .block.block-views .view-footer a:hover,
.region-front-video .block.block-views .view-footer a:focus {
	background: #ea8088;
	color: #732f31;
}

.front #front_gallery {
	margin: 60px 0 0 0;
}
#front_gallery {
	clear: both;
}
.region-front-gallery {
	width: 1000px;
	margin: auto;
}
#block-views-gallery-block h2 {
	background: url(../images/icon-gallery.png) no-repeat;
	border-bottom: 3px solid #E1E1E1;
	margin: 0 0 10px 0;
	padding: 0 0 15px 106px;
	color: #6a6a6a;
	vertical-align: middle;
	height: 96px;
	line-height: 106px;
	font-family: 'DB_Heavent_Regular';
	font-size: 3.75em;
	font-weight: normal;
}
#block-views-gallery-block .node-gallery {
	width: 1000px;
	overflow: hidden;
	margin: 0 0 50px 0;
	position: relative;
}
/*#carousel {
	width: 1000px;
	overflow: hidden;
}*/
#carousel ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
#carousel ul li {
	float: left;
	display: block;
	width: 240px;
	height: 160px;
	margin: 10px 13px 10px 0;
	padding: 0;
	/*border: 5px solid #ffffff;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);*/
}
#carousel ul li a,
#carousel ul li img {
	width: 240px;
	height: auto;
	display: block;
}
#block-views-gallery-block .node-gallery .prev,
#block-views-gallery-block .node-gallery .next {
	background: url(../images/gallery-nav.png) no-repeat;
	width: 35px;
	height: 31px;
	position: absolute;
	top: 65px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
}
#block-views-gallery-block .node-gallery .next {
	background-position: -35px 0;
	right: 0;
}
#block-views-gallery-block .node-gallery .prev {
	background-position: 0 0;
	right: 40px;
}
#carousel .clearfix {
	float: none;
	clear: both;
}

#block-block-28 {
	float: left;
	width: 290px;
	min-height: 140px;
	background: url(../images/newsletter-bg.png) 25px 30px #676767 no-repeat;
	color: #fafafa;
	padding: 25px;
	border-radius: 3px;
	box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.1);
	line-height: 1;
}
#letter h2 {
	font-family: 'DB_Heavent_Regular';
	font-size: 2.85em;
	font-weight: normal;
	line-height: normal;
	margin: -5px 0 0 0;
	padding: 0 0 0 94px;
}
#letter p {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.75em;
	margin: 0 0 25px 0;
	padding: 0 0 0 94px;
}
#letter p span {
	display: block;
}
#letter #newsletter {
	overflow: hidden;
}
#letter #newsletter input#txEmail {
	background: url(../images/input-newsletter.png) no-repeat;
	width: 233px;
	height: 24px;
	margin: 0;
	padding: 5px 10px;
	border: none;
	float: left;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.75em;
}
#letter #newsletter input#txUrl {
	display: none;
}
#letter #newsletter label {
	font-size: 0;
	text-indent: -9999px;
	height: 0;
}
#letter #newsletter input.send-button {
	background: url(../images/subscribe-btn.png) no-repeat;
	width: 32px;
	height: 32px;
	border: none;
	box-shadow: none;
	text-shadow: none;
	margin: 0 0 0 5px;
	padding: 0;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	float: left;
}

#block-block-29 {
	float: right;
	width: 230px;
	min-height: 160px;
	padding: 15px 30px;
	background: #3a3a3a;
	/*color: #fafafa;*/
	font-family: 'DB_Heavent_Regular';
	/*font-size: 15px;*/
	color: #aeaeae;
	text-align: justify;
	position: relative;
	line-height: normal;
}
@-moz-document url-prefix() {
	#block-block-29 {
		width: 220px;
	}
}
#block-block-29 p {
	margin: 0 0 10px 0;
	font-size: 20px;
	font-size: 1.5em;
}
#block-block-29 p:before {
	content: open-quote;
	font-family: 'DB_Heavent_Med';
	font-size: 70px;
	position: absolute;
	left: 8px;
    /*top: 20px;*/
	top: -10px;
}
#block-block-29 a {
	display: block;
	text-align: center;
}

#block-block-23 {
	float: left;
	width: 300px;
	margin-left: 35px;
}
#block-block-23 h2,
#block-block-45 h2 {
	font-size: 0;
	text-indent: -9999px;
	height: 0;
	margin: 0;
	padding: 0;
}
#block-block-45 caption {
	background: #3959c3;
}

.not-front #container {
	background: url(../images/head-bg.png) center top no-repeat;
	margin: 2px 0 0 0;
	position: relative;
	width: 100%;
	min-width: 1000px;
}
.not-front .content-sidebar-wrap:before {
	content: "";
	height: 5px;
	background: #cee0ee;
	position: absolute;
	top: 140px;
	display: block;
	width: 100%;
}
.not-front #content {}
#main-content .tabs-wrapper {
	width: 1000px;
	margin: 20px auto;
	padding: 0;
}
#breadcrumbs {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.55em;
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#breadcrumbs:after {
	content: "";
	height: 5px;
	background: #1463aa;
	position: absolute;
	top: 110px;
	left: 0;
	display: block;
	width: 500px;
}
#breadcrumbs ul.breadcrumbs {
	margin: 20px 0 0 0;
	line-height: 1;
}
#breadcrumbs ul.breadcrumbs li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	/*color: #3a3a3a;*/
	color: #FFFFFF;
}
#breadcrumbs ul.breadcrumbs li a {
	/*color: #e1e1e1;*/
	color: #FFFFFF;
	text-decoration: none;
}
#breadcrumbs ul.breadcrumbs li a:hover,
#breadcrumbs ul.breadcrumbs li a:focus {
	text-decoration: underline;
}
#breadcrumbs ul.breadcrumbs li .raquo {
	margin: 0 5px;
}
h1.page-title {
	font-family: 'DB_Heavent_Regular';
	font-size: 3em;
	font-weight: normal;
	color: #ffffff;
	margin: 0 auto 20px auto;
	padding: 0;
	width: 1000px;
}

/*.not-front #main-content {
	font-family: 'DB_Heavent_Regular';
	font-size: 23px;
}*/

#main-content footer {
	background: none;
}

#course-content/*,
.node-training-course #roadmap,
.node-training-course .related-course,
.node-training-course .remark,
.node-training-course .tag*/ {
	clear: both;
	font-size: 1.5em;
}
#course-content h2,
#block-views-publication-block h2,
.node-training-course #roadmap h2,
.node-training-course .related-course h2,
.node-training-course .remark h2,
.node-training-course .tag h2,
.view-course-article h2,
.related-article h2 {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.4em;
	font-weight: normal;
	/*line-height: 46px;*/
	color: #1090c6;
	margin: 10px 0;
	padding: 0;
	border-bottom: 1px solid #dadada;
	position: relative;
}
#course-content h2:after,
#block-views-publication-block h2:after,
.node-training-course #roadmap h2:after,
.node-training-course .related-course h2:after,
.node-training-course .remark h2:after,
.node-training-course .tag h2:after,
.view-course-article h2:after,
.related-article h2:after {
	content: "";
	display: block;
	width: 320px;
	height: 1px;
	background: #109ada;
	position: absolute;
	bottom: -1px;
}

/* training course */
.node-training-course {
	padding: 20px 0;
	font-family: 'DB_Heavent_Regular';
}
.node-training-course .course-codes {
	position: absolute;
	/*left: 0;*/
	right: 0;
	top: -45px;
	/*top: -60px;*/
	/*color: #04537a;*/
	color: #ffffff;
	width: 20%;
	text-align: right;
}
.logged-in .node-training-course .course-codes {
	top: -115px;
}
.node-training-course .course-codes p {
	font-size: 23px;
	margin: 0;
}
.node-training-course .course-codes strong {
	text-indent: -9999px;
	font-size: 0;
}
.node-training-course .course-intro {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 40px;
	font-size: 1.75em;
	line-height: 1;
}
.node-training-course .course-intro:before {
	content: open-quote;
	font-family: 'DB_Heavent_Med';
    font-size: 98px;
    left: 0;
    position: absolute;
	top: -20px;
    /*top: 15px;*/
	color: #109ada;
	line-height: 1;
}
/*.node-training-course .course-intro p:first-child:before {
	content: open-quote;
	font-family: 'DB_Heavent_Med';
    font-size: 98px;
    left: 0;
    position: absolute;
    top: 15px;
	color: #109ada;
}*/
.node-training-course .course-intro p {
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	color: #567c8a;
	/*font-size: 1.75em;
	line-height: 1;*/
}
.node-training-course .course-intro strong {
	display: block;
	font-family: 'DB_Heavent_Bd';
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 5px 0;
	color: #109ada;
}
.node-training-course .col-left {
	width: 460px;
	float: left;
	font-family: 'DB_Heavent_Regular';
	line-height: 0.5;
}
.node-training-course .col-right {
	width: 500px;
	float: right;
}
.node-training-course .course-detail h2 {
	font-size: 0;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	display: block;
	width: 96px;
	height: 96px;
	position: absolute;
	left: -75px;
	top: 2px;
}
.node-training-course .duration h2 {
	background: url(../images/icon-time.png) no-repeat;
}
.node-training-course .price h2 {
	background: url(../images/icon-bath.png) no-repeat;
}
.node-training-course .location h2 {
	background: url(../images/icon-skytrain.png) no-repeat;
}
.node-training-course .virtual h2 {
	background: url(../images/icon-virtual-class-room.png) no-repeat;
}
.node-training-course .duration,
.node-training-course .price,
.node-training-course .location
 {
	height: 100px;
    /*box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset;*/
    position: relative;
	margin: 0 0 25px 70px;
	padding: 0 10px 0 35px;
	color: #ffffff;
}
.node-training-course .virtual{
	height: 100px;
    /*box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset;*/
    position: relative;
	margin: 0 0 25px 70px;
	padding: 0 10px 0 35px;
	color: #ffffff;
}
.node-training-course .duration p,
.node-training-course .price p
 {
	font-size: 28px;
	margin: 0;
	padding: 20px 0;
}
.node-training-course .virtual p
 {
	font-size: 28px;
	margin: 0;
	padding: 8px 0;
}
.node-training-course .location p {
	margin: 0;
	/*padding: 10px 0;*/
	line-height: 100px;
}
.node-training-course .duration strong,
.node-training-course .price strong
{
	font-family: 'DB_Heavent_Med';
	font-weight: normal;
	font-size: 1.65em;
}
.node-training-course .virtual strong
{
	font-weight: normal;
	font-size: 1.2em;
}
.node-training-course .duration span,
.node-training-course .price span{
	display: block;
	font-size: 0.9em;
	margin: 15px 0;
}
.node-training-course .virtual span{
	display: block;
	font-size: 0.75em;
	margin: 2px 0;
}
.node-training-course .duration span {
	color: #720608;
}
.node-training-course .price span {
	color: #064436;
}
.node-training-course .virtual span {
	color: #1b547f;
}
.node-training-course .location a {
	color: #ffffff;
	display: block;
	text-decoration: none;
}
.node-training-course .location span {
	display: inline-block;
	background: url(../images/logo-bts.png) no-repeat;
	width: 63px;
	height: 77px;
	font-size: 0;
	text-indent: -9999px;
	vertical-align: middle;
}

.node-training-course .virtual span .btsT {
	display: inline-block;
	background: url(../images/logo-bts-2.png) no-repeat;
	background-size: 17px 21px;
	width: 17px;
	height: 21px;
	font-size: 0;
	text-indent: -9999px;
	vertical-align: middle;
}

.node-training-course .virtual span .msteams {
	display: inline-block;
	background: url(../images/logo-teams.png) no-repeat;
	background-size: 28px 26px;
	width: 28px;
	height: 26px;
	font-size: 0;
	text-indent: -9999px;
	vertical-align: middle;
}

.node-training-course .duration {
	background: #f57676;
}
.node-training-course .price {
	background: #58d0ad;
}
.node-training-course .virtual {
	 background: #7cbdee;
}
.node-training-course .price .call {
	display: inherit;
	font-size: 28px;
}
.node-training-course .location {
	background: #7cbdee;
	font-size: 3em;
}
.node-training-course .train-schdules {
	clear: both;
	/*background: #d8e4ed;
	padding: 0 0 40px 0;*/
	/*overflow: hidden;*/
	color: #ffffff;
	line-height: 1;
}
.node-training-course .train-schdules h2 {
	font-size: 2.8em;
	font-weight: normal;
	text-align: center;
	margin: 0;
	color: #10cad6;
	line-height: normal;
}
#course-content .train-schdules h2 {
	border-bottom: none;
	color: #10cad6;
	margin: 0;
	font-size: 1.85em;
}
#course-content .train-schdules h2:after {
	display: none;
}
.node-training-course .train-schdules h2:before {
	/*margin: auto;
	width: 96px;
	height: 96px;
	display: block;
	font-size: 0;
	text-indent: -9999px;
	position: relative;
	content: "";*/
	font-family: 'FontAwesome';
	content: "\f073";
	font-size: 28px;
	margin: 0 10px 0 0;
}
.node-training-course .train-schdules ul {
	/*margin: -90px 0 0 0;*/
	/*padding: 80px 0 40px 0;*/
	margin: 0;
	/*padding: 10px 0;*/
	padding: 0 0 10px 0;
	list-style: none;
    font-size: 1.75em;
	background: #10cad6;
	overflow: hidden;
	border-radius: 3px;
}
#course-content .train-schdules ul {
	font-size: 1.25em;
}
.node-training-course .train-schdules ul li {
	/*margin: 10px 0 10px 20px;*/
	margin: 10px 0 0 10px;
	padding: 10px;
	float: left;
	/*background: #99c7ea;*/
	display: block;
	/*width: 450px;*/
	max-height: 55px;
	max-width: 465px;
	width: 100%;
	border-radius: 3px;
	background-color: rgba(255, 255, 255, 0.3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
}
/*.node-training-course .train-schdules ul li:nth-child(2),
.node-training-course .train-schdules ul li:nth-child(4) {
	margin-left: 0;
}*/
.node-training-course .train-schdules ul li .event-date:before {
	font-family: 'FontAwesome';
	content: "\f017";
	/*font-size: 32px;*/
	vertical-align: middle;
	position: relative;
	top: -2px;
	/*font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0px, 0px);*/
}
.node-training-course .train-schdules ul li .event-date,
.node-training-course .train-schdules ul li .event-remind {
	float: left;
	display: block;
	/*padding: 6px 0;*/
	line-height: 36px;
}
/* ส่วนที่ปรับขนาดของช่องตารางฝึกอบรม หน้ารายระเอียดคอร์ส */
.node-training-course .train-schdules ul li .event-date {
	/*width: 210px;*/
	/* ปรับจาก 270px; 2024*/
	width: 240px;
	/*margin: 0 10px 0 0;*/
	margin: 0;
	/*background: url(../images/icon-calendar.png) left center no-repeat;
	padding-left: 40px;*/
}
.node-training-course .train-schdules ul li .event-register-button {
	float: right;
}
.node-training-course .train-schdules .event-register-button a {
	background: none repeat scroll 0 0 #24aeee;
    border: medium none;
    border-radius: 3px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    color: white;
    display: inline-block;
    margin: 0;
    padding: 6px 15px;
    position: relative;
    text-align: center;
    text-shadow: none;
    transition: all 0.4s ease 0s;
   /* width: 105px;*/
   text-decoration: none;
}
#course-content .train-schdules .event-register-button a {
	color: #FFFFFF;
}
.node-training-course .train-schdules .event-register-button a:hover,
.node-training-course .train-schdules .event-register-button a:focus {
	background: #f1de2a;
	/*background: #f1ad2a;*/
	color: #2a2a2a;
}
#course-content .train-schdules .event-register-button a:hover,
#course-content .train-schdules .event-register-button a:focus {
	color: #000000;
	text-decoration: none;
}
.node-training-course .train-schdules .event-register-button a:before {
	content: "\f040";
	font-family: 'FontAwesome';
	font-size: 17px;
}
.node-training-course .register-inhouse {
	background: #edd849;
    border-radius: 3px;
    margin: 20px 0 0;
    padding: 10px 20px 10px 120px;
	position: relative;
	overflow: hidden;
	border-left: 5px solid #c2b03a;
	clear: both;
}
.node-training-course .register-inhouse:before {
	content: "\f109";
	font-family: 'FontAwesome';
	font-size: 70px;
	/*background: #bfae3a;
	color: #edd849;
	padding: 10px;*/
	color: #857a2a;
	position: absolute;
	left: 20px;
	/*top: 30px;*/
	line-height: 52px;
}
.node-training-course .register-inhouse h2 {
	font-family: 'DB_Heavent_Med';
    font-size: 3.5em;
    font-weight: normal;
	color: #2a2a2a;
	float: left;
	margin: 0;
	line-height: normal;
}
#course-content .register-inhouse h2 {
	font-family: 'DB_Heavent_Med';
    font-size: 2.05em;
    font-weight: normal;
	color: #2a2a2a;
	float: left;
	margin: 0;
	line-height: normal;
	border: none;
}
.node-training-course .register-inhouse h2:before {
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 23px;
	float: left;
	margin: 0 10px 0 0;
	color: #857a2a;
}
.node-training-course .register-inhouse h2:after,
#course-content .register-inhouse h2:after {
	content: "\f10e";
	font-family: 'FontAwesome';
	font-size: 23px;
	float: right;
	margin: 0 0 0 10px;
	color: #857a2a;
}
#course-content .register-inhouse h2:after {
	background: none;
    bottom: 0;
    display: inherit;
    height: inherit;
    position: inherit;
    width: inherit;
}
.node-training-course .register-inhouse a.reg-inhouse {
	background: #a0212a;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.3) inset;
    color: white;
    display: block;
    margin: 1px 0 0 0;
    padding: 6px 20px;
    position: relative;
    text-align: center;
    text-shadow: none;
    transition: all 0.4s ease 0s;
	float: right;
	font-size: 2.6em;
	line-height: normal;
	text-decoration: none;
}
#course-content .register-inhouse a.reg-inhouse {
	font-size: 1.75em;
	color: #FFFFFF;
}
.node-training-course .register-inhouse a.reg-inhouse:hover,
#course-content .register-inhouse a.reg-inhouse:hover,
.node-training-course .register-inhouse a.reg-inhouse:focus,
#course-content .register-inhouse a.reg-inhouse:focus {
	background: #d5515a;
	color: #2a2a2a;
	box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset;
	text-decoration: none;
}
.node-training-course .register-inhouse a.reg-inhouse:before {
	content: "\f040";
	font-family: 'FontAwesome';
	font-size: 22px;
}
.schedule-next-year {
	clear: both;
	margin-top: 20px;
}
.schedule-next-year a {
	text-align: center;
	font-family: 'DB_Heavent_Med';
	font-size: 3.5em;
	color: #4183d7;
	display: block;
	padding: 0 15px;
	border-radius: 3px;
	border: 2px solid #4183d7;
	text-decoration: none;
}
.schedule-next-year a:hover {
	border-color: #19b5fe;
	color: #19b5fe;
}
.node-training-course #course-content a/*,
.node-training-course .related-course a,
.node-training-course .remark a*/ {
	color: #10cad6;
	text-decoration: none;
}
.node-training-course #course-content a:hover,
.node-training-course #course-content a:focus,
.node-training-course .related-course a:hover,
.node-training-course .remark a:hover,
.node-training-course .related-course a:focus,
.node-training-course .remark a:focus {
	text-decoration: underline;
}
.node-training-course .tag ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.node-training-course .tag ul li {
	margin: 5px 10px 5px 0;
	padding: 0;
	float: left;
	font-size: 20px;
}
.node-training-course #course-content .tag ul li a {
	float: left;
	height: 24px;
	margin: 0;
	padding: 0 10px;
	display: block;
	border-radius: 2px 0 0 2px;
	background: #00c5ad;
	line-height: 24px;
	color: #ffffff;
	text-decoration: none;
}
.node-training-course .tag ul li:after {
	content: "";
	background: url(../images/tag-bg.png) no-repeat;
	float: left;
	display: block;
	width: 16px;
	height: 24px;
}
.node-training-course #roadmap {
	overflow: hidden;
	margin: 0 0 20px 0;
}
.node-training-course #roadmap ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}
.node-training-course #roadmap ul li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	text-align: center;
	z-index: 1;
	font-size: 1.6em;
	display: table;
}
.node-training-course #roadmap ul li:last-child {
	margin: 0;
}
.node-training-course #roadmap ul li:nth-child(2),
.node-training-course #roadmap ul li:nth-child(3) {
	margin-left: -40px
}
.node-training-course #roadmap ul li a {
	/*display: block;*/
	display: table-cell;
	height: 80px;
	width: 300px;
	margin: 0;
	padding: 0 10px;
	background: #0ed8da;
	box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
	line-height: 1;
	border-radius: 3px;
	/*line-height: 80px;*/
	/*float: left;*/
	/*font-size: 32px;*/
	color: #ffffff;
	transition: all 0.4s ease-out 0s;
	text-decoration: none;
	vertical-align: middle;
}
.node-training-course #roadmap ul li#highlight a {
	/*background: #0e7ae9;*/
	background: #0e99da;
}
.node-training-course #roadmap ul li a:hover,
.node-training-course #roadmap ul li a:focus {
	/*background: #109bea;*/
	background: #0e99da;
	text-decoration: none;
}
.node-training-course #roadmap ul li:after {
	content: "";
	background: url(../images/roadmap-nav.png) no-repeat;
	width: 60px;
	height: 60px;
	display: block;
	float: left;
	margin: 10px 0 0 -20px;
	position: relative;
}
.node-training-course #roadmap ul li:last-child:after {
	display: none;
}


/** Special Course **/
/*body.section-excel-macro-and-vba-training-course .train-schdules li:first-child .event-date {
	font-size: 0.001px;
}
body.section-excel-macro-and-vba-training-course .train-schdules li:first-child .event-date:before {
	font-size: 22.5px;
	top: 0;
}
body.section-excel-macro-and-vba-training-course .train-schdules li:first-child .event-date:after {
	content: "17,18,24 กันยายาน 2559";
	font-size: 23px;
	font-size: 1.45rem;
	margin-left: 4px;
	display: inline-block;
	vertical-align: middle;
}
body.section-schedule #block-views-schedule-2015-block tr:nth-child(6) td:nth-child(5) a {
	font-size: 0.001px;
}
body.section-schedule #block-views-schedule-2015-block tr:nth-child(6) td:nth-child(5) a:after {
	content: "17,18,24";
	font-size: 19.2px;
	font-size: 1.2rem;
}*/

#block-views-articles-2015-block-3 h3 {
	font-size: 1.65em;
}

.slick-center {}
.field-course-related .course-related,
.article-related {
	/*display: inline-block;
	vertical-align: top;
	max-width: 235px;
	width: 100%;
	height: 240px;*/
	margin: 15px;
	padding: 0;
	box-sizing: border-box;
	border-radius: 5px;
	background: #f7fdff;
	text-align: center;
	position: relative;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid #06bbd0;
}
/*.field-course-related .course-related:first-child {
	margin-left: 0;
}
.field-course-related .course-related:last-child {
	margin-right: 0;
}*/
.field-course-related h3,
.article-related h3 {
	font-family: 'DB_Heavent_Regular';
	font-weight: normal;
	/*font-size: 1.2em;*/
	line-height: normal;
	min-height: 52px;
	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;*/
}
.field-course-related h3 a,
.article-related h3 a {
	color: #18b0e8 !important;
	text-decoration: none;
}
.field-course-related span {
	color: #5e666a;
}
.field-course-related .course-related-detail,
.article-related-detail {
	/*margin: 140px 0 0 0;*/
	padding: 10px 5px;
}
.field-course-related img,
.article-related img {
	/*width: 235px;
	height: 133px;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFFFFF;
	clip: rect(0px 235px 133px 0px);*/
	border-radius: 5px 5px 0 0;
	min-height: 141px;
	max-height: 141px;
	width: 100%;
}

.view-course-article h2 {
	font-family: 'DB_Heavent_Med';
	font-size: 2em;
}
.view-course-article h3 {
	font-size: 1.75em;
}
.view-course-article p {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
	margin-bottom: 0;
}

#block-views-download-course-block {
	width: 128px;
	height: 160px;
	position: fixed;
	right: 0;
	top: 315px;
	margin: 0;
	padding: 32px 0 0 0;
	text-align: center;
	z-index: 99;
}
#block-views-download-course-block  h2 {
	background: #a68b99;
	height: 128px;
	font-family: 'DB_Heavent_Bd';
	font-size: 1.8em;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 32px 0 0 0;
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}
#block-views-download-course-block  h2 span {
	font-size: 0.65em;
}
#block-views-download-course-block .item-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#block-views-download-course-block .file a {
	display: block;
	width: 128px;
	height: 128px;
	position: absolute;
	top: 32px;
	left: 0;
	text-indent: -9999px;
	font-size: 0;
	text-decoration: none;
}
#block-views-download-course-block .file a:before,
#block-views-download-course-block .file a:after {
	font-family: 'FontAwesome';
	display: block;
	width: 54px;
	height: 54px;
	background: #ee7475;
	color: #FFFFFF;
	text-align: center;
	border-radius: 100%;
	border: 5px solid #FFFFFF;
	line-height: 54px;
	text-indent: 0;
	font-size: 30px;
	font-size: 1.9rem;
	margin: auto;
	position: relative;
}
#block-views-download-course-block .file a:before {
	content: "\f019";
	top: -32px;
}
#block-views-download-course-block .file a:after {
	content: "\f1c1";
	top: 32px;
}
#block-views-download-course-block .file img {
	display: none;
}

#block-views-publication-block {
	margin: 0 0 80px 0;
}
#block-views-publication-block .item-list ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#block-views-publication-block .item-list ul li {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
#block-views-publication-block .item-list ul li:last-child {
	margin: 0;
}

.node-training-course .link-to-detail-course {
	clear: both;
}

.node-expert-page,
.page-eform-submit-register-inhouse .region-content,
.page-eform-submit-payment .region-content {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
}
.node-expert-page h2,
.page-eform-submit-register-inhouse .region-content h2,
.view-register-public-2015 h2 {
	font-size: 1.4em;
	font-weight: normal;
	color: #1090c6;
	margin: 10px 0;
	padding: 0;
	border-bottom: 1px solid #dadada;
	position: relative;
}
.page-eform-submit-register-inhouse .region-content h2:before,
.view-register-public-2015 h2:before {
	font-family: 'FontAwesome';
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: bottom;
	content: "\f0ea";
}
.page-eform-submit-register-inhouse form div div:nth-child(2) h2:before {
	content: "\f07c";
}
.node-expert-page h2:after,
.page-eform-submit-register-inhouse .region-content h2:after,
.view-register-public-2015 h2:after {
	content: "";
	display: block;
	width: 320px;
	height: 1px;
	background: #109ada;
	position: absolute;
	bottom: -1px;
}
.node-expert-page a {
	color: #069aca;
}
.page-eform-submit-register-inhouse form input,
.page-eform-submit-payment form input {
	font-size: 0.65em;
}
.page-eform-submit-register-inhouse form textarea,
.page-eform-submit-payment form textarea {
	font-size: 0.82em;
}
.page-eform-submit-register-inhouse .pre-instructions,
.page-eform-register-inhouse-confirm .submission-text,
.page-eform-submit-payment .pre-instructions,
.node-register-public {
	background: #e4f9fc;
    border-left: 5px solid #9decf5;
	border-radius: 2px;
    /*font-size: 1.3em;*/
	font-size: 1.2em;
    line-height: 1;
    margin: 30px 0 0 0;
    padding: 20px 20px 20px 40px;
    position: relative;
	color: #189cac;
}
.page-eform-submit-register-inhouse .pre-instructions {
	margin-bottom: 10px;
}
.node-register-public {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.75em;
}
.page-eform-submit-payment .pre-instructions {
	line-height: 1.5;
	margin-bottom: 20px;
}
.page-eform-submit-payment .pre-instructions ol,
.page-eform-submit-payment .pre-instructions ul,
.page-eform-submit-register-inhouse .pre-instructions p,
.page-eform-register-inhouse-confirm .submission-text p,
.node-register-public p  {
	margin-bottom: 0;
}
.page-eform-register-inhouse-confirm .messages.status,
.page-eform-payment-confirm .messages.error,
.page-eform-submit-payment form .form-managed-file .form-item {
	/*margin-top: 30px;*/
	display: none;
}
.page-eform-submit-register-inhouse .messages.error {
	max-width: 1000px;
	margin: auto;
	box-sizing: border-box;
}
.page-eform-submit-register-inhouse .field-name-field-reg-duration select {
	font-size: 0.65em;
	height: 24px;
}
.page-eform-submit-register-inhouse .messages.status,
.page-eform-submit-register-inhouse #register-inhouse-entityform-edit-form .submitted,
.page-eform-submit-register-inhouse #register-inhouse-entityform-edit-form .field-name-field-reg-select {
	display: none;
}
.page-eform-submit-register-inhouse #register-inhouse-entityform-edit-form .field-name-field-reg-course a {
	text-decoration: none;
	color: #1090c6;
}
.page-eform-submit-register-inhouse #register-inhouse-entityform-edit-form .field-name-field-reg-course a:hover,
.page-eform-submit-register-inhouse #register-inhouse-entityform-edit-form .field-name-field-reg-course a:focus {
	text-decoration: underline;
}
.page-eform-register-inhouse-confirm .submission-text {
	font-family: 'DB_Heavent_Regular';
	/*font-size: 1.5em;*/
	font-size: 1.9em;
	line-height: 1.5;
	/*margin: 20px 0 0 0;*/
}
.page-eform-submit-register-inhouse .pre-instructions:before,
.page-eform-register-inhouse-confirm .submission-text:before,
.page-eform-submit-payment .pre-instructions:before,
.node-register-public:before {
    content: open-quote;
    font-family: "DB_Heavent_Med";
    font-size: 98px;
	font-size: 6.1rem;
    line-height: 1;
    position: absolute;
    top: -5px;
	left: 5px;
}
.page-eform-register-inhouse-confirm .submission-text:before {
	top: 0;
	font-size: 72px;
	font-size: 4.5rem;
}
.page-eform-register-inhouse-confirm .submission-text a {
	color: #e8740e;
}
.page-eform-submit-register-inhouse #edit-field-reg-select,
.page-eform-submit-register-inhouse #edit-field-reg-course,
.page-eform-submit-register-inhouse #edit-field-reg-course-other {
	display: inline-block;
	margin: 0 40px 0 0;
}
.page-eform-submit-register-inhouse #edit-field-reg-course label,
.page-eform-submit-register-inhouse #edit-field-reg-course-other label {
	font-size: 0;
	text-indent: -9999px;
}
.page-eform-submit-register-inhouse #edit-field-reg-number {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #cccccc;
}
.page-eform-submit-payment #edit-field-pay-file {
	margin: 0 0 20px 0;
	/*padding: 10px 10px 10px 15px;*/
	/*border-left: 5px solid #9bd1e3;*/
	background: #f2f9fb;
	overflow: hidden;
}
.page-eform-submit-register-inhouse #edit-field-reg-number label {
	display: inline;
	margin: 0 5px 0 0;
}
.page-eform-submit-register-inhouse .form-item label,
.page-eform-submit-register-inhouse .form-item .field-suffix,
.page-eform-submit-payment .form-item label {
	font-size: 1.2em;
	font-weight: normal;
	color: #069aca;
}
.page-eform-submit-payment #edit-field-pay-file label {
	background: #069aca;
	color: #f2f9fb;
	margin: 0 0 20px 0;
	padding: 0 10px;
}
.page-eform-submit-payment #edit-field-pay-file .form-managed-file {
	padding: 0 15px
}
.page-eform-submit-payment #edit-field-pay-file .description {
	padding: 5px 20px;
	font-size: 0.9em;
	line-height: 1;
}
.page-eform-submit-register-inhouse .form-item label.option {
	font-size: 1em;
	color: #3a3a3a;
}
.page-eform-submit-register-inhouse .form-item .description,
.page-eform-submit-payment .form-item .description {
	font-size: 1em;
	color: #4e7a88;
}
.page-eform-submit-register-inhouse form legend,
.page-eform-submit-payment form legend {
	font-size: 1.2em;
	text-shadow: none;
	height: auto;
	line-height: 1.5;
}
form.entityform button,
form.entityform input[type="submit"],
form.entityform input[type="reset"],
form.entityform input[type="button"] {
	font-size: 1em;
}

#block-views-register-inhouse-2015-block-1 {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.7em;
}
#block-views-register-inhouse-2015-block-1 .views-field-field-reg-name a {
	text-decoration: none;
	color: #1090c6;
}
#block-views-register-inhouse-2015-block-1 .views-field-field-reg-name a:hover,
#block-views-register-inhouse-2015-block-1 .views-field-field-reg-name a:focus {
	text-decoration: underline;
}

.view-register-public-2015 {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
	margin: 30px 0 0 0;
}
.view-register-public-2015 .views-row ul {
	list-style: none;
}
.view-register-public-2015 .views-row ul li a {
	color: #069aca;
}
.view-register-public-2015 .views-row ul li:before,
.view-register-public-2015 .views-row ul li a:before,
.event-remind:before {
	font-family: 'FontAwesome';
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 16px;
	font-size: 1rem;
	color: #069aca;
}
.view-register-public-2015 .views-row ul li:before {
	content: "\f274";
}
.view-register-public-2015 .views-row ul li a:before {
	content: "\f040";
	margin: 0 0 0 5px;
}
.event-remind.status-3 {
	/*color: #feda5c;*/
	color: #03bd1a;
}
.event-remind.status-2 {
	color: #9a0824;
}
.event-remind.status-3:before {
	content: "\f234";
	margin: 0 0 0 5px;
	/*color: #feda5c;*/
	color: #03bd1a;
}
.event-remind.status-2:before {
	content: "\f235";
	margin: 0 0 0 5px;
	color: #9a0824;
}

.chosen-container {
	font-size: 1em;
}

/**
 * page schedule
 */
.content.node-page .field-name-field-course-download .file a {
	background: #03cedb;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -4px 0 rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF;
	margin: 20px 0;
    padding: 3px 20px 6px 20px;
    position: relative;
    /*text-align: center;*/
    text-shadow: none;
    transition: all 0.4s ease 0s;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.9em;
	display: block;
	/*width: 230px;*/
	float: left;
	text-decoration: none;
}
.content.node-page .field-name-field-course-download .file a:hover,
.content.node-page .field-name-field-course-download .file a:focus {
	background: #04afba;
	box-shadow: 0 -4px 0 rgba(255, 255, 255, 0.4) inset;
}
.content.node-page .field-name-field-course-download .file a:before,
.content.node-page .field-name-field-course-download .file a:after {
	font-family: 'FontAwesome';
	font-size: 0.85em;
	color: #04484c;
	vertical-align: middle;
	transition: all 0.4s ease 0s;
}
.content.node-page .field-name-field-course-download .file a:before {
	content: "\f1c1";
	margin: 0 10px 0 0;
}
.content.node-page .field-name-field-course-download .file a:after {
	content: "\f019";
	margin: 0 0 0 10px;
}
.content.node-page .field-name-field-course-download .file a:hover:before,
.content.node-page .field-name-field-course-download .file a:hover:after {
	color: #FFFFFF;
}
.content.node-page .field-name-field-course-download .file img {
	display: none;
}
#block-views-schedule-2015-block .view-schedule-2015 {
	font-family: 'DB_Heavent_Regular';
}
#block-views-schedule-2015-block .view-schedule-2015 h2 {
	text-indent: -9999px;
	font-size: 0;
	margin: 0;
	padding: 0;
}
#block-views-schedule-2015-block .view-schedule-2015 table caption {
	background: #3959c3;
	color: #ffffff;
	padding: 2px 10px;
	font-family: 'DB_Heavent_Med';
    font-size: 2.45em;
    font-weight: normal;
	line-height: normal;
}
#block-views-schedule-2015-block .view-schedule-2015 thead {
	border-bottom: 3px solid #c2d4ec;
}
#block-views-schedule-2015-block .view-schedule-2015 th {
	background: #5e98e2;
	color: #ffffff;
	padding: 5px;
	font-size: 1.8em;
	font-weight: normal;
	text-shadow: none;
	text-align: center;
	border: 1px solid #c2d4ec;
	line-height: normal;
}
#block-views-schedule-2015-block .view-schedule-2015 td {
	background: #FFFFFF;
	color: #3a3a3a;
	font-size: 1.45em;
	padding: 5px;
	border: 1px solid #c2d4ec;
	line-height: normal;
}
#block-views-schedule-2015-block .view-schedule-2015 td a {
	color: #3a3a3a;
	text-decoration: none;
}
#block-views-schedule-2015-block .view-schedule-2015 td a:hover,
#block-views-schedule-2015-block .view-schedule-2015 td a:focus {
	text-decoration: underline;
}
#block-views-schedule-2015-block .view-schedule-2015 td.code {
	font-size: 18px;
	width: 100px;
}
#block-views-schedule-2015-block .view-schedule-2015 td.subject {
	width: 300px;
}
#block-views-schedule-2015-block .view-schedule-2015 td.subject img {
	width: 24px;
	float: left;
	margin: 0 5px 0 0;
}
#block-views-schedule-2015-block .view-schedule-2015 td.subject a:hover,
#block-views-schedule-2015-block .view-schedule-2015 td.subject a:focus {
	text-decoration: underline;
	color: #0ac0ee;
}
#block-views-schedule-2015-block .view-schedule-2015 td.day {
	text-align: center;
	width: 20px;
}
#block-views-schedule-2015-block .view-schedule-2015 td.price {
	text-align: center;
	width: 50px;
}
#block-views-schedule-2015-block .view-schedule-2015 td.month ul {
	margin: 0;
	list-style: none;
}
#block-views-schedule-2015-block .view-schedule-2015 td.month ul li {
	text-align: center;
	margin: 0;
}
#block-views-schedule-2015-block .view-schedule-2015 td.month ul li span {
	display: block;
	/*color: #12c2c4;*/
	color: #ea6c06;
	cursor: pointer;
}
.not-logged-in .view-schedule-2015 .event-remind {
	font-size: 0;
	text-indent: -9999px;
}

/**
 * page training course
 */
.view-training-course-2015,
.view-group-course-categories-2015 {
	font-family: 'DB_Heavent_Regular';
}
.view-training-course-2015 .views-exposed-form label {
	font-family: 'DB_Heavent_Med';
	font-size: 1.5em;
	font-weight: normal;
}
.view-training-course-2015 .views-exposed-form .views-exposed-widget {
	padding-top: 0;
}
.view-training-course-2015 .views-exposed-form .form-submit {
	background: #03cedb;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    color: white;
	margin: 20px 5px 0 5px;
    padding: 4px 20px;
    position: relative;
    text-align: center;
    text-shadow: none;
    transition: all 0.4s ease 0s;
	font-family: 'DB_Heavent_Med';
	font-size: 1.5em;
	font-weight: normal;
	display: block;
}
.view-training-course-2015 .views-exposed-form .form-submit:hover,
.view-training-course-2015 .views-exposed-form .form-submit:focus {
	background: #04afba;
	box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.4) inset;
}
.view-training-course-2015 .views-exposed-form select {
	font-family: 'DB_Heavent_Regular';
	font-size: 18px;
}
.view-training-course-2015 caption,
.view-group-course-categories-2015 caption {
	text-align: left;
	/*border: 1px solid #ffffff;*/
	border-bottom: none;
	font-family: 'DB_Heavent_Med';
    font-size: 2.45em;
	color: #ffffff;
	height: 32px;
	line-height: 32px;
}
.view-training-course-2015 caption img,
.view-group-course-categories-2015 caption img {
	vertical-align: top;
	margin: 0 5px;
	float: left;
}
.view-training-course-2015 .view-content table .cours-category-10 {
	background: #207245;
	display: block;
}
.page-taxonomy-term-10 .view-group-course-categories-2015 caption {
	background: #207245;
}
.view-training-course-2015 .view-content table .cours-category-16 {
	background: #a91d22;
	display: block;
}
.page-taxonomy-term-16 .view-group-course-categories-2015 caption {
	background: #a91d22;
}
.view-training-course-2015 .view-content table .cours-category-2301 {
	background: #43a047;
	display: block;
}
.page-taxonomy-term-2301 .view-group-course-categories-2015 caption {
	background: #43a047;
}
.view-training-course-2015 .view-content table .cours-category-1030 {
	background: #f1c632;
	display: block;
	color: #000000;
}
.page-taxonomy-term-1030 .view-group-course-categories-2015 caption {
	background: #f1c632;
	color: #000000;
}
.view-training-course-2015 .view-content table .cours-category-1031 {
	background: #50c8ef;
	display: block;
}
.page-taxonomy-term-1031 .view-group-course-categories-2015 caption {
	background: #50c8ef;
}
.view-training-course-2015 .view-content table .cours-category-11 {
	background: #a33639;
	display: block;
}
.page-taxonomy-term-11 .view-group-course-categories-2015 caption {
	background: #a33639;
}
.view-training-course-2015 .view-content table .cours-category-17 {
	background: #0075da;
	display: block;
}
.page-taxonomy-term-17 .view-group-course-categories-2015 caption {
	background: #0075da;
}
.view-training-course-2015 .view-content table .cours-category-2397 {
	background: #dd6f54;
	display: block;
}
.page-taxonomy-term-2397 .view-group-course-categories-2015 caption {
	background: #dd6f54;
}
.view-training-course-2015 .view-content table .cours-category-15 {
	background: #865fc5;
	display: block;
}
.page-taxonomy-term-15 .view-group-course-categories-2015 caption {
	background: #865fc5;
}
.view-training-course-2015 .view-content table .cours-category-1197 {
    background: #75bcf7;
    display: block;
}
.page-taxonomy-term-1197 .view-group-course-categories-2015 caption {
	background: #75bcf7;
}
.view-training-course-2015 .view-content table .cours-category-1573 {
	background: #3587f2;
	display: block;
}
.page-taxonomy-term-1573 .view-group-course-categories-2015 caption {
	background: #3587f2;
}
.view-training-course-2015 .view-content table .cours-category-2343 {
	background: #252525;
	display: block;
}
.page-taxonomy-term-2343 .view-group-course-categories-2015 caption {
	background: #252525;
}
/*.view-training-course-2015 .view-content table:nth-child(1) caption {
	background: #5fb442;
}
.view-training-course-2015 .view-content table:nth-child(2) caption {
	background: #ff314e;
}
.view-training-course-2015 .view-content table:nth-child(3) caption {
	background: #399245;
}
.view-training-course-2015 .view-content table:nth-child(4) caption {
	background: #d63f97;
}
.view-training-course-2015 .view-content table:nth-child(5) caption {
	background: #ff921c;
}
.view-training-course-2015 .view-content table:nth-child(6) caption {
	background: #0084d7;
}*/
.view-training-course-2015 thead,
.view-group-course-categories-2015 thead {
	border-bottom: 3px solid #d9e5eb;
}
#content .view-training-course-2015 th,
#content .view-group-course-categories-2015 th {
	/*background: #0687c2;*/
	background: #5e98e2 ;
	color: #ffffff;
	text-shadow: none;
	text-align: center;
	font-size: 1.8em;
	font-weight: normal;
	padding: 5px;
	border: 1px solid #d9e5eb;
	line-height: normal;
}
#content .view-training-course-2015 td,
#content .view-group-course-categories-2015 td {
	background: #FFFFFF;
	color: #3a3a3a;
	padding: 5px;
	font-size: 1.5em;
	border: 1px solid #d9e5eb;
	line-height: normal;
}
.view-training-course-2015 td.views-field-title a,
.view-group-course-categories-2015 td.views-field-title a {
	color: #08a4d8;
	text-decoration: none;
}
.view-training-course-2015 td.views-field-title a:hover,
.view-group-course-categories-2015 td.views-field-title a:hover,
.view-training-course-2015 td.views-field-title a:focus,
.view-group-course-categories-2015 td.views-field-title a:focus {
	text-decoration: underline;
}
#content .view-training-course-2015 td.views-field-field-course-days,
#content .view-training-course-2015 td.views-field-field-course-price,
#content .view-training-course-2015 td.views-field-field-course-download,
#content .view-group-course-categories-2015 td.views-field-field-course-days,
#content .view-group-course-categories-2015 td.views-field-field-course-price,
#content .view-group-course-categories-2015 td.views-field-field-course-download {
	text-align: center;
}
.view-training-course-2015 td.views-field-field-course-codes,
.view-group-course-categories-2015 td.views-field-field-course-codes {
	width: 150px;
}
.view-training-course-2015 td.views-field-title,
.view-group-course-categories-2015 td.views-field-title {
	width: 560px;
}
.view-training-course-2015 td.views-field-field-course-price,
.view-group-course-categories-2015 td.views-field-field-course-price {
	width: 80px;
}
.view-training-course-2015 td.views-field-field-course-download,
.view-group-course-categories-2015 td.views-field-field-course-download {
	width: 90px;
}
.view-training-course-2015 td.views-field-field-course-download img,
.view-group-course-categories-2015 td.views-field-field-course-download img {
	vertical-align: middle;
}

.view-group-course-categories-2015 {
	text-align: center;
}
.view-group-course-categories-2015.view-display-id-block_2 p {
	font-size: 1.9em;
	color: #1090c6;
}
.view-group-course-categories-2015.view-display-id-block_2 h2 {
	font-weight: normal;
	font-size: 2.6em;
	color: #dd323a;
}

#block-views-faq-2015-block {
	padding-bottom: 20px;
}
#block-views-faq-2015-block h2:before {
	content: "\f059";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 1.5em;
	display: inline-block;
	margin: 0 5px 0 0;
	position: relative;
	top: 2px;
}
#block-views-faq-2015-block h3 {
	font-weight: normal;
}
 #block-views-faq-2015-block h3 a {
	 color: #1090c6;
	 text-decoration: none;
}
 #block-views-faq-2015-block .views-row-last {
	 border-bottom: none;
}

.promote:before,
.promote:after {
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: 0.55em;
    position: relative;
    top: -10px;
}
.promote:before {
	 content: "\f10d";
	 margin: 0 5px 0 0;
}
.promote:after {
	content: "\f10e";
	margin: 0 0 0 5px;
}
.promote {
	font-family: 'DB_Heavent_Bd';
	font-size: 1.9em;
	color: #d0222e;
}
.promote em {
	font-style: normal;
}

.articles-sticky {
	color: #EE740E;
	position: absolute;
	top: 30px;
	right: 0;
}
.articles-sticky:before {
	content: "\f08d";
	font-size: 1.2em;
}

.page-articles .view-articles .view-header {
	float: right;
	width: 280px;
	margin: 16px 0 0 0;
}
.page-articles .view-articles .view-filters {
	float: left;
}
.page-articles .view-articles .view-content {
	clear: both;
}
.page-articles .view-articles .view-content .views-row,
.view-group-article .views-row {
	clear: both;
	margin: 0;
	padding: 20px 0;
	border-bottom: 1px solid #eaeaea;
	min-height: 100px;
	/*overflow: hidden;*/
	position: relative;
}
.page-articles .view-articles .view-content .views-row-last,
.view-group-article .views-row-last {
	border-bottom: none;
}
.view-tags-recommend .views-row {
	margin: 0 0 10px 0;
	padding: 10px 0;
}
.page-articles .view-articles .view-content .detail,
.view-group-article .views-row .detail {
	width: 800px;
	float: right;
	font-family: 'DB_Heavent_Regular';
}
#block-views-tags-article-relate-block .view-tags-article-relate .detail,
.view-tags-recommend .detail {
	width: 660px;
	float: right;
}
.page-articles .view-articles .view-content .detail h2:before,
.view-group-article .views-row .detail h2:before,
#block-views-tags-article-relate-block .view-tags-article-relate .detail h3:before,
.view-tags-recommend .detail h3:before {
	content: "\f040";
	font-family: 'FontAwesome';
	font-weight: normal;
	display: inline-block;
	background: #26b8f6;
	border-radius: 100%;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #FFFFFF;
	margin: 0 10px 0 0;
	line-height: 40px;
}
.view-tags-recommend .detail h3:before {
	content: "\f15c";
}
.page-articles .view-articles .view-content .detail h2,
.view-group-article .views-row .detail h2 {
	color: #1090c6;
	font-family: 'DB_Heavent_Med';
	font-size: 2.05em;
	font-weight: normal;
	/*line-height: 1;*/
}
.page-articles .view-articles .view-content .detail h2 a,
.view-group-article .views-row .detail h2 a,
#block-views-tags-article-relate-block .view-tags-article-relate .detail h3 a,
.view-tags-recommend .detail h3 a {
	color: #1090c6;
	text-decoration: none;
}
.page-articles .view-articles .view-content .detail h2 a:hover,
.view-group-article .views-row .detail h2 a:hover,
.page-articles .view-articles .view-content .detail h2 a:focus,
.view-group-article .views-row .detail h2 a:focus,
#block-views-tags-article-relate-block .view-tags-article-relate .detail h3:hover,
.view-tags-recommend .detail h3 a:hover {
	text-decoration: underline;
}
.page-articles .view-articles .view-content .detail p,
.view-group-article .views-row .detail p {
	font-size: 1.5em;
	line-height: normal;
}
#block-views-tags-article-relate-block .view-tags-article-relate p a,
.view-tags-recommend p a {
	color: #10cad6;
}
/*.page-articles .view-articles .view-content .views-row span {
	float: left
}*/
.page-articles .view-articles .view-content .views-row span img,
.page-articles .view-articles .view-content .views-row img,
.view-group-article .views-row span img,
.view-group-article .views-row img {
	border: 5px solid #FFFFFF;
	box-sizing: border-box;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	max-width: 180px;
}

body.section-tags #main-content .views-row img {
	max-width: 320px;
}
#block-views-tags-article-relate-block-1,
#block-views-tags-course-relate-block-1 {
	padding-bottom: 15px;
	border-bottom: 1px dotted #EEEEEE;
}
#block-views-tags-article-relate-block-1 .views-row {
	padding-bottom: 50px;
	text-align: center;
}
#block-views-tags-course-relate-block-1 .views-row {
	padding-bottom: 80px;
	text-align: center;
}
#block-views-tags-article-relate-block-1 .views-row p,
#block-views-tags-course-relate-block-1 .views-row p {
	margin: 5px 0;
	line-height: normal;
}
#block-views-tags-article-relate-block-1 .views-row a,
#block-views-tags-course-relate-block-1 .views-row a {
	text-decoration: none;
	color: #1090c6;
}
#block-views-tags-article-relate-block-1 .views-row a:hover,
#block-views-tags-course-relate-block-1 .views-row a:hover {
	text-decoration: underline;
}
#block-views-tags-article-relate-block-1 .views-row strong,
#block-views-tags-course-relate-block-1 .views-row strong {
	margin: 0 5px;
	color: #555555;
}

.view-tags-recommend .course-hours,
.view-tags-recommend .course-price {
	font-size: 1.1em;
	color: #f57676;
}

#node-article .detail-imgs {
	text-align: center;
}
#node-article,
#block-views-course-article-block-1 .view-content {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
}
#node-article a,
#block-views-course-article-block-1 .view-content a {
	color: #08bab8;
}
#node-article .related-rticles a,
#node-article .tag a,
#block-views-course-article-block-1 a {
	text-decoration: none;
}
#node-article .related-rticles a:hover,
#node-article .tag a:hover,
#block-views-course-article-block-1 a:hover,
#node-article .related-rticles a:focus,
#node-article .tag a:focus,
#block-views-course-article-block-1 a:focus {
	text-decoration: underline;
}
#node-article h2,
#block-views-course-article-block-1 h2 {
	font-family: 'DB_Heavent_Med';
	font-weight: normal;
	font-size: 1.4em;
	color: #1090c6;
	line-height: normal;
}
#block-views-course-article-block-1 h2 {
	font-size: 2.05em;
}
/*#node-article .related-rticles {
	background: #ffeced;
    border-left: 5px solid #fccbcc;
    border-radius: 5px;
    margin: 0 0 20px 0;
    padding: 10px 15px;
}
#node-article .related-rticles h2:before {
	content: "\f044";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 1.4em;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#node-article .related-rticles h2 {
	color: #db8789;
	margin: 0;
}
#node-article .related-rticles ol,
#node-article .related-rticles ul {
	margin: 0 0 0 60px;
}
#node-article .related-rticles a {
	color: #815758;
}*/
#node-article .tag .field-label:before {
	content: "\f02c";
	font-family: 'FontAwesome';
	font-weight: normal;
	font-size: 1em;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#node-article .tag .field-label,
#node-article .tag .field-items,
#node-article .tag .field-item {
	display: inline;
	margin: 0 5px 0 0;
}
/*#node-article .tag .field-item {
	margin: 0 5px 0 0;
}
*/
#node-article .tag {
	margin-top: 15px;
}
#node-article .tag .field-items {
	margin: 0;
	padding:  0 10px;
	background: #eaffff;
}
.node-articles {
	padding: 20px 0 0 0;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
}
#node-article .article-detail span,
#node-article .article-detail strong {
	font-size: 1em !important;
}
#node-article .article-detail ol,
#node-article .article-detail ul {
	margin-bottom: 0;
}
#node-article .article-detail ol li p,
#node-article .article-detail ul li p {
	margin: 0;
}
#node-article .article-detail ol li br,
#node-article .article-detail ul li br {
	display: none;
}
#node-article .article-detail h3 {
	font-size: 1.2em;
}
#node-article .article-detail h4 {
	font-size: 1.1em;
}
#node-article .articles-image,
.node-articles .field-name-field-images {
	text-align: center;
}
.node-type-articles .node-article .field-name-field-article-detail p {
	margin-bottom: 20px;
}
.node-type-articles .view-articles h2 {
	font-family: 'DB_Heavent_Med';
	font-weight: normal;
	font-size: 2.05em;
	color: #1090c6;
	line-height: normal;
	margin: 10px 0;
}
.node-type-articles .view-articles .views-field-body h2 {
	font-size: 1.4em;
}
.node-type-articles .view-articles .views-field-body {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
}
.node-type-articles #content .view-articles thead {
	border-bottom: 3px solid #89C4F4;
}
.node-type-articles #content .view-articles th {
	background: #5C97BF;
	border: 1px solid #89C4F4;
	text-shadow: none;
	color: #FFFFFF;
	/*font-family: 'DB_Heavent_Med';*/
	font-weight: normal;
	font-size: 1.35em;
	text-align: center;
	line-height: normal;
}
.node-type-articles #content .view-articles th strong {
	font-weight: normal;
}
.node-type-articles #content .view-articles td {
	background: #FFFFFF;
	color: #5C97BF;
	border: 1px solid #89C4F4;
	padding: 0 5px;
}
.page-node-380 #content .view-articles tr th:first-child {
	width: 100px;
}
.page-node-380 #content .view-articles tr td:first-child,
.page-node-380 #content .view-articles tr td:last-child {
	text-align: center;
}

.node-type-articles #content table,
.node-type-articles #content td {
	background: inherit;
}

.view-filters {
	line-height: 1;
	padding: 10px 0;
}

#content .cse input.gsc-search-button, input.gsc-search-button {
	box-shadow: none;
}
#content .cse input.gsc-search-button, input.gsc-search-button:hover,
#content .cse input.gsc-search-button, input.gsc-search-button:focus {
	background: none;
	box-shadow: none;
}
#content input.gsc-input {
	height: 20px;
}
#content table.gsc-search-box td {
	border: none;
}

.page-9expert-channel .view-9expert-channel-2015 .item-list {
	text-align: center;
	font-family: 'DB_Heavent_Regular';
}
.page-9expert-channel .view-9expert-channel-2015 .item-list h3 {
	font-size: 1.85em;
	font-weight: normal;
	line-height: normal;
}
.page-9expert-channel .view-9expert-channel-2015 .item-list ul {
	list-style: none;
	padding: 0;
}
.page-9expert-channel .view-9expert-channel-2015 .item-list ul li {
	display: inline-block;
	padding: 20px;
	vertical-align: top;
	width: 49%;
	box-sizing: border-box;
}
.page-9expert-channel .view-9expert-channel-2015 .item-list a {
	text-decoration: none;
	color: #349de9;
}
.page-9expert-channel .view-9expert-channel-2015 .item-list a:hover,
.page-9expert-channel .view-9expert-channel-2015 .item-list a:focus {
	text-decoration: underline;
}

#block-views-view-portfolio-block-1 h2,
.portfolio caption,
#block-block-40 h2 {
	font-size: 0;
	text-indent: -9999px;
}
#block-block-40 {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.55em;
}
.view-view-portfolio,
.portfolio {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.55em;
}
.portfolio {
	padding: 20px 0  0 0;
}
.view-view-portfolio .item-list ul,
#block-block-40 .content ul {
	margin: 20px 0 0 0;
	padding: 0;
}
.view-view-portfolio .item-list ul li,
#block-block-40 .content ul li {
	list-style: none;
	display: inline;
}
.view-view-portfolio .item-list ul li a,
#block-block-40 .content ul li a {
	background: #03cedb;
    border: none;
    border-radius: 5px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.3) inset;
    color: #FFFFFF;
    display: inline-block;
    font-size: 1.25em;
    line-height: normal;
    margin: 0 10px 0 0;
    padding: 6px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    transition: all 0.4s ease 0s;
}
.view-view-portfolio .item-list ul li a:hover,
#block-block-40 .content ul li a:hover,
.view-view-portfolio .item-list ul li a:focus,
#block-block-40 .content ul li a:focus {
	background: #04afba;
    box-shadow: 0 -3px 0 rgba(255, 255, 255, 0.4) inset;
}
.view-view-portfolio caption {
	text-align: left;
	font-size: 1.7em;
	color: #1090c6;
	margin: 20px 0 0 0;
}
#content .view-view-portfolio table,
#content .portfolio table {
	background: none;
	line-height: 1;
	padding: 20px 0 0 0;
}
.view-view-portfolio tr.even,
.view-view-portfolio tr.odd,
.portfolio tr.even,
.portfolio tr.odd {
	background: none;
}
#content .view-view-portfolio .views-table thead,
#content .portfolio table thead {
	border-bottom: 3px solid #d5e1e3;
}
#content .view-view-portfolio .views-table th,
#content .portfolio table th {
	text-shadow: none;
	border: 1px solid #FFFFFF;
	padding: 5px;
	background: #0ecbe1;
	color: #FFFFFF;
	font-weight: normal;
	font-size: 1.3em;
}
#content .view-view-portfolio .views-table th:first-child,
#content .portfolio table th:first-child {
	/*border-right: 1px solid #FFFFFF;*/
	width: 400px;
}
#content .view-view-portfolio .views-table td,
#content .portfolio table td  {
	padding: 5px;
	background: none;
	border: 1px solid #d5e1e3;
	color: #4a4a4a;
}
#content .view-view-portfolio .views-table td p,
#content .portfolio table td p {
	margin: 0;
}
#content .portfolio table td a {
	text-decoration: none;
	color: #1090c6;
}
#content .portfolio table td a:hover,
#content .portfolio table td a:focus {
	text-decoration: underline;
}

.content-about img {
	float: left;
	margin: 0 40px 0 0;
}
.content-about p {
	text-align: justify;
}
.content-about p.md {
	clear: both;
}

.view-faq-2015 {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.5em;
}
.view-faq-2015 .views-row {
	margin-bottom: 15px;
	border-bottom: 1px solid #eaeaea;
}
.view-faq-2015 a {
	color: #10cad6;
}
.view-faq-2015 h2 {
	font-size: 1.3em;
	font-weight: normal;
}
.view-faq-2015 h2 a {
	color: #1090c6;
	text-decoration: none;
}

#site-map {
	font-family: 'DB_Heavent_Regular';
    font-size: 1.55em;
}
#site-map ul.site-map-menu a {
	text-decoration: none;
	color: #1c8bb7;
}
#site-map ul.site-map-menu a:hover,
#site-map ul.site-map-menu a:focus {
	text-decoration: underline;
}

.cer {
	text-align: center;
}
.cer img {
	margin: 0 20px;
}

.google-map a {
	display: inline-block;
	height: 48px;
	padding: 0 0 0 58px;
	background: url(../images/new-google-maps-logo.png) no-repeat;
	background: url(../images/new-google-maps-logo.svg) no-repeat, none;
	background-size: 48px;
	text-decoration: none;
	font-size: 1.6em;
	line-height: 56px;
}

body.section-resturant-and-hotel-nearby-9expert-training #content table {
	margin-top: 30px;
	font-family: DB_Heavent_Regular;
	background: none;
}
body.section-resturant-and-hotel-nearby-9expert-training #content thead {
	border-bottom: 3px solid #DDDDDD;
}
body.section-resturant-and-hotel-nearby-9expert-training #content th {
	background: #3959c3;
	color: #FFFFFF;
	font-weight: normal;
	border: 1px solid #DDDDDD;
	text-shadow: none;
	font-size: 1.6em;
	text-align: center;
	line-height: normal;
}
body.section-resturant-and-hotel-nearby-9expert-training #content tr:nth-of-type(even) {
	background: #F9F9F9;
}
body.section-resturant-and-hotel-nearby-9expert-training #content td {
	background: none;
	color: #555555;
	border: 1px solid #DDDDDD;
	font-size: 1.4em;
	padding: 5px;
	text-align: center;
	line-height: normal;
}
body.section-resturant-and-hotel-nearby-9expert-training #content td a {
	color: #1884d8;
}
body.section-resturant-and-hotel-nearby-9expert-training #content td img {
	vertical-align: middle;
}

.page-management-participants #content .region-content,
.page-management-report #content .region-content,
.page-management-register-inhouse #content .region-content {
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
.section-tags .region-content,
/*.view-management-participants,
.view-management-event*/
.logged-in.section-management #content .view,
.logged-in.page-dashboard .region-content,
.page-entityform .entityform-register-inhouse,
.entityform-payment {
	font-family: 'DB_Heavent_Regular';
    font-size: 1.55em;
}
.view-vocabulary-tags,
/*.view-management-participants,
.view-management-event*/
.logged-in.section-management #content .view {
	padding: 20px 0 0 0;
}
.view-vocabulary-tags h2,
/*.view-management-participants caption*/
.logged-in.section-management #content .view caption,
.logged-in.page-dashboard #content .region-content h2 {
	background: #3959c3;
	color: #FFFFFF;
	margin: 0;
	padding: 4px 10px;
	text-align: center;
	font-weight: normal;
	line-height: normal;
}
.logged-in.page-dashboard #content .region-content h2 a {
	color: #FFFFFF;
	text-decoration: none;
}
.logged-in.page-dashboard #content .region-content #block-views-dashboard-block h2 {
	background: none;
	font-size: 1.4em;
	display: inline;
	padding: 0;
	color: #3a3a3a;
}
.logged-in.page-dashboard #block-views-dashboard-block .view {
	font-size: 1.4em;
}
.logged-in.page-dashboard #block-views-dashboard-block .view strong:before {
	content: ":";
	display: inline-block;
	margin-right: 5px;
}
.logged-in.page-dashboard #block-views-dashboard-block .view strong {
	position: absolute;
	top: 0;
	left: 125px;
	line-height: normal;
	font-weight: normal;
}
/*.view-management-participants caption,*/
.logged-in.section-management #content .view caption  {
	font-size: 1.4em;
}
.view-vocabulary-tags .view-header p,
.logged-in.section-management #content .view td p {
	margin: 0;
}
.section-tags #content thead,
/*#content .view-management-participants thead,
#content .view-management-event thead*/
.logged-in.section-management #content .view thead,
.logged-in.page-dashboard #content .region-content thead {
	border-bottom: 3px solid #c2d4ec;
}
.section-tags #content th,
/*#content .view-management-participants th,
#content .view-management-event th*/
.logged-in.section-management #content .view th,
.logged-in.page-dashboard #content .region-content th {
	text-shadow: none;
	background: #5e98e2;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	line-height: normal;
	font-size: 1.1em;
	border: 1px solid #c2d4ec;
}
/*#content .view-management-participants th a,
#content .view-management-event th a,*/
.logged-in.section-management #content .view th a,
.logged-in.page-dashboard #content .region-content th a {
	color: #FFFFFF;
}
.section-tags #content td,
/*#content .view-management-participants td,
#content .view-management-event td*/
.logged-in.section-management #content .view td,
.logged-in.page-dashboard #content .region-content td {
	background: #FFFFFF;
	padding: 5px;
	line-height: normal;
	border: 1px solid #c2d4ec;
}
.section-tags #content td.views-field-field-course-days,
.section-tags #content td.views-field-field-course-price,
.section-tags #content td.views-field-field-course-download,
.logged-in.section-management #content .view td.views-align-center,
.logged-in.section-management #content .view td:first-child,
.logged-in.page-dashboard #content .region-content td.views-align-center
/*.logged-in #content .view-management-event td.views-align-center,
.logged-in #content .view-management-participants td.views-align-center,
#content .view-management-event td:first-child*/ {
	text-align: center;
}
.section-tags .region-content td a,
/*.section-tags .view-course-article a,
.view-management-event td a*/
.logged-in.section-management #content .view td a,
.logged-in.page-dashboard #content .region-content td a {
	text-decoration: none;
	color: #0b99cd;
}
/*.view-management-participants th a,
.view-management-event th a*/
.logged-in.section-management #content .view th a,
.logged-in.page-dashboard #content .region-content th a {
	text-decoration: none;
}
/*.view-management-event td a:hover*/
.section-tags .region-content td a:hover,
.section-tags .view-course-article a:hover,
.logged-in.section-management #content .view td a:hover,
.logged-in.page-dashboard #content .region-content td a:hover,
.section-tags .region-content td a:focus,
.section-tags .view-course-article a:focus,
.logged-in.section-management #content .view td a:focus,
.logged-in.page-dashboard #content .region-content td a:focus {
	text-decoration: underline;
}
.section-tags .view-course-article h2 {
	border-bottom: 1px solid #dadada;
	color: #1090c6;
}
.section-tags .view-course-article h2:after {
	content: "";
    display: block;
    width: 320px;
    height: 1px;
    background: #109ada;
    position: absolute;
    /*bottom: -1px;*/
}
.section-tags .view-course-article .item-list .pager li.pager-current,
.section-tags .view-course-article .item-list .pager li a {
	padding: 0.15em 0.3em;
}

.view-management-participants {
	/*font-family: 'DB_Heavent_Regular';
    font-size: 1.55em;*/
	position: relative;
}
.view-management-event .views-submit-button {
	padding-right: 0;
}
.view-management-participants input[type="submit"],
.view-management-participants input[type="reset"],
.view-management-participants input[type="button"],
.view-management-event input[type="submit"],
.view-management-event input[type="reset"],
.view-management-event input[type="button"] {
	font-size: 1em;
}
.view-management-event .views-widget-filter-start_date {
	position: relative;
}
.view-management-event .views-exposed-form label[for=edit-course-2] {
	margin-bottom: 2px;
}
.view-management-event .views-widget-filter-start_date label[for=edit-start-date] {
	position: absolute;
}
.page-management-event-inhouse .view-management-event .views-widget-filter-start_date label[for=edit-start-date] {
	position: inherit;
}
.view-management-event .views-widget-filter-start_date .form-item {
	display: inline-block;
}
.view-management-event .views-widget-filter-start_date .form-item input {
	width: 200px;
}
.page-management-class-training .view-management-event .views-widget-filter-start_date .form-item input {
	width: 140px;
}
.view-management-participants .views-exposed-form input.form-submit,
.view-management-event .views-exposed-form input.form-submit {
	margin-top: 0.85em;
}
.view-management-event .views-exposed-form #edit-event-type {
	height: 26px;
	font-size: 0.7em;
}
.view-management-participants.view-display-id-page_3 #edit-status-wrapper .views-widget {
	height: 26px;
	width: 144px;
	position: relative;
	border: 1px solid #E1E1E1;
	margin-top: 2px
}
.view-management-participants.view-display-id-page_3 #edit-status-wrapper .views-widget.add-line {
	border: 1px solid #FFFFFF;
}
.view-management-participants .view-filters select {
	font-family: 'DB_Heavent_Regular';
	font-size: 1em;
	/*height: 28px;*/
}
.view-management-participants .views-exposed-form .form-item-status {
	position: relative;
}
.view-management-participants.view-display-id-page_3 #edit-status-wrapper .select-status {
	display: block;
	width: 24px;
	height: 26px;
	/*background: #0d8eea;
	font-size: 0;*/
	text-indent: -9999px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}
.view-management-participants.view-display-id-page_3 #edit-status-wrapper .select-status:after {
	display: inline-block;
	font-family: 'FontAwesome';
	content: "\f0dc";
	font-size: 0.8em;
	text-indent: 0;
	background: #0d8eea;
	color: #FFFFFF;
	width: 24px;
	height: 26px;
	text-align: center;
	line-height: 26px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: default;
	z-index: 99;
}
.view-management-participants.view-display-id-page_3 .views-exposed-form select#edit-status {
	transition: all 0.4s ease 0s;
	margin: 0;
	padding: 0;
}
.view-management-participants .views-exposed-form select#edit-status option {
	height: 26px;
	padding-top: 2px;
	padding-bottom: 2px;
	box-sizing: border-box;
}
.page-management-participants .view-management-participants .view-header {
	position: absolute;
	top: 55px;
	right: 0;
}
.view-management-participants .view-header .button:before,
.view-management-participants .view-header .button:after {
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 0.7em;
}
.view-management-participants .view-header .button:before {
	content: "\f15c";
	margin-right: 5px;
}
.view-management-participants .view-header .button:after {
	content: "\f138";
	margin-left: 5px;
}
.view-management-participants .view-header a.button {
	display: block;
	background: #f6da0e;
	color: #000000;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    cursor: pointer;
    font-family: "DB_Heavent_Med";
    /*font-size: 1.5em;*/
    font-weight: normal;
    padding: 5px 15px;
    transition: all 0.4s ease 0s;
	text-decoration: none;
}
.view-management-participants .view-header a.button:hover,
.view-management-participants .view-header a.button:focus {
	/*background: #f6760e;*/
	background: #ec8a0e;
	color: #FFFFFF;
}
@-moz-document url-prefix() {
	.view-management-participants .views-exposed-form select {
		padding: 0;
	}
}
.logged-in.section-management #content .view-report-participants-2015 {
	position: relative;
	padding-top: 80px;
}
.view-report-participants-2015 .feed-icon {
	position: absolute;
	top: 20px;
	left: 0;
}
.view-report-participants-2015 .feed-icon a:before {
	display: inline-block;
	font-family: 'FontAwesome';
	content: "\f1c3";
	margin-right: 5px;
}
.view-report-participants-2015 .feed-icon a:after {
	display: inline-block;
	content: "ออกรายงาน";
}
.view-report-participants-2015 .feed-icon a {
	display: block;
	background: #ec8a0e;
	color: #FFFFFF;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    cursor: pointer;
    font-family: "DB_Heavent_Med";
    font-size: 1.2em;
    font-weight: normal;
    padding: 5px 15px;
    transition: all 0.4s ease 0s;
	text-decoration: none;
}
.view-report-participants-2015 .feed-icon a:hover,
.view-report-participants-2015 .feed-icon a:focus {
	background: #f6da0e;
	color: #000000;
}
.view-report-participants-2015 .feed-icon img {
	display: none;
}

body.logged-in .entityform-register-inhouse a,
body.logged-in .entityform-payment a {
	text-decoration: none;
	color: #42a4ee;
}
body.logged-in .entityform-register-inhouse a:hover,
body.logged-in .entityform-payment a:hover,
body.logged-in .entityform-register-inhouse a:focus,
body.logged-in .entityform-payment a:focus {
	text-decoration: underline;
}
body.logged-in .entityform-register-inhouse fieldset {
	padding: 0;
}
body.logged-in .entityform-register-inhouse fieldset legend {
	background: #0d8eea;
    color: #f2f9fb;
    margin: 0 0 20px 0;
	font-size: 1.3em;
	text-shadow: none;
	height: 1.5em;
	line-height: 1.5em;
}
body.logged-in .entityform-register-inhouse .fieldset-wrapper {
	padding: 15px;
}
body.logged-in .entityform-register-inhouse .field-label,
body.logged-in .entityform-payment .field-label {
	color: #1b6ca9;
	margin-right: 5px;
}
body.logged-in .entityform-register-inhouse .field-name-field-reg-select {
	font-size: 0;
	text-indent: -9999px;
	height: 0;
	visibility: hidden;
}
body.logged-in .entityform-payment form {
	border-top: 1px dotted #cccccc;
	margin-top: 10px;
	padding-top: 10px;
}
body.logged-in .entityform-register-inhouse form .form-item,
body.logged-in .entityform-payment form .form-item {
	font-size: 1.25em;
	margin-left: 5px;
	margin-bottom: 10px;
}
body.logged-in .entityform-register-inhouse .form-actions,
body.logged-in .entityform-payment .form-actions {
	padding: 0;
	margin-top: 10px;
}
body.logged-in .entityform-register-inhouse input[type="submit"],
body.logged-in .entityform-payment input[type="submit"] {
	font-size: 1em;
}
body.logged-in #block-views-status-inhouse-block .view-status-inhouse {
	font-family: "DB_Heavent_Regular";
}
body.logged-in #block-views-status-inhouse-block thead {
	border-bottom: 3px solid #c0ccd8;
}
body.logged-in #block-views-status-inhouse-block th {
	font-family: "DB_Heavent_Med";
	background: #7e8a9a;
	text-shadow: none;
	color: #FFFFFF;
	font-size: 1.6em;
}
body.logged-in #block-views-status-inhouse-block td {
	font-size: 1.55em;
}
body.logged-in #block-views-status-inhouse-block th,
body.logged-in #block-views-status-inhouse-block td {
	padding: 5px 10px;
	line-height: normal;
}
body.logged-in #block-views-status-inhouse-block .field-name-field-see {
	display: inline-block;
	width: 75%;
}
body.logged-in #block-views-status-inhouse-block #editablefields-field-see input.form-submit {
	display: inline-block;
	width: 25%;
	font-size: 1em;
	margin: 0;
}
body.logged-in #block-views-status-inhouse-block #editablefields-field-see--2 .form-actions {
	display: inline-block;
	width: 25%;
	margin: 0;
	padding: 0;
}
body.logged-in #block-views-status-inhouse-block #editablefields-field-see--2 .form-actions input.form-submit {
	margin: 0;
	font-size: 1em;
	width: 100%;
}
body.logged-in #block-views-status-inhouse-block #edit-actions,
body.logged-in.page-entityform-edit #block-views-status-inhouse-block {
	display: none;
}
body.logged-in.page-entityform-edit form.entitytype-register_inhouse-form input.form-submit {
	font-size: 1.55em;
}

/*.page-management-participants #edit-status option[value="12"],
.page-management-participants #edit-status option[value="13"],
.page-management-participants #edit-status option[value="14"],
.page-management-participants #edit-status option[value="15"] {
	display: none;
}*/

/**
 * CIVICRM
 */
#crm-container {
	clear: both;
}
.page-civicrm-event-info #crm-container,
.page-civicrm-event-register #crm-container #printer-friendly,
.page-civicrm-event-register #crm-container #crm-main-content-wrapper #Register #crm-event-register-different,
.page-civicrm-event-register #crm-container #crm-main-content-wrapper #noOfparticipants,
.page-civicrm-event-register #civicrm-footer {
	display: none;
}

/*.not-front.page-civicrm #main-content {
	font-family: Arial, Tahoma;
	font-size: 14px;
}*/

.page-civicrm .node-training-course .text-field-title:before {
	content: open-quote;
    font-family: "DB_Heavent_Med";
    font-size: 6.1rem;
    left: 5px;
    line-height: 1;
    position: absolute;
    top: -5px;
}
.page-civicrm .node-training-course .text-field-title {
	/*background: #10cad6;
	border-left: 5px solid #09a1aa;
	padding: 15px;
	color: #ffffff;*/
	font-family: "DB_Heavent_Regular";
	font-size: 1.8em;
	background: #e4f9fc;
    border-left: 5px solid #9decf5;
    border-radius: 2px;
    color: #189cac;
    line-height: 1;
    margin: 30px 0 0;
    padding: 15px 20px 15px 40px;
    position: relative;
	overflow: hidden;
}
.page-civicrm .node-training-course .text-field-title p:first-child {
	float: left;
	margin: 0;
	line-height: 40px;
	font-size: 1.15em;
}
.page-civicrm .node-training-course .text-field-title p:first-child a {
	color: #ca2b36;
}
.page-civicrm .node-training-course .text-field-title p:last-child {
	float: right;
	margin: 0;
}
.page-civicrm .node-training-course .text-field-title p:last-child a {
	background: #24aeee;
	color: #FFFFFF;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
    display: inline-block;
    margin: 0;
    padding: 6px 15px;
    position: relative;
    text-align: center;
    text-shadow: none;
    transition: all 0.4s ease 0s;
	line-height: normal;
	text-decoration: none;
}
.page-civicrm .node-training-course .text-field-title p:last-child a:hover,
.page-civicrm .node-training-course .text-field-title p:last-child a:focus {
	background: #f1de2a;
	color: #2a2a2a;
}

#block-block-53,
#block-block-54 {
	margin-bottom: 0;
}

/*.page-civicrm-event-register #crm-container {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.8em;
}*/

.page-civicrm-event-register #crm-container form fieldset .crm-section {
	margin-bottom: 15px;
	width: 50%;
}
.page-civicrm-event-register #crm-container .crm-section .label {
	margin-right: 20px;
	width: 20%;
}
.page-civicrm-event-register #crm-container .crm-section .content {
	margin: 0;
}
.page-civicrm-event-register #crm-container form fieldset #editrow-custom_32,
.page-civicrm-event-register #crm-container form fieldset #helprow-custom_32,
.page-civicrm-event-register #crm-container form fieldset #editrow-custom_13,
.page-civicrm-event-register #crm-container form fieldset #helprow-custom_13,
.page-civicrm-event-register #crm-container form fieldset #editrow-participant_note,
.page-civicrm-event-register #crm-container form fieldset #helprow-participant_note {
	/*float: left;*/
	display: inline-block;
}
.page-civicrm-event-register #crm-container form fieldset #helprow-custom_32,
.page-civicrm-event-register #crm-container form fieldset #helprow-custom_13,
.page-civicrm-event-register #crm-container form fieldset #helprow-participant_note {
	margin-bottom: 0;
    margin-left: -15px;
    /*position: relative;
    top: -10px;*/
	vertical-align: top;
	margin-top: 10px;
}
/*.page-civicrm-event-register #crm-container form fieldset #editrow-custom_33 {
	clear: both;
}*/
.page-civicrm-event-register #crm-container form fieldset label {
	color: #069aca;
	font-family: 'DB_Heavent_Regular';
	font-size: 1.8em;
}
.page-civicrm-event-register #crm-container form fieldset select {
	background: none;
	border-radius: 0;
	border: 1px solid #cccccc;
	font-size: 1em;
	width: 350px;
}
.page-civicrm-event-register #crm-container form fieldset input,
#crm-container.crm-public input[type="text"],
.crm-container textarea {
	font-size: 1em;
	background: none;
	border-radius: 0;
	border: 1px solid #cccccc;
	padding: 5px;
	height: auto;
	box-sizing: border-box;
}
.page-civicrm-event-register #crm-container form fieldset input,
.page-civicrm-event-register #crm-container form fieldset textarea {
	width: 350px;
}
.page-civicrm-event-register #crm-container form fieldset textarea {
	font-size: 1.2em;
}
.page-civicrm-event-register .crm-container textarea {
	width: 100%;
	box-sizing: border-box;
	min-height: 100px;
}
.page-civicrm-event-register #crm-container form .recaptcha-section,
.page-civicrm-event-register #crm-container form .crm-event-register-form-block .crm-submit-buttons {
	padding-left: 120px;
}
.page-civicrm-event-register #crm-container form .recaptcha-section table,
.page-civicrm-event-register #crm-container form .recaptcha-section td {
	border: none !important;
}
.page-civicrm-event-register #crm-container form .recaptcha-section table input {
	background: #FFFFFF;
	border: 1px solid #cccccc !important;
}

.crm-container .crm-marker, .crm-container-snippet .crm-marker {
    color: #ca2b36;
    font-weight: normal;
	margin-right: 0;
}

#crm-main-content-wrapper #Register #priceset {
	margin: 0;
	padding: 0;
	height: 0;
	text-indent: -9999px;
	font-size: 0;
}
#crm-main-content-wrapper #Register fieldset.crm-profile {
	border: none;
}
#crm-main-content-wrapper #Register fieldset.crm-profile legend {
	width: 100%;
	border-bottom: 2px solid #1090c6;
    color: #1090c6;
    font-family: "DB_Heavent_Regular";
    font-size: 2.6em;
    font-weight: normal;
	padding: 0;
}
#crm-main-content-wrapper #Register fieldset.crm-profile legend:before {
	font-family: 'FontAwesome';
	content: "\f14b";
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#display-priceset p:before {
	font-family: 'FontAwesome';
	content: "\f02c";
	margin: 0 10px 0 0;
	vertical-align: middle;
	color: #a0212a;
}
#display-priceset p {
	font-family: 'DB_Heavent_Med';
	font-size: 46px;
	font-weight: normal;
}
/*#crm-main-content-wrapper #Register .form-item label {
	font-size: 14px;
}*/
.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container input.crm-form-submit, .crm-container .crm-button, .crm-container .ui-dialog-buttonset .ui-button, #crm-container .crm-button {
	background: none;
	text-shadow: none;
	border: none;
	transition: all 0.4s ease 0s;
	float: none !important;
	display: inline-block;
}
.crm-container .crm-button input[type="button"], .crm-container .crm-button input.crm-form-submit, .crm-container .crm-button input.crm-form-submit-inline, #crm-container .crm-button input[type="button"], #crm-container .crm-button input.crm-form-submit, #crm-container .crm-button input.crm-form-submit-inline,
.crm-container .crm-button input, #crm-container .crm-button input {
	background-color: #10cad6;
	box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.3) inset;
	padding: 5px 15px;
	/*font-family: 'DB_Heavent_Bd';
	font-size: 2.1em;*/
	font-family: 'DB_Heavent_Regular';
	font-size: 1.8em;
	transition: all 0.4s ease 0s;
	line-height: 1;
	width: 80px;
}
.crm-event-confirm-form-block #crm-submit-buttons {
	text-align: center;
}

.crm-group.event_info-group:before {
	content: "\f14b";
	font-family: 'FontAwesome';
	font-size: 1.45em;
	color: #1090c6;
	display: inline-block;
}
.crm-group.event_info-group:after {
	content: "โปรดตรวจสอบความถูกต้องของข้อมูล ก่อนกดลงทะเบียนด้านล่าง";
	font-size: 1.45em;
	color: #1090c6;
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 40px;
}
form#ThankYou .crm-group.event_info-group:after {
	display: none;
}
.page-civicrm-event-register form#ThankYou .crm-group.event_info-group:before {
	/*content: "\f14a";
	font-family: 'FontAwesome';
	font-size: 1.45em;
	color: #1090c6;
	display: inline-block;*/
	display: none;
}
.page-civicrm-event-register form#ThankYou .crm-group.event_info-group:after  {
	content: "การลงทะเบียนเสร็จสมบูรณ์";
	font-family: "DB_Heavent_Regular";
	font-size: 1.45em;
	position: absolute;
	top: 0;
	left: 40px;
}
.crm-group.event_info-group {
	margin-top: 40px;
	position: relative;
}
.page-civicrm-event-register form#ThankYou .crm-group.event_info-group {
	margin-top: 20px;
}
.page-civicrm-event-register #crm-container form p.reg-complete:before {
	content: open-quote;
    font-family: "DB_Heavent_Med";
    font-size: 6.1rem;
    left: 15px;
    line-height: 1;
    position: absolute;
    top: -5px;
}
.page-civicrm-event-register #crm-container form#ThankYou p.reg-complete {
	background: #e4f9fc;
    border-left: 5px solid #9decf5;
    border-radius: 2px;
    color: #189cac;
    font-family: "DB_Heavent_Regular";
    font-size: 1.05em;
    margin: 20px 0;
    overflow: hidden;
    padding: 15px 20px 15px 60px;
    position: relative;
}
.page-civicrm-event-register .crm-group.event_info-group .reg-complete span,
.page-eform-register-inhouse-confirm p.reg-complete span {
	display: block;
}
.crm-group.event_info-group .display-block {
	border: 2px solid #CCCCCC;
	border-radius: 3px;
	position: relative;
	/*padding: 20px 40px;*/
	padding: 20px 20px 20px 60px;
}
.crm-group.event_info-group .display-block:first-child:before,
.crm-group.event_info-group .display-block:last-child:before {
	font-family: 'DB_Heavent_Med';
	font-size: 1.25em;
	display: inline-block;
	background: #FFFFFF;
	padding: 0 10px;
	position: absolute;
	top: -18px;
	/*left: 20px;*/
	left: 30px;
}
.crm-group.event_info-group .display-block:first-child:before {
	content: "รายละเอียดหลักสูตร";
}
.crm-group.event_info-group .display-block:last-child:before {
	content: "รายละเอียดผู้ติดต่อ";
}
form#ThankYou .crm-group.event_info-group .display-block {
	margin: 40px 0;
}
form#ThankYou .crm-group.event_info-group .display-block:last-child:before {
	content: "รายละเอียดหลักสูตร";
}
.crm-group.event_info-group .display-block tr td:last-child {
	width: 85%;
}
.page-civicrm-event-register #crm-container form#Confirm,
.page-civicrm-event-register #crm-container form#ThankYou {
	font-family: 'DB_Heavent_Regular';
	font-size: 1.8em;
	line-height: normal;
}
.page-civicrm-event-register #crm-container form#Confirm p,
.page-civicrm-event-register #crm-container form#ThankYou p {
	margin: 0;
}
.page-civicrm-event-register #crm-container form#Confirm #help,
.page-civicrm-event-register #crm-container form#Confirm table,
.page-civicrm-event-register #crm-container form#Confirm .messages.status,
.page-civicrm-event-register #crm-container form#ThankYou #help,
.page-civicrm-event-register #crm-container form#ThankYou table {
	font-size: 1em;
}
.page-civicrm-event-register #crm-container form#Confirm #help,
.page-civicrm-event-register #crm-container form#Confirm .messages.status,
.page-civicrm-event-register #crm-container form#ThankYou #help {
	padding: 10px 15px;
	margin-top: 20px;
}
.page-civicrm-event-register #crm-container form#Confirm table,
.page-civicrm-event-register #crm-container form#Confirm td,
.page-civicrm-event-register #crm-container form#ThankYou table,
.page-civicrm-event-register #crm-container form#ThankYou td {
	border: none;
	background: none;
}
.page-civicrm-event-register #crm-container form#Confirm .location_text {
	font-size: 2.4em;
}
.page-civicrm-event-register #content .messages.status {
	width: auto;
}

.page-civicrm-event-register #crm-container form#ThankYou .header-dark,
.page-civicrm-event-register #crm-container form#ThankYou .participant_role-group,
.page-civicrm-event-register #crm-container form#ThankYou .participant_info-group,
.page-civicrm-event-register #crm-container form#ThankYou .event_info_link-section,
.page-civicrm-event-register #crm-container form#ThankYou .iCal_links-section {
	display: none !important;
}

.crm-container div.display-block {
	margin-left: 0;
	margin-right: 0;
}

/*.crm-event-confirm-form-block .crm-group table.form-layout tr:nth-child(2) td,
.crm-event-confirm-form-block .crm-group table.form-layout tr:nth-child(3) td,
.crm-event-thankyou-form-block .crm-group table.form-layout tr:nth-child(2) td,
.crm-event-thankyou-form-block .event_fees-group {
	display: none;
}*/


/* Scroll to Top */
#back-top {
    margin: 0;
    right: 140px;
    bottom: 13px;
    position: fixed;
    z-index: 499;
}
#back-top a {
	background: #76b8ec;
	color: #FFFFFF;
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    width: 40px;
	height: 40px;
	line-height: 2.4;
	border-radius: 100%;
    opacity: 0.8;
}
#back-top a:before {
	font-family: 'FontAwesome';
	content: "\f077";
	font-size: 1.2em;
}
#back-top a:hover,
#back-top a:focus {
    opacity: 1;
	background: #f36a6d;
	/*color: #3a3a3a;*/
}


/**
 * Contextual
 */
div.contextual-links-wrapper {
	font-family: Arial, Tahoma;
	font-size: 12px;
}

/* Join Edit */
.page-civicrm-event-register .messages { display:none; }

/* Tony Edit 2016-02-09 */
.page-eform-submit.page-eform-submit-payment.section-payment-inform div.messages.error {
	display: none;
}


/*@media screen and (min-device-width: 0px) and (max-device-width: 1280px) {
	#header, #footer .region-footer, #footer .region-copyright,
	#breadcrumbs, h1.page-title,
	#course-content, .node-training-course #roadmap h2, .node-training-course .related-course, .node-training-course .remark, .node-training-course .tag,
	.node-expert-page, .node-article, .view-articles, .view-faq-2015, .view-view-portfolio, #block-views-course-article-block-1,
	.view-register-public-2015, #block-views-register-public-2015-block, #register-inhouse-entityform-edit-form, #payment-entityform-edit-form,
	.view-training-course-2015 .view-filters, #block-views-faq-2015-block {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	.node-training-course .course-intro {
		padding-left: 40px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	#footer-area .column {
		margin: 0;
	}
}*/


.pr-banner {
	text-align: right;
}
.pr-banner img {
	max-width: 190px;
	background: #FFFFFF;
}


/** Layout **/
.row * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.col-33 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}
.col-33 {
	width: 33.33333333%;
}


/** Brochure Course **/
#brochure-course h2 {
	font-family: 'DB_Heavent_Regular';
    font-size: 2em;
    font-weight: normal;
	color: #1090c6;
	border-bottom: 1px solid #dadada;
    position: relative;
}
#brochure-course h2:after {
	content: "";
    display: block;
    width: 320px;
    height: 1px;
    background: #109ada;
    position: absolute;
    bottom: -1px;
}
.ih-item {
	position: relative;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	margin: 15px 0;
}
.ih-item a {
	color: #EEEEEE;
	text-decoration: none;
}
.ih-item a.download-brochure {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/*.ih-item a:hover {
	text-decoration: none;
}*/
/*.ih-item img {
	width: 100%;
	height: 100%;
}*/
/*.ih-item.square {
	position: relative;
	width: 316px;
	height: 216px;
	border: 8px solid #fff;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}*/
.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.ih-item.square.effect6 {
	overflow: hidden;
}
.ih-item.square.effect6.colored .info {
	background: #1a4a72;
	background: rgba(26, 74, 114, 0.6);
}
.ih-item.square.effect6.colored .info h3 {
	background: rgba(12, 34, 52, 0.6);
}
.ih-item.square.effect6 .img {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.ih-item.square.effect6 .info {
	background: #333333;
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info h3 {
	color: #FFFFFF;
	text-align: center;
	font-family: 'DB_Heavent_Med';
	font-weight: normal;
	font-size: 2em;
	line-height: normal;
	padding: 10px;
	background: #111111;
	margin: 30px 0 0 0;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.ih-item.square.effect6 .info p {
	font-family: 'DB_Heavent_Li';
	font-weight: normal;
	font-size: 1.6em;
	position: relative;
	color: #EEEEEE;
	/*padding: 20px 20px 20px;*/
	text-align: center;
	-webkit-transition: all 0.35s 0.1s linear;
	-moz-transition: all 0.35s 0.1s linear;
	transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6:hover .img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.ih-item.square.effect6:hover .info {
	visibility: visible;
	opacity: 1;
}
.ih-item.square.effect6.from_left_and_right .info h3 {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.ih-item.square.effect6.from_left_and_right .info p {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.ih-item.square.effect6.from_left_and_right:hover .info h3,
.ih-item.square.effect6.from_left_and_right:hover .info p {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

.ih-item.square.effect6 span {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	display: block;
	text-align: center;
	font-size: 2.4em;
	color: #FFFFFF;
	margin-top: 15px;
	-webkit-transition: all 0.35s 0.1s linear;
	-moz-transition: all 0.35s 0.1s linear;
	transition: all 0.35s 0.1s linear;
}
.ih-item.square.effect6:hover span {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-desktop:before {
  content: "\f108";
}
.fa-download:before {
  content: "\f019";
}


/** Google Convertion **/
iframe[name="google_conversion_frame"] {
	position: absolute;
	bottom: 0;
}

/*new-search-box-61-05-25*/
#views-exposed-form-search-page{
    background: #099ade;
    text-align: right;
}
#views-exposed-form-search-page .views-widget-filter-combine{
	padding:0 0;
}
#views-exposed-form-search-page .form-item {
	margin: 0;
}
#views-exposed-form-search-page #edit-keyword {
	border: none;
	margin: 0;
	/*width: 190px;*/
	width: 200px;
	height: 22px;
	padding: 5px;
	background: none;
	color: #ffffff;
	font-family: 'DB_Heavent_Regular';
    font-size: 1.5em;
    float: left;
}

#views-exposed-form-search-page input#edit-keyword[placeholder] {
	color: #FFFFFF;
}
#edit-keyword-wrapper label, #block-views-exp-search-page h2{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}
#views-exposed-form-search-page .form-submit {
    /*float:right;*/
}
#views-exposed-form-search-page .form-submit {
	background: url(../images/icon-search.png) #19b5fe center center no-repeat;
	background-size: 24px;
	border-radius: 0;
    border: none;
	width: 32px;
    height: 32px;
	margin: 0;
	padding: 0;
	/*display: block;*/
	font-size: 0;
	cursor: pointer;
	box-shadow: none;
}
#views-exposed-form-search-page .views-submit-button{
padding: 0 0;
}

/*view search result*/
.view-search .view-content .views-row-even,
.view-search .view-content .views-row-odd,
.view-search .view-content .views-row-first
{
    clear: both;
    margin: 0 0;
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
    height: auto;
    /* overflow: hidden; */
    position: relative;
    overflow:hidden;
}
.view-search .view-content .views-field-type{
    position: relative;
    float: left;
    display: block;
    margin-left: 200px;
}
.view-search .view-content p
,.view-search .view-content .views-field-title{
    position: relative;
    float: left;
    display: block;
	margin-left: 200px;
}
.view-search .view-content .views-field-title{
	width: 700px;
}
.view-search .view-content .views-field-field-images,
.view-search .view-content .views-field-field-course-image
{
    position: absolute;
    float: left;
    display: block;
    margin-top: 9px;
}
.view-search .view-content .views-field-field-images img,
.view-search .view-content .views-field-field-course-image img
{
    width: 180px;
    height: auto;
}

.view-search .view-content .views-field-field-images,
.view-search .view-content .views-field-field-course-image
{
    border: 5px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    max-width: 180px;
    max-height: 100px;
    overflow: hidden;
}
.view-search .view-content .views-field-title{
    margin-top: 5px;
    margin-left: -52px;
}
.view-search .view-content .views-field-title a{
    color: #1090c6;
    font-family: 'DB_Heavent_Med';
    font-size: 28px;
    font-weight: normal;
    text-decoration: none;
}
.view-search .view-content .views-field-title a:hover{
    text-decoration: underline;
}

  .view-search .view-content .views-field-type span{
      color: #fff;
  }

  .view-search .view-content .views-field-type .type-article::before {
    content: "\f040";
    font-family: 'FontAwesome';
    font-weight: normal;
    background: #26b8f6;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 10px 0 0;
    line-height: 40px;
    display: block;
    position: relative;
    float: left;
    font-size: 2.05em;
  }

  .view-search .view-content .views-field-type .type-couse::before {
    content: "\f0d0";
    font-family: 'FontAwesome';
    font-weight: normal;
    background: #fca102;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 -35px 0 0;
    line-height: 40px;
    display: block;
    position: relative;
    float: left;
    font-size: 2.05em;
  }

  .view-search .view-header h2{
      display: block;
      color:#1090c6;
      font-size: 14px;
      position: relative;
      float: left;
      width: 90px;
      margin-top: -2px;
  }
  .view-search .view-header .search-keyword {
    position: relative;
    display: block;
    float: left;
    margin-bottom: 5px;
    width: 100%;
  }

  /*bottom slide*/
  #block-views-slide-block #views_slideshow_cycle_main_slide-block_1{
	max-width:341px;
	position: relative;
	margin-left:335px;
  }
  /*bottom slide control*/
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom{
	/*display: none;*/
	margin-left:340px;
	margin-top:-40px;
	z-index: 10;
	position: relative;
  }
#block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text{
	color:#000;
	font-size: 20px;
}
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views_slideshow_controls_text_previous a{
	display: none;
  }
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-previous-processed:after{
	font-family: 'FontAwesome';
	content: "\f137";
  }
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views_slideshow_controls_text_next a{
	display: none;
  }
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-next-processed:after{
	font-family: 'FontAwesome';
	content: "\f138";
  }
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views_slideshow_controls_text_pause a{
	display: none;
  }
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-pause-processed:after{
	font-family: 'FontAwesome';
	content: "\f28b";
  }
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-pause-processed,
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-next-processed,
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-previous-processed{
  opacity: 0.1;
  text-decoration: none;
  transition: 0.5s;
  }
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-pause-processed:hover,
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-next-processed:hover,
  #block-views-slide-block .views-slideshow-cycle-processed .views-slideshow-controls-bottom .views_slideshow_controls_text .views-slideshow-controls-text-previous-processed:hover{
  opacity: 1;
  }
 #block-block-23{
	 display: block;
	 float: left;
	 position: relative;
	 margin-top: -237px;
	 margin-left: 0px;
 }
 #block-views-footer-2015-block-5 .view-footer-2015 ul li.line a:before {
    background: url("../images/top-line.png") center no-repeat;
            background-size: 30px auto;
            width: 30px;
            height: 30px;
    content: "";
    transition: 0.5s;
}
#block-views-footer-2015-block-5 .view-footer-2015 ul li.line a:hover:before{
    background: url("../images/top-line-hover.png") center no-repeat;
            background-size: 30px auto;
            width: 30px;
            height: 30px;
}


.view-id-search .view-header h2,.view-id-search .view-header .search-keyword p,.view-id-search .search-keyword,.view-id-search .view-header{
    /*font-family: 'DB_Heavent_Med';*/
    font-weight: bold;
}
.page-eform-submit-register-inhouse .pre-instructions{
	margin: 5px 0 0 0;
}
.form-actions {
    padding-top: 0px;
		margin-top: -0.6em;
}
.node-expert-page .field-type-image img{
width:100% !important;
}

/**slide**/
/* Slideshow container */
#highlight .slideshow-container {
    width: 100%;
		max-width: 1600px;
		margin: 5px auto;
    position: relative;
		top: -5px;
}

#highlight .mySlides {
  display: none;
  height: 400px;
  /*border: solid 1px black;*/

}

#highlight .prev,
#highlight .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: #222428;
    font-weight: bold;
    font-size: 30px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0
}

#highlight .next {
    right: 0px;
    border-radius: 3px 3px 3px 3px;
		top: 45%;
}

#highlight .prev {
    left: 0px;
    border-radius: 3px 3px 3px 3px;
		top: 45%;
}

#highlight .prev:hover,
#highlight .next:hover {
    color: #f2f2f2;
    background-color: rgba(0, 0, 0, 0.8)
}

#highlight .text {
    color: #f2f2f2;
    font-size: 15px;
    padding-top: 12px;
  padding-bottom: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background-color: #222428
}

#highlight .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

#highlight .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}

#highlight .active,
#highlight .dot:hover {
    background-color: #717171
}

/* Fading animation */
#highlight .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.6s;
  animation-name: fade;
  animation-duration: 1.6s;
}

@-webkit-keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}
/*view-project-course-landing-page*/
.view-project-course-landing-page{
	margin-top: 30px;
}
.view-project-course-landing-page .view-header strong{
	font-family: 'DB_Heavent_Regular';
	font-size: 2.8em;
	font-weight:600;
	left: 0;
	margin-top: 20px;
	color: #109ada;
	line-height: 1;
	margin-bottom: 15px;
	margin-bottom:20px;
}
.view-project-course-landing-page .view-header p{
	font-family: 'DB_Heavent_Regular';
	font-size: 1.9em;
	line-height: 1.4em;
	margin-left: 40px;
	width:91%;
	margin-top:10px
	margin-botom:40px;
}
.view-project-course-landing-page .view-header:before {
    content: open-quote;
    font-family: db_heavent_med;
    font-size: 98px;
		font-weight:100;
    left: 0;
    position: absolute;
    top: 20px;
    color: #109ada;
    line-height: 1;
}
.view-project-course-landing-page .view-header:after {
    content: close-quote;
    font-family: db_heavent_med;
    font-size: 0px;
    line-height: 0px;
    width: 1px;
    height: 1px;
    margin-top: -20px;
    position: absolute;
}

.view-project-course-landing-page .view-content{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-family: db_heavent_regular;
	margin-top: 32px;
}
.view-project-course-landing-page .views-row{
-webkit-flex: 0 0 28%;
flex: 0 0 28%;
max-width: 28%;
position: relative;
margin-right: 4%;
margin-bottom: 40px;
background-color: #f7fcff;
border: 1px solid #dbf4ff;
border-radius: 5px;
padding-bottom: 19px;
transition: .5s;
}
.view-project-course-landing-page .views-row:hover{
	-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.16);
	-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.16);
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.16);
}

.view-project-course-landing-page .views-field-title,
.view-project-course-landing-page .views-field-field-course-codes,
.view-project-course-landing-page .views-field-field-course-intro-mobile,
.view-project-course-landing-page .views-field-title-1{
 padding: 0 16px 0 16px;
}
.view-project-course-landing-page .views-field-field-course-image img{
	border: 1px solid #cccccc;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.view-project-course-landing-page .views-field-title h2{
    font-weight: 500;
    color: #109ada;
		line-height: 20px;
		margin-top: 11px;
}
.view-project-course-landing-page .views-field-title a{
    font-size: 1.5em;
	text-decoration: none;
	font-weight: 500;
	color: #109ada;
	transition: .5s;
}
.view-project-course-landing-page .views-field-title a:hover{
	text-decoration: underline;
}
.view-project-course-landing-page .views-field-field-course-intro-mobile{
	font-size: 1.5em;
    line-height: 0.9em;
    margin-top: 10px;
    margin-bottom: 10px;
		margin-bottom: 21px;
}
.view-project-course-landing-page .views-field-field-course-intro-mobile .field-content{
	padding: 0 35px 0 0px;
}
.view-project-course-landing-page .views-field-field-course-intro-mobile{
		width: 100%;
    height: 34px;
    overflow: hidden;
}
.view-project-course-landing-page .views-field-title-1{
	width: 100%;
	font-size: 1.5em;
}
/*.view-project-course-landing-page-2 .views-field-title-1 span:before{
	content: "...";
	margin-right: 5px;
	display: inline-block;
}*/
.view-project-course-landing-page .views-field-title-1 span a{
	background-color: #10cad6;
	box-shadow: 0 -3px 0 rgba(0,0,0,.3) inset;
	padding: 5px 15px;
	font-family: db_heavent_regular;
	color: #ffffff;
	font-size: 1em;
	transition: all .4s ease 0s;
	line-height: 1;
	width: 80px;
	transition: .5s;
	text-decoration: none;
}
.view-project-course-landing-page .views-field-title-1 span a:hover{
	background-color: #6beaee;
}
.view-project-course-landing-page .views-field-field-course-days{
  width:14%;
	display: inline-block;
	margin-left: 14px;
}
.view-project-course-landing-page .views-field-field-course-days .field-content{
	font-size: 1.4em;
	font-weight: 300;
	text-align: center;
	background-color: #33a0da;
	color: #ffffff;
	border-radius: 5px;
}
.view-project-course-landing-page .views-field-field-course-price{
 width:60%;
 display: inline-block;
}
.view-project-course-landing-page .views-field-field-course-price .field-content{
	font-size: 1.4em;
font-weight: 300;
text-align: center;
background-color: #f05125;
color: #ffffff;
border-radius: 5px;
width: 77px;
}
.node-type-expert-page .view-slick-article-slide-block .training_theme.field-article-related,
.node-type-expert-page .view-slick-article-slide-block .view-header
{
	width:940px;
}
.view-slick-article-slide-block .view-header h2 {
		font-family: 'DB_Heavent_Regular';
    font-size: 2em;
    font-weight: normal;
    color: #1090c6;
    margin: 10px 0;
    padding: 0;
    border-bottom: 1px solid #dadada;
    position: relative;
}
.view-slick-article-slide-block .view-header h2:after {
    content: "";
    display: block;
    width: 320px;
    height: 1px;
    background: #109ada;
    position: absolute;
    bottom: -1px;
}

/*fade*/
.fade-in {
animation: fadeIn ease 2s;
-webkit-animation: fadeIn ease 2s;
-moz-animation: fadeIn ease 2s;
-o-animation: fadeIn ease 2s;
-ms-animation: fadeIn ease 2s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

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

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

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

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

#sliderb_container{
	animation: fadeIn ease 2s;
	-webkit-animation: fadeIn ease 2s;
	-moz-animation: fadeIn ease 2s;
	-o-animation: fadeIn ease 2s;
	-ms-animation: fadeIn ease 2s;
}

/*quote*/
.quote01{
    position: relative;
    display:block;
    width:42px;
		height:4px;
}
.quote01:before{
	content: open-quote;
	font-family: db_heavent_med;
	font-size: 98px;
	font-weight: 100;
	position: relative;
	margin-top: 0px;
	margin-left:0px;
	color: #109ada;
	line-height: 0.7;
	width:40px;
}
.quote01:after{
	content: close-quote;
	font-family: db_heavent_med;
	font-size: 0px;
	line-height: 0px;
	width: 1px;
	height: 1px;
	margin-top: -20px;
	position: relative;
}
.ExpertPre {
/*display: block;*/
font-family: monospace;
white-space: pre;
margin: 1em 0;
font-size: 1em;
}
.ExpertPre .keyword {
	color: #035ACA !important;
}
div#block-block-71.block.block-block.contextual-links-region{
    margin-bottom:0;
}
div#block-block-71.block.block-block{
    margin-bottom:0;
}
.not-front #container {
    margin: 0px 0 0 0;
	}
	/* Style the Image Used to Trigger the Modal */
	#myImg {
		border-radius: 5px;
		cursor: pointer;
		transition: 0.3s;
	}

	#myImg:hover {opacity: 0.7;}

	/* The Modal (background) */
	.popmodal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 1; /* Sit on top */
		padding-top: 100px; /* Location of the box */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow: auto; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
	}

	/* Modal Content (Image) */
	.popmodal .modal-content {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 700px;
	}

	/* Caption of Modal Image (Image Text) - Same Width as the Image */
	.popmodal #caption {
		margin: auto;
		display: block;
		width: 80%;
		max-width: 566px;
		text-align: center;
		color: #ccc;
		padding: 10px 0;
		height: 150px;
	}

	/* Add Animation - Zoom in the Modal */
	.popmodal .modal-content, .popmodal #caption {
		animation-name: zoom;
		animation-duration: 0.6s;
	}

	@keyframes zoom {
		from {transform:scale(0)}
		to {transform:scale(1)}
	}

	/* The Close Button */
	.popmodal .close {
		position: absolute;
		top: 15px;
		right: 35px;
		color: #f1f1f1;
		font-size: 40px;
		font-weight: bold;
		transition: 0.3s;
	}

	.popmodal .close:hover,
	.popmodal .close:focus {
		color: #bbb;
		text-decoration: none;
		cursor: pointer;
	}

	/* 100% Image Width on Smaller Screens */
	@media only screen and (max-width: 1550px){
		.popmodal .modal-content {
			max-width: 500px;
		}
	}

	@media only screen and (max-width: 700px){
		.popmodal .modal-content {
			width: 100%;
		}
	}

	.YvideoWrapper {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}
	.YvideoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	/*new tootip*/
	/* START TOOLTIP STYLES */
	.mytootip{
		cursor:pointer;
	}	
[tooltip] {
	position: relative; /* opinion 1 */
  }
  
  /* Applies to all tooltips */
  [tooltip]::before,
  [tooltip]::after {
	text-transform: none; /* opinion 2 */
	font-size: .9em; /* opinion 3 */
	line-height: 1;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
  }
  [tooltip]::before {
	content: '';
	border: 5px solid transparent; /* opinion 4 */
	z-index: 1001; /* absurdity 1 */
  }
  [tooltip]::after {
	content: attr(tooltip); /* magic! */
	
	/* most of the rest of this is opinion */
	font-family: db_heavent_med;
	text-align: center;
	
	/* 
	  Let the content set the size of the tooltips 
	  but this will also keep them from being obnoxious
	  */
	min-width: 3em;
	max-width: 21em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 1ch 1.5ch;
	border-radius: .3ch;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: #333;
	color: #fff;
	z-index: 1000; /* absurdity 2 */
  }
  
  /* Make the tooltips respond to hover */
  [tooltip]:hover::before,
  [tooltip]:hover::after {
	display: block;
  }
  
  /* don't show empty tooltips */
  [tooltip='']::before,
  [tooltip='']::after {
	display: none !important;
  }
  
  /* FLOW: UP */
  [tooltip]:not([flow])::before,
  [tooltip][flow^="up"]::before {
	bottom: 100%;
	border-bottom-width: 0;
	border-top-color: #333;
  }
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::after {
	bottom: calc(100% + 5px);
  }
  [tooltip]:not([flow])::before,
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::before,
  [tooltip][flow^="up"]::after {
	left: 50%;
	transform: translate(-50%, -.5em);
  }
  
  /* FLOW: DOWN */
  [tooltip][flow^="down"]::before {
	top: 100%;
	border-top-width: 0;
	border-bottom-color: #333;
  }
  [tooltip][flow^="down"]::after {
	top: calc(100% + 5px);
  }
  [tooltip][flow^="down"]::before,
  [tooltip][flow^="down"]::after {
	left: 50%;
	transform: translate(-50%, .5em);
  }
  
  /* FLOW: LEFT */
  [tooltip][flow^="left"]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	left: calc(0em - 5px);
	transform: translate(-.5em, -50%);
  }
  [tooltip][flow^="left"]::after {
	top: 50%;
	right: calc(100% + 5px);
	transform: translate(-.5em, -50%);
  }
  
  /* FLOW: RIGHT */
  [tooltip][flow^="right"]::before {
	top: 50%;
	border-left-width: 0;
	border-right-color: #333;
	right: calc(0em - 5px);
	transform: translate(.5em, -50%);
  }
  [tooltip][flow^="right"]::after {
	top: 50%;
	left: calc(100% + 5px);
	transform: translate(.5em, -50%);
  }
  
  /* KEYFRAMES */
  @keyframes tooltips-vert {
	to {
	  opacity: .9;
	  transform: translate(-50%, 0);
	}
  }
  
  @keyframes tooltips-horz {
	to {
	  opacity: .9;
	  transform: translate(0, -50%);
	}
  }
  
  /* FX All The Things */ 
  [tooltip]:not([flow]):hover::before,
  [tooltip]:not([flow]):hover::after,
  [tooltip][flow^="up"]:hover::before,
  [tooltip][flow^="up"]:hover::after,
  [tooltip][flow^="down"]:hover::before,
  [tooltip][flow^="down"]:hover::after {
	animation: tooltips-vert 300ms ease-out forwards;
  }
  
  [tooltip][flow^="left"]:hover::before,
  [tooltip][flow^="left"]:hover::after,
  [tooltip][flow^="right"]:hover::before,
  [tooltip][flow^="right"]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
  }
  /*endtooltip*/