.smlineheight{
	line-height: 1.2 !important;
}

.ftsize{
	font-size: 30px;
}

.circle-wrap-1, .circle-wrap-2, .circle-wrap-3 {
	background-image: linear-gradient(to bottom, #f47b20, #fcd0ae)
}
.fnCircle span, .h2, .h9 {
	line-height: 1.7
}
.modal-open {
    overflow:hidden;
}
#menu, body {
	-webkit-font-smoothing: antialiased
}
#ceo-mobile, #ceo-pc, #chairman-mobile, #chairman-pc, #group-financial-highlight, #sustainability-at-fn {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%
}
#menu, #menu ul, .list-wrap li, .list-wrap-mb li {
	list-style-type: none
}
#menu, .uk-icon-button {
	box-sizing: border-box
}
.list-wrap ul, .list-wrap-mb ul {
	top: 8px;
	z-index: -1;
	position: absolute
}
@font-face {
	font-family: 'Open Sans Regular';
	src: url('../font/OpenSans-Regular.eot');
	src: url('../font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Regular.woff2') format('woff2'), url('../font/OpenSans-Regular.woff') format('woff'), url('../font/OpenSans-Regular.ttf') format('truetype'), url('../font/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Open Sans Light';
	src: url('../font/OpenSans-Light.eot');
	src: url('../font/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Light.woff2') format('woff2'), url('../font/OpenSans-Light.woff') format('woff'), url('../font/OpenSans-Light.ttf') format('truetype'), url('../font/OpenSans-Light.svg#OpenSans-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Open Sans Medium';
	src: url('../font/OpenSans-Medium.eot');
	src: url('../font/OpenSans-Medium.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Medium.woff2') format('woff2'), url('../font/OpenSans-Medium.woff') format('woff'), url('../font/OpenSans-Medium.ttf') format('truetype'), url('../font/OpenSans-Medium.svg#OpenSans-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Open Sans Semibold';
	src: url('../font/OpenSans-SemiBold.eot');
	src: url('../font/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-SemiBold.woff2') format('woff2'), url('../font/OpenSans-SemiBold.woff') format('woff'), url('../font/OpenSans-SemiBold.ttf') format('truetype'), url('../font/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap
}
@font-face {
	font-family: 'Open Sans Bold';
	src: url('../font/OpenSans-Bold.eot');
	src: url('../font/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../font/OpenSans-Bold.woff2') format('woff2'), url('../font/OpenSans-Bold.woff') format('woff'), url('../font/OpenSans-Bold.ttf') format('truetype'), url('../font/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap
}
:root {
--FNbabyblue:#54B9C1;
--FNorange:#F47B20;
--FNlightorange:#F3AF35;
--FNred:#ED636C;
--FNblue:#0C5CAB;
--FNlightblue:#59B9C0;
--FNlightblue2:#598CC2;
--FNgreen:#2C9F37;
--FNpurple:#887BB9
}
body {
	font-size: 14px;
	color: #000!important;
	-moz-osx-font-smoothing: grayscale;
	webkit-overflow-scrolling: touch;
	letter-spacing: .03rem;
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-family: 'Open Sans Medium';
	overflow-x: hidden
}
#Chart02 text, #LINE_1 text, #Layer_1 text, #Layer_5 text, .bold-text {
	font-family: 'Open Sans Bold'
}
.medium-text {
	font-family: 'Open Sans Medium'
}
.regular-text {
	font-family: 'Open Sans Regular'
}
.light-text {
	font-family: 'Open Sans Light'
}
.semibold-text {
	font-family: 'Open Sans Semibold'
}
.background-orange-color {
	background-color: #f47a21
}
.background-yellow-color {
	background-color: #f3af35;
	transition: .3s
}
.background-light-yellow-color {
	background-color: #fff2e0
}
.background-light-orange-color {
	background-color: #ffd5b5
}
.background-pink-color {
	background-color: #fc5f69;
	transition: .3s
}
.background-light-pink-color {
	background-color: #fcedeb
}
.background-light-green-color {
	background-color: #f8fcf8
}
.background-green-color {
	background-color: #2c9f37;
	transition: .3s
}
.background-blue-color {
	background-color: #2750a0;
	transition: .3s
}
.background-babyblue-color, .bgBlueFact {
	background-color: #d3eef0
}
.background-2babyblue-color {
	background-color: #59b9c0
}
.background-light-blue-color {
	background-color: #d5d7eb
}
.background-menu-orange-color {
	background-color: #f8c794
}
.background-white-color {
	background-color: #fff
}
.background-purple-color {
	background-color: #887bb9;
	transition: .3s
}
.background-light-purple-color, .darkPurple {
	background-color: #ece9f5
}
.background-dblue-color {
	background-color: #598cc2
}
.background-dblue2-color {
	background-color: #d8e6ff
}
.background-transparent-black-color {
	background-color: rgba(0,0,0,.3)
}
.background-transparent-white-color {
	background-color: rgba(255,255,255,.3)
}
#fnNavBar, .menu-bar {
	background-color: #54b9c1
}
.six-capital-icon {
	padding: 10px 15px;
	border-radius: 100%
}
.fnIntroVideo a, .text-white-color {
	color: #fff
}
.GfhBtn:hover .read-more, .text-blue-color {
	color: #2750a0
}
.text-orange-color {
	color: #f36f22
}
.text-yellow-color {
	color: #fcb42a
}
.text-purple-color {
	color: #9b97cc
}
.a-color, .colorBlack, .footer a, .text-black-color {
	color: #000
}
.footer-mobile a, .text-grey-color {
	color: #4e5055
}
.SrBtn:hover .read-more, .text-green-color {
	color: #2c9f37
}
#menu, .color, .fnCircle span {
	color: #fff
}
.title-wrap {
	text-align: center
}
.title, .title-top {
	display: inline-flex;
	align-items: center
}
.menu-bar {
	width: 60px;
	height: 750px;
	position: fixed;
	z-index: 9;
	top: 40px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px
}
.color, .h-num {
	background-color: #fff
}
.menu-tin {
	position: absolute;
	bottom: 30px;
	left: 12px
}
.arrow-wrap, .circle-outer, .download, .facts-at-a-glance-bottle, .inner-name-ceo-wrap, .inner-name-wrap, .menu-bar-wrap, .position-relative {
	position: relative
}
.sm-circle {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px dashed #fff;
	position: relative
}
.bg-circle, .md-circle {
	border-radius: 100%;
	position: relative
}
.md-circle {
	width: 25px;
	height: 25px;
	border: 1px dashed #fff
}
.bg-circle {
	width: 28px;
	height: 28px;
	border: 1px dashed #fff
}
.menu-num {
	position: absolute;
	left: 9px
}
.menu-num-s {
	position: absolute;
	left: 5px
}
.menu-num-wrap, .menu-num-wrap-green {
	position: absolute;
	bottom: 15%;
	left: 25%
}
.ceo, .chairman {
	bottom: 0;
	left: 50%
}
.h1 {
	font-size: 40px
}
.h20, .menu-item-text {
	font-size: 20px
}
.h2 {
	font-size: 30px
}
.h3 {
	font-size: 24px
}
#Layer_1 .cls-30, .cls-99, .h4 {
	font-size: 15px
}
.h5 {
	font-size: 16px
}
.h6, .h7 {
	font-size: 14px
}
.h8 {
	font-size: 13px
}
.h9 {
	font-size: 12px
}
.h10 {
	font-size: 8px
}
.h11 {
	font-size: 10px
}
.title-num {
	width: 25px;
	height: 25px;
	border-radius: 100%
}
.uk-wrap {
	padding: 40px 50px 0 100px;
	position: relative
}
.ceo, .ceo-name-wrap, .chairman, .chairman-name-wrap, .chairman-name-wrap::before, .circle-inner, .green-bubble, .inner-bar, .yellow-bubble {
	position: absolute
}
.content-wrap, .marginInnerTitle, .marginT50px {
	margin-top: 50px
}
#glance *+ul, .facts-content-wrap, .marginT10px {
	margin-top: 10px
}
.chairman {
	transform: translateX(-40%);
	width: 40%
}
.ceo {
	transform: translateX(-50%);
	width: 45%
}
.circle-wrap-1, .circle-wrap-2 {
	border-radius: 100%;
	width: 24px;
	height: 240px
}
.circle-wrap-3 {
	border-radius: 100%;
	width: 250px;
	height: 250px
}
.ceo-name-wrap, .chairman-name-wrap {
	padding: 10px;
	border-right: 8px solid #887bb9;
	bottom: 30px;
	left: 0
}
.ceo-name-wrap {
	padding: 20px;
	border-right: 8px solid #f3af35;
	width: 60%
}
.button-width, .dl-button-width {
	padding: 7px 25px;
	border-radius: 25px
}
.chairman-name-wrap::before {
	content: url("../../image/svg/position-icon.svg");
	display: block!important;
	right: 0;
	bottom: -5px
}
.ceo-inner-name-wrap::before, .ceo-name-wrap::before {
	content: url(../../image/svg/ceo-position.svg);
	display: block!important;
	position: absolute;
	right: 0;
	bottom: -5px
}
.dl-button-width {
	border: none
}
#ceo {
	overflow-y: hidden
}
.yellow-bubble {
	bottom: 15%;
	right: 34%;
	z-index: 1
}
.green-bubble {
	top: 0;
	right: 20%
}
.capital {
	padding: 10px 20px
}
.capital-box, .name-width, .padding-glance-box, .padding20px {
	padding: 20px
}
.h-num {
	border-radius: 100%;
	width: 60px;
	height: 60px
}
.capital-box-inner p, .footer ul {
	margin: 0
}
.fnGlanceSlider .s-title-wrap {
	border-radius: 25px;
	padding: 0 15px
}
.financial-box {
	padding: 15px;
	border-radius: 15px;
	width: 100%
}
.financial-box-bg-wrap {
	border-radius: 15px;
	border: 1px solid #fff
}
.displayGrid {
	display: grid
}
#financial-box .uk-grid>*, .paddingL10px {
	padding-left: 10px
}
.divider {
	border-left: 1px solid #fff
}
.revenue-pie-chart {
	width: 78%;
	margin: 0 auto
}
.better-business, .operating-profit-pie-chart {
	width: 90%
}
.arrow-width {
	border-radius: 100%;
	width: 30px;
	height: 30px;
	position: relative
}
.arrow {
	width: 10px;
	position: absolute;
	left: 11px;
	top: 7px
}
.border-bottom {
	border-bottom: .5px solid #fff;
	width: 100%
}
#basic-report ul {
	list-style-image: url(./image/svg/list-icon.svg)
}
.report-border {
	border-bottom: 1px solid #59b9c0;
	width: 100%
}
.circle {
	width: 6px;
	height: 6px;
	background-color: #59b9c0;
	border-radius: 100%
}
.basic-report-wrap {
	padding: 30px;
	border-radius: 25px
}
#basic-report .basic-report::before {
	content: url(./image/svg/triangle.svg);
	display: block!important;
	position: absolute;
	left: 10%
}
.arrow-2 {
	border: solid #fff;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px
}
.down {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg)
}
.arrow-line {
	border-left: 2px solid #fff;
	height: 13px;
	position: absolute;
	left: 3px
}
.green-circle, .marginT30px {
	margin-top: 30px
}
.blue-circle, .products {
	margin: 0 auto
}
.ar-cover {
	width: 75%
}
.sr-cover {
	width: 35%
}
.chairman-bubble-wrap {
	position: relative;
	transform: translateY(-35px)
}
.fn100Plus-tin, .fnNav {
	left: 50%;
	transform: translateX(-50%)
}
.group-revenue-bg {
	background-image: linear-gradient(to bottom, #fde0c9, #ffc160);
	padding: 20px;
	width: 80%;
	position: relative
}
#fnNavBar, .chairman-inner, .nav-bar {
	position: fixed
}
.nav-bar {
	z-index: 9
}
.right0, .share-menu {
	right: 0
}
a:hover {
	text-decoration: none
}
.hm_navs {
	padding-left: 30px;
	padding-top: 30px
}
#fnNavBar {
	top: 50%;
	left: 0;
	width: 60px;
	height: 96%;
	z-index: 999;
	transform: translateY(-50%);
	border-radius: 0 20px 20px 0;
	transition: .5s
}
.uk-modal.uk-open {
	z-index: 9999
}
.fnNav {
	position: absolute;
	bottom: 100px
}
.fnNav>div {
	padding-top: 10px;
	cursor: pointer
}
.fnCircleDotText, .fnNav .active .fnCircleDot g {
	fill: #fff
}
.fnNav .fnNavLabels {
	writing-mode: tb-rl;
	transform-origin: left center;
	transform: rotate(-180deg);
	padding: 10px 0;
	font-size: 14px;
	overflow: hidden;
	position: relative;
	left: 20px;
	line-height: 1.1em;
	display: none
}
.fnNav .active+.fnNavLabels {
	color: #fff;
	display: block
}
.fnCircle {
	width: 30px;
	height: 30px;
	border: 1px dotted #fff;
	border-radius: 50%
}
.fnCircle span {
	font-size: 18px
}
.active .fnCircleDotText {
	fill: var(--FNbabyblue)
}
.fp-viewing-chairman .active .fnCircleDotText {
	fill: var(--FNpurple)
}
.fp-viewing-ceo .active .fnCircleDotText {
	fill: var(--FNlightorange)
}
.fp-viewing-glance .active .fnCircleDotText {
	fill: var(--FNred)
}
.fp-viewing-financial .active .fnCircleDotText {
	fill: var(--FNblue)
}
.fp-viewing-sustainability .active .fnCircleDotText {
	fill: var(--FNgreen)
}
.fp-viewing-report .active .fnCircleDotText {
	fill: var(--FNlightblue)
}
.fp-viewing-download .active .fnCircleDotText {
	fill: var(--FNlightblue2)
}
.fp-viewing-ceo #fnNavBar {
	background-color: var(--FNorange)
}
.fp-viewing-chairman #fnNavBar {
	background-color: var(--FNpurple)
}
.fp-viewing-ceo #fnNavBar {
	background-color: var(--FNlightorange)
}
.fp-viewing-glance #fnNavBar {
	background-color: var(--FNred)
}
.fp-viewing-financial #fnNavBar {
	background-color: var(--FNblue)
}
.fp-viewing-sustainability #fnNavBar {
	background-color: var(--FNgreen)
}
.fp-viewing-report #fnNavBar {
	background-color: var(--FNlightblue)
}
.fp-viewing-download #fnNavBar {
	background-color: var(--FNlightblue2)
}
.fn100Plus-tin {
	position: absolute;
	bottom: 20px
}
.btn-list, .desktop-display-none, .fnMenuClose {
	display: none
}
#menuToggle {
	display: block;
	-webkit-user-select: none;
	user-select: none;
	cursor: pointer
}
#menuToggle input {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	cursor: pointer;
	opacity: 0;
	z-index: 20;
	-webkit-touch-callout: none;
	transition: .5s
}
#menuToggle .menuOpen {
	transform: translate(0, 0)
}
.fnMenuClose {
	display: block;
	background-image: url("../../image/close.svg");
	background-repeat: no-repeat;
	z-index: 9;
	position: absolute;
	top: 20px;
	right: 45px;
	width: 35px;
	height: 35px
}
.menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: rgba(0,0,0,.6);
	transition: .7s;
	opacity: 0;
	z-index: 99999
}
#menuToggle .menuOpen.menu-overlay {
	width: 100%;
	opacity: 1;
	position: relative;
	z-index: 99999
}
#menu {
	position: fixed;
	margin: 0;
	right: 0;
	top: 0;
	background: #ffd5b5;
	transform-origin: 0% 0%;
	transform: translate(150%, 0);
	height: 100vh;
	overflow-y: auto;
	opacity: 1;
	z-index: 1;
	transition: .5s cubic-bezier(.77, .2, .05, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 50px 50px 0
}
.fnHeaderRight, .fnHeaderRight-inner {
	position: fixed;
	top: 30px;
	right: 100px;
	z-index: 1
}
.uk-dropdown {
	background: 0 0;
	box-shadow: none;
	padding: 10px 15px
}
.fnShare {
	margin-right: 35px;
	width: 25px;
	height: 30px
}
.fnLogo, .fnLogo-inner {
	position: fixed;
	left: 100px;
	top: 30px;
	z-index: 99;
	height: 68px
}
.fnShare img {
	height: 100%
}
ul.fnMedia li:nth-child(2) {
	margin: 15px 0
}
.fnLogo {
	width: 80px
}
.fnLogo-inner {
	width: 60px
}
.introvideo, .introvideomobile {
	margin: auto;
	display: block;
	z-index: 1;
	left: 0;
	visibility: visible;
	width: 100%;
	top: 50%;
	opacity: 1
}
.introvideo {
	position: absolute;
	transform: translate(0, -50%);
	height: 100%;
	object-fit: cover
}
.introvideomobile {
	orientation: landscape
}
#audio-control, .fnIntroVideo {
	position: absolute;
	z-index: 999
}
#audio-control {
	cursor: pointer;
	width: 45px;
	height: 45px;
	background: #f36f22;
	border-radius: 100%;
	display: inline-block;
	bottom: 50px;
	right: 100px
}
#audio-control img {
	padding: 9px
}
.fnIntroVideo {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	background-color: var(--FNblue);
	border-radius: 30px;
	padding: 10px 20px
}
#chairman-inner .fnBubble-1, .fnBubble, .fnBubble-1, .fnBubble-chairman {
	position: relative;
	background-color: transparent;
	color: #222;
	text-align: center;
	display: block
}
.fnBubble-1 {
	width: 130%;
	margin: 0 auto
}
#chairman-inner .fnBubble-1 {
	width: 60%
}
.smMarginTop {
	margin-top: 2px
}
.fnBubble-chairman {
	width: 65%
}
.circle__inner, .fnCeo img, .fnChairman img, .footer {
	position: absolute
}
.fnBubble-chairman:after, .fnBubble:after {
	display: block;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	border-radius: 50%;
	background-image: linear-gradient(to top, #f47b20, #f89246, #fba768, #fcbc8b, #fcd0ae);
	content: ""
}
.name-wrap::before, .name-wrapA::before {
	content: url(../../image/svg/position-icon.svg);
	display: block!important;
	right: 0
}
.green-circle .fnBubble-chairman:after, .green-circle .fnBubble:after {
	display: block;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	border-radius: 50%;
	background-image: linear-gradient(to top, #0c5cab, #4474b5, #698dbe, #8ca5c7, #b0becf);
	content: ""
}
.blue-circle .fnBubble-1:after, .blue-circle .fnBubble-chairman:after {
	display: block;
	padding-bottom: 100%;
	width: 100%;
	height: 0;
	border-radius: 50%;
	background-image: linear-gradient(to top, #4eb26b, #7fbd7b, #a4c991, #c3d4ab, #dce1c9);
	content: ""
}
.circle__inner {
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.circle__wrapper {
	display: table;
	width: 100%;
	height: 100%
}
.circle__content {
	display: table-cell;
	padding: 1em;
	vertical-align: middle;
	color: #fff
}
.circle__content p {
	margin: 0;
	line-height: 1.2
}
.fnChairman img {
	bottom: -20px;
	transform-origin: 45% 100%
}
.fnCeo img {
	bottom: 0;
	transform: scale(1.2);
	transform-origin: 80% 100%
}
.ceo-index, .ceoBtn:hover .list-wrap ul, .ceoBtn:hover .list-wrap-mb ul, .fnBtn:hover .list-wrap ul, .fnBtn:hover .list-wrap-mb ul {
	z-index: 1
}
.fnGlanceSlider {
	width: 90%;
	display: block;
	margin: 0 auto
}
#ceo-mobile {
	background-image: url("../../image/ceo-bg-mobile.jpg")
}
#ceo-pc {
	background-image: url("../../image/ceo-bg.jpg")
}
#chairman-mobile {
	background-image: url("../../image/chairman-bg-mobile.jpg")
}
#chairman-pc {
	background-image: url("../../image/chairman-bg.jpg")
}
#group-financial-highlight {
	background-image: url("../../image/financial-highlight-bg.jpg")
}
#sustainability-at-fn {
	background-image: url("../../image/photo/sustainability-bg.jpg")
}
#menu li a .menu-item, #sustainability-at-fn .sustainability-menu-item, .background-orange-color, .sustainability-menu {
	transition: .3s
}
.fnBtn:hover .read-more, .list-wrap li a, .list-wrap-mb li a {
	color: #887bb9
}
.fnBtn:hover .background-purple-color {
	background-color: #f5f4fc;
	border-radius: 25px;
	border: 1px solid #887bb9
}
.ceoBtn:hover .background-yellow-color {
	background-color: #f8eeda;
	border-radius: 25px;
	border: 1px solid #f3af35
}
.listbutton:hover .background-yellow-color {
	background-color: transparent;
	border-radius: 25px;
	border: 1px solid #f3af35
}
.ceoBtn:hover .read-more, .textYellow {
	color: #f3af35
}
.factsBtn:hover .read-more {
	color: #fc5f69
}
.factsBtn:hover .background-pink-color {
	background-color: transparent;
	border-radius: 25px;
	border: 1px solid #fc5f69
}
.GfhBtn:hover .background-blue-color {
	background-color: transparent;
	border-radius: 25px;
	border: 1px solid #2750a0
}
.SrBtn:hover .background-green-color {
	background-color: transparent;
	border-radius: 25px;
	border: 1px solid #2c9f37
}
.menu-divider {
	border: 1px solid #fff;
	width: 100%;
	opacity: .5
}
#menu li.Active ::before {
	content: url(./img/menu-active-item.svg);
	position: absolute;
	top: 0;
	left: -30px
}
#menu a {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.intellectual-title-color {
	background-color: #c7e2fe
}
.intellectual-content-color {
	background-color: #5d92ca
}
.natural-title-color {
	background-color: #d5e6a7
}
.natural-content-color {
	background-color: #bbd870
}
.sr-content-color {
	background-color: #faa74a
}
#menu li a:hover .menu-item {
	color: #f36f22;
	transform: translateX(15px)
}
#sustainability-at-fn .sustainability-menu-item:hover {
	color: #000;
	transform: translateX(15px)
}
.footer li {
	display: inline;
	list-style-type: disc
}
.footer {
	width: 100%;
	bottom: 0
}
.fp-watermark {
	display: none;
	padding: 15px 100px
}
.titleA, .uk-icon-button {
	display: inline-flex
}
.footer-inner {
	bottom: 0;
	padding: 10px 80px
}
.facts-button {
	margin: 0 auto;
	width: 110px
}
.Sr-button {
	width: 110px
}
.blue-menu-bar, .dark-blue-menu-bar, .green-menu-bar, .orange-menu-bar, .pink-menu-bar, .yellow-menu-bar {
	width: 60px;
	height: 95%;
	position: fixed;
	z-index: 9;
	top: 15px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px
}
.orange-menu-bar {
	background-color: #887bb9
}
.yellow-menu-bar {
	background-color: #f3af35
}
.dark-blue-menu-bar {
	background-color: #0b57af
}
.blue-menu-bar {
	background-color: #5cb7e2
}
.pink-menu-bar {
	background-color: #ed636c
}
.green-menu-bar {
	background-color: #61c681
}
.menu-top-wrap {
	position: absolute;
	top: 5%
}
.horizontal-text {
	writing-mode: vertical-rl;
	transform: scale(-1)
}
.marginB20px {
	margin-bottom: 20px
}
.paddingB50px {
	padding-bottom: 50px
}
.marginT5px {
	margin-top: 5px
}
.paddingR80px {
	padding-right: 80px
}
.paddingR50px {
	padding-right: 50px
}
.paddingR20px {
	padding-right: 20px
}
.paddingR120px, .paddingR70px {
	padding-right: 70px
}
.paddingL5 {
	padding-left: 5%
}
.paddingR5 {
	padding-right: 5%
}
.paddingL120px, .paddingL130px {
	padding-left: 130px
}
.paddingB20px {
	padding-bottom: 20px
}
.paddingB5px {
	padding-bottom: 5px
}
#report ul, .paddingL20px {
	padding-left: 20px
}
.solid-circle {
	width: 20px;
	height: 20px;
	border-radius: 100%;
	border: 1px solid #fff;
	position: relative;
	background-color: #fff
}
.name-wrapA {
	padding: 20px;
	border-right: 8px solid #887bb9;
	bottom: 0
}
.name-wrapB, .nameWrap {
	padding: 20px;
	border-right: 8px solid #ed636c;
	bottom: 0
}
.name-wrap::before {
	position: absolute;
	bottom: 0
}
.name-wrapA::before {
	position: absolute;
	bottom: -1%
}
.name-wrapB::before {
	content: url(../../image/svg/pink-position-icon.svg)
}
.nameWrap::before {
	display: block!important;
	position: absolute;
	right: 0;
	bottom: -7%
}

.nameWrape::before {
	display: block!important;
	position: absolute;
	right: 0;
	bottom: -7%
}


.blueCard {
	top: 90%;
	right: -2%
}
.paddingT50px, .paddingT80px {
	padding-top: 50px
}
.largeTop, .paddingFinancial, .paddingT10px {
	padding-top: 10px
}
.paddingT2px {
	padding-top: 2px
}
.paddingTB30px {
	padding: 30px 0
}
.paddingT90px {
	padding-top: 90px
}
.marginT60px {
	margin-top: 60px
}
.marginT20px {
	margin-top: 20px
}
.marginB30px {
	margin-bottom: 30px
}
.marginT150px {
	margin-top: 150px
}
.paddingT30px {
	padding-top: 30px
}
.marginB50px {
	margin-bottom: 50px
}
.marginB120px {
	margin-bottom: 120px
}
.paddingT20px {
	padding-top: 20px
}
.padding30px {
	padding: 30px
}
.padding020px {
	padding: 0 20px
}
.padding10px {
	padding: 10px
}
.paddingR10px {
	padding-right: 10px
}
.padding5px {
	padding: 5px
}
.padding2010 {
	padding: 10px 20px 10px 50px
}
.padding8050 {
	padding: 80px 50px
}
.lightOrange {
	background-color: #f9f7ff
}
.backgroundGradient {
	background: linear-gradient(#887bb9, #ece9f5);
	height: 20px
}
.backgroundYellowGradient {
	background: linear-gradient(#f3af35, #ffefd5);
	height: 20px
}
.backgroundPinkGradient {
	background: linear-gradient(#ed636c, #fdece9);
	height: 20px
}
.bgbuilding, .bgimg {
	background-repeat: no-repeat
}
.bgimg, .bgimgCEO, .bgimgJoint {
	height: 100vh
}
.lightBlue {
	background-color: #5cb7e2
}
.bgbuilding {
	background-image: url(../../inner_img/building@2x.png);
	background-size: contain;
	background-position: right
}
.bgimg {
	background-image: url(../../inner_img/chairman-milk@2x.jpg);
	background-size: cover
}
.bgimgCEO {
	background-image: url(../../inner_img/ceo-tea-inner@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover
}
.bgimgJoint, .innerImageWrap .innerImage.ceo-chairman {
	background-image: url(../../inner_img/joint-only@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover
}
.bgLightBlue {
	background-color: #e3eaf6
}
.bgDarkBlue {
	background-color: #0b57af
}
.yellowChairmanBG {
	background-color: #ffe8c4
}
.vibrantOrange {
	background-color: #f47b20
}
.bgyellow {
	background-color: #f3af35
}
.lightyellow {
	background-color: #fff3ea
}
.yellow {
	background-color: #ffefd5
}
.bgblue {
	background-color: #8bd0f0
}
.bgGrey {
	background-color: rgba(0,0,0,.2);
	color: #fff
}
.bgLgrey {
	background-color: #e6e7e8
}
.bgmilk {
	background-image: url(../../inner_img/bg-milk@2x.png);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 100%;
	background-color: #8bd0f0;
	background-attachment: fixed;
	background-position: center
}
.bgFactGreen {
	background-color: #66c080
}
.bgLGreen {
	background-color: #edf6ee
}
.bgpink {
	background-color: #fdece9
}
.darkpink {
	background-color: #ffdbde
}
.bgpinkcard {
	background-color: #ffd9dc
}
.bgLBlue {
	background-color: #eef9f9
}
.bgGreen {
	background-color: #ecf4eb
}
.bgdarkpink {
	background-color: #ec636c
}
.bgImgSustainable {
	background-image: url(../../inner_img/sustainable@2x.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 0 20px 20px 0
}
.lineHeight27px {
	line-height: 27px
}
.lineHeight17px {
	line-height: 17px
}
.width95 {
	width: 95%
}
.capital-box-inner #Layer_1, .capital-box-inner #Layer_2, .width70 {
	width: 70%
}
.width35 {
	width: 35px
}
.fit-content, .widthFitContent {
	width: fit-content
}
.borderTop5px {
	border-top: 100px solid;
	border-image-slice: 1;
	border-width: 20px;
	border-image-source: linear-gradient(to left, #F47B21, #FDE7D5)
}
.whiteborder {
	border: 1px solid #fff
}
.borderRadius20px {
	border-radius: 20px
}
.borderRadius10px {
	border-radius: 10px
}
.borderRadiusLeft20px {
	border-radius: 20px 0 0 20px
}
.borderRadiusLeft10px {
	border-radius: 10px 0 0 10px
}
.bgRecycle, .bgSustainable, .borderRadiusRight20px {
	border-radius: 0 20px 20px 0
}
.borderRight1px {
	border-right: 1px solid #fff
}
.borderB1 {
	border-bottom: 1px solid #fff
}
.borderR1B {
	border-right: 1px solid #000;
	height: 100%
}
.textOrange {
	color: #f47b21
}
.textBlue {
	color: #5bb6e1
}
.textDarkGreen {
	color: #61c681
}
.textPink {
	color: #ed636c
}
.textDarkBlue {
	color: #0b57af
}
.textWhite {
	color: #fff!important
}
.textGreen {
	color: #70b878
}
.floatLeft {
	float: left
}
.colorBlue {
	color: #5cb7e2
}
.bgYellow {
	background-color: #feb135
}
.bgsummaryBlue {
	background-color: #14549d
}
.bgSLBlue {
	background-color: #dee1f1
}
.bgFrameworkYellow {
	background-color: #fef2db
}
.width10 {
	width: 10%
}
.export-market-icon, .fullwidth, .width100 {
	width: 100%
}
.flexB20 {
	flex-basis: 60%
}
.flexB10 {
	flex-basis: 40%
}
.flex20 {
	flex-basis: 20%
}
.flex80 {
	flex-basis: 80
}
.flex30 {
	flex-basis: 30%
}
.flex70 {
	flex-basis: 70%
}
.alignCenter {
	align-items: center
}
.top50, .topCenter {
	top: 50%
}
.uk-table-divider {
	border-top: 1px solid #2b2e34!important
}
.uk-table-large td, .uk-table-large th {
	padding: 32px 12px
}
.bgRecycle {
	background-image: url(../../inner_img/recycle-image@2x.jpg);
	background-size: cover
}
.bgSustainable {
	background-image: url(../../inner_img/sustainable@2x.jpg);
	background-size: cover
}
.uk-icon-button {
	width: 36px;
	height: 36px;
	border-radius: 500px;
	background: #f47a21;
	color: #fff;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
	transition: color .3s ease-in-out, background-color .3s ease-in-out
}
.uk-icon-button:hover {
	background-color: #fff;
	color: #f47a21
}
.Chart-wrapper {
	margin: 25px
}
#LINE_1 {
	stroke-dasharray: 1680
}
.Show {
	animation: 1.5s show;
	-webkit-animation: 1.5s show
}
@-webkit-keyframes show {
from {
stroke-dashoffset:-1680
}
to {
stroke-dashoffset:0
}
}
.RevenueBar_wrap {
	position: relative;
	width: 35px;
	height: 220px;
	overflow: hidden
}
.fnAnimationDelay {
	animation-delay: .2s
}
.uk-height-1-1 {
	height: calc(100% - 60px)
}
.bar-wrap {
	width: 100%;
	height: 10px;
	background-color: #fff;
	border-radius: 0 25px 25px 0
}
.bar-inner-1, .bar-inner-2, .bar-inner-3, .bar-inner-4, .bar-inner-5, .bar-inner-6 {
	height: 100%;
	border-radius: 0 25px 25px 0
}
.bar-inner-1 {
	width: 80%;
	background-color: #385987
}
.bar-inner-2 {
	width: 90%;
	background-color: #ed1e23
}
.bar-inner-3 {
	width: 95%;
	background-color: #66c080
}
.bar-inner-4 {
	width: 50%;
	background-color: #385987
}
.bar-inner-5 {
	width: 40%;
	background-color: #ed1e23
}
.bar-inner-6 {
	width: 30%;
	background-color: #66c080
}
.revenue, .whiteDot {
	background-color: #fff
}
.revenue {
	padding: 15px 10px;
	border-radius: 15px
}
.name-wrapC::before {
	content: url(../../image/svg/ceo-position.svg);
	display: block!important;
	position: absolute;
	right: 0;
	bottom: -5%
}
.name-wrapC {
	border-right: 8px solid #f3af35;
	bottom: 0;
	position: absolute;
	width: 99%
}
.name-wrapB::before {
	content: url(../../inner_img/pink-position-icon.svg);
	display: block!important;
	position: absolute;
	right: 0;
	bottom: -1%
}
.ceo .uk-grid, .margin-grid-1 {
	margin-top: 0!important
}
.text-align, .txtAlignLeft {
	text-align: left
}

@media only screen and (max-width:1440px) {
.h1 {
	font-size: 35px!important
}
.uk-glance-wrap, .uk-wrap {
	padding: 20px 100px 0!important
}
.footer-inner {
	padding: 10px 70px!important
}
}

@media only screen and (max-width:1366px) {
.fnCeo img {
	scale: inherit;
	transform: inherit
}
.fnChairman img {
	position: absolute;
	bottom: -20px;
	transform-origin: 45% 100%
}
.facts-at-a-glance-bottle {
	position: relative;
	width: 80%;
	margin: 0 auto
}
.fnCeoQuote {
	padding-left: 38px
}
.uk-glance-wrap {
	padding: 10px 50px 0 90px!important;
	position: relative
}
.padding-glance-box {
	padding: 15px!important
}
.h2glance {
	line-height: 1.2;
	font-size: 30px
}
.uk-wrap {
	padding: 10px 50px 0 90px!important
}
.footer-inner .h8 {
	font-size: 10px!important
}
.fnLogo {
	width: 60px!important;
	top: 18px!important
}
body {
	line-height: 1.4!important
}
.footer-inner {
	padding: 10px 100px!important
}
#fnNavBar {
	width: 55px!important
}
}

@media only screen and (max-width:1280px) {
.fnCeo img {
	scale: inherit;
	transform: inherit
}
.fnChairman img {
	position: absolute;
	bottom: -20px;
	transform-origin: 45% 100%
}
.fnCeoQuote {
	padding-left: 0
}
#Layer_1 .cls-6 {
	fill: none
}
.footer-inner {
	padding: 10px 100px!important
}
.footer-inner .h8 {
	font-size: 10px
}
.uk-glance-wrap {
	padding: 10px 100px 0!important;
	position: relative
}
.padding-glance-box {
	padding: 15px!important
}
.bold-text-glance {
	font-size: 25px!important
}
body {
	line-height: 1.4!important
}
.blueboxtext {
	font-size: 10px!important
}
.title-sm-num {
	min-width: 25px;
	min-height: 25px
}
.fnLogo {
	width: 60px!important;
	top: 18px!important
}
.h1 {
	font-size: 35px!important
}
.menu-num-wrap {
	bottom: 20%!important
}
#summary .menu-num-wrap {
	bottom: 15%!important
}
.h2 {
	font-size: 25px
}
.fn100Plus-tin {
	width: 20px!important
}
.fnNav {
	bottom: 80px!important
}
.mobilepadding {
	padding-bottom: 100px
}
}
.darkgreyDot, .greenDot, .whiteDot {
	min-width: 10px;
	min-height: 10px
}

@media only screen and (max-width:1199px) {
.ceo-name-wrap, .chairman-name-wrap {
	bottom: 0!important;
	left: 0
}
.blueCardCeo {
	width: 100%
}
.signs {
	width: 30%
}
.paddingFinancial {
	padding-top: 150px!important
}
.h4, .h7 {
	font-size: 16px!important
}
.marginInnerTitle {
	margin-top: 120px!important
}
.largeTop {
	padding-top: 100px!important
}
.paddingL120px {
	padding-left: 50px!important
}
.paddingR120px {
	padding-right: 50px!important
}
.revenue-pie-chart-1 {
	width: 80%!important
}
.revenue-pie-chart {
	width: 60%!important
}
.cover {
	width: 35%!important
}
.chairman-name-wrap {
	padding: 20px 40px;
	border-right: 8px solid #887bb9;
	position: relative
}
.ceo-inner-name-wrap, .ceo-name-wrap {
	padding: 20px 40px;
	border-right: 8px solid #f3af35;
	position: relative
}
.uk-wrap {
	padding: 40px 80px 0!important;
	position: relative
}
.h1-mobile {
	font-size: 30px!important;
	text-align: left;
	line-height: 1
}
.title-mobile {
	display: inline-flex;
	align-items: flex-start!important
}
.h1 {
	font-size: 35px!important
}
.export-market-icon {
	width: 22%!important;
	margin-left: 20px
}
.uk-glance-wrap {
	padding: 40px 100px!important;
	position: relative
}
.blueboxtext {
	font-size: 14px!important
}
.bold-text-glance {
	font-size: 30px!important
}
.fnLogo {
	width: 55px!important;
	top: 18px!important
}
.fnHeaderRight {
	top: 25px!important
}
.fnHeaderRight-inner {
	top: 35px!important
}
.fnShare {
	width: 22px
}
.fnMedia {
	margin-left: 10px;
	margin-top: 10px
}
.mockupvideo {
	width: 80%;
	margin: 0 auto;
	display: block
}
.footer-inner {
	padding: 10px 20px!important
}
#chairman-inner .fnBubble-1 {
	width: 60%
}
#bgmargintop {
	margin-top: 100px
}
#menu {
	width: 40vw!important
}
.blueCardCeo {
	top: 83%
}
.h3 {
	font-size: 20px
}
#ninenine .paddingL20px {
	padding-left: 0!important
}
}

@media only screen and (max-width:960px) {
.margin100 {
	margin: 30px!important
}
.fnBubble-chairman {
	width: 90%
}
#chairman-inner .fnBubble-1 {
	width: 95%
}
#summary .h7, .h7 {
	font-size: 14px!important
}
.h1 {
	font-size: 25px!important
}
#traslation .translation-btn-wrap {
	top: 200px!important;
	left: 125px!important
}
#traslation .button-width {
	padding: 7px 15px!important
}
#summary .h3 {
	font-size: 15px!important
}
.paddingR120px, .paddingR50px, .paddingR70px {
	padding-right: 20px!important
}
.financialsmtop {
	margin-top: 20px
}
.better-business, .better-society {
	margin: 0 auto;
	display: block
}
.signs {
	width: 30%
}
.h3 {
	font-size: 18px!important
}
.better-society {
	width: 60%!important
}
.better-business, .revenue-pie-chart-2 {
	width: 50%!important
}
.inner-back-wrap {
	margin-right: 100px!important
}
.revenue-pie-chart-3 {
	width: 39%!important
}
.revenue-pie-chart-1 {
	width: 60%!important
}
.revenue-pie-chart {
	width: 44%!important
}
.cover {
	width: 28%!important
}
.mobilebtn .h8 {
	font-size: 14px;
	text-align: center
}
.fnCeo img {
	scale: inherit;
	transform: inherit
}
.fnChairman img {
	position: absolute;
	bottom: -20px;
	transform-origin: inherit
}
body {
	overflow-x: hidden
}
.h1-mobile {
	font-size: 22px!important
}
.uk-glance-wrap {
	padding: 40px 20px 0!important
}
.uk-wrap {
	padding: 20px 20px 0!important;
	position: relative
}
.srwidth {
	width: 90%!important
}
.fnLogo {
	left: 5%!important
}
.fnHeaderRight, .fnHeaderRight-inner {
	right: 50px!important
}
#menu {
	width: 100vw!important
}
.fnIntroVideo {
	padding: 10px 15px
}
.export-market-icon {
	margin-left: 30px
}
.title-top {
	display: inline-flex;
	align-items: flex-start
}
.text-left {
	text-align: left
}
.title-width {
	width: calc(100% - 100px)
}
.arrow-2 {
	border-width: 0 2px 2px 0
}
.dl-button-width {
	padding: 7px 15px
}
.fnMedia {
	margin-left: 70px
}
.paddingL120px {
	padding-left: 20px!important
}
}

@media only screen and (max-width:440px) {

	.ftsize{
		font-size: 22px !important;
	}
}

.green-bubble, .yellow-bubble {
	width: 15%
}
.whiteDot {
	border-radius: 100%
}
.greenDot {
	border-radius: 100%;
	background-color: #56c6d0;
	border: 1px solid #fff
}
.darkgreyDot {
	border-radius: 100%;
	background-color: #939598;
	border: 1px solid #fff
}
.margin-small-right {
	margin-right: 5px
}
.cls-13 {
	stroke: #56C6D0!important
}
.chart-indicator, .fp-table, .justify-center {
	justify-content: center
}
.capital-box-inner {
	width: auto;
	display: block
}
.capital-box-inner #Layer_5, .sign {
	width: 60%
}
#Layer_1 text, #Layer_2 text, #Layer_5 path, #Layer_5 text {
	fill: white;
	opacity: 1
}
.border-radius {
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px
}
.width90 {
	width: 50px
}
.revenue-pie-chart-1 {
	width: 103%;
	margin: 0 auto
}
.revenue-pie-chart-2 {
	width: 67%;
	margin: 0 auto
}
.revenue-pie-chart-3 {
	width: 48%;
	margin: 0 auto
}
.blueCardCeo {
	top: 80%;
	right: -2%
}
#Layer_1, .cls-6 {
	fill: transparent!important
}
#Chart02 .cls-6 {
	fill: #fff!important
}
.box-1-color {
	background-color: #7b7cbf
}
.box-2-color {
	background-color: #e77c32
}
.box-3-color {
	background-color: #5b92ca
}
.box-4-color {
	background-color: #1246a5
}
.box-5-color {
	background-color: #67bfc6
}
.box-6-color {
	background-color: #fbb438
}
.box-7-color {
	background-color: #f8a653
}
.box-8-color {
	background-color: #b8d975
}
.float-right {
	float: right
}
.uk-glance-wrap {
	padding: 40px 100px 0;
	position: relative
}
.smpaddingR10px {
	padding-right: 5px
}
.widthiconglance {
	width: 45px
}
.bold-text-glance {
	font-size: 30px
}
.blueboxtext {
	font-size: 12px
}
.title-sm-num {
	min-width: 25px;
	min-height: 25px
}
.width40 {
	width: 40px
}
#healthier .h2 {
	line-height: 1
}
.margin100 {
	margin: 100px
}
.back-icon {
	width: 60px;
	height: 60px
}
#Layer_1, .cls-88 {
	font-size: 14px!important
}
.fr-1 {
	width: 51%;
	transform: translateX(51%)
}
.fr-2 {
	width: 69%;
	transform: translateX(24%)
}
.mobile-nav, .mobile-nav-inner {
	position: absolute;
	width: 100vw;
	background-color: #fff
}
.mobile-nav {
	height: 80px
}
.mobile-nav-inner {
	height: 100px
}
.cover, .srwidth {
	width: 50%
}
#joint-inner .uk-grid-divider>:not(.uk-first-column)::before {
	border-left: 1px solid #000!important
}
#footer-mobile .h9, .lineheight12 {
	line-height: 1.2
}
.border-footer {
	border-bottom: 1px solid #fff;
	width: 100%
}
.export-market-num {
	font-size: 50px
}
.margin-grid, .remove-top {
	margin-top: 10px!important
}
.fixedMenu {
	position: fixed;
	width: 100vw;
	z-index: 1
}
.phonenavBG {
	width: 100vw;
	height: 100%;
	padding: 20px;
	background-color: #fff
}
.boxshadow {
	box-shadow: 5px 7px 5px #d9d9d9
}
.boxshadowbar {
	box-shadow: 3px -10px 14px #484848
}
.bgWhite {
	background: #fff
}
.phoneMenuNav {
	padding: 0!important;
	left: 0!important
}
li.no-deco {
	list-style-type: none;
	position: relative;
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 20px;
	left: 5px
}
.hover-spacing:hover {
	letter-spacing: 1px;
	transition: .4s ease-in-out
}
.hover-spacing {
	letter-spacing: 0;
	transition: .4s ease-in-out
}
.width100px {
	width: 100px
}
.innerImgFixed {
width:calc((100% - 90px)/ 10*4);
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0
}
.innerImageWrap, .innerImageWrap .innerImage {
	width: 100%;
	height: 100%
}
.innerImageWrap.ceo-chairman, .innerImageWrap.chairman-one {
	display: flex;
	flex-direction: column
}
.innerImageWrap {
	position: relative
}
.full, .full-ceo {
	position: fixed;
	height: 100vh
}
.innerImageWrap .innerImage.ceo-chairman {
	background-position: center bottom
}
.innerImageWrap .innerImage.chairman-one {
	background-image: url(../../inner_img/chairman-milk@2x.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover
}
.innerImageWrap .innerImage.ceo-one {
	background-image: url(../../inner_img/ceo-tea-inner@2x.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover
}
.inner-name-border {
	border-right: 1px solid #000
}
.btn-divider {
	border-right: 1px solid #7768b9;
	margin: 0 5px
}
.btn-list ul {
	display: flex;
	position: absolute;
	list-style-type: none;
	top: 8px;
	right: 16px
}
.full-ceo {
	right: 0;
	top: 0
}
.inner-back {
	width: 25px
}
.inner-back-wrap {
	float: right;
	margin-top: 28px;
	margin-right: 150px
}
.recycleimg {
	margin: 0 auto;
	display: block
}

@media screen and (min-width:320px) and (max-width:950px) and (orientation:landscape) {
body {
	overflow: hidden
}
.landscape {
	display: block;
	z-index: 9999;
	background-image: url(../../image/turnDevice.png);
	position: fixed;
	width: 100%;
	height: 100vh
}
}
.none {
	display: none!important
}
.margin-grid ul {
	margin: 0!important
}
.popupVideo {
	height: 100vh;
	background-color: #000;
	position: fixed;
	width: 100vw;
	top: 0;
	z-index: 9999;
}
.popupVideoCls {
	position: absolute;
	top: 20px;
	right: 10px;
	min-width: 20px
}
.popupVideo video {
	padding: 40px
}
.margin-top-video {
	margin-top: 80px
}
.list-wrap ul {
	display: flex;
	right: 17px
}
.list-wrap-mb ul {
	display: flex;
	right: 50%;
	left: 50%;
	transform: translateX(-240%)
}
.fnBtn .border-divider {
	border-right: 1px solid #887bb9;
	height: 20px;
	margin: 0 7px
}
.ceoBtn .border-divider {
	border-right: 1px solid #f09d00;
	height: 20px;
	margin: 0 7px
}
.ceoBtn .list-wrap li a, .ceoBtn .list-wrap-mb li a {
	color: #f09d00
}
.ceoBtn:hover .dl, .fnBtn:hover .dl {
	opacity: 0
}


.read-more .social-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.social-icons {
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
    width: max-content;
}

.read-more .social-icons li a {
    display: inline-flex;
    vertical-align: middle;
    -webkit-transform: translateY(55px);
    transform: translateY(55px);
    transition: .3s cubic-bezier(.215, .61, .355, 1);
}

.fnMulBtn:hover .read-more .social-icons li:nth-child(1) a {
    transition-delay: 0.15s;
}

.fnMulBtn:hover .read-more .social-icons li a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.read-more .social-icons li a {
    display: inline-flex;
    vertical-align: middle;
    -webkit-transform: translateY(55px);
    transform: translateY(55px);
    transition: .3s cubic-bezier(.215, .61, .355, 1);
    color:#887bb9;
}

.fnMulBtn2 .read-more .social-icons li a {
    color:#f3af35;
}


.button-width{
	overflow: hidden;
	position:relative;
}

.button-width:hover{
    border: 1px solid #887bb9;
    background-color: #fff;
}

.fnMulBtn2:hover{
    border: 1px solid #f3af35;
    background-color: #fff;
}


.read-more .social-icons li.fndivider {
    border-right: 1px solid #887bb9;
    margin: 0 10px;
    opacity: 0;
}

.fnMulBtn2 .read-more .social-icons li.fndivider {
    border-right: 1px solid #f3af35;
    margin: 0 10px;
    opacity: 0;
}

.button-width:hover .social-icons li.fndivider {
    opacity: 1;
}

.fnMulBtn{
    padding: 7px 35px;
}

.read-more{  
    text-align:center;
}
#chairman-sec{
    background-color:#F9F7FF;
}

#ceo-sec{
    background-color:#FDE0C9;
}

#facts-glance{
    background-color:#FFE8E8;
}

#report-sec{
    background-color:#D3EEF0;
}

#download-sec{
    background-color:#E0EAFE;
}