@charset "utf-8"; 



.bright {

	background: #d0dde5

		url("https://cdn-www.liveinau.com/images/bg_pg-main.jpg") no-repeat

		center top;

	background-size: 100% auto

}



.bright-w {

	background: #fff

}



.breadcrumb {

	padding: 15px;

	margin-bottom: 20px;

	list-style: none;

	background-color: #f5f5f5;

	border-radius: 4px

}



.breadcrumb {

	background-color: transparent

}



.breadcrumb>li {

	font-weight: 300;

	font-size: 12px;

	float: left

}



.breadcrumb>li.active {

	color: #2eaadc

}



.breadcrumb>li+li:before {

	font-family: sans-serif;

	content: ">";

	font-size: 9px;

	color: #82ccea;

	float: left;

	font-weight: bold;

	margin: 0 5px

}



.breadcrumb>li a {

	color: #1A5684;

	font-size: 12px

}



.breadcrumb ol {

	padding-left: 12px

}



.breadcrumb:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden

}



h1 {

	text-transform: uppercase

}



h2 {

	font-size: 16px;

	line-height: 20px;

	text-transform: uppercase

}



.aboutcot, .singlecol {

	padding: 0 12px

}



.introslide h2 {

	color: #002b3c;

	margin-bottom: 15px;

	font-weight: normal

}



.introslide h1 {

	color: #002b3c

}



.introslide h1 span {

	font-family: 'Microsoft YaHei'

}



.border-radius-4 {

	background-clip: padding-box !important

}



.nav-tabs>li>a, .nav-tabs span.ico-arr_down {

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out

}



.nav-tabs {

	border-bottom: none;

	padding: 10px 40px 0;

	height: 40px;

	background: #2eaadc;

	width: 100%;

	max-width: 886px;

	position: absolute;

	border-bottom: 15px solid #fff

}



.nav-tabs>li {

	float: left;

	margin-bottom: -1px

}



.nav-tabs>li>a {

	padding: 0 20px;

	height: 40px;

	line-height: 40px;

	display: block;

	font-weight: 400;

	font-size: 16px;

	border: none;

	margin-bottom: 10px;

	margin-right: 10px;

	background: #2eaadc;

	color: #fff

}



.nav-tabs>li>a:hover {

	border: none;

	background: #99aab1;

	text-decoration: none

}



.tab-content {

	padding-top: 20px

}



.nav-tabs>li.active {

	z-index: 1

}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover

	{

	background: #fff;

	color: #002b3c

}



.ico-arr_down {

	

}



.nav-tabs li.active a {

	position: relative

}



.nav-tabs li.active a span.ico-arr_down {

	display: inline-block;

	position: absolute;

	top: 40px;

	left: 50%;

	margin: 0 0 0 -4px;

	height: 9px;

	width: 9px;

	display: block

}



.table-responsive h3 {

	font-size: 16px;

	color: #2eaadc;

	margin: 20px 0;

	font-weight: normal

}



table {

	border-collapse: collapse;

	border-spacing: 0;

	max-width: 100%;

	background-color: transparent;

	width: 100%;

	margin-bottom: 20px

}



table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th,

	table>thead>tr>td, table>thead>tr>th {

	padding: 8px;

	line-height: 1.428571429;

	vertical-align: top;

	border-top: 1px solid #dddddd

}



table>thead>tr>th {

	vertical-align: bottom;

	border-bottom: 2px solid #dddddd

}



table>caption+thead>tr:first-child>td, table>caption+thead>tr:first-child>th,

	table>colgroup+thead>tr:first-child>td, table>colgroup+thead>tr:first-child>th,

	table>thead:first-child>tr:first-child>td, table>thead:first-child>tr:first-child>th

	{

	border-top: 0

}



table>tbody+tbody {

	border-top: 2px solid #dddddd

}



table {

	background-color: #ffffff

}



table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th,

	table>thead>tr>td, table>thead>tr>th {

	padding: 5px

}



table>thead>tr>td, table>thead>tr>th {

	border-bottom-width: 2px

}



table>tbody>tr:nth-child(odd)>td, table>tbody>tr:nth-child(odd)>th {

	background-color: #f9f9f9

}



table>tbody>tr:hover>td, table>tbody>tr:hover>th {

	background-color: #f5f5f5

}



table col[class*="col-"] {

	float: none;

	display: table-column

}



table td[class*="col-"], table th[class*="col-"] {

	float: none;

	display: table-cell

}



.table-responsive table th {

	background: #baccda;

	border-top: none;

	border-bottom: 1px solid #99aab1;

	font-weight: 500

}



.table-responsive table td:first-child, .table-responsive table th:first-child

	{

	width: 51%;

	width: 1%;

	padding-right: 0

}



.table-responsive table td, .table-responsive table th {

	padding: 15px 20px;

	vertical-align: middle;

	color: #031d44;

	font-size: 12px;

	line-height: 18px

}



.table-responsive table span strong, .table-responsive table strong {

	font-weight: 500;

	font-size: 14px;

	min-width: 0;

	min-height: 0

}



.table-responsive table span {

	float: left;

	font-size: 26px;

	margin-right: 25px;

	color: #1a5684;

	min-width: 36px;

	min-height: 20px

}



.table-responsive table tr td:nth-child(2) span, .table-responsive table tr td:nth-child(2) span,

	.table-responsive table tr td:nth-child(3) span, .table-responsive table tr td:nth-child(3) span,

	.table-responsive table tr td:nth-child(4) span, .table-responsive table tr td:nth-child(4) span,

	.table-responsive table tr td:nth-child(5) span, .table-responsive table tr td:nth-child(5) span

	{

	margin-right: 0;

	float: none;

	font-size: 16px

}



.table-responsive {

	width: 100%;

	margin-bottom: 15px;

	padding-top: 30px

}



.table-responsive table {

	width: 100% !important;

	max-width: 100% !important

}



.article, .newslist, .process {

	width: 100%;

	margin-bottom: 40px;

	margin-top: 30px;

	background: #fff;

	padding-bottom: 25px;

	overflow: hidden

}



.newslist {

	padding-bottom: 0

}



.article .ar-title {

	padding: 30px 0 10px;

	margin: 0 40px 5px;

	border-bottom: 1px solid #99aab1

}



.aboutcot .article .nav-tabs-top:before {

	content: " ";

	display: table;

	height: 50px

}



.article .ar-title h3 {

	font-size: 22px;

	color: #1a5684

}



.article .ar-tag {

	margin-top: 20px

}



.article .ar-tag p, .article .ar-title p, .postnext p span {

	color: #aaa

}



.article-content {

	padding: 15px 40px;

	color: #333333;

	font-size: 14px;

	line-height: 2

}



.article-content .qualification {

	width: 100%

}



.postnext {

	margin-top: 20px

}



.postnext a {

	color: #1a5684;

	padding-left: 10px

}



.postnext p span {

	font-size: 12px;

	padding-left: 10px

}



.process-content {

	margin: 40px;

	padding: 40px 0

}



.line-bg {

	height: 1px;

	overflow: hidden;

	background: #99aab1;

	width: 100%;

	position: absolute;

	top: 38px;

	z-index: 9;

	border-top: 1px solid #E5EAEB

}



.steps {

	margin: 0;

	padding: 0

}



.steps li {

	position: relative;

	width: 20%;

	float: left;

	margin: 0 0 20px;

	padding: 30px 0;

	border-top: 1px solid #99aab1;

	min-height: 160px

}



.steps li .stp-det {

	padding: 0 12px

}



.steps li .stp-pic {

	box-shadow: 0 1px 3px #ccc;

	max-height: 100px;

	overflow: hidden

}



.steps li img {

	width: 100%

}



.steps li p {

	margin-top: 5px;

	color: #1A5684;

	font-size: 14px;

	text-align: center

}



.steps li.steps-on .num {

	background: rgb(0, 85, 124);

	background: -moz-linear-gradient(top, rgba(0, 85, 124, 1) 0%,

		rgba(0, 55, 81, 1) 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,

		85, 124, 1)), color-stop(100%, rgba(0, 55, 81, 1)));

	background: -webkit-linear-gradient(top, rgba(0, 85, 124, 1) 0%,

		rgba(0, 55, 81, 1) 100%);

	background: -o-linear-gradient(top, rgba(0, 85, 124, 1) 0%,

		rgba(0, 55, 81, 1) 100%);

	background: -ms-linear-gradient(top, rgba(0, 85, 124, 1) 0%,

		rgba(0, 55, 81, 1) 100%);

	background: linear-gradient(to bottom, rgba(0, 85, 124, 1) 0%,

		rgba(0, 55, 81, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00557c',

		endColorstr='#003751', GradientType=0)

}



.steps li .num {

	position: absolute;

	left: 50%;

	margin-left: -16px;

	z-index: 99;

	height: 32px;

	width: 32px;

	top: -16px;

	text-align: center;

	color: #FFFFFF;

	line-height: 32px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: bold;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	background: #99aab1

}



@media ( min-width : 1680px) {

	.steps li .num {

		margin-left: -20px;

		height: 40px;

		width: 40px;

		top: -20px;

		line-height: 40px;

		font-size: 22px

	}

	.steps li {

		padding: 40px 0;

		min-height: 190px

	}

	.steps li .stp-pic {

		max-height: 130px

	}

}



.bigbox {

	background: #002b3c;

	color: #fff;

	margin-bottom: 30px

}



.bigbox .bigpic img {

	max-width: 55%;

	float: left

}



.bigbox .bigword {

	color: #fff;

	width: 45%;

	float: left

}



.bigbox .bigword .word-f1 {

	font-size: 30pt;

	margin: 50% 30px auto

}



.bigbox .bigword .word-f2 {

	font-size: 14pt;

	margin: auto 30px

}



.littit {

	border-left: 6px solid #2eaadc;

	padding-left: 7px

}



#st-main-area {

	padding: 5.5%;

	position: relative;

	overflow: hidden;

	clear: left

}



#st-main-area:after {

	width: 8px;

	height: 100%;

	background:

		url("https://cdn-www.liveinau.com/images/st-shadow-vertical.png")

		repeat-y 0 0;

	position: absolute;

	right: 0;

	top: 0;

	content: "";

	z-index: 3

}



.newslist .lists-n {

	margin-bottom: 30px;

	padding-bottom: 25px;

	border-bottom: 3px solid #DEDEDE

}



.newslist .lists-n li a span {

	color: #999;

	font-family: sans-serif

}



.newslist .lists-n li a span:before {

	content: "|";

	margin: 0 5px

}



.newslist .lists-n li a {

	line-height: 2;

	width: 100%;

	display: block

}



.newslist .lists-n li a:hover {

	text-decoration: none

}



.newslist .lists-n .lsttit h3 {

	font-size: 22px;

	font-weight: bold;

	margin-bottom: 15px;

	color: #1A5684

}



.aboutcot h1, .singlecol h1 {

	

}



.st-rc-teaser {

	padding: 0 5.5%;

	margin-top: 30px

}



.st-rc-teaser .st-rc-tit {

	font-size: 16px;

	font-weight: bold;

	line-height: 1.8;

	margin-bottom: 5px

}



.st-rc-teaser li {

	list-style: disc outside none

}



.st-rc-lst li a {

	width: 100%;

	display: block;

	text-indent: 10px;

	border: 1px solid #DCE0E3;

	background-color: #fff;

	box-shadow: 0 1px 3px #DEDEDE;

	margin-bottom: 6px

}



@media ( min-width : 1680px) {

	.newslist .lists-n li a, .st-rc-lst li a {

		margin-bottom: 8px;

		font-size: 14px

	}



	.nav-tabs>li>a {

		padding: 0 30px;

		height: 43px;

		line-height: 43px;

		font-size: 18px;

		margin-right: 15px

	}

	.article .ar-title {

		padding: 30px 0 10px;

		margin: 0 60px 20px

	}

	.article .ar-title h3 {

		font-size: 25px

	}

	.aboutcot .article .nav-tabs-top:before {

		height: 90px

	}

	.article-content {

		padding: 25px 60px;

		font-size: 15px;

		line-height: 2

	}

	.bigbox .bigword .word-f1 {

		font-size: 36pt;

		margin: 50% 35px auto

	}

	.bigbox .bigword .word-f2 {

		font-size: 17pt;

		margin: auto 35px

	}

	.littit {

		font-size: 18px;

		padding-left: 10px

	}

}