@font-face {
	font-family: BluetoothIcons;
	src: url(../fonts/bluetooth_icons.eot);
	src: url(../fonts/bluetooth_icons.eot?#iefix)
		format('embedded-opentype'), url(../fonts/bluetooth_icons.woff)
		format('woff'), url(../fonts/bluetooth_icons.ttf) format('truetype'),
		url(../fonts/bluetooth_icons.svg#bluetooth-icons) format('svg')
}
 
.bluetooth-icon {
	font-family: BluetoothIcons;
	font-weight: 400;
	font-style: normal;
	line-height: 1;
	position: relative;
	top: 1px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.search:before {
	content: '\51'
}

.sun:before {
	content: '\4a'
}

.medal:before {
	content: '\48'
}

.Profile:before {
	content: '\49'
}

.left-arrow:before {
	content: 'Y'
}

.right-arrow:before {
	content: '\30'
}

.right-arrow-2:before {
	content: '\31'
}

.SmartStarterKit:before {
	content: '\73'
}

.ApplicationAccelerator:before {
	content: '\72'
}

.BDSPlugins:before {
	content: '\74'
}

.Introduction:before {
	content: '\67'
}

.Basics:before {
	content: '\68'
}

.Devices:before {
	content: '\69'
}

.Advice:before {
	content: '\6b'
}

.FactOrFiction:before {
	content: '\6c'
}

.BuildWithBluetooth:before {
	content: '\6d'
}

.Guide:before {
	content: '\6e'
}

.QualificationAndListing:before {
	content: '\6f'
}

.SoftwareLicense:before {
	content: '\70'
}

.WhitePapers:before {
	content: '\71'
}

.TestTools:before {
	content: '\75'
}

.ServiceProviders:before {
	content: '\76'
}

.Training:before {
	content: '\77'
}

.Core:before {
	content: '\78'
}

.Adopted:before {
	content: '\79'
}

.TestRequirements:before {
	content: '\7a'
}

.Deprecated:before {
	content: '\41'
}

.AssignedNumbers:before {
	content: '\43'
}

.Events:before {
	content: '\44'
}

.PressReleases:before {
	content: '\46'
}

.Blog:before {
	content: '\47'
}

.facebook:before {
	content: '\65'
}

.google:before {
	content: '\66'
}

.linkin:before {
	content: '\4b'
}

.twitter:before {
	content: '\52'
}

.weibo:before {
	content: '\55'
}

.weixin:before {
	content: '\56'
}

.youtube:before {
	content: '\58'
}

.play:before {
	content: '\4d'
}

.join:before {
	content: '\5a'
}

.filter:before {
	content: '\32'
}

body, html {
	font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, STHeitiSC-Light,
		Arial, 'Microsoft YaHei', '微软雅黑', SimHei, sans-serif
}

#pageHeader {
	width: 100%;
	background-color: #fff
}

#headerBar {
	background-color: #063056;
	widows: 100%
}

#headerBar a {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 45px;
	color: #cce6fe
}

#headerBar .separator {
	color: #cce6fe
}

#headerBar .logout, #headerBar .separator, #headerBar .userinfo {
	display: none
}

#logo {
	margin: 47px 0
}

#logo img {
	display: inline-block;
	width: 188px;
	height: auto;
	vertical-align: bottom
}

#logo p {
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 2px;
	margin-left: 8px;
	vertical-align: bottom;
	color: #000000
}

#pageMenu {
	position: relative
}

.menu-content {
	position: static;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right
}

.menu-content li {
	font-size: 16px;
	margin: 0;
	padding: 68px 16px 50px;
	text-decoration: none;
	color: #414042
}

.menu-content li a {
	text-decoration: none;
	color: #414042
}

.menu-content .triangle-wrap {
	position: relative;
	width: 100%
}

.menu-content .bottom-triangle {
	position: absolute;
	z-index: 100;
	bottom: -51px;
	left: 50%;
	visibility: hidden;
	width: 24px;
	height: 12px;
	margin-left: -12px;
	background-image: url(../images/menu_1.png)
}

.menu-content li.hover .bottom-triangle {
	visibility: visible
}

.sub-menu-wrap {
	position: absolute;
	z-index: 99;
	top: 90px;
	left: 0;
	display: none;
	width: 100%
}

.sub-menu-wrap.show {
	display: block
}

.sub-menu-container {
	margin-top: 50px;
	border-top: 1px solid #eee;
	background-color: #6c6c6d
}

.sub-menu {
	padding-top: 40px
}

.sub-menu .col {
	height: 46px;
	margin-bottom: 20px
}

.sub-menu .bluetooth-icon {
	font-size: 18px;
	font-size: 1.8rem;
	top: -1px;
	float: left;
	color: #fff
}

.sub-menu .content {
	float: left;
	margin-left: 10px
}

.sub-menu .content h1 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 100%;
	margin: 0 0 10px;
	text-align: left;
	color: #fff
}

.sub-menu .content p {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 100%;
	margin: 0;
	text-align: left;
	color: #d1cfcc
}

#searchBar {
	padding-right: 0
}

#searchBar .search {
	cursor: pointer
}

#searchBar .search-content {
	float: right;
	width: 100%;
	margin: 20px 0;
	padding: 8px 10px;
	background-color: #fff
}

#searchBar input {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	width: 90%;
	padding: 0;
	border: none;
	outline: 0
}

#searchBar .search-btn {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 25px;
	float: right;
	text-align: center;
	color: #0082fc;
	border: none;
	outline: 0;
	background: 0 0
}

#searchBar .search-btn .bluetooth-icon {
	top: 2px
}

.menuTrigger {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 58px;
	height: 58px;
	padding: 18px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-left: 1px solid #f5f5f5
}

.hamburger {
	float: right;
	width: 22px;
	margin-top: 4px
}

.hamburger .hamburger-piece {
	height: 2px
}

.hamburger .meat {
	margin: 4px 0
}

.hamburger .hamburger-piece .half {
	float: left;
	width: 50%;
	height: 2px;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	background-color: #0082fb
}

.hamburger .hamburger-piece.top-bun .left {
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0
}

.hamburger .hamburger-piece.top-bun .right {
	-webkit-transform-origin: 11px 0;
	-ms-transform-origin: 11px 0;
	transform-origin: 11px 0
}

.hamburger .hamburger-piece.bottom-bun .left {
	-webkit-transform-origin: 0 2px;
	-ms-transform-origin: 0 2px;
	transform-origin: 0 2px
}

.hamburger .hamburger-piece.bottom-bun .right {
	-webkit-transform-origin: 11px 2px;
	-ms-transform-origin: 11px 2px;
	transform-origin: 11px 2px
}

.hamburger .hamburger-piece.meat .whole {
	width: 100%;
	height: 2px;
	margin: 0 auto;
	-webkit-transition: width .3s;
	transition: width .3s;
	background-color: #0082fb
}

.hamburger .hamburger-piece.bottom-bun:after, .hamburger .hamburger-piece.top-bun:after
	{
	display: table;
	content: ''
}

.hover .hamburger .hamburger-piece .half, .hover .hamburger .hamburger-piece.meat .whole
	{
	background-color: #0082fb
}

.is-toggled .hamburger .top-bun .left.half {
	-webkit-transform: rotateZ(45deg) scaleX(1.25) translate(0, -4px);
	-ms-transform: rotate(45deg) scaleX(1.25) translate(0, -4px);
	transform: rotateZ(45deg) scaleX(1.25) translate(0, -4px)
}

.is-toggled .hamburger .top-bun .right.half {
	-webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(0, -4px);
	-ms-transform: rotate(-45deg) scaleX(1.25) translate(0, -4px);
	transform: rotateZ(-45deg) scaleX(1.25) translate(0, -4px)
}

.is-toggled .hamburger .bottom-bun .left.half {
	-webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(0, 4px);
	-ms-transform: rotate(-45deg) scaleX(1.25) translate(0, 4px);
	transform: rotateZ(-45deg) scaleX(1.25) translate(0, 4px)
}

.is-toggled .hamburger .bottom-bun .right.half {
	-webkit-transform: rotateZ(45deg) scaleX(1.25) translate(0, 4px);
	-ms-transform: rotate(45deg) scaleX(1.25) translate(0, 4px);
	transform: rotateZ(45deg) scaleX(1.25) translate(0, 4px)
}

.is-toggled .hamburger .meat .whole {
	width: 0
}

.menu-content-mobile {
	position: relative;
	display: none;
	background: #65666a
}

.menu-content-mobile.is-toggled {
	display: block
}

.menu-content-mobile ul {
	margin-bottom: 25px;
	padding-top: 15px;
	background: #65666a
}

.menu-content-mobile li {
	margin: 0 5px 15px
}

.menu-content-mobile p.fl {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 0;
	padding: 15px 0;
	text-align: left;
	color: #fff;
	border-bottom: 1px solid #d1cfcc
}

.menu-content-mobile .sub-menu .content h1 {
	font-size: 14px;
	font-size: 1.4rem
}

.menu-content-mobile .search-bar {
	background-color: #0082fc
}

.menu-content-mobile .search-content {
	margin: 10px 0;
	padding: 8px 10px;
	background-color: #fff
}

.menu-content-mobile .search-content input {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 25px;
	width: 80%;
	padding: 0;
	border: none;
	outline: 0
}

.menu-content-mobile .search-content .search-btn {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 25px;
	float: right;
	text-align: center;
	color: #0082fc;
	border: none;
	outline: 0;
	background: 0 0
}

.menu-content-mobile .sub-menu-wrap {
	position: static;
	border-top: none
}

.menu-content-mobile .sub-menu {
	padding-top: 0
}

.menu-content-mobile .sub-menu .col {
	height: auto;
	margin-bottom: 0;
	padding: 15px 0
}

@media ( min-width :992px) {
	#logo img {
		width: 50px
	}
	#logo p {
		margin-left: 0
	}
	.menu-content li {
		
	}
	.munu-li {
		font-family: "GTPressuraMono", "NotoSanLao-Medium", sans-serif;
		font-weight: 200;
		text-transform: uppercase;
		font-weight: bold;
	}
	.lang-1b {
		font-family: "Akkurat-Light", "NotoSanLao-Light", sans-serif;
	}
	.nav-link {
		display: block;
		width: 100%;
		height: 42px;
		vertical-align: middle;
		color: #ffffff;
		padding: 8px 8px;
		text-align: center;
		transition: all 0.32s ease;
	}
	 
	.sub-menu .content {
		width: 86%
	}
	#searchBar input {
		width: 88%
	}
}

@media ( min-width :1200px) {
	#searchBar input {
		width: 90%
	}
}

@media ( max-width :767px) {
	#headerBar {
		overflow: hidden;
		height: 5px
	}
	#logo {
		height: 58px;
		margin: 0;
		padding-top: 18px;
		padding-bottom: 18px
	}
	#logo img {
		width: 93px
	}
	#logo p {
		font-size: 15px;
		font-size: .9rem;
		margin-bottom: 0;
		margin-left: 4px
	}
	.menuTrigger {
		display: block
	}
	.menu-content {
		display: none
	}
}

#pagefooter {
	font-size: 12px;
	font-size: 1.2rem;
	height: 200px;
	padding: 40px 0;
	text-align: right;
    background-color: #063056;
}
.custom-row {
    border-top: 1px solid #4f5f6c;
}
.quick-links{
	 
}

.pagefooter h5:after {
    content: "";
    background: #50b9ce;
    width: 34px;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
#pagefooter a {
	color: #d1cfcc
}

#pagefooter ul {
	margin-bottom: 5px
}

#pagefooter .social-media {
	text-align: center
}

#pagefooter .social-media .bluetooth-icon {
	font-size: 60px;
	font-size: 6rem
}

#weixinQR {
	position: absolute;
	top: -250px;
	left: 50%;
	display: none;
	width: 241px;
	height: 241px;
	margin-left: -120px;
	padding: 48px;
	border: 1px solid #ececec;
	background-color: #fff
}

#weixinQR img {
	width: 100%;
	height: auto
}

#weixinQR p {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 150%;
	margin-top: 16px;
	text-align: center;
	color: #000
}

#pagefooter .social-media a:active #weixinQR, #pagefooter .social-media a:hover #weixinQR
	{
	display: block
}

@media ( max-width :767px) {
	#pagefooter {
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: right
	}
	#pagefooter .social-media {
		margin-bottom: 15px
	}
	#pagefooter ul {
		margin-top: 15px
	}
	#pagefooter ul li:first-child {
		padding-left: 0
	}
	#pagefooter p {
		display: block;
		margin-bottom: 5px
	}
}

@media ( min-width :992px) {
	#pagefooter ul {
		margin-top: 10px
	}
	#pagefooter ul li:last-child {
		padding-right: 0
	}
	#pagefooter p {
		display: block;
		margin-bottom: 5px;
		margin-left: 5px;
		text-align: right
	}
}

@media ( min-width :1200px) {
	#pagefooter p {
		display: inline;
	}
}

#pageBanner img {
	width: 100%;
	height: auto
}

#breadcrumb {
	padding: 24px 0;
	background-color: #f5f5f5
}

#breadcrumb ul {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 0;
	color: #414042
}

#breadcrumb ul .separate {
	color: #0082fb
}

#breadcrumb ul a {
	color: #414042
}

#breadcrumb ul .current a {
	color: #0082fb
}

#breadcrumb ul li:first-child {
	padding-left: 0
}

@media ( max-width :767px) {
	#breadcrumb {
		padding: 10px 0
	}
	#breadcrumb ul>li {
		padding-right: 2px;
		padding-left: 2px
	}
}

#pageMain {
	margin-bottom: 100px
}

@media ( max-width :767px) {
	#pageMain {
		margin-bottom: 20px
	}
}

#pageSideBar {
	padding-top: 40px
}

#pageSideBar ul {
	padding-left: 0;
	list-style: none
}

#pageSideBar .nav {
	margin-bottom: 40px
}

#pageSideBar .sidebar-container {
	line-height: 20px;
	padding: 20px 0;
	color: #414042;
	border-bottom: 1px solid #ececec
}

#pageSideBar .nav li:first-child .sidebar-container {
	border-top: 1px solid #ececec
}

#pageSideBar .first {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 0
}

#pageSideBar .first span {
	position: relative;
	top: 2px;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	margin-left: 15px;
	vertical-align: top;
	color: #65666a
}

#pageSideBar .first a {
	display: inline-block
}

#pageSideBar .nav li ul {
	padding-left: 45px
}

#pageSideBar .nav li ul li {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	padding: 16px 0 0;
	border: none !important
}

#pageSideBar .nav li.current {
	border-left: 4px solid #0082fb
}

#pageSideBar .nav li.current span {
	margin-left: 11px
}

#pageSideBar .nav li.current .first a, #pageSideBar .nav li.current .first span,
	#pageSideBar .nav li.current ul li.current a {
	color: #0082fb
}

#pageSideBar .nav li a {
	text-decoration: none;
	color: #414042
}

#pageSideBar .nav li a:active, #pageSideBar .nav li a:hover {
	color: #0082fb
}

#pageSideBar .sidebar-banner {
	margin-bottom: 20px;
	padding: 20px 0 20px 8%;
	background-color: #f5f5f5
}

#pageSideBar .sidebar-banner.joinus {
	background-color: #65666a
}

#pageSideBar .sidebar-banner .bluetooth-icon {
	font-size: 46px;
	font-size: 4.6rem;
	float: left;
	margin-right: 20px;
	color: #0082fb
}

#pageSideBar .sidebar-banner h1 {
	font-size: 20px;
	font-size: 2rem;
	float: left;
	margin: 5px 0 2px;
	color: #65666a
}

#pageSideBar .sidebar-banner p {
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
	margin: 0;
	color: #65666a
}

#pageSideBar .sidebar-banner.joinus .bluetooth-icon, #pageSideBar .sidebar-banner.joinus h1,
	#pageSideBar .sidebar-banner.joinus p {
	color: #fff
}

#pageSideBar .sidebar-banner.joinus h1 {
	font-size: 24px
}

#pageSideBar .sidebar-banner.joinus p {
	font-size: 16px
}

@media ( max-width :767px) {
	#pageSideBar {
		display: none
	}
}

@media ( min-width :992px) {
	#pageSideBar .sidebar-banner .bluetooth-icon {
		margin-right: 10px
	}
	#pageSideBar .sidebar-banner .special {
		font-size: 16px;
		font-size: 1.6rem
	}
	#pageSideBar .sidebar-banner.joinus p {
		font-size: 14px
	}
}

@media ( min-width :1200px) {
	#pageSideBar .sidebar-banner .bluetooth-icon {
		margin-right: 20px
	}
	#pageSideBar .sidebar-banner .special {
		font-size: 20px;
		font-size: 2rem
	}
	#pageSideBar .sidebar-banner.joinus p {
		font-size: 16px
	}
}

#pageContent {
	padding-top: 40px
}

#pageContent h1 {
	font-size: 36px;
	font-size: 3.6rem;
	margin: 0 0 24px;
	color: #0082fc
}

#pageContent .divider {
	width: 100%;
	height: 1px;
	margin-bottom: 40px;
	background-color: #ececec
}

#pageContent h2 {
	font-size: 18px;
	font-size: 1.8rem;
	margin-top: 30px;
	color: #0082fc
}

#pageContent p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
	margin-bottom: 0;
	color: #414042
}

#pageContent a {
	text-decoration: underline;
	color: #40a1fd
}

@media ( min-width :992px) {
	#pageContent {
		padding-left: 20px
	}
}

@media ( min-width :1200px) {
	#pageContent {
		padding-left: .733%
	}
}

.blog-list-page #pageContent a, .news-list-page #pageContent a,
	.video-list-page #pageContent a {
	text-decoration: none
}

#pageContent .table-wrap {
	overflow: auto;
	width: 100%;
	max-width: 100%
}

#pageContent .table-details {
	border-color: #ececec
}

#pageContent .table-details>thead>tr>td, #pageContent .table-details>thead>tr>th
	{
	font-weight: 700;
	border-color: #fff;
	border-bottom: none
}

#pageContent .table-details>thead>tr>td:first-child, #pageContent .table-details>thead>tr>th:first-child
	{
	border-left-color: #ececec
}

#pageContent .table-details>thead>tr>td:last-child, #pageContent .table-details>thead>tr>th:last-child
	{
	border-right-color: #ececec
}

#pageContent .table-details>tbody>tr>td, #pageContent .table-details>tbody>tr>th,
	#pageContent .table-details>tfoot>tr>td, #pageContent .table-details>tfoot>tr>th
	{
	border-color: #ececec
}

#pageContent .table-bordered>tbody>tr>td, #pageContent .table-bordered>tbody>tr>th,
	#pageContent .table-bordered>tfoot>tr>td, #pageContent .table-bordered>tfoot>tr>th,
	#pageContent .table-bordered>thead>tr>td, #pageContent .table-bordered>thead>tr>th
	{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	padding: 15px 30px;
	color: #414042
}

#pageContent .table {
	width: auto;
	max-width: auto;
	margin: 0 0 36px
}

#pageContent table thead {
	background-color: #ececec
}

#pageContent .download-btn {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 30px;
	padding: 16px 50px;
	text-align: center;
	color: #fff;
	border: none;
	outline: 0;
	background: #0082fc
}

#pageContent .video-player {
	margin-bottom: 40px
}

@media ( max-width :767px) {
	.blog-list-page #pageContent h1, .event-list-page #pageContent h1,
		.news-list-page #pageContent h1, .video-list-page #pageContent h1 {
		display: none
	}
	#pageContent h1 {
		font-size: 20px;
		font-size: 2rem
	}
	#pageContent .divider {
		display: none
	}
	.news-list-page #pageContent {
		padding-top: 0
	}
	.event-list-page #pageContent {
		padding-top: 20px
	}
	#pageContent .download-btn {
		font-size: 20px;
		font-size: 2rem;
		padding: 8px 30px
	}
	#pageContent img {
		width: 100%;
		height: auto
	}
}

.checkMoreBtn {
	padding: 5px 20px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	outline: 0;
	background: 0 0
}

#hpTicker {
	position: relative;
	overflow: hidden;
	height: 120px
}

#hpTicker .tickers {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

#hpTicker h1 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 34px;
	padding-left: 40px;
	color: #676668
}

#hpTicker p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #676668
}

#hpTicker .col-left p {
	margin-bottom: 30px;
	padding-left: 40px
}

#hpTicker .col-right p {
	float: left;
	width: 60%;
	margin-top: 40px
}

#hpTicker .checkMoreBtn {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	width: 108px;
	margin-top: 44px;
	margin-left: 55px;
	padding: 0;
	color: #0082fc;
	border-color: #0082fc
}

@media ( max-width :767px) {
	#hpTicker {
		height: 175px
	}
	#hpTicker .ticker {
		height: 175px
	}
	#hpTicker h1 {
		font-size: 20px;
		font-size: 2rem;
		margin-top: 30px;
		padding-left: 0;
		text-align: left
	}
	#hpTicker .col-left p {
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 0;
		padding-left: 0;
		text-align: left
	}
	#hpTicker .col-right p {
		display: none
	}
	#hpTicker .checkMoreBtn {
		margin-top: 14px;
		margin-left: 0;
		padding: 0
	}
}

#hpPoint {
	background-color: #f5f5f5
}

#hpPoint .col-md-4 {
	padding-top: 50px;
	padding-bottom: 40px;
	text-align: center
}

#hpPoint span {
	font-size: 40px;
	font-size: 4rem;
	color: #0082fc
}

#hpPoint h1 {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 30px 0;
	color: #414042
}

#hpPoint p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 160%;
	margin-bottom: 0;
	padding: 0 8%;
	color: #65666a
}

#hpPoint a {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 160%;
	color: #0082fc
}

@media ( max-width :767px) {
	#hpPoint {
		padding-top: 15px;
		padding-bottom: 15px
	}
	#hpPoint h1 {
		font-size: 20px;
		font-size: 2rem;
		margin: 10px 0
	}
	#hpPoint .col-md-4 {
		padding-top: 15px;
		padding-bottom: 15px
	}
}

#hpNews h1 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 50px;
	margin-bottom: 20px;
	color: #414042
}

.hp-news-block {
	margin-bottom: 34px
}

.hp-news-block:after, .hp-news-block:before {
	display: table;
	content: ' '
}

.hp-news-block:after {
	clear: both
}

.hp-news-block .thumb {
	float: left;
	width: 32%;
	margin-right: 3.572%
}

.hp-news-block .thumb img {
	display: block;
	width: 100%;
	height: auto
}

.hp-news-block .content {
	float: left;
	width: 64%
}

.hp-news-block h2 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 120%;
	margin: 0 0 5px;
	color: #414042
}

.hp-news-block.new h2 span {
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
	top: -2px;
	margin-right: 4px;
	padding: 2px 8px;
	color: #fff;
	border-radius: 3px;
	background-color: #0082fb
}

.hp-news-block .date {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 100%;
	color: #a0a0a0
}

.hp-news-block .date span {
	font-size: 30px;
	font-size: 3rem;
	position: relative;
	top: 6px;
	color: #0082fc
}

.hp-news-block .intro {
	font-size: 14px;
	font-size: 1.4rem;
	color: #676668
}

#hpNews {
	margin-bottom: 20px
}

@media ( max-width :767px) {
	.hp-news-block .thumb {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px
	}
	.hp-news-block .content {
		width: auto
	}
}

@media ( min-width :1200px) {
	.hp-news-block {
		overflow: hidden;
		height: 120px
	}
}

#hpBlog .thumb {
	width: 100%;
	margin-bottom: 20px
}

#hpBlog .thumb img {
	display: block;
	width: 100%;
	height: auto
}

#hpBlog h1 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-top: 50px;
	margin-bottom: 20px;
	color: #414042
}

#hpBlog h2 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 120%;
	height: 42px;
	margin: 0 0 5px;
	color: #414042
}

.hp-blog-block.new h2 span {
	font-size: 12px;
	font-size: 1.2rem;
	position: relative;
	top: -2px;
	margin-right: 4px;
	padding: 2px 8px;
	color: #fff;
	border-radius: 3px;
	background-color: #0082fb
}

#hpBlog .date {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 100%;
	color: #a0a0a0
}

#hpBlog .intro {
	font-size: 14px;
	font-size: 1.4rem;
	color: #676668
}

@media ( max-width :767px) {
	#hpBlog h1 {
		margin-top: 0
	}
}

#hpBanner {
	position: relative;
	overflow: hidden;
	visibility: hidden;
	margin: 0;
	padding: 0
}

.slidersViewport {
	overflow: hidden;
	width: 100%
}

.sliders {
	margin: 0;
	padding: 0;
	list-style: none
}

.sliders .slider {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center
}

.sliders .slider img {
	width: 100%;
	height: auto
}

.slidersControlNav {
	position: absolute;
	bottom: 12px;
	left: 50%;
	height: 20px;
	margin: 0;
	padding: 0;
	list-style: none
}

.slidersControlNav li {
	display: inline-block;
	margin: 0 10px;
	list-style: none
}

.slidersControlNav li a {
	display: block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	text-indent: -9999px;
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: transparent
}

.slidersControlNav li.current a {
	background-color: #fff
}

#hpBanner .left-arrow, #hpBanner .right-arrow {
	font-size: 40px;
	font-size: 4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	margin-top: -20px;
	padding: 0;
	text-align: center;
	color: #fff;
	border: none;
	outline: 0;
	background: 0 0
}

#hpBanner .left-arrow {
	margin-left: -650px
}

#hpBanner .right-arrow {
	margin-left: 610px
}

#hpBanner .slider .content {
	position: absolute;
	display: none
}

#hpBanner .slider.left-animation .content {
	top: 50%;
	left: 5%;
	margin-top: -15%;
	text-align: left
}

#hpBanner .slider.right-animation .content {
	top: 50%;
	right: 5%;
	margin-top: -15%;
	text-align: right
}

#hpBanner .slider.center-animation .content {
	top: 50%;
	width: 100%;
	margin-top: -15%;
	text-align: center
}

#hpBanner .slider .content h1 {
	font-size: 48px;
	font-size: 4.8rem;
	margin: 0 0 14px;
	color: #fff
}

#hpBanner .slider .content p {
	font-size: 24px;
	font-size: 2.4rem;
	margin: 0 0 30px;
	color: #fff
}

#hpBanner .slider .content .checkMoreBtn {
	font-size: 20px;
	font-size: 2rem;
	padding: 10px 60px
}

@media ( max-width :767px) {
	#hpBanner .sliders .slider img {
		width: auto;
		height: 225px
	}
	#hpBanner .slider .content h1 {
		font-size: 24px;
		font-size: 2.4rem;
		margin: 0 0 7px
	}
	#hpBanner .slider .content p {
		font-size: 12px;
		font-size: 1.2rem;
		margin: 0 0 15px
	}
	#hpBanner .slider .content .checkMoreBtn {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 10px 27px
	}
}

@media ( min-width :768px) {
	#hpBanner .slidersControlNav {
		display: none
	}
}

#hpSlider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 300px;
	background-image: url(../images/hp_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover
}

#hpSlider .slider {
	padding-top: 90px
}

#hpSlider .left-arrow, #hpSlider .right-arrow {
	font-size: 40px;
	font-size: 4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	margin-top: -20px;
	padding: 0;
	text-align: center;
	color: #fff;
	border: none;
	outline: 0;
	background: 0 0
}

#hpSlider .left-arrow {
	margin-left: -650px
}

#hpSlider .right-arrow {
	margin-left: 610px
}

#hpSlider .slider .ApplicationAccelerator, #hpSlider .slider .SmartStarterKit
	{
	font-size: 104px;
	float: right;
	color: #fff
}

#hpSlider .slider .BDSPlugins {
	font-size: 90px;
	float: right;
	color: #fff
}

#hpSlider .slider .title {
	float: right;
	margin-top: 14px;
	margin-left: 20px;
	color: #fff
}

#hpSlider .slider h1 {
	font-size: 48px;
	line-height: 100%;
	min-width: 300px;
	margin: 0 0 12px;
	text-align: left
}

#hpSlider .slider h1.special {
	font-size: 36px
}

#hpSlider .slider h2 {
	font-size: 24px;
	line-height: 100%;
	margin: 0;
	text-align: left
}

#hpSlider .slider p {
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 16px;
	text-align: justify;
	color: #fff
}

@media ( min-width :992px) {
	#hpSlider .col-md-1 {
		width: 1.33333333%
	}
	#hpSlider .col-md-5 {
		width: 48.66666667%
	}
	#hpSlider .slider .title {
		margin-left: 10px
	}
	#hpSlider .slider h1 {
		font-size: 46px
	}
	#hpSlider .slider .ApplicationAccelerator, #hpSlider .slider .SmartStarterKit
		{
		font-size: 100px
	}
}

@media ( min-width :1200px) {
	#hpSlider .col-md-1 {
		width: 8.33333333%
	}
	#hpSlider .col-md-5 {
		width: 41.66666667%
	}
	#hpSlider .slider .title {
		margin-left: 20px
	}
	#hpSlider .slider h1 {
		font-size: 48px
	}
	#hpSlider .slider .ApplicationAccelerator, #hpSlider .slider .SmartStarterKit
		{
		font-size: 104px
	}
}

@media ( max-width :767px) {
	#hpSlider .slider {
		padding-top: 40px
	}
	#hpSlider .slider h1 {
		font-size: 24px;
		font-size: 2.4rem;
		margin-bottom: 6px
	}
	#hpSlider .slider h2 {
		font-size: 12px;
		font-size: 1.2rem
	}
	#hpSlider .slider .ApplicationAccelerator, #hpSlider .slider .SmartStarterKit
		{
		font-size: 52px;
		font-size: 5.2rem
	}
	#hpSlider .slider p {
		line-height: 120%;
		margin-top: 30px;
		text-align: center
	}
	#hpSlider .checkMoreBtn {
		display: block;
		margin: 0 auto
	}
	#hpSlider .slider .title {
		margin-top: 6px;
		margin-right: 30px;
		margin-left: 10px
	}
	#hpSlider .slider .title h1 {
		min-width: 0
	}
	#hpSlider .slider .title-wrap {
		float: none;
		width: 230px;
		margin: 0 auto
	}
	#hpSlider .slider:first-child .title {
		margin-right: 9px
	}
	#hpSlider .slider:last-child .title-wrap {
		width: 280px
	}
	#hpSlider .slider:last-child .title {
		margin-right: 10px
	}
	#hpSlider .slider .title h1.special {
		font-size: 24px;
		font-size: 2.4rem;
		margin-bottom: 0
	}
	#hpSlider .slider .BDSPlugins {
		font-size: 52px;
		font-size: 5.2rem
	}
}

#pageContent .news-list-block {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #ececec
}

#pageContent .news-list-block:last-child {
	border-bottom: none
}

#pageContent .news-list-block .thumb {
	float: left;
	width: 30.234%;
	margin-right: 4.652%
}

#pageContent .news-list-block .thumb img {
	display: block;
	width: 100%;
	height: auto
}

#pageContent .news-list-block .content {
	float: left;
	width: 65%
}

#pageContent .news-list-block .content h1 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 100%;
	margin: 8px 0 6px;
	color: #414042
}

#pageContent .news-list-block .content p.date {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 100%;
	margin: 0;
	color: #a0a0a0
}

#pageContent .news-list-block .content p.intro {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
	margin: 10px 0 15px;
	color: #676668
}

#pageContent .news-list-block .content .more-btn {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #40a1fd;
	border: 1px solid #fff;
	outline: 0;
	background: 0 0
}

#pageContent .news-list-block .content .more-btn .bluetooth-icon {
	top: 2px;
	margin-left: 8px
}

@media ( max-width :767px) {
	#pageContent .news-list-block .thumb {
		width: 100%
	}
	#pageContent .news-list-block .content h1 {
		display: block
	}
	#pageContent .news-list-block .content {
		width: 100%
	}
}

#pageContent .blog-list-block {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #ececec
}

#pageContent .blog-list-block:last-child {
	border-bottom: none
}

#pageContent .blog-list-block .thumb {
	float: left;
	width: 30.233%;
	margin-right: 4.652%
}

#pageContent .blog-list-block .thumb img {
	display: block;
	width: 100%;
	height: auto
}

#pageContent .blog-list-block .content {
	float: left;
	width: 100%
}

#pageContent .blog-list-block .content h1 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 100%;
	margin: 8px 0 6px;
	color: #414042
}

#pageContent .blog-list-block .content p.date {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 100%;
	margin: 0;
	color: #a0a0a0
}

#pageContent .blog-list-block .content p.intro {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
	margin: 10px 0 15px;
	color: #676668
}

#pageContent .blog-list-block .content .more-btn {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #40a1fd;
	border: 1px solid #fff;
	outline: 0;
	background: 0 0
}

#pageContent .blog-list-block .content .more-btn .bluetooth-icon {
	top: 2px;
	margin-left: 8px
}

@media ( max-width :767px) {
	#pageContent .blog-list-block .thumb {
		width: 100%
	}
	#pageContent .blog-list-block .content h1 {
		display: block
	}
	#pageContent .blog-list-block .content {
		width: 100%
	}
}

#pageContent .video-list-row {
	margin-right: -20px;
	margin-left: -20px
}

#pageMain .video-container {
	margin-bottom: 20px;
	cursor: pointer
}

#pageMain .video-container .video-thumb {
	position: relative;
	margin-bottom: 20px
}

#pageMain .video-container .video-thumb img {
	display: block;
	width: 100%;
	height: auto
}

#pageMain .video-container .bluetooth-icon {
	font-size: 18px;
	font-size: 1.8rem;
	position: absolute;
	top: auto;
	bottom: 10px;
	left: 10px;
	height: 36px;
	padding: 9px 20px;
	color: #fff;
	background-color: #0082fc
}

#pageMain .video-container h1 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 120%;
	height: 60px;
	margin: 0;
	color: #414042
}

#pageContent .search-keyword {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 400;
	margin: 0;
	color: #414042
}

#pageContent .search-keyword span {
	font-weight: 700;
	color: #0082fc
}

#pageContent .search-container {
	margin-top: 40px
}

#pageContent .search-container h1 {
	position: relative;
	margin-bottom: 20px
}

#pageContent .search-container .divider {
	margin-bottom: 20px
}

#pageContent .search-container h1 .more-btn {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #40a1fd;
	border: 1px solid #fff;
	outline: 0;
	background: 0 0
}

#pageContent .search-list-block {
	margin-bottom: 40px
}

#pageContent .search-list-block h1 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 120%;
	margin: 8px 0 6px;
	color: #414042
}

#pageContent .search-list-block p.date {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 100%;
	margin: 0;
	color: #a0a0a0
}

#pageContent .search-list-block p.date span {
	margin-right: 5px;
	color: #0082fc
}

#pageContent .search-list-block p.intro {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
	margin: 10px 0 15px;
	color: #676668
}

@media ( max-width :767px) {
	#pageContent .search-keyword {
		display: none
	}
	#pageContent .search-container {
		margin-top: 0
	}
	#pageContent .search-list-block h1 {
		display: block
	}
}

#eventBanner {
	overflow: hidden;
	margin-bottom: 30px;
	padding: 38px 20px 20px;
	background-color: #f5f5f5
}

#eventBanner .container {
	overflow: hidden;
	height: 187px;
	text-align: left
}

#eventBanner h1 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 100%;
	margin: 0 0 30px;
	color: #414042
}

#eventBanner p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
	margin: 0 0 20px;
	color: #65666a
}

#eventBanner .more-btn {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #40a1fd;
	border: none;
	outline: 0;
	background: 0 0
}

#eventBanner .more-btn .bluetooth-icon {
	top: 2px;
	margin-left: 8px
}

#eventBanner .slidersControlNav {
	position: static;
	height: 8px;
	margin-top: 10px;
	margin-left: 0 !important
}

#eventBanner .slidersControlNav li {
	margin: 0 2px 0 0
}

#eventBanner .slidersControlNav li a {
	width: 8px;
	height: 8px;
	border: none;
	background-color: #d1cfcc
}

#eventBanner .slidersControlNav li.current a {
	background-color: #0082fc
}

@media ( max-width :767px) {
	#eventBanner .slidersControlNav {
		text-align: center
	}
	#eventBanner .slidersControlNav li {
		margin: 0 3px
	}
}

#eventClndr {
	width: 100%;
	margin: 0 auto 30px
}

#eventClndr .clndr {
	overflow: hidden
}

#eventClndr .clndr .controls {
	color: #fff;
	background-color: #0082fc
}

#eventClndr .clndr .controls .clndr-next-button, #eventClndr .clndr .controls .clndr-previous-button
	{
	display: inline-block;
	width: 15%;
	padding-top: 7px;
	padding-bottom: 3px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
	text-align: center
}

#eventClndr .clndr .controls .clndr-next-button:hover, #eventClndr .clndr .controls .clndr-previous-button:hover
	{
	background-color: #53708c
}

#eventClndr .clndr .controls .month {
	font-weight: 400;
	display: inline-block;
	width: 70%;
	padding-top: 7px;
	padding-bottom: 3px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase
}

#eventClndr .clndr .days-container {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 228px
}

#eventClndr .clndr .days-container .days {
	position: absolute;
	left: 0;
	width: 100%;
	height: 234px;
	-webkit-transition: left .5s;
	transition: left .5s;
	background-color: #fafafa
}

#eventClndr .clndr .days-container .days .day, #eventClndr .clndr .days-container .days .empty
	{
	font-size: 13px;
	font-size: 1.3rem;
	display: inline-block;
	width: 14.2857%;
	padding-top: 11px;
	padding-bottom: 12px;
	text-align: center;
	color: #8d8c8e
}

#eventClndr .clndr .days-container .days .day.today {
	color: #fff;
	background-image: url(../images/calendar_1.png);
	background-repeat: no-repeat;
	background-position: 50% 46%;
	background-size: 80% auto
}

#eventClndr .clndr .days-container .days .day.event, #eventClndr .clndr .days-container .days .empty.event
	{
	position: relative;
	cursor: pointer;
	-webkit-transition: background-color .5s;
	transition: background-color .5s
}

#eventClndr .clndr .days-container .days .day.event:after, #eventClndr .clndr .days-container .days .empty.event:after
	{
	font-size: 52px;
	position: absolute;
	bottom: -32px;
	margin-left: -17px;
	content: '·';
	color: #0082fc
}

#eventClndr .clndr .days-container .days .day.event:hover, #eventClndr .clndr .days-container .days .empty.event:hover
	{
	background-color: #eee
}

#eventClndr .clndr .days-container .days .day.adjacent-month,
	#eventClndr .clndr .days-container .days .empty.adjacent-month {
	color: #7fc1fd
}

#eventClndr .clndr .days-container .days .empty {
	height: 31px;
	vertical-align: bottom
}

#eventClndr .clndr .days-container .days .headers {
	padding-top: 2px;
	padding-bottom: 6px;
	background-color: #0082fc
}

#eventClndr .clndr .days-container .days .headers .day-header {
	font-size: 11px;
	font-size: 1.1rem;
	display: inline-block;
	width: 14.2857%;
	text-align: center;
	color: #fff
}

#eventClndr .clndr .days-container .events {
	position: absolute;
	left: 294px;
	width: 100%;
	height: 217px;
	-webkit-transition: left .5s;
	transition: left .5s;
	background-color: #ebebeb
}

#eventClndr .clndr .days-container .events .headers {
	position: relative
}

#eventClndr .clndr .days-container .events .event-header {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	color: #fff;
	background-color: #97ce7f
}

#eventClndr .clndr .days-container .events .x-button {
	font-size: 80%;
	position: absolute;
	top: 7px;
	left: 20px;
	cursor: pointer;
	-webkit-transition: color .25s;
	transition: color .25s
}

#eventClndr .clndr .days-container .events .x-button:hover {
	color: #fff
}

#eventClndr .clndr .days-container .events .events-list {
	overflow: scroll;
	height: 185px
}

#eventClndr .clndr .days-container .events .events-list .event {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	border-bottom: 1px solid rgba(255, 255, 255, .5)
}

#eventClndr .clndr .days-container .events .events-list .event:hover {
	background-color: #f5f5f5
}

#eventClndr .clndr .days-container .events .events-list .event a {
	font-size: 12px;
	position: relative;
	-webkit-transition: color .25s;
	transition: color .25s;
	text-decoration: none;
	letter-spacing: 1px;
	color: #212121;
	background-color: transparent
}

#eventClndr .clndr .days-container .events .events-list .event a:hover {
	color: #69a776;
	background-color: transparent
}

#eventClndr .clndr .days-container.show-events .days {
	left: -294px
}

#eventClndr .clndr .days-container.show-events .events {
	left: 0
}

@media ( max-width :767px) {
	#eventClndr {
		display: none
	}
}

.events-filter-btn {
	font-size: 14px;
	font-size: 1.4rem;
	display: none;
	float: left;
	width: 32%;
	margin-right: 4%;
	padding: 8px 8px 8px 8px;
	color: #525154;
	border: 1px solid #eee;
	outline: 0;
	background: 0 0
}

.events-filter-btn .bluetooth-icon {
	font-size: 18px;
	line-height: 0;
	top: 6px;
	margin-right: 8px
}

.events-filter-wrap {
	float: left;
	width: 33.33333333%
}

.events-search-wrap {
	position: relative;
	float: left;
	width: 33.33333333%
}

.events-filter-wrap select {
	font-size: 14px;
	font-size: 1.4rem;
	width: 90%;
	padding: 8px;
	color: #65666a;
	border: 1px solid #eee;
	border-radius: 0;
	outline: 0;
	background-color: #fff;
	background-image: url(../images/select_arrow.png);
	background-repeat: no-repeat;
	background-position: 95% 16px;
	background-size: 12px 6px;
	-webkit-appearance: none
}

.events-search-wrap input[type=text] {
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	padding: 8px 38px 8px 8px;
	color: #65666a;
	border: 1px solid #eee;
	border-radius: 0;
	outline: 0;
	background-color: #fff;
	-webkit-appearance: none
}

.events-search-wrap input::-webkit-input-placeholder {
	color: #65666a
}

.events-search-wrapinput:-moz-placeholder {
	color: #65666a
}

.events-search-wrapinput::-moz-placeholder {
	color: #65666a
}

.events-search-wrapinput:-ms-input-placeholder {
	color: #65666a
}

.events-search-wrap .search {
	font-size: 20px;
	font-size: 2rem;
	position: absolute;
	top: 0;
	right: 0;
	padding: 9px;
	color: #0082fc;
	border: none;
	outline: 0;
	background: 0 0 !important
}

@media ( max-width :767px) {
	.events-filter-btn {
		display: block
	}
	.events-filter-wrap {
		float: none;
		width: 100%;
		margin-bottom: 10px
	}
	.events-filter-wrap select {
		width: 100%
	}
	.events-search-wrap {
		width: 64%
	}
	.events-filter-bg {
		position: absolute;
		z-index: 99;
		top: 48px;
		display: none;
		width: 96.875%;
		padding-bottom: 10px;
		background: #fff
	}
}

#eventsList {
	margin-top: 20px
}

#eventsList .divider {
	width: 100%;
	height: 1px;
	background-color: #ececec
}

#eventsList .event-block {
	margin: 24px 10px
}

#eventsList .event-block h1 {
	font-size: 18px;
	font-size: 1.8rem;
	float: left;
	margin: 0;
	color: #414042
}

#eventsList .event-block p {
	font-size: 14px;
	font-size: 1.4rem;
	float: right;
	margin: 0;
	color: #0082fc
}

@media ( max-width :767px) {
	#eventsList .event-block h1 {
		line-height: 120%;
		float: none;
		margin-bottom: 10px
	}
	#eventsList .event-block p {
		float: none
	}
}

#pagenumNav {
	height: 24px;
	margin: 40px auto 60px
}

#pagenumNav li {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 24px;
	float: left;
	width: 24px;
	margin: 0 5px;
	padding: 0;
	text-align: center;
	color: #000
}

#pagenumNav li a {
	text-decoration: none;
	color: #2e2e2e
}

#pagenumNav li a:hover {
	color: #0082fc
}

#pagenumNav .current {
	color: #fff;
	background-color: #0082fc
}

#pagenumNav .bluetooth-icon {
	top: 0;
	color: #b0b6b8
}

#pagenumNav .bluetooth-icon a {
	text-indent: -9999px;
	color: #b0b6b8
}

#pagenumNav .bluetooth-icon a:hover {
	color: #0082fc
}

#pagenumNav .bluetooth-icon a:active {
	color: #aa142d
}

#pagenumNav .bluetooth-icon.disabled a:hover {
	color: #b0b6b8
}

.table-details>tbody>tr>td, .table-details>thead>tr>th {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 100%;
	padding: 15px 5px;
	border: 1px solid #ddd
}

#pageContent .table-details p {
	font-size: 12px;
	font-size: 1.2rem
}

.sign-wrap {
	width: 560px;
	padding: 54px 125px 74px;
	border-top: 8px solid #1685f7;
	background: #fff
}

.sign-wrap .sign-header {
	margin-bottom: 15px
}

.sign-wrap .sign-header img {
	display: inline-block;
	width: 188px;
	height: auto;
	vertical-align: bottom
}

.sign-wrap .sign-header p {
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 2px;
	margin-left: 8px;
	vertical-align: bottom;
	color: #0082fb
}

.sign-wrap input[type=password], .sign-wrap input[type=text] {
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #eee;
	outline: 0
}

.sign-wrap input[type=password].error, .sign-wrap input[type=text].error
	{
	border-color: red
}

.sign-wrap input[type=checkbox] {
	margin-right: 5px;
	border: 1px solid #eee;
	cursor: pointer
}

.sign-wrap button {
	position: relative;
	width: 100%;
	margin-top: 30px;
	padding: 14px;
	border: none;
	border: 1px solid #1685f7;
	outline: 0;
	background: #1685f7
}

.sign-wrap button span {
	font-size: 20px;
	font-size: 2rem;
	color: #fff
}

.sign-wrap button .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	transition: top .3s .3s ease, opacity .3s .3s ease, border-radius .3s
		ease;
	animation: spinner .6s infinite linear;
	opacity: 0;
	border: 4px solid #fff;
	border-top-color: rgba(255, 255, 255, .3);
	border-radius: 100%;
	box-shadow: 0 1px 0 rgba(0, 0, 0, .2)
}

.sign-wrap button.loading span, .sign-wrap button.ok span {
	opacity: 0
}

.sign-wrap button.loading .spinner {
	opacity: 1
}

@
keyframes spinner { 0%{
	transform: rotateZ(0)
}

100%{
transform


:rotateZ(359deg)


}
}
.sign-wrap button.ok .spinner {
	height: 20px;
	transform: rotateZ(-45deg);
	animation: none;
	opacity: 1;
	border-top-color: transparent;
	border-right-color: transparent;
	border-radius: 0
}

.sign-wrap .checkbox-group, .sign-wrap .forget-btn, .sign-wrap .pull-left,
	.sign-wrap label {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #65666a
}

.sign-wrap .pull-left, .sign-wrap .pull-right {
	margin-top: 10px;
	margin-bottom: 10px
}

.sign-wrap .checkbox-group {
	margin-top: 20px
}

.sign-wrap .checkbox-group label {
	display: block;
	margin-top: 5px
}

.sign-wrap .signup-button {
	cursor: pointer;
	position: relative;
	font-size: 12px;
	font-size: 1.2rem;
	text-decoration: underline;
	color: #1685f7
}

.sign-wrap .error-tag {
	font-size: 12px;
	font-size: 1.2rem;
	position: absolute;
	bottom: 125px;
	display: none;
	color: red
}

.sign-wrap h1 {
	font-size: 24px;
	font-size: 2.4rem;
	color: #0082fb
}

.sign-wrap p {
	font-size: 14px;
	font-size: 1.4rem;
	color: #414042
}

.user-wrap {
	width: 760px;
	padding: 60px
}

.user-wrap button {
	padding: 10px
}

.user-wrap .cancle-btn {
	font-size: 20px;
	font-size: 2rem;
	color: #65666a;
	border-color: #eee;
	background: #fff
}

.user-wrap .change-btn {
	font-size: 12px;
	font-size: 1.4rem;
	display: inline-block;
	margin-top: 20px;
	text-decoration: underline
}

.user-wrap .error-tag {
	bottom: 100px
}

.forget-wrap #verify {
	width: 180px
}

.forget-wrap .sent-btn {
	width: 100px;
	margin-top: 20px;
	padding: 10px;
	border-color: #1685f7;
	background: #fff
}

.sign-wrap .sent-btn .spinner {
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border: 1px solid #1685f7;
	border-top-color: rgba(101, 102, 106, .3)
}

.forget-wrap .sent-btn span {
	font-size: 14px;
	font-size: 1.4rem;
	color: #1685f7
}

.forget-wrap .sent-btn.disabled {
	border-color: #eee
}

.forget-wrap .sent-btn.disabled span {
	color: #65666a
}

.forget-wrap .content2 {
	display: none
}

.comingsoon .wrapper {
	box-sizing: content-box;
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 40px
}

.comingsoon .wrapper img {
	display: block;
	width: 100%;
	height: auto
}

.comingsoon .wrapper h1 {
	font-size: 72px;
	margin: 40px 0 0 0;
	color: #0082fc
}

.wrap-404-wrap {
	width: 333px;
	text-align: center;
	margin: 12% auto 6%;
}

.wrap-404-wrap img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 20px;
}

.wrap-404-wrap p {
	margin-bottom: 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #525154;
}