@charset "utf-8";
/* CSS Document */
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, 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, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

.left { float: left; }

.right { float: right; }

.clear{clear:both}
/************
    Global
 ************/
div#content { min-height: 300px; padding: 20px 0;margin:0 auto; background: #ffffff; background: -moz-linear-gradient(top, #dbdbdb 30%,#e7e7e7 98%,#ebebeb 99%,#ffffff 100%); background: -webkit-linear-gradient(top, #dbdbdb 30%,#e7e7e7 98%,#ebebeb 99%,#ffffff 100%); background: -o-linear-gradient(top, #dbdbdb 30%,#e7e7e7 98%,#ebebeb 99%,#ffffff 100%); background: -ms-linear-gradient(top, #dbdbdb 1%,#e7e7e7 3%,#ebebeb 5%,#ffffff 30%); background: linear-gradient(to bottom, #dbdbdb 1%,#e7e7e7 3%,#ebebeb 5%,#ffffff 30%); }
div#content h2.title {
  margin: 10px 0 20px 0;
  font-family: "ff-din-web" , Arial, Sans-Serif;
  font-size: 28px;
  font-weight: 600;
  color: #54575b;
  line-height: 1.25;
}
.tpl_main .line-sep {
    float: left;
    border-right: 1px solid #dedede;
    width: 1px;
    height: 258px;
}
div.tpl_main .breadcrumb>li+li:before {
content: ">\00a0";
}
div.tpl_main .breadcrumb{background:none !important;color:#FFF}
div.tpl_main .breadcrumb a{color:#FFF}
div.tpl_main  .documentation-box{background-color: rgba(0, 0, 0, 0.5);margin:138px 0 0 40px;}
.header-container h1 {
    font-size: 30px;
    line-height: 1.25;
	color:#fff;
	padding:10px 15px 0px;
	font-family:"Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",sans-serif;
}
body.template div#overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9; background: rgba(0,0,0,0.6); }
.mb20 {margin: 20px auto;}
.lh34 {line-height: 34px;}
.pl0 {padding-left: 0 !important;}
.pr0{padding-right:0 !important;}
.line-x {
width: 95%;
height: 0px;
border-top: 1px #f0f0f0 solid;
}
.topbanner {
    width: 100%;
	min-height:400px;
	height:auto !important;
	padding-bottom:40px
}
.breadcrumb > .active {
    color: #009CDE !important;
}
@media(max-width:767px){
	div.tpl_main  .documentation-box{background-color: rgba(0, 0, 0, 0.5);margin:48px 0 0 40px;}
}
@media all and (max-width: 989px) {
	.small_side{
		clear:both;
		border-top: 1px solid #dedede;
		padding-top:15px;
	}
	div.tpl_main  .documentation-box{background-color: rgba(0, 0, 0, 0.5);margin:48px 0 0 40px;}
	
}
div#content div.video-preview{float:left;display: inline;width:38%}

div#content div.video-preview a { position: relative;display: block;}

div#content div.video-preview span {
    position: absolute;	left: 110px; bottom: -100px; background: url("../Images/video_play_icon.png") no-repeat scroll 0% 0% transparent; height: 44px; width: 44px; overflow: hidden;}

div#content div.video-preview a:hover span {background: url('../Images/video_play_icon_h.png') no-repeat;}
div#content div.video-preview_r{float:left;width:62%;padding-left:15px;}

@media(max-width:767px){
	div#content div.video-preview{width:auto}
	div#content div.video-preview_r{width:100%;padding-left:0px;}
	div#content div.video-preview span{bottom: 50px;}
}
.v2course {padding-left: 100px;}
.v2course_item {position: relative;padding: 10px 0px 16px 10px;border-left: 4px solid #FB7A33;}
.v2course_yera {position: absolute;width: 86px;height: 54px;top: 0px;left: -83px;color: #FFF;line-height: 54px;font-size: 14px;padding-left: 10px;font-weight: 700;}
.v2course_yera {background-image: url("../Images/bghis.png");}
.v2course_box {background: none repeat scroll 0% 0% #E1E0DC;padding: 15px;width: 100%;}
div.view .sideleftnav{
	  position: -webkit-sticky;
	  position: -ms-sticky;
	  position: -o-sticky;
	  position: sticky;
	  top: 125px;
	  font-weight:700;
	  color:#767676;
	  padding: 0;
	}
@media (min-width:992px){
	.sideleftnav{
		width:213px
	}
}
@media (min-width:1200px){
	.sideleftnav{
		width:263px
	}
}
.sideleftnav ul {
	margin-top:0px;
	margin-bottom:20px;
	border-bottom:0
}
.sideleftnav ul li{
	background:#767676 !important;
	line-height:30px;
}
.sideleftnav .nav > li > a:hover{
	border:none;
	border-left:3px solid #563d7c;
	border-right:3px solid #563d7c;
	color:#563d7c;
}
.sideleftnav ul li a{
	display:block;
	padding:4px 20px;
	font-size:13px;
	font-weight:700;
	color:#fff
}
.sideleftnav ul li.active a, .sideleftnav ul li.active a:hover{
	padding-left:19px;
	color:#fff;
	text-decoration:none;
	background:#0b4da3 !important;
	border-radius:0;
	font-weight:700;
	border:none;
}
div.video_wrap {
	max-width: 990px;
	margin: 0px auto;
	padding: 0 20px 20px 0;
}
.video_inner {
	position: relative;
	height: 0px;
	margin: 0px 0px 20px;
	padding: 0px 0px 56.25%;
}
.video_inner object,.video_inner embed{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
div.view table td,div.view table td p,div.view table td p img{vertical-align: middle;}
.accordion {width: 100%;background: #3992d0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
.leftsidebar_box ul {margin:0px !important;list-style:none !important}
.accordion .link {cursor: pointer;display: block;padding: 15px;color: #4D4D4D;font-size: 14px;font-weight: 700;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border-bottom: 1px solid #CCC;}
.accordion .link a{color:#f5f5f5;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #f5f5f5;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li.open i {color: #002984;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.leftsubmenu {display: none;background: #444359;font-size: 14px;}
.leftsubmenu li {border-bottom: 1px solid #4b4a5e;}
.leftsubmenu a {display: block;text-decoration: none;color: #009CDE;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;}
.leftsubmenu a:hover {background: #5B86A9;color: #FFF;}
.accordion li.active{color:#009CDE;font-weight:700;border-left:3px solid #009CDE;border-right:3px solid #009CDE; background:#dedede;}
.accordion div.active a{color:#002984;}
 /************
    header
 ************/
.navbar{position: fixed !important;top:0;padding-top:20px;padding-bottom:5px;border-radius:0;margin: 0px auto;z-index: 11; width: 100%;background: rgba(255,255,255,0.95); background: -moz-linear-gradient(top, rgba(254,254,254,0.95) 0%, rgba(251,251,251,0.95) 24%, rgba(235,235,235,0.95) 100%); background: -webkit-linear-gradient(top, rgba(254,254,254,0.95) 0%,rgba(251,251,251,0.95) 24%,rgba(235,235,235,0.95) 100%); background: -o-linear-gradient(top, rgba(254,254,254,0.95) 0%,rgba(251,251,251,0.95) 24%,rgba(235,235,235,0.95) 100%); background: -ms-linear-gradient(top, rgba(254,254,254,0.95) 0%,rgba(251,251,251,0.95) 24%,rgba(235,235,235,0.95) 100%); background: linear-gradient(to bottom, rgba(254,254,254,0.95) 0%,rgba(251,251,251,0.95) 24%,rgba(235,235,235,0.95) 100%);min-height:88px !important;}
.navbar div#utility{ margin:0;}
.navbar div#utility a{ color: #54575b;font-family: "ff-din-web" , Arial, Sans-Serif ; font-size: 12px;}
.navbar div#utility_s ul li{display:inline-block;margin: 0 15px 0 0;}

.navbar .navbar-collapse{margin-right:-20px;}
.navbar .navbar-header{width:100%;padding-left:0;}
.navbar .navbar-brand{padding:10px 0}
@media all and (min-width: 768px) and (max-width: 989px) {
.navbar .navbar-brand a{display:inline-block;margin-left:15px;margin-right:15px;width:120px;height:42px;line-height:88px;background-repeat:no-repeat;background-image:url('../Images/logo-mobile.png')}
.navbar-fixed-top .navbar-collapse{margin-right:0;}
.navbar div#utility_s{display:none!important}
.navbar div#utility{display:block!important}
}
@media(min-width: 990px){
.navbar .navbar-brand a{display:inline-block;margin-left:15px;margin-right:15px;width:120px;height:42px;line-height:88px;background-repeat:no-repeat;background-image:url('../Images/logo-mobile.png')}
.navbar div#utility_s{display:none!important}
.navbar div#utility{display:block!important}
}
@media all and (min-width: 1280px) {
.navbar .navbar-brand a{display:inline-block;margin-left:15px;margin-right:15px;padding-left:15px;width:263px;height:60px;line-height:88px;background-repeat:no-repeat;background-image:url('../Images/logo.png')}
.navbar div#utility_s{display:none!important}
.navbar div#utility{display:block!important}
}
@media(max-width:767px){
.navbar .navbar-brand a{display:inline-block;margin-left:15px;margin-right:15px;width:120px;height:42px;line-height:88px;background-repeat:no-repeat;background-image:url('../Images/logo-mobile.png')}
.navbar{padding-top:10px;padding-bottom:10px}
.navbar .navbar-brand{margin-top:-10px;}
.navbar-fixed-top .navbar-collapse{float:none!important;width:100%;}
.navbar .navbar-collapse ul{float:none!important}
.navbar div#utility{display:none!important}
.navbar div#utility_s{display:inline-block!important}
.navbar .navbar-header{margin-left:0 !important;margin-right:0 !important}
li.dropdown0 a.dropdown-toggle{font-size:18px;}
.navbar-brand{padding:5px 15px}
.navbar-nav > li > a {
    padding: 7px 15px !important;
}
}
.navbar .navbar-toggle{border:1px solid #ddd;margin-right:0;-webkit-transition:opacity 250ms;transition:opacity 250ms}
.navbar .navbar-toggle .icon-bar{background-color:#ccc}
.navbar .nav{padding-top:5px}
.navbar .nav li{text-transform:uppercase;font-size:12px;font-weight:500;position:static;}
.navbar .nav li a,.navbar .nav li a:visited{color:#009CDE;}
.navbar .nav li a:hover{color:#009CDE; text-decoration:underline}
.navbar .nav .fbtn{width:84px;margin-top:4px;margin-left:15px}
.sep a{background:none!important}
.navbar div.dropdown1 { display: none; }
.navbar p { margin: 0 0 5px 0; }
/* SEARCH BOX */
.search_box{
	position:relative;
}
.search_box i.fa-search{
	position: absolute;
	top: 50%;
	margin-top: -11px;
	right: 5px;
	color: rgb(196, 196, 196);
	font-size: 20px;
	cursor:pointer;
}
.search_box input{
	padding-right:30px;
}

.navbar p.right { font-family: "ff-din-web" , Arial, Sans-Serif; font-weight: 600; text-align: right; }

.navbar p.overview { font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 28px; font-weight: normal; line-height: 1.25; }

.navbar p.overview.small { font-size: 18px; }

.navbar p.featured { margin-bottom: 2px; font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 18px; font-weight: 600; text-transform: uppercase; }

.navbar p.date { margin-bottom: 10px; font-size: 13px; text-transform: uppercase; }
.navbar .caret,.navbar .dropdown-menu{ display: none;}

.navbar .caret{
	width:0;
	height:0;
	margin-left:2px;
	vertical-align:middle;
	border-top:4px solid #009CDE;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	border-bottom:0 dotted;
	content:"";
	color:#009CDE
}
ul.calls-to-action h3,div.tiles h3 {
    font-family: "ff-din-web",Arial,sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #54575B;
	line-height: 1.25;
	margin-top:0;
	margin-bottom:0;
}
@media all and (max-width: 767px){
	.navbar .topnav{background:none repeat scroll 0% 0% #2E4051}
	.navbar div.dropdown1{ display: block;}
	.navbar div.dropdown1 .left,.navbar div.dropdown1 .calls-to-action,.navbar div.dropdown1 .right{ display: none;}
	.navbar .dropdown-menu{ display: block;}
	.navbar .caret{ display:inline-block;color:#009CDE}
	.navbar div.dropdown1 .active1{ display: block;}
	div.topnav div.dropdown1 div.right { width: 99%;}
	div.topnav div.dropdown1 div.column { float: left; width: 33.3333%; padding: 0 0 10px 0; }
}
@media all and (min-width: 768px){
	div.topnav ul.primaryNav { position: relative; float: right;padding: 0; }

    div.topnav ul.primaryNav > li { float: left; }

    div.topnav ul.primaryNav > li > a { display: block; padding: 9px 11px 9px 11px; font-family: "ff-din-web" , Arial, Sans-Serif; font-weight: 600; font-size: 16px; }

    div.topnav ul.primaryNav > li > a:hover { text-decoration: none; }

    div.topnav ul.primaryNav > li:hover > a, div.topnav ul.primaryNav > li.hover > a { position: relative; z-index: 2; background: #009cde; color: #fff; }

    div.topnav ul.primaryNav > li:hover div.dropdown1, div.topnav ul.primaryNav > li.hover div.dropdown1 { display: block; position: absolute; top: 38px; right: 0; z-index: 1; }

    div.topnav div.dropdown1 { position: absolute; top: 44px; right: 0; z-index: -1; width: 840px; -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.4); padding: 25px; border-top: solid 3px #009cde; background: #f4f5f4; background: -moz-linear-gradient(60deg, #f4f5f4 0%, #e9e9e9 42%, #e9e9e9 100%, #f0f0f0 100%); background: -webkit-linear-gradient(60deg, #f4f5f4 0%,#e9e9e9 42%,#e9e9e9 100%,#f0f0f0 100%); background: -o-linear-gradient(60deg, #f4f5f4 0%,#e9e9e9 42%,#e9e9e9 100%,#f0f0f0 100%); background: -ms-linear-gradient(60deg, #f4f5f4 0%,#e9e9e9 42%,#e9e9e9 100%,#f0f0f0 100%); background: linear-gradient(60deg, #f4f5f4 0%,#e9e9e9 42%,#e9e9e9 100%,#f0f0f0 100%); font-size: 13px; }

    div.topnav div.dropdown1 > div > div.left { width: 40%; margin: 0 2% 0 0; }

    div.topnav div.dropdown1 > div > div.right { width: 56%; }

    div.topnav div.dropdown1 p.overview { margin: 0 0 20px -25px; padding: 50px 25px; }

    div.topnav div.dropdown1 div.column { float: left; width: 33.3333%; padding: 0 0 20px 0; }

    div.topnav div.dropdown1 div.column h4 { margin-bottom: 10px; font-weight:600; font-family:"ff-din-web",Arial,sans-serif;font-size:16px;}

    div.topnav div.dropdown1 div.column h4 a { color: #54575b; font-weight:600; font-family:"ff-din-web",Arial,sans-serif; font-size:16px; }

    div.topnav div.dropdown1 div.column h4, div.topnav div.dropdown1 div.column ul { padding: 0 2% 0 0; }

    div.topnav div.dropdown1 div.column ul > li { margin: 0 0 6px 0; }

    div.topnav div.dropdown1 ul.calls-to-action { border-top: solid 1px #d5d8d8; padding: 20px 0 0 0; }

    div.topnav div.dropdown1 ul.calls-to-action > li { position: relative; float: left; width: 49%; font-size: 14px; }

    div.topnav div.dropdown1 div.left ul.calls-to-action > li { width: 100%; }

    div.topnav div.dropdown1 ul.calls-to-action > li:hover { background: #fcfcfb; background: -moz-linear-gradient(top, #fcfcfb 0%, #ededed 100%); background: -webkit-linear-gradient(top, #fcfcfb 0%,#ededed 100%); background: -o-linear-gradient(top, #fcfcfb 0%,#ededed 100%); background: -ms-linear-gradient(top, #fcfcfb 0%,#ededed 100%); background: linear-gradient(to bottom, #fcfcfb 0%,#ededed 100%); }

    div.topnav div.dropdown1 ul.calls-to-action > li img { float: left; width: 176px; height: 102px; margin: 15px -191px 0 15px; }

    div.topnav div.dropdown1 ul.calls-to-action > li div.content { min-height: 102px; padding: 15px 15px 15px 206px; }

    div.topnav div.dropdown1 ul.calls-to-action > li div.content :last-child { margin-bottom: 0; }
}
@media all and (min-width: 768px) and (max-width: 989px) {
    div.topnav div.dropdown1 { position: absolute; top: 44px; right: 0; z-index: -1; width: 780px; -webkit-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.4); padding: 25px; border-top: solid 3px #009cde; background: #f4f5f4; background: -moz-linear-gradient(60deg, #f4f5f4 0%, #e9e9e9 42%, #e9e9e9 100%, #f0f0f0 100%); background: -webkit-linear-gradient(60deg, #f4f5f4 0%,#e9e9e9 42%,#e9e9e9 100%,#f0f0f0 100%); background: -o-linear-gradient(60deg, #f4f5f4 0%,#e9e9e9 42%,#e9e9e9 100%,#f0f0f0 100%); background: -ms-linear-gradient(60deg, #f4f5f4 0%,#e9e9e9 42%,#e9e9e9 100%,#f0f0f0 100%); background: linear-gradient(60deg, #f4f5f4 0%,#e9e9e9 42%,#e9e9e9 100%,#f0f0f0 100%); font-size: 13px; }
}
.navbar div#utility input#search_query:focus { outline-color: #7bc6e5; }
@media all and (max-width: 989px) {
     .navbar div#utility input#search_query { width: 165px; }
}

@media all and (min-width: 360px) and (max-width: 989px) {
    .navbar div#utility input#search_query { width: 205px; }
}

@media all and (min-width: 480px) and (max-width: 989px) {
    .navbar div#utility input#search_query { width: 305px; }
}
@media all and (min-width: 990px){
	.navbar div#utility input#search_query {width: 255px;}

	.navbar div#utility input#search_query:focus { width: 305px; }
	

}


/****************
    Brand Tile
 ****************/

div#brandTile { background: url('../Images/sprite-vertical-backgrounds.png') repeat left -3200px; }

div#brandTile div.background { background-position: center center; background-repeat: no-repeat; }

.template div#brandTile div.tiles div.container { padding: 0; }
@media all and (max-width: 767px){
	div#brandTile{margin-top:88px;}
	div#brandTile .tiles ul{margin-bottom:0px !important;}
	div#brandTile div.background.full { background: none !important; }

    div#brandTile div.brand-tile-content { padding: 15px 0; }
	div#brandTile div.container{width:100%}
	div.header-container{
		margin: 88px 0px 0px !important;
	}
	.topbanner {
		height:auto !important;
		min-height:300px !important;
	}
}
@media all and (min-width: 768px) and (max-width: 989px) {
    
	div.container{width:100%}
	
	div#brandTile .tiles ul{margin-bottom:0px !important;}
	div#brandTile div.background.full { background: none !important; }

    div#brandTile div.brand-tile-content { padding: 20px 0; }
	div#brandTile div.container{width:100%}
	div.header-container{
		margin: 88px 0px 0px !important;
	}
	.topbanner {
		height:auto !important;
		min-height:300px !important;
	}
}

@media all and (min-width: 990px) {
    div#brandTile div.background { background-size: cover; }

    div#brandTile div.brand-tile-content { padding: 108px 0 20px; }

    div#brandTile.background-image div.brand-tile-content { min-height: 347px; }

    div#brandTile.background-image.small div.brand-tile-content { min-height: 156px; }

    div#brandTile div.brand-tile-content div.container { position: relative; height: 100%; }
}

@media all and (min-width: 1280px) {
    div#brandTile div.background { background-size: auto; }

    div#brandTile.background-image div.brand-tile-content { min-height: 472px; }
}

/*************
    Nav Bar
 *************/

.template ul.nav-bar { position: relative; clear: both; margin: 0px -15px 40px; line-height: 1.25; background: -moz-linear-gradient(top, #626569 0%, #55585a 23%, #2a2b2c 71%, #212121 84%, #181818 100%); background: -webkit-linear-gradient(top, #626569 0%,#55585a 23%,#2a2b2c 71%,#212121 84%,#181818 100%); background: -o-linear-gradient(top, #626569 0%,#55585a 23%,#2a2b2c 71%,#212121 84%,#181818 100%); background: -ms-linear-gradient(top, #626569 0%,#55585a 23%,#2a2b2c 71%,#212121 84%,#181818 100%); background: linear-gradient(to bottom, #626569 0%,#55585a 23%,#2a2b2c 71%,#212121 84%,#181818 100%); font-size: 14px; color: #d9d9d9; }

.template ul.nav-bar li { position: relative; }

.template ul.nav-bar li:hover, .template ul.nav-bar li.highlight { background: rgba(255, 255, 255, 0.1) !important; }

.template ul.nav-bar li > div { display: table; height: 90px; width: 100%; }

.template ul.nav-bar li a { display: table-cell; height: 60px; padding: 15px; vertical-align: middle; color: #d9d9d9; }

.template ul.nav-bar li a:hover{ text-decoration: none; }

.template ul.nav-bar.three li a { padding-left: 168px; text-decoration: none;}

.template ul.nav-bar.four li a, .template ul.nav-bar.five li a { padding-left: 80px; }

.template ul.nav-bar.four li a { padding-left: 168px; text-decoration: none;}

.template ul.nav-bar li a h5 { color: #d9d9d9; }

.template ul.nav-bar li a p { margin: 0; }

.template ul.nav-bar li a img { position: absolute; left: 15px; margin: 0; }

.template ul.nav-bar.three li a img { top: 0; width: 125px; height: 71px; border:1px solid #d4d4d4;margin:9px;}

.template ul.nav-bar.four li a img, .template ul.nav-bar.five li a img { top: 20px; }

.template ul.nav-bar.four li a img, .template ul.nav-bar.five li a img { width: 55px; height: 47px; }

.template ul.nav-bar.four li a img { top: 0; width: 125px; height: 71px; border:1px solid #d4d4d4;margin:9px;}

@media all and (min-width: 767px){
	.template ul.nav-bar.three li { width: 33.33%; }
	.template ul.nav-bar li { float: left; height: 90px; overflow: hidden; background: none; }
}

@media all and (min-width: 990px) {
    .template ul.nav-bar { -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4); }

    .template ul.nav-bar li { float: left; height: 90px; overflow: hidden; background: none; }

    .template ul.nav-bar.three li { width: 33.33%; }

    .template ul.nav-bar.four li { width: 25%; }

    .template ul.nav-bar.five li { width: 20%; }

    .template ul.nav-bar li a p { display: none; }
}

@media all and (min-width: 1280px) {
    .template ul.nav-bar li, .template ul.nav-bar li > div { height: 105px; }

    .template ul.nav-bar li a { height: 65px; padding: 20px; outline: 0; }

    .template ul.nav-bar.four li a, .template ul.nav-bar.five li a { padding-left: 105px; }
    
    .template ul.nav-bar.four li a { padding-left: 168px; text-decoration: none;}

    .template ul.nav-bar.three li a img { top: 7px; }

    .template ul.nav-bar.four li a img, .template ul.nav-bar.five li a img { left: 20px; width: 70px; height: 60px; }
    .template ul.nav-bar.four li a img { top: 0; width: 125px; height: 71px; border:1px solid #d4d4d4;margin:9px;}
    
    .template ul.nav-bar.four li a img { top: 7px; }

    .template ul.nav-bar li a p { display: block; }
}

/************
    Colors
 ************/

.gradient-blue, .gradient-green, .gradient-magenta, .gradient-orange, .gradient-red, .gradient-teal { color: #fff !important; }

.gradient-blue h1, .gradient-green h1, .gradient-magenta h1, .gradient-orange h1, .gradient-red h1, .gradient-teal h1 { color: #fff !important; }

.gradient-blue h2, .gradient-green h2, .gradient-magenta h2, .gradient-orange h2, .gradient-red h2, .gradient-teal h2 { color: #fff !important; }

.gradient-blue h3, .gradient-green h3, .gradient-magenta h3, .gradient-orange h3, .gradient-red h3, .gradient-teal h3 { color: #fff !important; }

.gradient-blue h4, .gradient-green h4, .gradient-magenta h4, .gradient-orange h4, .gradient-red h4, .gradient-teal h4 { color: #fff !important; }

.gradient-blue h5, .gradient-green h5, .gradient-magenta h5, .gradient-orange h5, .gradient-red h5, .gradient-teal h5 { color: #fff !important; }

.gradient-blue a, .gradient-green a, .gradient-magenta a, .gradient-orange a, .gradient-red a, .gradient-teal a { color: #fff !important; }

.gradient-gray, .gradient-gray h1, .gradient-gray h2, .gradient-gray h3, .gradient-gray h4, .gradient-gray h5, .gradient-gray a, .template a.button.gradient-gray { color: #54575b !important; }

.color-blue { color: #44c0f5 !important; }

.gradient-blue {background: -moz-linear-gradient(60deg, rgba(0,156,222,0.9) 0%, rgba(35,97,146,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(0,156,222,0.9) 0%,rgba(35,97,146,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(0,156,222,0.9) 0%,rgba(35,97,146,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(0,156,222,0.9) 0%,rgba(35,97,146,0.9) 100%) !important; background: linear-gradient(60deg, rgba(0,156,222,0.9) 0%,rgba(35,97,146,0.9) 100%) !important; }

.color-gray { color: #d9d9d9 !important; }

.gradient-gray {background: -moz-linear-gradient(60deg, rgba(217,217,217,0.9) 0%, rgba(200,201,199,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(217,217,217,0.9) 0%,rgba(200,201,199,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(217,217,217,0.9) 0%,rgba(200,201,199,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(217,217,217,0.9) 0%,rgba(200,201,199,0.9) 100%) !important; background: linear-gradient(60deg, rgba(217,217,217,0.9) 0%,rgba(200,201,199,0.9) 100%) !important; }

.color-green { color: #82b804 !important; }

.gradient-green {background: -moz-linear-gradient(60deg, rgba(132,189,0,0.9) 0%, rgba(76,140,43,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(132,189,0,0.9) 0%,rgba(76,140,43,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(132,189,0,0.9) 0%,rgba(76,140,43,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(132,189,0,0.9) 0%,rgba(76,140,43,0.9) 100%) !important; background: linear-gradient(60deg, rgba(132,189,0,0.9) 0%,rgba(76,140,43,0.9) 100%) !important; }

.color-magenta { color: #b0008e !important; }

.gradient-magenta {background: -moz-linear-gradient(60deg, rgba(176,0,142,0.9) 0%, rgba(131,49,119,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(176,0,142,0.9) 0%,rgba(131,49,119,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(176,0,142,0.9) 0%,rgba(131,49,119,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(176,0,142,0.9) 0%,rgba(131,49,119,0.9) 100%) !important; background: linear-gradient(60deg, rgba(176,0,142,0.9) 0%,rgba(131,49,119,0.9) 100%) !important; }

.color-orange { color: #f1b434 !important; }

.gradient-orange { background: -moz-linear-gradient(60deg, rgba(241,180,52,0.9) 0%, rgba(229,114,0,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(241,180,52,0.9) 0%,rgba(229,114,0,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(241,180,52,0.9) 0%,rgba(229,114,0,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(241,180,52,0.9) 0%,rgba(229,114,0,0.9) 100%) !important; background: linear-gradient(60deg, rgba(241,180,52,0.9) 0%,rgba(229,114,0,0.9) 100%) !important; }

.color-red { color: #f3658c !important; }

.gradient-red { background: -moz-linear-gradient(60deg, rgba(188,32,75,0.9) 0%, rgba(145,47,70,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(188,32,75,0.9) 0%,rgba(145,47,70,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(188,32,75,0.9) 0%,rgba(145,47,70,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(188,32,75,0.9) 0%,rgba(145,47,70,0.9) 100%) !important; background: linear-gradient(60deg, rgba(188,32,75,0.9) 0%,rgba(145,47,70,0.9) 100%) !important; }

.color-teal { color: #00bbb2 !important; }

.gradient-teal { background: -moz-linear-gradient(60deg, rgba(0,133,125,0.9) 0%, rgba(0,94,93,0.9) 100%) !important; background: -webkit-linear-gradient(60deg, rgba(0,133,125,0.9) 0%,rgba(0,94,93,0.9) 100%) !important; background: -o-linear-gradient(60deg, rgba(0,133,125,0.9) 0%,rgba(0,94,93,0.9) 100%) !important; background: -ms-linear-gradient(60deg, rgba(0,133,125,0.9) 0%,rgba(0,94,93,0.9) 100%) !important; background: linear-gradient(60deg, rgba(0,133,125,0.9) 0%,rgba(0,94,93,0.9) 100%) !important; }
/************
    Footer
 ************/

.bs-footer div#footer-top { padding: 30px 0; background: #4c4d4f url('../Images/footer_top_bg.png') repeat-x left top; font-size: 12px; }
.bs-footer .copyright ul li { float: left; margin: 0 10px 0 0; display:inline;}
.bs-footer .copyright ul li a{color:#999;font-size: 10px;}
.bs-footer .copyright ul li a:hover{text-decoration:underline;}
.bs-footer h5 {font-family: Arial, Sans-Serif; color: #d4d4d4;font-weight: bold; line-height:20px;}
.bs-footer h5 .small{color: #D4D4D4;}
.footer-links {
	MARGIN: 10px 0px; PADDING-LEFT: 0px
}
.footer-links LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; LIST-STYLE-IMAGE: none; PADDING-TOP: 8px
}
.footer-links A {
	COLOR: #999; FONT-SIZE: 12px; FONT-WEIGHT: normal; TEXT-DECORATION: none
}
.footer-links A:hover {
	TEXT-DECORATION:underline
}
.bs-footer h5 a { color: #d4d4d4;font-weight: bold; font-size: 14px;}
.bs-footer h5 a:hover { text-decoration: none; color: #009cde; }
.footer-legal {
	FLOAT: right;
}
.bs-footer div#footer-bottom { padding: 15px 0; background: #333433 url('../Images/sprite-vertical-backgrounds.png') repeat-x left -1600px; font-size: 12px; }


div#footer { color: #999; }

div#footer a { color: #999; }

div#footer-top { padding: 30px 0; background: #4c4d4f url('../Images/footer_top_bg.png') repeat-x left top; font-size: 12px; }

div#footer-top div.section { float: left; width: 60%; margin: 0 0 25px 0; }

div#footer-top div.section ul li { margin: 0 0 5px 0; }



div#footer-bottom div.left { float: none; display: inline-block; }

div#footer-bottom div.left p { float: left; margin: 0 10px 0 0; }

div#footer-bottom div.left ul { float: left; }

div#footer-bottom div.left ul li { float: left; margin: 0 10px 0 0; }

div#footer-bottom div.left ul li.last { margin-right: 0; }

div#footer-bottom p { margin: 0; }

@media all and (min-width: 480px) and (max-width: 989px) {
     div#footer-top div.section { float: left; width: 95%; margin: 0 0 25px 0; }
}
@media all and (min-width: 990px) {
    div#footer-top div.container { position: relative; }

    div#footer-top div.section { width: 9%; margin: 0 3% 0 0; }
	
	div#footer-top div.col-lg-1,div#footer-top div.col-md-1 { width: 11%;}

    div#footer-bottom div.left { padding-top: 7px; }
}

@media all and (min-width: 1280px) {
    div#footer-top div.section { width: 9%; max-width: 240px; margin: 0 3% 0 0; }
	div#footer-top div.col-lg-1,div#footer-top div.col-md-1 { width: 11%;}
}

/***********************
    Tabbed Navigation
 ***********************/
div.tbsite-tab{
	position:relative;
	top:-67px
}

div.tbsite-tab ul.nav-tabs { display: none; }

@media all and (min-width: 990px) {
	div.tbsite-tab ul.nav-tabs { display: block; float: left; clear: both; list-style: none; margin: 0; padding: 0; }

	div.tbsite-tab ul.nav-tabs li { float: left; margin: 0 5px 0 0; padding: 0; border: solid 1px #d5d8d8; border-bottom: none; font-family: "ff-din-web" , Arial, Sans-Serif; font-size: 18px; font-weight: 600; color: #54575b; line-height: 1; background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%); background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%); }

	div.tbsite-tab ul.nav-tabs li:hover { background: #e2e2e2;background: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 100%); background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); background: -o-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%); background: linear-gradient(to bottom,  #e2e2e2 0%,#ffffff 100%); }

	div.tbsite-tab ul.nav-tabs li.active { background: #fff !important; }

	div.tbsite-tab ul.nav-tabs li a { display: block; padding: 10px 20px; color: #54575b; border:none;}

	div.tbsite-tab ul.nav-tabs li a:hover { text-decoration: none;  border:none;}
	
	div.tbsite-tab ul.nav-tabs li.active a { border:none;}
}

@media all and (min-width: 1280px) {
	div.tbsite-tab ul.nav-tabs { margin-top: 0; }
}
/****Pages***/
.pages{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	font-size: 13px;
	font-family: "microsoft yahei";
	}
.pages a{
	padding:4px 10px;
	border:#009CDE 1px solid;
	color:#009CDE;
	font-family:"microsoft yahei";
	margin-left:10px;
	}
.pages span{
	padding:5px 10px;
	background:#009CDE;
	color:#FFF;
	font-family:"microsoft yahei";
	margin-left:10px;
	}