@charset "utf-8";

/**
 * @file the-chin-family-theme.css
 * @author Felix Chau, Marcus Wong, Andy Kwok
 *
 * The Chin Family theme. ALL styling should go here.
 */

/**
 * Hacks
 */
 /* {position:relative;}*/

/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

/**
 * Bootstrap Override (Anything pending for moving back to config.json)
 */

a {
	color:#550082;
}

a:hover,
a:focus,
a:active {
    color: #00BCBC;
}

a,
a:hover,
a:focus,
a:active {
	text-decoration:none;
}

.page-header{
	margin-top: 42px;
	margin-bottom: 28px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.panel {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}

.panel-body {
	padding: 0;
}

.panel-footer {
	padding: 10px;
	border: none;
	border-radius: 0;
	background-color: transparent;
    line-height: 1em;
	white-space: normal;
}

.form-control {
	/*border: none;*/
	/*border-radius: 0;*/
	text-shadow: none;
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #FFFFFF;
}

.btn:active,
.btn.active {
	box-shadow: none;
}

.btn-default,
.btn-default:hover {
    color: #FFFFFF;
    background-color: #27B6BC;
    border: none;
	border-radius: 0;
}

.btn-default:active,
.btn-default.active,
.open >.dropdown-toggle.btn-default {
    color: #FFFFFF;
    background-color: #27B6BC;
    border: none;
}

.btn-default:focus,
.btn-default.focus,
.open >.dropdown-toggle.btn-default {
    color: #FFFFFF;
    background-color: #27B6BC;
    border: none;
}


.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #FFFFFF;
    background-color: #27B6BC;
    border: none;
}

.footer-right .btn-default {
    background-color: #8266b9;
}

.footer-right .btn-default:hover {
    background-color: #8266b9;
}



/**
 * Brand Color - Primary Color
 */

.pantone-2735u {
	color: #4A2680;
}
.pantone-3115u {
	color: #2EB6BA;
}

.bg-pantone-2735u {
	background-color: #4A2680;
}
.bg-pantone-3115u {
	background-color: #2EB6BA;
}

/**
 * Brand Color - Secondary Color
 */

.pantone-298u {
	color: #00B6ED;
}

.pantone-192u {
	color: #EB5762;
}

.pantone-137u  {
	color: #F39543;
}

.pantone-108u {
	color: #f4cb00;
}

.pantone-375u {
	color: #76B82A;
}

.pantone-cool-gary-u {
	color: #B2B2B2;
}

.black {
	color: #000000;
}

.bg-pantone-298u {
	background-color: #00B6ED;
}

.bg-pantone-192u {
	background-color: #EB5762;
}

.bg-pantone-137u  {
	background-color: #F39543;
}

.bg-pantone-108u {
	background-color: #f4cb00;
}

.bg-pantone-375u {
	background-color: #76B82A;
}

.bg-pantone-cool-gary-u {
	background-color: #B2B2B2;
}

.bg-black {
	background-color: #000000;
}

/**
 * Badge Color
 */



.badge-pantone-298u {
	background-image: url(images/speech-balloon/badge_298u.png);
}

.badge-pantone-192u {
	background-image: url(images/speech-balloon/badge_192u.png);
}

.badge-pantone-137u  {
	background-image: url(images/speech-balloon/badge_137u.png);
}

.badge-pantone-108u {
	background-image: url(images/speech-balloon/badge_108u.png);
}

.badge-pantone-375u {
	background-image: url(images/speech-balloon/badge_375u.png);
}

.badge-pantone-cool-gary-u {
	background-image: url(images/speech-balloon/badge_cool_gary_u.png);
}

.badge-black {
	background-image: url(images/speech-balloon/badge_black.png);
}

.badge-pantone-2735u {
	background-image: url(images/speech-balloon/badge_2735u.png);
}
.badge-pantone-3115u {
	background-image: url(images/speech-balloon/badge_3115u.png);
}

/**
 * Sticky Footer
 */

html,
body {
	height: 100%;
}

.site-wrapper {
}

.site-content {
	position: relative;
	overflow: auto;
}

.site-footer {
	position: relative;
	clear: both;
}

@media (min-width: 768px) {
	.site-wrapper {
		min-height: 100%;
		margin: 0 auto -105px; /* the bottom margin is the negative value of the footer's height */
	}

	.site-content {
		padding-bottom: 105px; /* the padding margin is the negative value of the footer's height */
	}

	.site-footer {
		margin-top: -105px; /* negative value of footer height */
		height: 125px;
	}
}

/**
 * Grid
 */

@media (min-width: 768px) {
	.main-container {
		margin-bottom: 160px;
	}
}

@media (min-width: 960px) {
	.left-col {
		width: 240px;
	}
}


/**
 * Global
 */

html, body{
	min-height: 100%;
}

body{
	font-family: "Calibri","Microsoft JhengHei", Arial, sans-serif;
	font-size: 15px; /*color:#333;*/
	position: relative;
}

body.font-size-small {
	font-size: 13px;
}

body.font-size-large {
	font-size: 18px;
}

.navbar .icon-bar {
    background-color: #FFFFFF;
    height: 3px;
}

h1,h2,h3,h4{color:#550082;}
h1{font-size:2em;margin:22px 0;padding:0;}
h2{font-size:1.35em;margin:20px 0;padding:0;}
h3{font-size:1.25em;margin:15px 0;padding:0;/*font-style:italic;*/}
h4{font-size:1.1em;margin:10px 0;padding:0;}

img.responsive-img {
    max-width: 100%;
    height: auto;
}

.icon{
	display: inline-block;
	vertical-align: middle;
}

@media (min-width: 320px) {
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
}

@media (min-width: 960px) {
}


/**
 * Global - Header
 */

.navbar {
	border: none;
    height: 64px;
}

.navbar-header {
	padding: 0 10px;
	border-bottom: 5px solid #00BCBC;
}

@media (min-width: 768px) {
	.navbar-header {
		padding: 0 10px;
	}
}

@media (min-width: 960px) {
	.navbar {
		margin: 0;
		height: auto;
	}

	.navbar-header {
		border-bottom: none;
		height: 140px;
		/* height: 120px; */
		position: relative;
		float: none;
		/* overflow: hidden;  */
	}
}

/**
 * Global - Header - Logo
 */

.navbar-brand {
	padding: 0;
	width: 155px;
	height: 64px;
}
.navbar-brand a {
	display: block;
}

@media (min-width: 960px) {
	.navbar-brand {
		/* margin-top: 26px; */
		margin-top: 26px; /*20181220 - IFEC*/
		width: 215px;
		height: 85px;
	}

	.navbar > .container .navbar-brand {
		margin-left: 0;
	}
}

/**
 * Global - Header - Right
 */

.navbar-toggle{/*display:block;box-sizing:border-box;*/width:40px;height:40px;border:none;background-color:#00bcbc;color:#fff;border-radius:0;margin:0;padding:0;}
.navbar-toggle .icon{display:block;text-align:center;font-size:1.5em;padding:0.25em;}
.navbar-toggle-main {
	padding: 9px 10px;
}
.navbar-toggle-role {
	margin-right: 10px;
	background-color: #EB5763;
}

.icon-facebook{
    background: url(images/icons/facebook.png) no-repeat;
    width: 30px;
    height: 30px;
}

.icon-instagram{
    background: url(images/icons/instagram.png) no-repeat;
    width: 30px;
    height: 30px;
}

.icon-messenger{
    background: url(images/icons/messenger.png) no-repeat;
    width: 30px;
    height: 30px;
}

.icon-contact-us{
    background: url(images/icons/contact-us.png) no-repeat;
    width: 30px;
    height: 30px;
	background-size: 100%;
    margin-top: 0;
}

.icon-subscribe{
	background: url(images/icons/subscribe.png) no-repeat;
    width: 25px;
    height: 21px;
}

.icon-issue{
	background: url(images/icons/latest.png) no-repeat;
    width: 22px;
    height: 21px;
}

.social-media .icon-contact-us{
	margin-left: 10px;
}

.social-media .icon-facebook, .social-media .icon-instagram, .social-media .icon-messenger{
/*     background-size: 66%; 20160617*/
	background-size: 70%;
    /* margin-top: 10px; */
	margin-top: 0px; /*20181220 - IFEC*/
}

.site-footer .social-media .icon-facebook , .site-footer .social-media .icon-instagram, .site-footer .social-media .icon-messenger{
    margin-top: 10px;
}

.icon-youtube{
	background: url(images/icons/youtube.png)no-repeat;
    width: 48px;
    height: 20px;
}

.icon-font{
	background: url(images/icons/text-size.png)no-repeat;
    width: 16px;
    height: 16px;
}

.font-size-switchers .small{
	width: 10px;
	height: 8px;
}

.font-size-switchers .normal{
	width: 14px;
	height: 10px;
	margin: 0 -2px;
}

.font-size-switchers .large{
	width: 18px;
	height: 13px;
}

.font-size-switchers .small .icon-font{
	background-size: 60%;
	background-position:0 5px;
}


.font-size-switchers .normal .icon-font{
	background-size: 80%;
	background-position: 0 3px;
}

.header-right-top{
	position: absolute;
	top: 0;
	right: 0;
	/* width: 300px; 20160617*/
	width: 550px;
	/* height: 52px; */
	height: 30px; /*20181220 - IFEC*/								  
}
.header-right-top div{text-align:center; display:inline-block;padding:0 0.2em;}
.header-right-top a{color:#fff;display:inline-block;}
.header-right-top .social-media{
	width:240px;
	/* height:53px; */
	background-color:#5834b9;
	font-size:1.5em;
	/* padding:0.3em;  */
	float: right; 
	/*20181220 - IFEC*/
	padding: 0 0.25em;
	height: 30px;
}
.header-right-top .subscribe{
    width: 134px;
    /* height: 53px; */
    background-color: #8266b9;
/* 	font-weight: bold; */
    float: right;
    font-size: 1em;
	/* line-height: 53px; */
	/*20181220 - IFEC*/
	height: 30px;
    line-height: 30px;	
} /* 20160617 */

.header-right-top .font-size-switchers{width:140px;/* height:53px; */background-color:#2e008b;/* padding:1em 0.2em; */ float: right; /*position: absolute; top: 0; right: 0;*/
	/*20181220 - IFEC*/
	padding: 0.2em 0.2em;
    height: 30px;		  
}
.header-right-top .font-size-switchers .lang{border-right:1px solid #fff;}
.header-right-top .font-size-switchers a{display:inline-block;padding:0 0.1em;}
.header-right-bottom {
	position: absolute;
	/* top: 40px; */
	/* top: 85px; */
	top: 95px;/*20181220 - IFEC*/
	right: 0;
	width: 800px;
	height: 30px;
}

.overlay {
	display: none;
	position: fixed;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index: 8000;
	background-color: rgba(0,0,0,0.5);
	cursor: pointer;
}

.canvas-slid .overlay,
.canvas-sliding .overlay {
	display: block;
}

/**
 * Global - Header - Role
 */

.home .header-right-bottom  {
	display: none;
}

.icon-role{
	float: right;
}

.icon-role .active{
	color: #EB5762;
	font-weight: bold;
}

.icon-role a{
	height: 70px;
	font-size: 0.863em;
}

.icon-role span{
	height: 70px;
	color: #550082;
	font-size: 0.863em;
}

.icon-role li {
	list-style-type: none;
	float: right;
	padding-left: 10px;
}


@media (min-width: 320px) {
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
}

@media (min-width: 960px) {
}


/**
 * Global - Header - Main Navigation
 */

/*nav.navbar .navbar-brand{display:none;}*/
.navbar-collapse ul li{display: inline-block;}

.right-share div{display:none;}

.icon-search{
	background: url(images/icons/search.png) no-repeat;
	width: 58px;
	height: 58px;
    background-size: 50%;
    background-position: 50% 50%;
}

.icon-share{
	background: url(images/icons/share.png) no-repeat;
	width: 24px;
	height: 29px;
}

.icon-share-min{
	background: url(images/icons/share-min.png) no-repeat;
	width: 19px;
	height: 23px;
}


.icon-google{
	background: url(images/icons/google-plus.png) no-repeat;
	width: 28px;
	height: 28px;
}

.icon-google-min{
	background: url(images/icons/google-plus-min.png) no-repeat;
	width: 23px;
	height: 23px;
}

.icon-facebook-min{
    background: url(images/icons/facebook-min.png) no-repeat;
    width: 25px;
    height: 25px;
}

.navbar-collapse.collapse { margin: 0; padding: 0 60px 0 0; height: 60px; background: #2CB6B9; position: relative; }
.navbar-collapse .navbar-nav{
	height: 60px;
	font-size: 15px;
}
.navbar-collapse .navbar-nav li {/*margin:0;padding:0;list-style:none;*/}
.navbar-collapse .navbar-nav li a {padding:20px 10px; color:#FFFFFF;}

.navbar-collapse .navbar-nav > .active > a,
.navbar-collapse .navbar-nav > .open > a,
.navbar-collapse .navbar-nav > li > a:hover,
.navbar-collapse .navbar-nav > li > a:focus {
	color: #4B2781;
	text-decoration: none;
	background-color: transparent;
	background-image: url(images/nav-background_highlighted_left.png), url(images/nav-background_highlighted_right.png),url(images/nav-background_highlighted.png);
	background-position: left bottom, right bottom, center bottom;
	background-repeat: no-repeat, no-repeat, repeat-x;
}

.navbar-collapse .navbar-nav .dropdown-menu {
	border: none;
	border-radius: 0;
	padding: 0;
	background: #2CB6B9;
	box-shadow: none;
}

.navbar-collapse .navbar-nav .dropdown-menu > li {
	padding: 0px 20px;
	width: 100%;
}

.navbar-collapse .navbar-nav .dropdown-menu > li > a {
	border-bottom: 1px solid rgb(255, 255, 255);
	padding: 20px 0px;
    text-decoration: none;
    color: #FFFFFF;
}
.navbar-collapse .navbar-nav .dropdown-menu > li:last-child > a {
	border-bottom: none;
}

.navbar-collapse .navbar-nav .dropdown-menu > li > a:hover,
.navbar-collapse .navbar-nav .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #550082;
    background-color: transparent;
	border-radius: 0;
	box-shadow: none;
}

.search-icon{position:absolute;right:0px;height:60px;background-color:#f6ca00; display:inline-block;vertical-align:middle;}
.search-icon:hover{width: 100%;}
.search-icon:hover .search-bar{display:inline-block;}

.right-share{background-color:#550082;color:#fff;font-size:1.5em;width:60px;position:absolute;box-sizing:border-box;overflow:hidden;right:0px; top: 60px;z-index:20;}
.right-share a{display:block;color:#fff;text-align:center;padding:0.55em;height:60px;overflow:hidden;}
.right-share:hover .pop-up-div{display:inherit;}

.right-share-min {display:none;}
.right-share-min div{display:none;}

@media (max-width: 959px) {
	.right-share-container{padding-left: 708px;}
	.right-share-min{display:block;}
	.right-share-min{background-color:#550082;color:#fff;font-size:1.5em;width:40px;position:absolute;box-sizing:border-box;overflow:hidden;top: 85px;z-index:20;}
	.right-share-min a{display:block;color:#fff;text-align:center;padding:0.1em;height:40px;overflow:hidden;}
	.right-share-min:hover .pop-up-div-min, .right-share-min:focus .pop-up-div-min, .right-share-min:active .pop-up-div-min{display:inherit;}
}

@media (max-width: 768px) {
	.right-share-container{padding-left: 0px;}
	.right-share-min{right:10px;}
}

.search-icon{
	cursor: pointer;
}

.search-bar{
	background-color: #f4cb00;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    height: 60px;
    display: none;
}

.search-box{
	height: 100%;
	width: 85%;
    background: url(images/icons/search_supernova.png) left 30px center no-repeat #fff;
    background-size: 30px;
    padding-left: 80px;
    float: left;
    border: none;
}

.search-btn{
	height: 100%;
	width: 15%;
    color: #fff;
    background-color: #f4cb00;
    border: none;
}

/**
 * Global - Main Navigation (Off Canvas)
 */

.offcanvas-who-am-i{background-color:#EB5763;}

.offcanvas-navigation{background-color:#00bcbc;}

.navmenu {
	overflow-y: scroll;
}

.navmenu-lang-select{padding:0.75em;text-align:center;color:#FFFFFF;border-bottom:1px solid #FFFFFF;}.offcanvas-navigation .navmenu-lang-select .lang{color:#FFFFFF; padding: 11.25px 10px;}
.navmenu-search{position: relative; border-bottom:1px solid #FFFFFF; height: 60px;}
.navmenu-search .search-box{box-sizing:border-box;border:0;padding:20px 25px;height:60px;width:100%;padding-right:50px; background: #FFF;}
.navmenu-search .submit-search{position:absolute;right:0;top:0;background-color:#f6ca00;color:#FFFFFF;width:60px;height:60px;text-align:center;font-size:1.5em;padding:0.25em; border: none;}

.menu-offcanvas a {
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

.menu-offcanvas .lv4 a,
.menu-offcanvas .lv4 li > a,
.menu-offcanvas .dropdown-menu.lv4  li > a,
.menu-offcanvas .open .dropdown-menu.lv4  li > a {
	color: #666666; /* default colour of Off Canvas Navigation Item smaller than lv4 */
}

.menu-offcanvas .label-i-am {
	border-bottom: 1px solid #FFFFFF;
    padding: 10px 30px 10px 15px;
	color: #FFFFFF;
}

.menu-offcanvas > li > a:hover,
.menu-offcanvas > li > a:focus,
.menu-offcanvas .dropdown-menu > li> a:hover,
.menu-offcanvas .dropdown-menu > li> a:focus {
	color: #550082 !important;
    background-color: transparent;
}

.menu-offcanvas .open > a,
.menu-offcanvas .open > a:hover,
.menu-offcanvas .open > a:focus {
    border-color: #FFFFFF;
	background-color: transparent;
	color:#550082 !important;
}

.menu-offcanvas li > a,
.menu-offcanvas .dropdown-menu > li > a,
.menu-offcanvas .open .dropdown-menu > li > a {
	color: #FFFFFF;
    padding: 10px 30px 10px 15px;
}

.menu-offcanvas {margin:0;}
.menu-offcanvas li{margin:0;padding:0;}

.menu-offcanvas .dropdown-toggle{
	background: url(images/icons/triangle-right_white.png) no-repeat 255px center !important;
}

.menu-offcanvas .open > .dropdown-toggle {
	background: url(images/icons/tringle-bottom_meteorite.png) no-repeat 255px center !important;
}

.menu-offcanvas .dropdown-menu > li > a {
    white-space: normal;
}

/*.offcanvas-who-am-i .navbar-nav li.active a,
.offcanvas-navigation .navbar-nav .active a{color:#b5eceb;}*/
.menu-offcanvas .dropdown-menu{margin:0;padding:0;}
.menu-offcanvas  .dropdown-menu li:last-child{border:none;}

.menu-offcanvas .open .dropdown-menu.lv2 {background-color:#0dcbca;}
.menu-offcanvas .open .dropdown-menu.lv3 {background-color:#66d8d7;}
.menu-offcanvas .open .dropdown-menu.lv4 {background-color:#b7eceb;}
.menu-offcanvas .open .dropdown-menu.lv5 {background-color:#e7f9f9;}
.menu-offcanvas .open .dropdown-menu.lv6 {background-color:#FFFFFF;}

.offcanvas-who-am-i .menu-offcanvas .open .dropdown-menu.lv2 {background-color:#EF7A81;;}
.offcanvas-who-am-i .menu-offcanvas .open .dropdown-menu.lv3 {background-color:#F39BA0;}
.offcanvas-who-am-i .menu-offcanvas .open .dropdown-menu.lv4 {background-color:#F7BCC0;}
.offcanvas-who-am-i .menu-offcanvas .open .dropdown-menu.lv5 {background-color:#FBDDDF;}
.offcanvas-who-am-i .menu-offcanvas .open .dropdown-menu.lv6 {background-color:#FDEEEF;}



.icon-user{
    background: url(images/icons/user.png) no-repeat;
    width: 40px;
    height: 23px;
    background-position: 3px;
}

.nav-social{
display:flex;
}

.nav-social a {
    color: #FFFFFF;
/*     font-weight: bold; */
}

.nav-contactus{
	text-align: center;
    padding-top: 13px;
	padding-bottom: 13px;
	float: left;
	width: 50%;
}

.nav-subscribe{
	text-align: center;
    padding-top: 13px;
	padding-bottom: 13px;
	float: left;
	width: 50%;
	border-right: 1px solid #FFFFFF;
}





@media (min-width: 320px) {
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
}

@media (min-width: 960px) {
}


/**
 * Global - Left Navigarion
 */

.left-col {
	/*background-color: #FFFFFF;*/
}

.left-menu {
	display: none;
	margin-bottom: 15px;
}

.section-header {
	color: #F2C600;
}

.section-header {
	padding: 20px;
	background-color: #2CB6B9; /* default colour of Section Header */
	color: #f4cb00;
}

.section-header .section-logo {
	text-align:center;
}

.section-header .section-title {
	/*margin-bottom: 15px;
	background-image: url(images/section-title_highlighted_left.png), url(images/section-title_highlighted_right.png),url(images/section-title_highlighted.png);
	background-position: left bottom, right bottom, center bottom;
	background-repeat: no-repeat, no-repeat, repeat-x;*/
	text-align: center;
	font-family: "Calibri","Microsoft JhengHei", Arial, sans-serif;
	color: #F4CB00;
	font-size: 2.133em;
}

.section-header .section-desc p {
	color: #FFFFFF;
}

.left-nav ul{padding:0; margin:0;list-style:none;}
.left-nav ul > li{padding:0 20px;margin:0;}

.left-nav ul > li > a:hover,
.left-nav ul > li > a:active{
	color:#550082; /* default colour of highlighted Navigation Item */
}

.left-nav .lv2 {
	padding: 12px 0;
	background-color: #56C5C7; /* default colour of level 2 */
}
.left-nav .lv3 {background-color: #80D3D5;} /* default colour of level 3 */
.left-nav .lv4 {background-color: #C0E9EA;} /* default colour of level 4 */
.left-nav .lv5 {background-color: #EAF8F8;} /* default colour of level 5 */
.left-nav .lv6 {background-color: #FFFFFF;} /* default colour of level 6 */

.left-nav a {
	padding: 12px 0;
	color: #FFFFFF; /* default colour of Navigation Item */
	display: block;
}

.left-nav .lv2 a {
	color: #FFFFFF; /* default colour of Navigation Item smaller than lv2 */
}

.left-nav .lv4 a {
	color: #2CB6B8; /* default colour of Navigation Item smaller than lv4 */
}

.left-nav .active > a {color:#550082;}

.left-nav .lv2 > li > a {
	border-bottom: 1px solid #FFFFFF;
}

.left-nav .lv2 > li:last-child > a {
	border-bottom: none;
}

.left-nav .lv2 > .active > .dropdown-toggle,
.left-nav .lv2 > .open > .dropdown-toggle {
	border-bottom: none;
	/*padding-top: 27px;*/
	background:url(images/left-nav/default-triangle_lv3.png) 20px bottom no-repeat;
}

.left-nav .lv3 > .active > .dropdown-toggle,
.left-nav .lv3 > .open > .dropdown-toggle {
	/*padding-top: 14px;*/
	background:url(images/left-nav/default-triangle_lv4.png) 20px bottom no-repeat;
}

.left-nav .lv4 > .active > .dropdown-toggle,
.left-nav .lv4 > .open > .dropdown-toggle {
	background:url(images/left-nav/default-triangle_lv4.png) 20px bottom no-repeat;
}

.left-nav .lv5 > .active > .dropdown-toggle,
.left-nav .lv5 > .open > .dropdown-toggle {
}

.left-nav .dropdown > .dropdown-menu {
	margin: 0 -20px;
}

.left-nav .dropdown-menu {
	position: static;
	float: none;
	min-width: auto;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.left-nav .dropdown-menu > li {
	padding: 0 20px;
}
.left-nav .dropdown-menu > li > a {
	padding: 9px 0;
    white-space: normal;
}

.left-nav .dropdown-menu > li > a:hover,
.left-nav .dropdown-menu > li > a:focus {
    color: #550082;
    background-color: inherit;
}

.left-nav .dropdown-menu > .active > a,
.left-nav .dropdown-menu > .active > a:hover,
.left-nav .dropdown-menu > .active > a:focus {
    background-color: inherit;
}

/**
 * Global - Footer
 */

.site-footer {
	padding-top: 20px;
	padding-bottom: 25px;
	/*height: 225px;*/
	background-color: #540081;
	font-size: 0.8em;
	color: #FFFFFF;
}
/* .footer-top {
	margin-bottom: 25px;
} */

.site-footer .row {
	background-color: #540081;
}

.site-footer .btn {
	font-size: 0.85em;
}


.footer-right {
	text-align: center;
}

.footer-right .input-group {
	display: inline-block;
	text-align: left;
}

.footer-right .btn {
	padding: 5px 10px 5px 10px;
}

.footer-copyright,
.footer-menu {
    padding: 0;
    margin: 0;
}

.footer-hyperlinks-wrapper {
	text-align: center;
}

.footer-menu.footer-hyperlinks {
	list-style: none;
	text-align: center;
}

.footer-menu li {
	list-style: none;
	display:inline-block;
/*	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;*/
}

.footer-menu a {
	margin: 0 20px 0 0;
	color: #FFFFFF;
}

/* This selector is reserved for reversing the footer layout. */
.footer-logo {
	margin-bottom: 20px;
    text-align: center;
}

.footer-logo {
	padding-right: 20px;
	border-right: 1px solid #FFFFFF;
	display: table-cell;
	vertical-align: top;
}

.footer-logo img {
	width: 120px;
}

.footer-hyperlinks {

}

/* This selector is reserved for reversing the footer layout. */
.footer-statement {
	padding-left: 20px;
	display: table-cell;
	vertical-align: top;
}

.footer-statement p {
	margin: 0;
}

.footer-copyright {
	text-align: center;
}

@media (min-width: 768px) {
	.site-footer {
		font-size: 0.85em;
		/* height: 134px; */
	}

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

	.footer-menu {
		/* float: right; */
	}

	.footer-menu a {
		/* margin: 0 0 0 15px; */
	}

	.footer-menu li {
		float: left;
	}

	.footer-logo img{
		width: auto;
	}

	.footer-copyright {
		text-align: left;
	}

}

/**
 * Global - Footer - Subscription Form
 */

.subscription-form .form-control {
	border: none;
	border-radius: 0;
	text-shadow: none;
}

.subscription-form .form-control,
.subscription-form .btn {
	height: 25px;
}

.subscription-form .btn {
	line-height: 14px;
}

/**
 * Global - Breamcrumb
 */

.breadcrumb {
	padding: 0;
	background: none;
}
.breadcrumb a {
	color: #666;
}
.breadcrumb > a:last-child{
	color: #550082;
}

.breadcrumb>li+li:before {content: ">";}
.breadcrumb .fa{margin:0 0.5em;}
.breadcrumb .active{color:#550082;}

@media (max-width: 767px) {
	.breadcrumb {
		padding-right: 40px;
	}
}

@media (min-width: 768px) {
	.breadcrumb {
		padding-right: 60px;
	}
}

@media (min-width: 960px) {
	.breadcrumb{margin-top: 25px;}
}

/**
 * Global - Badge
 */

.badge {
	top: 0;
	left: 0;
    margin-bottom: -0;
    padding: 0 0 14px 0;
    border-radius: 0px;
	background-color: transparent;
    background-image: url(images/speech-balloon/right-triangle_scooter.png);
    background-repeat: no-repeat;
    background-position: 100% 30px;
    position: absolute;
    z-index: 1;
}

.badge h1,
.badge h2,
.badge h3,
.badge h4,
.badge h5,
.badge h6,
.badge span {
	margin: 0;
	padding: 0;
    width: 100px;
    height: 30px;
    line-height: 30px;
	background-color: #27B6BC;
/* 	color: #FFFFFF; */
	font-size: 1em;
	display: block;
}

.badge h1,
.badge h2,
.badge h3,
.badge h4,
.badge h5,
.badge h6{
	color: #FFFFFF;
}

/**
 * Global - More
 */

.more {
	margin-right: 15px;
	font-size: 1em;
	color: purple;
	text-decoration: none;
	float: right;
}

/**
 * Global - Previous / Next Control
 */

.control-prev,
.control-next {
    width: 56px;
    height: 56px;
    display: block;
    position: absolute;
    top: 50%;
    background-color: #4A2680;
    padding: 15px;
}

.control-prev {
	left: 0;
	background-image: url(images/icons/chevron-left_white.png);
	background-repeat: no-repeat;
    background-position: 18px 16px;
}

.control-next {
	right: 0;
	background-image: url(images/icons/chevron-right_white.png);
	background-repeat: no-repeat;
    background-position: 18px 16px;
}

/**
 * Global - Icons
 */

.icon-circle-arrow-down {
	background: url(images/icons/circle-arrow-down.png) no-repeat;
    width: 20px;
    height: 20px;
}

.icon-print {
	background: url(images/icons/print.png) no-repeat;
    width: 20px;
    height: 20px;
}

.icon-circle-chevron-up {
	background: url(images/icons/circle-chevron-up.png) no-repeat;
    width: 20px;
    height: 20px;
}

.icon-circle-chevron-right {
	background: url(images/icons/circle-chevron-right.png) no-repeat;
    width: 20px;
    height: 20px;
}

.icon-circle-chevron-right-white {
	background: url(images/icons/circle-chevron-right_white.png) no-repeat;
    width: 20px;
    height: 20px;
}


.icon-play {
    /*background: url(images/icons/video-play.png) no-repeat;*/
    font-size:60px;
    color: white;
}

/**
 * Global - Overlay Icon
 */

.overlay-panel {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
}

.overlay-panel span{
    margin-left: -50%;
	text-shadow: 0 0 5px #666;
}

/**
 * Global - Button
 */

.btn-reset,
.btn-reset:hover {
    color: #FFFFFF;
    background-color: #CCCCCC;
    border: none;
	border-radius: 0;
}

/**
 * Home
 */

.home .right-share {
	display: none;
}

.home .right-share-min{
	display:none;
}

@media (min-width: 320px) {
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
}

@media (min-width: 960px) {
}

/**
 * Home - Component 1
 */

.heroic-banner {
}

/* Carousel base class */
.heroic-banner.carousel {
	/*height: 370px;*/ /* to be updated */
}

/* Since positioning the image, we need to help out the caption */
.heroic-banner .carousel-caption {
	z-index: 10;
}

.heroic-banner  .badge {
    background-image: url(images/speech-balloon/right-triangle_white.png);
/* 	color: #F29343; */
}

.heroic-banner  .badge h1,
.heroic-banner  .badge h2,
.heroic-banner  .badge h3,
.heroic-banner  .badge h4,
.heroic-banner  .badge h5,
.heroic-banner  .badge h6,
.heroic-banner  .badge span {
   /*  background-color: #FFFFFF; */
   background-color: #27B6BC;
/* 	color: #F29343; */
}

/* Declare heights because of positioning of img element */
.heroic-banner.carousel .item {
	/*height: 370px;*/ /* to be updated */
	/*position: relative;*/
}

.heroic-banner .carousel-inner > .item > img {
	height: auto;
}

.heroic-banner .carousel-control,
.heroic-banner .carousel-control.left,
.heroic-banner .carousel-control.right {
	background-image: none;
	text-shadow: none;
}

.heroic-banner .carousel-indicators {
	bottom: 1%;
    width: auto;
	right: 20px;
	left: auto;

}

.heroic-banner .carousel-indicators li {
    background-color: #FFFFFF;  /* to be updated */
    border: 1px solid #FFFFFF;  /* to be updated */
}

.heroic-banner .carousel-indicators .active {
    background-color: #4D2683;  /* to be updated */
	opacity: 1;
}

.heroic-banner .carousel-caption {
	position: relative;
    bottom: auto;
	left: auto;
	right: auto;
	padding: 10px;
	color: #FFFFFF;
	text-align: left;
	text-shadow: none;
	padding-bottom: 30px;
}

.heroic-banner .carousel-caption h1 {
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
}

.heroic-banner .banner_image {
	height:auto;
}

.lhs-heroic-banner-container{
	margin-bottom: 15px;
}


@media (min-width: 768px) {

	/* Carousel base class */
	.heroic-banner.carousel {
		height: 292px; /* to be updated */
	}

	/* Declare heights because of positioning of img element */
	.heroic-banner.carousel .item {
		height: 292px; /* to be updated */
	}

	.heroic-banner .carousel-inner > .item > img {
		top: 0;
		left: 0;
		position: absolute;
		width: 720px;
		height: 370px;
	}

	.heroic-banner .banner_image {
		height: 250px;
	}

	.heroic-banner .carousel-indicators {
		bottom: 24px;
	}

	.heroic-banner .carousel-caption {
		color: #FFFFFF;
		text-align: left;
		text-shadow: none;
		bottom: 20px;
	}


}

@media (min-width: 960px) {
	/* Carousel base class */
	.heroic-banner.carousel {
		height: 370px; /* to be updated */
	}

	/* Declare heights because of positioning of img element */
	.heroic-banner.carousel .item {
		height: 370px; /* to be updated */
	}


	.heroic-banner .banner_image {
		height: 320px; /* 20160617 */
	}

	.lhs-heroic-banner-container{
		margin-top: 15px;
	}
}

/**
 * Home - RHS Banner
 */

.rhs-heroic-banner-container{
	margin-bottom: 15px;
}

.rhs-heroic-banner{
    /* padding: 5px; */
	overflow: hidden;
	text-align: center;
}

.rhs-banner-title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    /* color: #550082; */
	color: #FFFFFF;
	padding: 5px;
	overflow: hidden;
	/* background-color: #f6ca00; */
}

.cn-title, .en-title{
	line-height: 40px;
}

/* .en-title{
	line-height: 30px;
} */


/* hr.rhs-banner-line {
    width: 90%;
    border-top: 2px groove;
	margin-bottom: 10px;
	margin-top: 0px;
} */

.rhs-banner-icon {
    width: 120px;
    height: 96.6px;
    overflow: hidden;
	display: inline-block;
	margin-right: 10px;
    margin-left: 10px;
}

.rhs-banner-desc {
	font-size: 1em;
}

.rhs-banner-img img {
    width: 50px;
    height: 50px;
}

.rhs-icon-container{
	margin-top: 30px;
}

.rhs-banner-badge {
    background-color: transparent;
    right: 0;
    position: absolute;
    width: 42px;
/*     background-image: url(images/speech-balloon/right-triangle_yellow.png); */
    height: 57px;
    padding-right: 15px;
    z-index: 1;
	background-repeat: no-repeat;
}


@media (min-width: 320px) {
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
	.rhs-icon-container{
		margin-top: 10px;
	}

	.rhs-banner-icon {
		width: 110px;
		height: 70px;
		margin-right: 0px;
		margin-left: 0px;
	}

	.rhs-banner-desc {
		height: 14px;
		width: 110px;
		font-size: 12px;
	}

	.rhs-banner-img {
		width: 110px;
		height: 50px;
	}


 	.rhs-heroic-banner-container{
		padding-left:5px;
	}

	.rhs-heroic-banner {
		height: 292px;
		overflow: hidden;
	}

	.rhs-banner-title {
		height: 50px;
		font-size: 15px;
	}

	.cn-title, .en-title{
		line-height: 40px;
	}

	/* .en-title{
		line-height: 20px;
	} */
}

@media (min-width: 960px) {
	.rhs-banner-icon {
		height: 96.6px;
		width: 140px;
	}

	.rhs-banner-desc {
		font-size: 1em;
		height: 46.6px;
		width: 143.5px;
	}

	.rhs-banner-img {
		width: 143.5px;
		height: 50px;
	}

	.rhs-heroic-banner{
		height: 370px;
	}

	.rhs-heroic-banner-container{
		margin-top: 15px;
	}

	.rhs-banner-title {
		height: 70px;
		font-size: 20px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.cn-title, .en-title{
		line-height: 60px;
	}

/* 	.en-title{
		line-height: 30px;
	}
 */
}


/**
 * Home - Hot Topics
 */

 .hot-topic-image{
	height: 100px;
	width: 80px;
	overflow: hidden;
	float: left;
 }

 .hot-topic-desc{
	padding-left: 100px;
 }

.hot-topics-wrapper {
	margin-bottom: 40px;
    padding-top: 55px;
    position: relative;
}

.hot-topics {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.hot-topics li {
	padding: 25px 0; /* to be updated */
	border-bottom: 1px solid #969696; /* to be updated */
	display: flex;
}

.hot-topics li:last-child {
	border-bottom: none;
}

.hot-topic .hot-topic-title {
	font-size: 1.5em; /* to be updated, aounr 24px */
	color: purple; /* to be updated */
	display: inline;
}

.hot-topic .hot-topic-category {
	font-size: 0.8em; /* to be updated, around 11px*/
	color: #626262;	 /* to be updated */
}

@media (min-width: 320px) {
}

@media (min-width: 480px) {
}

@media (min-width: 768px) {
	.hot-topics-wrapper {
		height: 578px;
	}
}

@media (min-width: 960px) {
}


/**
 * Home - Hot Multimeia
 */

.multimedia-wrapper {
	margin-bottom: 20px;
    padding-top: 15px;
    /*height: 573px;*/
    position: relative;
}

.hot-video {
	/*width: 540px;*/
	/*height: 400px;*/
    margin-bottom: 15px;
}

.multimedia-carousel {
	/*width: 540px;*/
	height: 148px;
}

.panel-multimedia {
	background-color: #4A2680;
}

.panel-multimedia .panel-body {
	/*width: 540px;*/
	/*height: 303px;*/
	position: relative;
}

.panel-multimedia img {
	width: 100%;
}

.panel-multimedia .panel-footer {
	/*width: 540px;*/
	height: 101px;
	color: #FFFFFF;
	background-color: #4A2680;
}

.panel-multimedia  a {
	display: block;
}
.panel-multimedia  a,
.panel-multimedia  a:active,
.panel-multimedia  a:focus,
.panel-multimedia  a:hover {
	color: #FFFFFF;
}

.multimedia-carousel .panel-multimedia  {
	display: inline-block;
	margin-right: 20px;
}

.multimedia-carousel .panel-body {
	width: 210px;
	height: 100px;
	overflow: hidden;
}

.multimedia-carousel .panel-footer {
	width: 210px;
	height: 48px;
}

.multimedia-carousel.jcarousel-wrapper {
    position: relative;
}

.multimedia-carousel .jcarousel {
    position: relative;
    overflow: hidden;
    width: 200px;
	margin: 0 auto;
}

.multimedia-carousel .jcarousel .jcarousel-width-wrapper {
    width: 20000em;
    position: relative;
}

.multimedia-carousel .jcarousel .panel-multimedia {
    float: left;
}

.multimedia-carousel .jcarousel-control-prev,
.multimedia-carousel .jcarousel-control-next {
    width: 56px;
    height: 56px;
    display: block;
    position: absolute;
    top: 44px;
    background-color: #4A2680;
    opacity: 0.8;
    padding: 15px;
}

.multimedia-carousel .jcarousel-control-prev {
	left: 0;
	background-image: url(images/icons/chevron-left_white.png);
	background-repeat: no-repeat;
    background-position: 50% 50%;
}

.multimedia-carousel .jcarousel-control-next {
	right: 0;
	background-image: url(images/icons/chevron-right_white.png);
	background-repeat: no-repeat;
    background-position: 50% 50%;
}

@media (min-width: 320px) {
}

@media (min-width: 480px) {
	.multimedia-carousel .jcarousel {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.multimedia-wrapper {
		/*margin-bottom: 160px;*/
	}

	.hot-video .panel-multimedia .panel-body {
		overflow: hidden;
	}
}

@media (min-width: 960px) {
	.hot-video .panel-multimedia .panel-body {
		height: 303px;
	}
}


/**
 * Inner Page - Dark Matter Pending for REVIEW
 */

.page-menu{padding:0.25em;margin-bottom:20px;color:#666;vertical-align:middle;}
.page-menu a{
	color: #666;
	border-right: 1px solid #888;
	padding-right: 5px;
}
.page-menu a:first-child {
	color: #550082;
}
.page-menu a:last-child {
	border-right: none;
}

.content .hero-image{width:100%;max-width:460px;margin:0 auto;margin-bottom:30px;}
.content .hero-image img{width:100%;}


.content-bottom-navigation {margin-top:20px;}
.content-bottom-navigation .back-to-top{position: absolute; right: 0;}
.content-bottom-navigation a{float: left;display:inline-block; padding:5px;color:#550082;text-align:left;}
.content-bottom-navigation .nav-container {
	margin-bottom: 40px;
}
.remark{font-size:0.9em;color:#999;font-style:italic;margin-top:20px;}

.emphasize {
    border: 1px solid #2CB6B9;
    padding: 20px;
}

ul.custom-list {
	padding-left: 2em;
	list-style-type: none;
}

.custom-list > li {
	padding-left: 1em;
}

.custom-list > li:before {
	margin-left: -2em;
	margin-right: 1em;
    font-size: 1em;
    position: relative;
}

li.do:before,
li.ok:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
}

li.dont:before,
li.remove:before {
    content: "\e014";
    font-family: 'Glyphicons Halflings';
}


@media (min-width: 768px) {
	.content-bottom-navigation .nav-container{
		margin-bottom: 0px;
	}
	.image-caption-container{width:50%;max-width:460px;float:left;margin:12px;}
	.image-caption-container img{width: 100%;}
	.scroll-table-container{overflow:inherit;margin-top:32px;}
	.iec-table th{min-width:inherit;}
	.speech-table-container .speech-angle{display:inherit;margin-top:-32px;}
}

@media (min-width: 960px) {
}

/**
 * Inner Page - ".article"
 */

.article .article-link {
	display: block;
}

.media-heading,
.media-title {
	/*font-weight: bold;*/
	font-size: 1.4em;
	color: #550082;
}

.media-desc,
.media-post-date {
	color: #666666;
}

.media-post-date{
 	margin: 10px 0px;
}

/**
 * Inner Page - Related Links
 */

.related-links-wrapper {
	background-color: #F5F5F5;
    padding-bottom: 35px;
}

.related-links {
	display: block;
	margin-top: 30px;
	margin-bottom:20px;
}

.related-links h2 {
	margin: 25px 0;
}

.related-links .article {
	margin-bottom: 20px;
}

.related-links .media-desc {
	font-size: 0.8em;
}

@media (min-width: 768px) {
	.related-links .media-left {
		width: 140px;
	}
}

/**
 * Inner Page - List
 */

.article-list {
	margin-bottom: 42px;
}

.article-list .article {
	padding: 52px 0;
	border-bottom: 1px solid #EEEEEE;
}

.article-list .article.first,
.article-list .article:first-child {
	padding-top: 0;
}

.article-list .article.last,
.article-list .article:last-child {
	border-bottom: none;
}

.media-left {
	display: block;
	position: relative;
}

.media-object {
	max-width: 100%;
}

.media-body {
	width: auto;
	display: block;
}

@media (min-width: 768px) {
	.media-left {
		display: table-cell;
	}

	.article-list .media-left {
		width: 400px;
	}

	.media-body {
		width: inherit;
		display: table-cell;
	}
}

/**
 * Inner Page - Grid
 */

.article-grid {
	/*margin-bottom: 240px;*/
}

.article-grid .media-object {
	max-width: 100%;
}

.article-grid .article {
	margin-bottom: 40px;
}

.article-grid .media-body {
	width: auto;
}

@media (min-width: 768px) {
	.article-grid .media-body {
		display: block;
	}

	.article-grid .media-left .icon-play{
	    top: 40px;
		left: 65px;
	}
}

/**
 * Multimedia
 */

 .multimedia-inner-page .panel-multimedia a {
    text-decoration-line: underline;
}

 .multimedia-inner-page .panel-multimedia .panel-footer {
	height: auto;
	min-height: 101px;
}

.multimedia-article {
	margin-bottom: 50px;
}

.multimedia .article-grid {
	margin-bottom: 80px;
}

.video-wrapper .panel-multimedia {
	max-width: 540px;
}

@media (min-width: 768px) {
	.video-wrapper .panel-multimedia {
		width: 540px;
	}

	.video-wrapper .panel-multimedia .panel-body {
		width: 540px;
		height: 303px;
	}
}

/**
 * Inner Page - Scroll Table
 */

/*
.scroll-table-wrapper {
	padding-top: 28px;
	background: transparent url("images/speech-balloon/right-triangle_deco.png") no-repeat scroll right top;
}
*/

.scroll-table {
	padding: 12px;
	width:100%;
	overflow:auto;
	background-color: #C9E2AB;
}

.scroll-table ul {
	padding-left: 15px;
}

.scroll-table > table td,
.scroll-table > table th{
	border:1px solid #82a77a;padding:12px;vertical-align:top;
}

.scroll-table > table th {
	color:#550082;
	/*font-weight:bold;*/
}

.scroll-table > table tr:first-child > * {
	border-top:none;
	padding-top:0;
	/*white-space:nowrap;*/
	text-overflow:ellipsis;
}

.scroll-table > table thead + tbody tr:first-child > * {
	border-top: 1px solid #82a77a;
	padding-top: 12px;
	/*white-space: normal;*/
	/*text-overflow: ellipsis;*/
}

.scroll-table > table th:first-child,
.scroll-table > table td:first-child {
	border-left:none;padding-left:0;
}

.scroll-table > table th:last-child,
.scroll-table > table td:last-child {
	border-right:none;padding-right:0;
}

.scroll-table > table tbody tr:last-child > * {
	border-bottom:none;padding-bottom:0;
}

.scroll-table-last-row{
	border-bottom:none !important;
	padding-bottom:0 !important;
}

.scroll-table-non-first-col{
	padding-left:12px !important;
}

/*
@media (max-width: 479px) {
	.scroll-table > table td,
	.scroll-table > table th{
		white-space: nowrap;
	}
}
*/

@media (min-width: 768px) {
	@support not (-moz-hyphens: auto) {
		.scroll-table table {
			word-break: break-all;
		}
	}

	.scroll-table table {
		table-layout: fixed;
		width: 100%;

		/*-ms-word-break: break-all;*/
		word-break: break-word;

		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		/* -ms-hyphens: auto; */
		hyphens: auto;
	}
}


/**
 * Inner Page - Scroll Table
 */
.tip-box {
	margin-bottom: 10px;
	padding-top: 27px;
	background: transparent url("images/speech-balloon/right-triangle_pantone-137-u.png") no-repeat scroll 15px top;
}

.tip-box-body {
    border-left: 5px solid #FF9f37;
    padding: 12px;
    background-color: #FF9f37;
	color: #FFFFFF;
}

.tip-box-body p {
	color: #FFFFFF;
}

/**
 * Inner Page - Recently Viewed
 */
.recently-viewed-wrapper {
	padding: 20px;
	background-color: #540081;
}

.recently-viewed-wrapper h2 {
	color: #FFFFFF;
	margin: 0;
	padding-bottom: 10px;
}

ul.recently-viewed {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.recently-viewed li{border-bottom:1px solid #FFFFFF; padding: 17px 0;}
.recently-viewed li a{color:#FFFFFF;display:block;}
.recently-viewed li:last-child{ border:none;}

@media (min-width: 960px) {
	.recently-viewed-wrapper {
		margin-bottom: 15px;
	}
}


/**
 * Life Events
 */

.life-events-wrapper {
	/*height: 765px;*/
    position: relative;
}

.pin {
	padding-top: 11px;
}

.pin-body {
    width: 181px;
    padding: 25px 20px;
    color: #FFFFFF;
}

.pin a,
.pin a:hover,
.pin a:focus,
.pin a:active {
    color: #FFFFFF;
	text-decoration:none;
}

.pin.pin-supernova,
.pin.pin-pantone-108u {
	background: url(images/speech-balloon/isosceles-triangle_supernova.png) no-repeat scroll left top;
}

.pin.pin-supernova  .pin-body,
.pin.pin-pantone-108u  .pin-body {
    background-color: #F2C700;
}

.pin.pin-scooter,
.pin.pin-pantone-3115u {
	background: url(images/speech-balloon/isosceles-triangle_scooter.png) no-repeat scroll left top;
}

.pin.pin-scooter  .pin-body,
.pin.pin-pantone-3115u  .pin-body {
    background-color: #2CB6B9;
}

.life-events .article-list .media-left {
	width: auto;
}

.life-events .article-list .media-object {
	width: auto;
}

@media (min-width: 768px) {
	.life-events-wrapper {
		/*margin-bottom: 250px;*/
	}

	.life-events .article-list .media-left {
		padding-right: 40px;
	}
}

/**
 * Sitemap - About The Chin Family
 */
.about-us .section-header,
.about-the-chin-family .section-header {
	background-color: #4A2680;
}

.about-the-chin-family  .left-nav ul > li > a:hover,
.about-the-chin-family  .left-nav ul > li > a:active{
	color:#F2C600;
}

.about-the-chin-family  .left-nav .active > a {
	color:#F2C600;
}

.about-the-chin-family  .left-nav .lv2 {
	background-color: #6F519B;
}

.about-the-chin-family  .left-nav .lv3 {
	background-color: #937CB4;
}

.about-the-chin-family  .left-nav .lv4 {
	background-color: #B7A8CD;
}

.about-the-chin-family  .left-nav .lv5 {
	background-color: #DBD3E6;
}

.about-the-chin-family  .left-nav .lv6 {
	background-color: #EDE9F2;
}

.about-the-chin-family .left-nav .lv2 > .active > .dropdown-toggle,
.about-the-chin-family .left-nav .lv2 > .open > .dropdown-toggle {
	background:url(images/left-nav/about-the-chin-family_lv3.png) 20px bottom no-repeat;
}

.about-the-chin-family  .left-nav .lv3 > .active > .dropdown-toggle,
.about-the-chin-family  .left-nav .lv3 > .open > .dropdown-toggle {
	background:url(images/left-nav/about-the-chin-family_lv4.png) 20px bottom no-repeat;
}

.about-the-chin-family  .left-nav .lv4 > .active > .dropdown-toggle,
.about-the-chin-family  .left-nav .lv4 > .open > .dropdown-toggle {
	background:url(images/left-nav/about-the-chin-family_lv5.png) 20px bottom no-repeat;
}

.about-the-chin-family  .left-nav .lv5 > .active > .dropdown-toggle,
.about-the-chin-family  .left-nav .lv5 > .open > .dropdown-toggle {
	background:url(images/left-nav/about-the-chin-family_lv6.png) 20px bottom no-repeat;
}

/**
 * Sitemap - I am
 */

.i-am-_ .section-header{
	background-color: #EB5762;
}

.i-am-_ .left-nav .lv2 {
	background-color: #EF7A81;
}

.i-am-_ .left-nav .lv3 {
	background-color: #F39BA0;
}

.i-am-_ .left-nav .lv4 {
	background-color: #F7BCC0;
}

.i-am-_ .left-nav .lv5 {
	background-color: #FBDDDF;
}

.i-am-_ .left-nav .lv6 {
	background-color: #FDEEEF;
}

.i-am-_ .left-nav .lv2 > .active > .dropdown-toggle,
.i-am-_ .left-nav .lv2 > .open > .dropdown-togglee {
	background:url(images/left-nav/i-am._lv3.png) 20px bottom no-repeat;
}

.i-am-_ .left-nav .lv3 > .active > .dropdown-toggle,
.i-am-_ .left-nav .lv3 > .open > .dropdown-toggle {
	background:url(images/left-nav/i-am._lv4.png) 20px bottom no-repeat;
}

.i-am-_ .left-nav .lv4 > .active > .dropdown-toggle,
.i-am-_ .left-nav .lv4 > .open > .dropdown-toggle {
	background:url(images/left-nav/i-am._lv5.png) 20px bottom no-repeat;
}
.i-am-_ .left-nav .lv5 > .active > .dropdown-toggle,
.i-am-_ .left-nav .lv5 > .open > .dropdown-toggle {
	background:url(images/left-nav/i-am._lv6.png) 20px bottom no-repeat;
}

/**
 * Sitemap - Life Events
 */

.life-events .section-header {
	background-color: #F39543;
}

.life-events .left-nav .lv2 {
	background-color: #F5AA68;
}

.life-events .left-nav .lv3 {
	background-color: #F7BF8E;
}

.life-events .left-nav .lv4 {
	background-color: #FAD4B3;
}

.life-events .left-nav .lv5 {
	background-color: #FCE9D9;
}

.life-events .left-nav .lv6 {
	background-color: #FDF4EC;
}

.life-events .left-nav .lv2 > .active > .dropdown-toggle,
.life-events .left-nav .lv2 > .open > .dropdown-toggle {
	background:url(images/left-nav/life-events_lv3.png) 20px bottom no-repeat;
}

.life-events .left-nav .lv3 > .active > .dropdown-toggle,
.life-events .left-nav .lv3 > .open > .dropdown-toggle {
	background:url(images/left-nav/life-events_lv4.png) 20px bottom no-repeat;
}

.life-events .left-nav .lv4 > .active > .dropdown-toggle,
.life-events .left-nav .lv4 > .open > .dropdown-toggle {
	background:url(images/left-nav/life-events_lv5.png) 20px bottom no-repeat;
}

.life-events .left-nav .lv5 > .active > .dropdown-toggle,
.life-events .left-nav .lv5 > .open > .dropdown-toggle {
	background:url(images/left-nav/life-events_lv6.png) 20px bottom no-repeat;
}

/**
 * Sitemap - Managing Your Money
 */
.managing-your-money .section-header {
	background-color: #2EB6BA;
}

.managing-your-money .left-nav .lv2 {
	background-color: #57C4C7;
}

.managing-your-money .left-nav .lv3 {
	background-color: #81D3D5;
}

.managing-your-money .left-nav .lv4 {
	background-color: #ABE1E3;
}

.managing-your-money .left-nav .lv5 {
	background-color: #D5F0F1;
}

.managing-your-money .left-nav .lv6 {
	background-color: #EAF7F8;
}

.managing-your-money.left-nav .lv2 > .active > .dropdown-toggle,
.managing-your-money.left-nav .lv2 > .open > .dropdown-toggle {
	background:url(images/left-nav/managing-your-money_lv3.png) 20px bottom no-repeat;
}

.managing-your-money .left-nav .lv3 > .active > .dropdown-toggle,
.managing-your-money .left-nav .lv3 > .open > .dropdown-toggle {
	background:url(images/left-nav/managing-your-money_lv4.png) 20px bottom no-repeat;
}

.managing-your-money .left-nav .lv4 > .active > .dropdown-toggle,
.managing-your-money .left-nav .lv4 > .open > .dropdown-toggle {
	background:url(images/left-nav/managing-your-money_lv5.png) 20px bottom no-repeat;
}

.managing-your-money .left-nav .lv5 > .active > .dropdown-toggle,
.managing-your-money .left-nav .lv5 > .open > .dropdown-toggle {
	background:url(images/left-nav/managing-your-money_lv6.png) 20px bottom no-repeat;
}

/**
 * Sitemap - Financial Products
 */
.financial-products .section-header {
	background-color: #76B82A;
}

.financial-products  .left-nav .lv2 {
	background-color: #91c654;
}

.financial-products  .left-nav .lv3 {
	background-color: #ACD47F;
}

.financial-products  .left-nav .lv4 {
	background-color: #C8E2A9;
}

.financial-products  .left-nav .lv5 {
	background-color: #E3F0D4;
}

.financial-products  .left-nav .lv6 {
	background-color: #F1F7E9;
}

.financial-products  .left-nav .lv2 a {
	color: #585858;
}

.financial-products .left-nav .lv2  a:hover,
.financial-products .left-nav .lv2  .active > a{
	color:#550082;
}
.financial-products .left-nav .lv2 > .active > .dropdown-toggle,
.financial-products .left-nav .lv2 > .open > .dropdown-toggle {
	background:url(images/left-nav/financial-products_lv3.png) 20px bottom no-repeat;
}

.financial-products .left-nav .lv3 > .active > .dropdown-toggle,
.financial-products .left-nav .lv3 > .open > .dropdown-toggle {
	background:url(images/left-nav/financial-products_lv4.png) 20px bottom no-repeat;
}

.financial-products .left-nav .lv4 > .active > .dropdown-toggle,
.financial-products .left-nav .lv4 > .open > .dropdown-toggle {
	background:url(images/left-nav/financial-products_lv5.png) 20px bottom no-repeat;
}

.financial-products .left-nav .lv5 > .active > .dropdown-toggle,
.financial-products .left-nav .lv5 > .open > .dropdown-toggle {
	background:url(images/left-nav/financial-products_lv6.png) 20px bottom no-repeat;
}

/**
 * Sitemap - Scams
 */
.scams .section-header {
	background-color: #B2B2B2;
}

.scams .left-nav .lv2 {
	background-color: #C1C1C1;
}

.scams .left-nav .lv3 {
	background-color: #D0D0D0;
}

.scams .left-nav .lv4 {
	background-color: #E0E0E0;
}

.scams .left-nav .lv5 {
	background-color: #EFEFEF;
}

.scams .left-nav .lv6 {
	background-color: #F7F7F7;
}

.scams .left-nav .lv2 > .active > .dropdown-toggle,
.scams .left-nav .lv2 > .open > .dropdown-toggle {
	background:url(images/left-nav/scams_lv3.png) 20px bottom no-repeat;
}

.scams .left-nav .lv3 > .active > .dropdown-toggle,
.scams .left-nav .lv3 > .open > .dropdown-toggle {
	background:url(images/left-nav/scams_lv4.png) 20px bottom no-repeat;
}

.scams .left-nav .lv4 > .active > .dropdown-toggle,
.scams .left-nav .lv4 > .open > .dropdown-toggle {
	background:url(images/left-nav/scams_lv5.png) 20px bottom no-repeat;
}

.scams .left-nav .lv5 > .active > .dropdown-toggle,
.scams .left-nav .lv5 > .open > .dropdown-toggle {
	background:url(images/left-nav/scams_lv6.png) 20px bottom no-repeat;
}

/**
 * Sitemap - Tools & Resoucres
 */
.tool-and-resources .section-header,
.tools-and-resources .section-header {
	background-color: #00B6ED;
}

.tools-and-resources .left-nav .lv2 {
	background-color: #32C4F0;
}

.tools-and-resources .left-nav .lv3{
	background-color: #66D3F4;
}

.tools-and-resources .left-nav .lv4 {
	background-color: #99E1F7;
}

.tools-and-resources .left-nav .lv5 {
	background-color: #CCF0FB;
}

.tools-and-resources .left-nav .lv6 {
	background-color: #E5F7FD;
}

.tools-and-resources .left-nav .lv2 > .active > .dropdown-toggle,
.tools-and-resources .left-nav .lv2 > .open > .dropdown-toggle {
	background:url(images/left-nav/tools-and-resources_lv3.png) 20px bottom no-repeat;
}

.tools-and-resources .left-nav .lv3 > .active > .dropdown-toggle,
.tools-and-resources .left-nav .lv3 > .open > .dropdown-toggle {
	background:url(images/left-nav/tools-and-resources_lv4.png) 20px bottom no-repeat;
}

.tools-and-resources .left-nav .lv4 > .active > .dropdown-toggle,
.tools-and-resources .left-nav .lv4 > .open > .dropdown-toggle {
	background:url(images/left-nav/tools-and-resources_lv5.png) 20px bottom no-repeat;
}

.tools-and-resources .left-nav .lv5 > .active > .dropdown-toggle,
.tools-and-resources .left-nav .lv5 > .open > .dropdown-toggle {
	background:url(images/left-nav/tools-and-resources_lv6.png) 20px bottom no-repeat;
}

/**
 * Sitemap - Search
 */
.search .section-header,
.search .section-header {
}

/**
 * Sitemap
 */
.sitemap-wrapper .dropdown-menu {
	position: static;
	border: none;
	box-shadow: none;
	display: block;
	float: none;
	list-style-type: disc;
	padding: 0 0 0 40px;
}

.sitemap-wrapper .dropdown-menu > li > a {
    display: block;
    color: #550082;
	white-space: normal;
}

.sitemap-wrapper .dropdown-menu > li > a:hover,
.sitemap-wrapper .dropdown-menu > li > a:focus {
    color: #00BCBC;
    background-color: transparent;
}

.sitemap-wrapper .lv1_i-am-_ {
	display: list-item !important;
}

/**
 * Subscription Form
 */
.subscription-page .header-right-top,
.subscription-page .header-right-bottom,
.subscription-page .subscription-form {
	display: none !important;
}

/**
 * Contact Enquiry's Contact
 */

.contact-enquiry dt {
	text-align: left;
}


/**
 * GSA Advanced Search
 */
.advanced-search th {
	vertical-align: text-top;
}

.advanced-search tr{
	height: 50px;
}

.searchResult blockquote{
	font-size: 15px;
	margin: 10px 0px 10px 0px;
}

.searchResult .result-item-1 {
	margin: 20px 0px 20px 0px;
}

.searchResult blockquote .result-item-1 {
	margin: 5px 0px 5px 0px;
}

/**
 * Disclaimer
 */
.btn-agree-wrapper {
	margin-top: 5px;
	margin-bottom: 5px;
}
/*
.fancybox-overlay {
	z-index: 99999;
}
*/
.thechinfamily-disclaimer-fancybox .fancybox-skin{
	background: #ffffff;
}

.btn-agree-wrapper {
	text-align: center;
}

.btn-agree {
	font-size: 12px;
	white-space: pre-wrap;
	width: 100%;
}

.thechinfamily-disclaimer {
	overflow-x: hidden;
	font-family: "Calibri","Microsoft JhengHei", Arial, sans-serif;
}

@media (min-width: 768px) {
	/*
	.thechinfamily-disclaimer-message {
		overflow-y: scroll;
	}
	*/
}

@media (min-width: 980px) {
	.btn-agree {
		font-size: 14px;
		width: auto;
	}
}

.white-text {
	color: #ffffff;
}

/**
 * Other Hacks
 */
.hidden-marketing,
iframe[name='google_conversion_frame'] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

/**
 * Prize List
 */

.prizeList li{
	min-height: 240px;
 }

 /**
 * jwplayer
 */

.jw-skin-seven .jw-display-icon-container.jw-background-color {
	border: none;
	background: rgba(0,0,0,0.4);
}



/**
 * Polling
 */


.polling-banner{
	background: #f6ca00;
	text-align: center;
	/* width: 960px; */
	font-weight: bold;
/* 	font-size: 15px; */ /*  uat */
	position: fixed;
	width: 100%;
	z-index: 1000;
}

@media(min-width: 960px){
	.polling-banner p {
		margin: 0px;
	}
}

.polling-desktop-wrapper{
	position: fixed;
	bottom: 0;
	right: 20px;
	z-index: 1000;
	/* border: 4px solid #EB5762; */
	background: #FFFFFF;
	border-radius: 5px;
/* 	-webkit-box-shadow: -2px 3px 28px 6px rgba(112,112,112,0.75);
	-moz-box-shadow: -2px 3px 28px 6px rgba(112,112,112,0.75);
	box-shadow: -2px 3px 28px 6px rgba(112,112,112,0.75); */

	-webkit-box-shadow: 0px 0px 20px 3px rgba(219,219,219,1);
	-moz-box-shadow: 0px 0px 20px 3px rgba(219,219,219,1);
	box-shadow: 0px 0px 20px 3px rgba(219,219,219,1);

}


#polling-desktop{
	width: 320px;
	/* max-height: 400px !important; */ /* uat */
	border: 0;
	border-radius: 5px;
	/* margin: 20px 10px; */
	overflow-x: hidden;
	overflow-y: visible;

}

#polling-desktop body{
	margin: 0 !important;
}

.banner-close{
	position: fixed;
    right: 10px;
    top: 4px;
	color: #F9F9F9;
	cursor: pointer;
}

.embed_polling{
	border: 1px #EB5762 solid;
	background: #FFFFFF;
	margin: 20px 0;
}

/**
 * character landing
 */


 .character-container{
	padding-left: 0px !important;
	padding-right: 0px !important;

}

.hight-light-section{
	padding-left: 10px;
	padding-right: 10px;

}

.content-section .swiper-container, .social-media-section .swiper-container{
	padding-left: 10px;
	padding-right: 10px;
}

.spilt-content{
	margin-left: 10px;
	margin-right: 10px;

}

.ref-section
{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
}

.social-media-section{
	padding-left: 0px;
	padding-right: 0px;
}

@media (min-width: 768px)
{
	.content-section-header{
		padding-left: 10px;
		padding-right: 10px;
	}

	.social-media-section{
		padding-left: 10px;
		padding-right: 10px;
	}

	.ref-section{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (min-width: 960px)
{

	.character-container{
		padding-left: 10px !important;
		padding-right: 10px !important;

	}

	.hight-light-section{
		padding-left: 0px ;
		padding-right: 0px;

	}

	.content-section-header{
		padding-left: 0px;
		padding-right: 0px;
	}

	.social-media-section .swiper-container, .content-section .swiper-container{
		padding-left: 0px;
		padding-right: 0px;
	}

	.spilt-content{
		margin-left: 0px;
		margin-right: 0px;

	}

	.social-media-section
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	.ref-section{
		padding-left: 0px;
		padding-right: 0px;
	}

}



 /* Character Highlight */

.character-page .right-share {
	display: none;
}

.character-page .right-share-min{
	display:none;
}



 .hight-light-section{
	border: #000000;

 }

 .character-page .block
 {
	margin-bottom: 10px;
 }

 .left-block, .right-block{
	padding: 0px;
 }





 .character-header{
	height: 55px;
	background-color: #EB5762;
	padding: 10px 2px;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.188em;
	line-height: 35px;
	font-weight: bold;
 }

 .character-image{
	display: none;
 }

 .character-image img{
	width: 100%;
 }

 .character-banner{
	height: auto;
	width: 100%;
	overflow: hidden;
}



 .swiper-container-banner .swiper-slide a img{
	width: 100%;
	/* height: 320px; */
}





.swiper-pagination-banner{
    text-align: right !important;
    padding-right: 15px !important;
}

.swiper-pagination-bullet{
	background: #FFF !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active{
	background: #4D2683 !important;
}

.left-block{
	background: rgba(235, 87, 98, 0.2);
	color: #000;
	padding: 15px;
	height: auto;
	overflow: hidden;
	font-size: 16px;
}


.parent-title{
	font-size: 1.3em;
	color: rgba(235, 87, 98,1);
	font-weight: bold;
}

.character-block-en, .character-block-ch{
	display: none;
	position: absolute;

}


.character-image{
	width: 180px;
}

.character-chinese-title{
	font-weight: bold;
}


@media (min-width: 768px)
{
	 .character-image{
		display: block;
	 }

	.character-header{
		font-size: 1em;
	}

	.swiper-pagination-banner{
		top: 203px !important;
	}

	.character-banner{
		height: 238px;
	}

	.hight-light-section{
		height:243px;
	}

	 .right-block{
		padding-left: 10px;
	 }

	 .left-block{
		padding: 10px;
		height: 238px;
	 }

	 .character-block-ch{
		display: block;
		left: 60px;
		top: 120px;
	}

	.character-page  .swiper-container-banner .swiper-slide a img{
	height: 238px;
	}
}

@media (min-width: 960px)
{
	.character-page  .swiper-container-banner .swiper-slide a img{
	height: 300px;
	}

	 .character-page .block
	 {
		margin-top: 10px;
	}

	.character-header{
		font-size: 1.125em;
		height: 70px;
		line-height: 50px;
	}
	.swiper-pagination-banner{
		top: 270px !important;
	}

	.character-banner{
		height: 300px;
	}

	.hight-light-section{
		/* height:320px; */
		height:310px;
	}

	.character-block-en, .character-block-ch{
		display: block;
		left: 120px;
		top: 170px;
	}

	.left-block{
		height: 300px;
		overflow: hidden;
		font-size: 16.5px;
	}
}


/* Characcter Content */



.for-tablet{
	display: none;
}



.content-section-header, .blog-section-header, .fb-section-header, .ref-section-header{
	min-height: 24px;
	height: auto;
    margin: 20px 0px;
	/* margin-bottom: 40px; */
}




.title-purple{
	background-color: #5834b8;
}

.title-pink{
	background-color: #EB5762;
}


.content-section-title, .blog-section-title, .fb-section-title, .ref-section-title{
	line-height: 24px;
	font-size: 1.125em;
	font-weight: bold;
	padding-right: 10px;

	color: #FFFFFF;
	padding-right: 0px;
	padding-left: 10px;
	line-height: 40px;

}

.white-link, .white-link:hover, .white-link:active{
	color: #FFFFFF;
}

@media (max-width: 767px){
	.content-section-title, .blog-section-title, .fb-section-title, .ref-section-title{
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.fb-section-header{
		margin-bottom: 40px;
	}

}

.readmore-purple{
	background-color: #8266b9;
}

.readmore-pink{
	background-color: #F28A91;
}
.content-section-readmore, .blog-section-readmore, .fb-section-readmore, .ref-section-readmore{
	font-size: 0.750em;
	padding: 3px 12px;
/* 	border-radius: 80px; */
/* 	height: 23px; */
	color: #FFFFFF;
	white-space: pre;
/* 	margin-left: 6px; */
	height: 40px;
	float: right;
	line-height: 35px;
}



.content-section-block, .blog-section-block{
	margin-right: 20px;
	width: 100% !important;
}


.content-section-block, .blog-section-block, .fb-section-block{
    background-color: #EDE9F2;
	height: auto !important;
	border-top: solid #F08A91 2px;
	border-bottom: solid #FFFFFF 2px;
	border-right: solid #FFFFFF 2px;
	border-left: solid #FFFFFF 2px;
}



.content-section-block-image, .blog-section-block-image, .fb-section-block-image{
	width: 100%;
	/* height: auto; */
	max-height: 418px;
    overflow: hidden;
}

.content-section-block-image img, .blog-section-block-image img, .fb-section-block-image img{
	width: 100%;
	height: 100%;
}

.content-section-block-title, .blog-section-block-title, .fb-section-block-title{
	color: #4A2680;
	font-weight: bold;
	font-size: 1.125em;
	padding: 10px;
}

.fb-section-block-desc{
	color: #000000;
	font-size: 0.875em;
}

.content-section-block:hover , .blog-section-block:hover, .fb-section-block:hover{
	border: solid #F08A91 2px;
	background-color: #F08A91;

}

.content-section-block:hover .content-section-block-title,
.blog-section-block:hover .blog-section-block-title,
.blog-section-block:hover .blog-section-block-title p,

.fb-section-block:hover .fb-section-block-title,
.fb-section-block:hover .fb-section-block-title p,
.fb-section-block:hover .fb-section-block-title p,
.fb-section-block:hover .fb-section-block-title .fb-section-block-desc a{
	color: #FFFFFF !important;
}

.swiper-button-next{
	background-image: url(images/icons/chevron-right_white.png) !important;
    background-color: #4A2680 !important;
    opacity: 0.8;
    right: 0px !important;
	background-size: 14px 24px !important;
	width: 50px !important;
	height:50px !important;
}

.swiper-button-prev{
	background-image: url(images/icons/chevron-left_white.png) !important;
    background-color: #4A2680 !important;
    opacity: 0.8;
    left: 0px !important;
	background-size: 14px 24px !important;
	width: 50px !important;
	height:50px !important;
}

.more-content{
	width: 70px;
	text-align: center;
}

.blog-tablet-version{
	display: none;
}

.blog-mobile-version{
	display: block;
}

.facebook-section{
	padding-left: 0px;
    padding-right: 0px;
}

.fb-section-block{
	margin-left: 10px;
	margin-right: 10px;
}

.blog-en-img{
	width: 100%;
}



@media (min-width: 768px)
{
	.content-section-header, .blog-section-header, .fb-section-header, .ref-section-header{
		height: 40px;
	}

	.title-purple{
		background-color: #5834b8;
		color: #FFFFFF;
	}

	.title-pink{
		background-color: #EB5762;
		color: #FFFFFF;
	}
	.content-section-title, .blog-section-title, .fb-section-title, .ref-section-title{
		height: 40px;
		line-height: 24px;
		padding: 8px 10px;
		float: left;
	}

	.tc-investment-portal .content-section-title, .tc-investment-portal .blog-section-title, .tc-investment-portal .fb-section-title, .tc-investment-portal  .ref-section-title{
		width: 128px;
	}

	.en-investment-portal .content-section-title, .en-investment-portal .blog-section-title, .en-investment-portal .fb-section-title, .en-investment-portal .ref-section-title{
		width: 177px;
	}

	.en-parent-portal .content-section-title, .en-parent-portal .ref-section-title{
		width: 308px;
	}

	.en-parent-portal .blog-section-title, .en-parent-portal .fb-section-title{
		width: 240px;
	}

	.tc-parent-portal .content-section-title, .tc-parent-portal .blog-section-title, .tc-parent-portal .fb-section-title, .tc-parent-portal .ref-section-title{
		width: 142px;
	}

	.en-parent-portal .en-parent-blog-section{
		padding-left: 0px;
		padding-right: 10px;
	}

	.en-investment-portal .investment-products-title{
		width: 248px;
	}

	.readmore-pink{
		background-image: url(images/character-landing/readmore-pink.jpg);
	}

	.readmore-purple{
		background-image: url(images/character-landing/readmore-purple.jpg);
	}

	.content-section-readmore, .blog-section-readmore, .fb-section-readmore,
	.ref-section-readmore{
		font-size: 0.875em;
		width: 114px;
		height: 40px;
		line-height: 24px;
		padding: 8px 10px;
		border-radius: 0px;
		margin-left: 1px;
		float: left;
	}

	.content-section-block{
		width: 236px !important;
	}

	.blog-section-block{
		width: 172px !important;
		height: 320px !important;
	}

	.fb-section-block{
		width: 100% !important;
		height: 660px !important;
		margin-left: 0px;
		margin-right: 0px;
	}

	.parent-en{

		height: 450px !important;
	}

	.content-section-block-image{
		height: 131px;
		/* height: 158px; */
	}

	.blog-section-block-image{
		height: 95px;
	}

	.blog-section-block-title{
		height: 210px;
		overflow: hidden;
	}

	.for-mobile{
		display: none;
	}

	.for-tablet{
		display: block;
	}

	.blog-section, .blog-block-right{
		padding-left: 0px;
	}

	.blog-block-left{
		padding-right: 0px;
	}

	.facebook-section{
		padding-left: 10px;
		padding-right: 0px;
	}

	.blog-block-top{
		padding-bottom: 20px;
	}

	.blog-tablet-version{
		display: block;
	}

	.blog-mobile-version{
		display: none;
	}

	.blog-en-img{

		height: 202px;
	}
}

@media (min-width: 960px)
{

	.content-section-block {
		/* height: 220px !important; */
		width: 300px !important;
	}

	.blog-section-block{
		width: 220px !important;
		height: 325px !important;
	}

	.fb-section-block{
		height: 670px !important;
	}

	.parent-en{
		height: 450px !important;
	}

	.fb-section-block-title-tc{
		height: 410px;
	}

	.fb-section-block-title{overflow: hidden;
	}

	.blog-section-block-title{
		height: 200px;
		overflow: hidden;
	}


	.content-section-block-image{
		height: 167px;
		/* height: 214px; */
	}

	.blog-section-block-image{
		height: 122px;
	}

	.fb-section-block-image{
		height: 258px;
	}

	.blog-en-img{
		height: 256px;
	}

	.en-parent-portal .blog-section-title, .en-parent-portal .fb-section-title{
		width: 308px;
	}
}


.spilt-content{
	padding: 0px;

	border-color: #EB5762;
	margin-bottom: 0px;

}

.ref-section-list{
	color: #EB5762;
    font-size: 30px;
	margin-top: 36px;
}

.ref-section-list span{
	color: #4A2680;
	font-size: 0.625em;
}

.ref-section-list span:hover{
	color: #2CB6B9;
}

.ref-section-list ul{
	margin-bottom: 0px;
}

.ref-list-right, .ref-list-left{
	padding: 0px;
}


@media (min-width: 768px)
{
	.ref-list-right{
		padding-left: 10px;
	}

	.ref-list-left{
		padding-right: 10px;
	}

	.spilt-content{
		width: 97.4%;
	}

	.ref-section-list{
		margin-top: 0px;
	}
}

@media (min-width: 960px){
	.spilt-content{
		width: 100%;
	}

}

/**
 * Glossary
 */
.glossary-list-alphabet li a:hover, .glossary-list-alphabet li a.active {
    background: #2CB6B9 !important;
    color: #fff !important;
}


/*retire-wise review*/
.retire-wise-calculator-icon{
	margin-right: 5px;
}
.retire-wise-video-icon{
	height: 30px;
	width: 30px;
}

.retire-wise-article-icon{
	margin: 0 5px 5px 0;
}

.retire-wise-table-first-col{
	width: 25%;
}

.retire-wise-table-other-col{
	width: 37.5%;
}

/*footer*/
@media (max-width: 415px) {

	.footer-br{
		display: none;
	}
}

/*Investment portal*/
.purple-color{
	color: #5834b8;
}

.investment-title{
	font-size: 2.1em;
    color: #5834b8;
    font-weight: bold;
}

.investment-title-block{
	padding: 20px;
}

.investment-content-section{
	padding: 10px;
	color: #4A2680;
    font-size: 1em;
}

.investment-content-block-title{
	color: #4A2680;
    font-weight: bold;
    font-size: 1.125em;
}

.investment-getting-start-content{
	color: #4A2680;
    font-weight: normal;
}

.investment-facebook-content{
	color: #4A2680;
	font-weight: normal;
}

.investment-portal > .slick-prev, .slick-next{
	background-color: #EDE9F2 !important;
    z-index: 1;
}

.investment-products > .slick-prev{
	/* left: 87px !important;  */
	left: 2px !important; /* 121 */
	height: 40px;
}

.market-and-intermediaries > .slick-prev{
	left: 1px !important; /* 130 */
	height: 40px;
}

.en-investment-portal .investment-products > .slick-prev{
	/* left: 120px !important;  */
	height: 40px;
}

.en-investment-portal .market-and-intermediaries > .slick-prev{
	/* left: 120px !important;  */
	height: 40px;
}

.investment-portal > .slick-next{
	right: 0px !important;
	height: 40px;
}

.investment-portal > .slick-list > .slick-track  > .slick-slide{
	padding: 10px 10px 10px 11px;
	margin: 0;
	height: 40px !important;
	color: #4A2680;
}

.investment-portal > .slick-prev:before, .slick-next:before{
	color:#4A2680;
}

.investment-portal > .slick-prev:before {
    content: '<' !important;
	color: #4A2680 !important;
}

.investment-portal > .slick-next:before {
	content: '>' !important;
	color: #4A2680 !important;
}

.investment-portal > .slick-list > .slick-track {
    background-color: #EDE9F2;
}

.investment-products-title{
	font-size: 16.875px;
	color: #FFFFFF;
}



.investment-products-title {
	color: #FFFFFF !important;

}

.investment-portal div a{
	font-size: 15px;
}

.investment-desc-en{
	text-align: justify;
}

@media (min-width: 768px){
	.investment-products-title{
		margin-right: 10px;
		text-decoration: underline;
	}

	.tc-investment-portal .investment-products, .tc-investment-portal .market-and-intermediaries{
		margin-left: 128px; /* 128 */
	}

	.en-investment-portal .investment-products, .en-investment-portal .market-and-intermediaries{
		margin-left: 248px; /* 128 */
	}

	.investment-desc-en{
		font-size:15px;
	}

}

@media (min-width: 768px) and (max-width: 959px){
	.en-investment-portal .investment-title{
		font-size:20px;
	}

	.en-investment-portal .investment-sub-title{
		font-size:16px;
	}

	.en-investment-portal .investment-desc-en{
		font-size:11.5px;
	}

	.tc-investment-portal .investment-desc-tc{
		font-size:14px;
	}
}

@media (max-width: 767px){

	.investment-portal > .slick-prev{
		left: 0px !important;
	}

	/* .investment-portal > .slick-prev, .slick-next{
		top: 75% !important;
	} */

	.investment-products-title{
		margin-bottom: 0px !important;
		float: none !important;
		margin-bottom: 0px !important;
	}

	.slick-list.draggable {
		margin-left: 10px;
	}
}

.investment-latest-button{
	top: 35% !important;
}

.portal-swiper-head{
	display: none;
}

.investment-portal{
	display: block;
}

@media (max-width: 767px){
	.portal-swiper-box{
		float:left;
		padding-right: 14px;
		padding-left: 8px;
		line-height: 55px;
	}


	.investment-product-list{
		width:1150px;
	}

	.en-investment-portal .investment-product-list{
		width:1550px;
	}

	.market-list{
		width:900px;
	}

	.en-investment-portal .market-list{
		width:1280px;
	}

	.portal-swiper-head{
		width: 100%;
		overflow: scroll;
		overflow-y: hidden;
		display: block;
		background-color: #EDE9F2;
		height: 58px;
	}


	.portal-swiper-head::-webkit-scrollbar {
		height: 5px;
		background: hsla(256, 41%, 56%, 0.5);
	}

	.portal-swiper-head::-webkit-scrollbar-thumb{
		background-color: #5834b8;
		border-radius: 20px;
	}

	.portal-swiper-head::-webkit-scrollbar-button {
		background-color: #5834b8;
		scrollbar-arrow-color:  hsla(256, 41%, 56%, 0.5);

	}

	.investment-portal{
		display: none !important;
	}

	.long-text{
		line-height: 23.5px !important;
		text-align: center;
		margin-top:3px;
	}

}

.subscription-page{
	font-family: "Calibri","Microsoft JhengHei", Arial, sans-serif;
}

/* jwplayer icon */

.jwplayer .jw-controls {
	background: transparent !important;
}

.jw-icon.jw-icon-display.jw-button-color > .jw-svg-icon-play {
	border: .22em solid;
	border-radius: 50%;
	width: 3em;
	height: 3em;
	padding: 7.5px;
	margin: -15px;
	color: rgba(255,0,0,1);
	border-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 10px 2px rgba(119,119,119,1), 0px 0px 10px 2px rgba(119,119,119,1) inset;
}

@media (max-width: 479px) {
	.jw-icon.jw-icon-display.jw-button-color > .jw-svg-icon-play {
		width: 32px;
		height: 32px;
		padding: 3px;
	}	
}

/*20180524-money management tools page*/
.money-management-tools{
	display: flex;
	flex-wrap: wrap;
}

.tools-block-div{
	width: 163px; 
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 12px;
}

.tools-items-div{
	width: 100%;
	height: 275px;
	margin-left: 4px;
	margin-top: 4px;
	padding-right: 5px;
}


.tools-item-yellow-background{
	background-image: url("/web/common/images/tools-and-resources/calculators/yellow-background.png");
	height: 100%;
}

.tools-item-gray-background{
	background-image: url("/web/common/images/tools-and-resources/calculators/gray-background.png");
	height: 100%;
}

.tools-title-div{
	height: 85px;
	padding-top: 15px;
}

.tools-title-p{
	color: #550082; 
	font-size: 16px; 
	font-weight: bold;
}

.tools-desc-p{
	font-size: 15px;
	color: #555555;
	margin-bottom: 0;
}

.tools-icon{
	margin-bottom: 10px;
}

.tools-startnow-button{
	background-color: #4C2F92;
	color: white;
	font-size: 18px;
	font-weight: bold;
	height: 44px;
	padding-top: 10px;
	margin-left: 4px;
}

.tools-startnow-button-div{
	padding-right: 1px;
}

.tools-hot-icon{
	position: absolute;
}


.tools-app-button{
	display: flex;
    height: 44px;
    margin-left: 4px;
    padding-right: 5px;
    width: 100%;
}

.tools-app-button-a{
    padding: 0px;
}

.tools-app-button-div{
	background-color: #4C2F92;
	padding-top: 9px;
	padding-bottom: 9px;
	height: 44px;
}

.tools-button-ios {
	margin-right: 2px;
}
.tools-button-android{
	margin-left: 2px;
}

/* @media (max-width: 959px){
	.tools-desc-p, .tools-title-p{
		font-size: 14px;
	}
} */

@media (max-width: 374px){
	.tools-block-div {
		width: 100%;
	}
	
/* 	.tools-desc-p{
		font-size: 15px;
	}
	
	.tools-title-p{
		font-size: 16px; 
	} */
	
	.tools-title-div{
		height: 60px;
	}
	
	.tools-icon {
		width: 80px;
	}
	
	.tools-items-div {
		height: 220px;
	}

	.tools-desc-p {
		padding: 0 20px 0 20px;
	}
	
	.tools-item-yellow-background{
		background-image: url("/web/common/images/tools-and-resources/calculators/yellow-background-mobile.png");
	}

	.tools-item-gray-background{
		background-image: url("/web/common/images/tools-and-resources/calculators/gray-background-mobile.png");
	}
}

.recently-viewed-wrapper{
	display: none !important;
}

/*template: iec_invested - multimedia-inner*/
.list-video li {
	width: 32.5% !important;
    margin-right: 3px !important;
	padding-right: 0px !important;
}


@media (max-width: 767px) {
	.list-video li {
		width: 49% !important;
		margin-right: 0px !important;
	}
}

@media (max-width: 400px) {
	.list-video li {
		width: 100% !important;
	}
}


/*Retirement portal*/
@media (min-width: 768px) {
	.retirement-swiper-button-disabled-desktop{
		display: none;
	}
}


@media (min-width: 768px){	
	.en-retirement-portal .content-section-title, .en-retirement-portal .ref-section-title{
		width: 260px;
	}
	
	.en-retirement-portal .blog-section-title, .en-retirement-portal .fb-section-title{
		width: 177px;
	}
	
	.tc-retirement-portal .content-section-title, .tc-retirement-portal .ref-section-title, .tc-retirement-portal .blog-section-title, .tc-retirement-portal .fb-section-title{
		width: 180px;
	}
	
	.en-retirement-portal .fb-section-block{
		height: 500px !important;
	}

}

.en-retirement-portal .investment-title{
	font-size: 19px;
}


.en-retirement-portal .investment-desc-en, 
.tc-retirement-portal .investment-desc-tc{
	margin-top: 15px;
}


.en-retirement-portal .investment-desc-en{
	margin-top: 5px;
}

@media (min-width: 768px){
	.en-retirement-portal .investment-desc-en{
		font-size:16px;
	}	
}

/* .en-retirement-portal .investment-title-block{
	    padding-top: 15px;
}	 */

@media (max-width: 959px) {
	.en-retirement-portal .investment-desc-en, 
	.tc-retirement-portal .investment-desc-tc{
		margin-top: 10px;
	}
}

@media (min-width: 768px) and (max-width: 959px){
	.en-retirement-portal .investment-title{
		font-size:14px;
	}

	.en-retirement-portal .investment-desc-en{
		font-size:11.5px;
	}

	.tc-retirement-portal .investment-desc-tc{
		font-size:14px;
	}
}

/*portal description*/
.investment-desc-en, .investment-desc-tc,
.en-parent-portal .left-block, 
.tc-parent-portal .left-block{
	font-weight: normal;
}

/*portal 2-cards*/
.portal-2-cards-block{
	padding-right: 0;
}

.portal-2-cards-block-size{
	width: 100% !important;
    height: 100% !important;
}

.portal-2-cards-block-title{
	height: 180px;
}

.portal-2-cards-block-image{
	height: 100%;
}

@media (min-width: 768px)
{
	.portal-2-cards-fb-section-block{
		height: 793px !important;
	}
	
	.tc-investment-portal .portal-2-cards-fb-section-block{
		height: 713px !important;
	}
}

@media (min-width: 960px)
{
	.portal-2-cards-fb-section-block{
		height: 901px !important;
	}
	
	.tc-investment-portal .portal-2-cards-fb-section-block{
		height: 821px !important;
	}
}

.tc-investment-portal .portal-2-cards-block-title{
	height: 140px;
}

/*20181220 - IFEC*/
.ifec-logo-text{
	color: #53468d;
    vertical-align: bottom;
}

.social-media-icon{
	vertical-align: top;
    margin-top: 5px;
}

.social-media .icon-contact-us{
    margin-top: 0px;
}

.site-footer .social-media-icon{
    margin-top: 10px;
}

.site-footer .social-media .icon-contact-us{
    margin-top: 5px;
}

@media (min-width: 960px){
	.mobile-ifec-logo{
		display: none;
	}	
	.ifec-logo{
		position: absolute;
		top: 35px;
		right: 0;
	}
}

@media (max-width: 959px) {
	.mobile-ifec-logo{
		display: block;
	}
	.ifec-logo{
		text-align: right;
		margin-bottom: 5px;
		
	}
	.ifec-logo-text{
		font-size: 14px;
	}
	.ifec-logo-img{
		height: 38.04px;
	}
	.navbar-header {
		height: 95px;
	}
	.navbar{
		height: 85px;
	}
}

@media (max-width: 400px) {
	.ifec-logo-text{
		font-size: 11px;
	}	
}

@media (min-width: 768px) {
	.footer-hyperlinks-wrapper{
		height: 70px;
	}
}

@media (max-width: 767px) {
	.footer-copyright, .footer-hyperlinks-wrapper{
		margin-bottom: 10px;
	}
}